
.rg-buy-hero{padding:78px 0 68px;background:radial-gradient(ellipse at 85% 10%,rgba(54,15,90,.12),transparent 54%),#000;border-bottom:1px solid #360f5a}
.rg-buy-kicker{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:#c9c3ce;margin:0 0 14px}
.rg-buy-hero h1{max-width:890px;font-family:Georgia,serif;font-size:clamp(38px,5vw,66px);line-height:1.11;font-weight:500;margin:0 0 18px;color:#e5e2e7}
.rg-buy-lead{font-size:18px;color:#aaa6ad;line-height:1.68;max-width:890px}
.rg-buy-section{padding:67px 0;border-bottom:1px solid #291632}
.rg-buy-section h2{font-family:Georgia,serif;font-size:clamp(27px,3.4vw,43px);font-weight:500;color:#e5e2e7;margin:6px 0 19px}
.rg-buy-section> .wrap >p{max-width:930px;color:#aaa6ad}
.rg-buy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:27px}
.rg-buy-grid.tri{grid-template-columns:repeat(3,minmax(0,1fr))}
.rg-buy-card{background:#070609;border:1px solid #360f5a;border-radius:12px;padding:27px;display:flex;flex-direction:column;gap:9px}
.rg-buy-card h3{font-family:Georgia,serif;font-weight:500;font-size:24px;color:#e5e2e7;margin:5px 0}
.rg-buy-card p{color:#aaa6ad;margin:5px 0}.rg-buy-card ul{color:#aaa6ad;margin:5px 0;padding-left:19px}.rg-buy-card li{margin-bottom:6px}
.rg-buy-tag{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:760;color:#c9c3ce}
.rg-buy-price{font-size:35px;font-weight:780;letter-spacing:-.03em;color:#e8e3ed;line-height:1.15}
.rg-buy-price small{font-size:12px;letter-spacing:0;color:#aaa4ad;font-weight:500}
.rg-buy-cta{display:inline-block;align-self:flex-start;margin-top:auto;text-align:center;background:#360f5a;border:1px solid #360f5a;color:#fff;text-decoration:none;border-radius:6px;padding:11px 17px;font-size:13px;font-weight:740;transition:background .15s}
.rg-buy-cta:hover{background:#4a206a;color:white}.rg-buy-cta:focus-visible{outline:3px solid #cbc3d2;outline-offset:3px}
.rg-buy-cta.secondary{background:transparent;border-color:#360f5a}
.rg-buy-note{border-left:3px solid #360f5a;background:#070609;padding:20px 24px;margin-top:24px;color:#aaa6ad;line-height:1.65}
.rg-buy-note strong{color:#e5e2e7}
.rg-buy-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:22px}
.rg-buy-columns p,.rg-buy-columns li{color:#aaa6ad}
.rg-mini-cta{margin:25px 0 0}.rg-mini-cta a{color:#d1cbd7;text-decoration:underline;text-underline-offset:4px}
@media(max-width:820px){.rg-buy-grid.tri{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.rg-buy-grid,.rg-buy-grid.tri,.rg-buy-columns{grid-template-columns:1fr}.rg-buy-hero{padding:45px 0}.rg-buy-section{padding:45px 0}.rg-buy-card{padding:23px}}

.rg-buy-compact{font-size:12px;color:#b6a9bf!important;border-top:1px solid #360f5a;padding-top:8px;margin-top:auto!important}
.rg-buy-section h3:not(.rg-buy-card h3){color:#e5e2e7;font-family:Georgia,serif;font-weight:500;font-size:25px;margin:33px 0 13px}
.rg-buy-section a:not(.rg-buy-cta){color:#d1cbd7}
.rg-buy-card small{color:#aaa4ad}
@media (prefers-reduced-motion:reduce){.rg-buy-cta{transition:none}}

/* Keep newly added commerce cards in the exact Web Studio design language. */
.rg-buy-hero{background:#000!important;border-color:#360f5a!important;padding:88px 0 74px!important}
.rg-buy-hero h1{font-size:clamp(42px,5.3vw,70px)!important}
.rg-buy-card{background:#070609!important;border:1px solid #360f5a!important;border-radius:10px!important;box-shadow:0 0 22px rgba(54,15,90,.14)!important}
.rg-buy-note{background:#070609!important;border-left-color:#360f5a!important}
.rg-buy-cta{background:#360f5a!important;border-color:#360f5a!important;color:#fff!important}
.rg-buy-cta:hover{background:#4a206a!important;border-color:#5b327b!important}
.rg-buy-cta.secondary{background:#110819!important;border-color:#360f5a!important;color:#e5e2e7!important}
.rg-buy-cta.secondary:hover{background:#360f5a!important;color:#fff!important}
@media(max-width:650px){.rg-buy-hero{padding:50px 0 47px!important}}


/* RAZORGLINT EXACT DEEP PURPLE BRAND FIX — 2026-11-11
   Header Get in touch and commerce CTAs share exactly the same base color.
   New versioned filename prevents older Cloudflare/browser styles from surviving. */
:root { --rg-commerce-primary-purple: #360f5a; }
body .rg-buy-cta:not(.secondary),
body .rg-buy-card a.rg-buy-cta:not(.secondary),
body .rg-buy-hero a.rg-buy-cta:not(.secondary),
body .rg-buy-section a.rg-buy-cta:not(.secondary) {
  background: #360f5a !important;
  background-color: #360f5a !important;
  border-color: #360f5a !important;
  color: #fff !important;
  opacity: 1 !important;
  filter: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
body .rg-buy-card a.rg-buy-cta:not(.secondary):hover,
body .rg-buy-hero a.rg-buy-cta:not(.secondary):hover,
body .rg-buy-section a.rg-buy-cta:not(.secondary):hover {
  background: #4a206a !important;
  background-color: #4a206a !important;
  border-color: #5b327b !important;
  color: #fff !important;
}
body .rg-buy-card {
  background: #070609 !important;
  background-color: #070609 !important;
  border-color: #360f5a !important;
}
