/* ============================================================
   OneSync "Console" — canonical base for the static landings.
   Loaded LAST on every /site/*.html (after the Webflow theme
   and every polish sheet), so this layer is authoritative.

   It establishes: Montserrat-only typography, the monochrome
   Console palette, real panels + hairlines, one 20px phone
   gutter, a sticky header, a compact cookie bar, and 44px
   touch targets. Owner: landing-shell.
   ============================================================ */

:root{
  --cb-bg:#0a0a0a;      --cb-panel:#0f0f0f;   --cb-raised:#161616;
  --cb-line:#232323;    --cb-line-2:#2e2e2e;
  --cb-text:#b3b3b3;    --cb-text-2:#c9c9cf;  --cb-muted:#9a9a9a;
  --cb-white:#fff;
}

/* ============================================================
   0. STRUCTURE — let grids work + let the header stick
   ============================================================ */
/* The Webflow theme forces .container to a centered column
   flexbox, which shrink-wraps every grid to a single column
   (LC-01/LC-03). Restore normal block flow; content agents set
   explicit grid columns per page. */
.container{display:block!important}

/* Clip horizontal overflow WITHOUT creating a scroll container,
   so position:sticky resolves against the viewport (LSA-14/
   LSB-05/BEATS-10). overflow-x:clip + overflow-y:visible does
   not make body its own scrollport, unlike overflow-x:hidden. */
html,body{overflow-x:clip!important;max-width:100%!important}

/* ============================================================
   1. TYPOGRAPHY — Montserrat only (LC-08/LSA-09/LSB-14)
   ============================================================ */
html{font-size:100%!important}                 /* kill html{font-size:95%} */

body,p,li,dd,dt,blockquote,.rich-text,.section,.section-alt,
.content-section,.cta-section,.paragraph,.paragraph-large,
input,textarea,select,button,.text-button,.navbar-link,
.nav-link,.mobile-dropdown-item,.footer-link-main,.cta-button{
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif!important;
}
h1,h2,h3,h4,h5,h6,.display-1,.display-2,.heading,.section-title{
  font-family:'Montserrat',-apple-system,sans-serif!important;
}

body{color:var(--cb-text);background:var(--cb-bg);-webkit-font-smoothing:antialiased}

/* body / article copy — never below 16px, weight 500 */
p,li{color:var(--cb-text-2)!important;line-height:1.65}
.article-content p,.article-content li,
.content-section p,.content-section li,
.rich-text p,.rich-text li{
  font-size:16px!important;font-weight:500!important;line-height:1.7!important;color:var(--cb-text-2)!important;
}
@media (min-width:1024px){
  .article-content p,.article-content li,
  .content-section p,.content-section li{font-size:17px!important}
}
.paragraph-large,.subheading,.lead,p.lead{
  font-size:18px!important;line-height:1.55!important;color:var(--cb-text)!important;font-weight:500!important;opacity:1!important;
}
strong,b{color:var(--cb-white)!important;font-weight:700}

/* headings — 600/700, clear step between levels */
h1,h2,h3,h4,h5,h6,.display-1,.display-2,.heading,.section-title{
  color:var(--cb-white)!important;letter-spacing:-.02em;text-wrap:balance;
}
h1,.display-1,.pricing-hero h1,.section h1{
  font-size:clamp(2rem,5vw,2.75rem)!important;line-height:1.15!important;font-weight:700!important;
}
.article-content h2,h2{font-size:clamp(1.5rem,3.2vw,2.125rem)!important;line-height:1.2!important;font-weight:700!important;margin:36px 0 12px}
.article-content h3,h3{font-size:1.375rem!important;line-height:1.3!important;font-weight:600!important;margin:24px 0 8px}
@media (max-width:767px){
  .article-content h2,h2{font-size:1.6rem!important;font-weight:700!important}
  .article-content h3,h3{font-size:1.15rem!important;font-weight:600!important;color:var(--cb-text)!important}
}
.article-meta,.article-date,.article-read-time,.copyright-2{color:var(--cb-muted)!important}

/* inline article links — visible: white + underline (LSA-05/LSB-06/LSB-15) */
.article-content a:not(.cta-button):not(.back-to-blog),
.content-section a:not(.cta-button),
.rich-text a{
  color:var(--cb-white)!important;text-decoration:underline!important;
  text-decoration-color:#4a4a4a!important;text-underline-offset:3px!important;font-weight:600!important;
}
.article-content a:hover,.content-section a:hover,.rich-text a:hover{text-decoration-color:var(--cb-white)!important}

/* ============================================================
   2. PALETTE — kill purple/blue, use Console tokens
      (LC-07 / LSA-08 / LSB-06)
   ============================================================ */
/* category / eyebrow pills */
.article-category,.showcase-eyebrow{
  background:var(--cb-raised)!important;border:1px solid var(--cb-line-2)!important;
  color:var(--cb-text)!important;-webkit-text-fill-color:var(--cb-text)!important;
  background-image:none!important;font-weight:600!important;
}
/* callout / highlight boxes — one white accent edge, no purple wash */
.highlight-box{
  background:var(--cb-panel)!important;background-image:none!important;
  border:1px solid var(--cb-line)!important;border-left:3px solid var(--cb-white)!important;
}
/* numbered steps / rank numbers */
.step-number,.step-icon{
  background:var(--cb-white)!important;background-image:none!important;color:#000!important;border:none!important;
}
.rank-number{color:var(--cb-white)!important}
.rank-card{border-left:1px solid var(--cb-line)!important}
/* timeline */
.timeline::before,.timeline-item::before{background:var(--cb-line-2)!important;background-image:none!important}
.timeline-week{color:var(--cb-white)!important}
/* calculator chrome */
.preset{background:var(--cb-raised)!important;background-image:none!important;border:1px solid var(--cb-line-2)!important;color:var(--cb-text)!important}
.copy-btn{background:var(--cb-white)!important;background-image:none!important;color:#000!important;border:none!important}
.totals-row,.totals{background:var(--cb-raised)!important;background-image:none!important}
/* neutralise any inline purple gradient text that slipped through */
[style*="linear-gradient(90deg, #ffffff"],[style*="linear-gradient(135deg, #ffffff"],
[style*="linear-gradient(180deg, #ffffff"],[style*="linear-gradient(to right, #ffffff"],
[style*="color: #ffffff"],[style*="color:#ffffff"]{
  color:var(--cb-white)!important;background:none!important;-webkit-text-fill-color:var(--cb-white)!important;background-clip:initial!important;-webkit-background-clip:initial!important;
}
/* focus rings — white, never purple/blue (beats webflow .navbar-link:focus{#7f56d9}) */
a:focus-visible,button:focus-visible,.navbar-link:focus-visible,
.button-with-animation:focus-visible,.mobile-dropdown-trigger:focus-visible,
.mobile-dropdown-item:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--cb-white)!important;outline-offset:2px!important;box-shadow:none!important;
}

/* ============================================================
   3. PANELS — cards separate from the canvas (LSA-07/LSB-08)
   ============================================================ */
.cluster-links,.commission-cmp,.embed-box{
  background:var(--cb-panel)!important;border:1px solid var(--cb-line)!important;
  border-radius:10px!important;box-shadow:none!important;
}

/* ============================================================
   4. CTA SECTION + BUTTON (LSA-06 / LSB-07 / LSB-08)
   ============================================================ */
.cta-section{
  background:var(--cb-panel)!important;border:1px solid var(--cb-line)!important;
  border-radius:12px!important;padding:40px 24px!important;margin:48px 0 0!important;
}
.cta-button{
  display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
  min-height:48px;padding:0 24px!important;background:var(--cb-white)!important;background-image:none!important;
  color:#000!important;border:none!important;border-radius:8px!important;
  font-size:16px!important;font-weight:700!important;
}
.cta-button:hover{background:#e6e6e6!important}
@media (max-width:480px){
  .cta-button{display:flex!important;width:100%;padding:14px 20px!important}
}

/* ============================================================
   5. GUTTERS — one 20px phone gutter (LSA-11 / LSB-03)
   ============================================================ */
@media (max-width:767px){
  .section,.section-alt,.content-section,.cta-section,.pricing-hero{padding-left:16px!important;padding-right:16px!important}
  .section{padding-top:56px!important;padding-bottom:40px!important}
  .section>.new-container,.section>.container{padding-left:0!important;padding-right:0!important}
  .article-content{padding-left:0!important;padding-right:0!important}
  .cluster-links,.highlight-box{padding:20px!important}
  .rank-card,.guide-card,.calc-card{padding:20px!important}
  .timeline{padding-left:28px!important}
  .cta-section{padding:28px 16px!important}
}

/* ============================================================
   6. HEADER — one canonical sticky header (LC-04/LC-18/LC-19/
      LSA-04/LSA-13/LSA-14/LSB-04/LSB-05/LSB-13)
   ============================================================ */
.navbar-component{
  position:sticky!important;top:0!important;inset:auto!important;z-index:1000!important;
  background:rgba(10,10,10,.92)!important;-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);
  border-bottom:1px solid var(--cb-line)!important;
  min-height:64px!important;display:flex!important;align-items:center;
  padding-left:16px!important;padding-right:16px!important;
}
@media (min-width:992px){.navbar-component{min-height:72px!important;padding-left:32px!important;padding-right:32px!important}}
.navbar-component .new-container{width:100%!important;max-width:1200px!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;height:auto!important;padding:0!important;gap:16px}

/* the inner <nav> must NOT paint its own band / hairline (LSB-05) */
nav.navbar-menu,.navbar-component nav.navbar-menu{
  background:transparent!important;border-bottom:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
/* logo — legible, >=96px wide at 375, <=28px tall */
.logotype{max-width:112px!important;height:auto!important;width:auto!important}
.logo-link-main,.navbar-logo-link,.footer-logo-link{display:flex!important;align-items:center;min-height:44px}
/* desktop nav links */
.navbar-link,.nav-link:not(.mobile-dropdown-item){
  color:var(--cb-text)!important;font-size:14px!important;font-weight:600!important;
  letter-spacing:.06em!important;text-transform:uppercase!important;white-space:nowrap!important;
}
.navbar-link:hover,.nav-link:hover,.navbar-link.w--current{color:var(--cb-white)!important}
/* primary CTA pill — white, black text, 44px, never a smudge */
.button-with-animation{
  background:var(--cb-white)!important;color:#000!important;border-radius:6px!important;
  min-height:44px!important;padding:0 18px!important;display:inline-flex!important;align-items:center;gap:8px;
  box-shadow:none!important;flex-shrink:0!important;
}
.button-with-animation:hover{background:#e6e6e6!important}
.button-with-animation .text-button,.text-button{
  color:#000!important;font-size:14px!important;font-weight:700!important;
  text-transform:none!important;letter-spacing:.01em!important;line-height:1!important;
}
.button-with-animation .arrow-button{filter:none!important;width:14px;height:14px}
/* Login link */
.navbar-link[href*="app.onesync.music"]:not(.button-with-animation){text-transform:none!important;letter-spacing:0!important;font-weight:500!important;font-size:16px!important}

/* mobile menu trigger — 44px, neutral */
.mobile-dropdown-trigger{
  min-height:44px!important;min-width:44px!important;padding:10px 14px!important;
  font-size:14px!important;font-weight:600!important;
  background:var(--cb-raised)!important;background-image:none!important;
  border:1px solid var(--cb-line-2)!important;border-radius:6px!important;color:var(--cb-white)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
.mobile-dropdown-trigger span{font-size:14px!important}
.mobile-dropdown-trigger.active,.mobile-dropdown-trigger:focus,.mobile-dropdown-trigger:hover{
  background:var(--cb-raised)!important;background-image:none!important;border-color:var(--cb-line-2)!important;
  box-shadow:none!important;color:var(--cb-white)!important;transform:none!important;
}
/* full-width sheet under the header (not a 96px popover) */
@media (max-width:991px){
  .mobile-pages-dropdown{position:static!important}
  .mobile-dropdown-menu{
    position:fixed!important;top:64px!important;left:0!important;right:0!important;
    width:auto!important;min-width:0!important;max-width:none!important;
    margin:0!important;padding:8px 0!important;transform:none!important;
    background:var(--cb-panel)!important;background-image:none!important;
    border:0!important;border-top:1px solid var(--cb-line)!important;border-radius:0 0 12px 12px!important;
    box-shadow:0 24px 60px rgba(0,0,0,.6)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
  .mobile-dropdown-menu.open{opacity:1!important;visibility:visible!important;transform:none!important}
  .mobile-dropdown-item{
    display:flex!important;align-items:center;min-height:48px!important;
    padding:0 20px!important;font-size:16px!important;color:var(--cb-text)!important;
    background:none!important;border-radius:0!important;transform:none!important;
  }
  .mobile-dropdown-item::before{display:none!important}
  .mobile-dropdown-item:hover{background:var(--cb-raised)!important;color:var(--cb-white)!important;padding-left:20px!important;transform:none!important}
  .mobile-dropdown-item.active{color:var(--cb-white)!important;background:var(--cb-raised)!important;border-left:2px solid var(--cb-white)!important}
  .mobile-dropdown-divider{background:var(--cb-line)!important;margin:8px 0!important}
  /* header-pill CTA is enough on phones — hide the duplicate in the sheet */
  .mobile-dropdown-item.mobile-join-now{display:none!important}
}
/* scrim behind the open sheet */
.mobile-dropdown-menu.open::after{content:"";position:fixed;inset:64px 0 0;background:rgba(0,0,0,.5);z-index:-1}

/* ============================================================
   7. FOOTER — compact, 16px links, 44px phone rows (LSA-12)
   ============================================================ */
.footer{background:var(--cb-bg)!important;border-top:1px solid var(--cb-line)!important;padding:40px 24px 24px!important}
.footer-main-grid{margin-top:0!important}
.footer .container{max-width:1200px!important;margin:0 auto!important}
.footer-link-main{font-size:16px!important;font-weight:500!important;color:var(--cb-text)!important}
.footer-link-main:hover{color:var(--cb-white)!important}
.footer-title{color:var(--cb-white)!important;font-weight:600!important}
@media (max-width:767px){
  .footer{padding:32px 16px 20px!important}
  .footer-link-main{min-height:44px!important;display:flex!important;align-items:center}
}

/* ============================================================
   8. COOKIE BAR — one compact row, Console tokens (LC-09)
   ============================================================ */
/* A slim full-width strip pinned to the very bottom edge. The old floating
   500px card landed mid-fold and covered the hero CTA on the home page and
   the price lines on /pricing — a consent notice must never sit on top of
   the thing the visitor came to read. */
.cookies-popup{
  background:var(--cb-raised)!important;background-image:none!important;
  border:0!important;border-top:1px solid var(--cb-line-2)!important;border-radius:0!important;
  color:var(--cb-text)!important;box-shadow:0 -8px 24px rgba(0,0,0,.45)!important;
  transform:translateY(110%)!important;transition:transform .3s ease!important;
  left:0!important;right:0!important;bottom:0!important;max-width:none!important;margin:0!important;
  backdrop-filter:none!important;z-index:900!important;
}
.cookies-popup.show{transform:none!important}
.cookies-content{
  align-items:center!important;gap:16px!important;padding:12px 20px!important;
  max-width:1200px!important;margin:0 auto!important;flex-wrap:wrap!important;
}
.cookies-icon{display:none!important}
.cookies-text h4,.cookies-text h3{color:var(--cb-white)!important;font-size:14px!important;margin:0 0 2px!important}
.cookies-text p{font-size:13px!important;line-height:1.45!important;margin:0!important}
.cookies-actions{margin-left:auto!important;display:flex!important;gap:8px!important;flex-shrink:0!important}
.cookies-btn{height:40px!important;padding:0 18px!important;border-radius:6px!important;font-size:14px!important;font-weight:600!important}
.cookies-btn.accept,.cookies-btn.accept-all{background:var(--cb-white)!important;background-image:none!important;color:#000!important;border:none!important}
.cookies-btn.decline{background:transparent!important;color:var(--cb-text)!important;border:1px solid var(--cb-line-2)!important}
@media (max-width:767px){
  .cookies-popup{left:0!important;right:0!important}
  .cookies-content{padding:10px 16px!important;gap:10px!important}
  .cookies-actions{width:100%!important;margin-left:0!important}
  .cookies-btn{flex:1 1 0!important}
}

/* ============================================================
   9. TAP TARGETS + inline links (LSB-15)
   ============================================================ */
.cluster-links ul{display:grid;gap:0!important}
.cluster-links a{
  display:flex!important;align-items:center;min-height:44px!important;padding:8px 0!important;
  border-bottom:1px solid var(--cb-line)!important;color:var(--cb-white)!important;
  text-decoration:none!important;font-weight:600!important;
}
.cluster-links a:last-child{border-bottom:0!important}
.cluster-links a:hover{color:var(--cb-white)!important;text-decoration:underline!important;text-underline-offset:3px}
.back-to-blog{
  display:inline-flex!important;align-items:center;min-height:44px!important;
  color:var(--cb-white)!important;text-decoration:none!important;font-weight:600!important;
}
.back-to-blog:hover{text-decoration:underline!important;text-underline-offset:3px}
.icon-btn,.remove-btn{min-width:44px!important;min-height:44px!important;display:inline-flex!important;align-items:center;justify-content:center}

/* ============================================================
   10. HOME / PRICING / LEGAL header (.navbar-minimal) — same
       Console look as the article header; fix 992-1100 overflow
       (LC-04) and the purple nav CTA (LC-07). These pages carry
       the richer product nav (Beats/Marketplace/Fans) by design.
   ============================================================ */
.navbar-minimal{
  background:rgba(10,10,10,.92)!important;border-bottom:1px solid var(--cb-line)!important;
  -webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);
}
.navbar-simple{gap:16px}
.nav-left{min-width:0;gap:20px}
.nav-links-center{gap:20px}
.nav-links-center .nav-link{white-space:nowrap!important;color:var(--cb-text)!important;font-size:14px!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.nav-links-center .nav-link:hover,.nav-links-center .nav-link.active{color:var(--cb-white)!important}
.nav-right{gap:16px;flex-shrink:0}
.nav-right .nav-link{white-space:nowrap!important;font-size:16px!important;font-weight:500!important;color:var(--cb-text)!important;text-transform:none!important}
.nav-right .nav-link:hover{color:var(--cb-white)!important}
.nav-cta{
  background:var(--cb-white)!important;background-image:none!important;color:#000!important;
  border:none!important;border-radius:6px!important;padding:.65rem 1.1rem!important;
  letter-spacing:.02em!important;text-transform:none!important;
  font-family:'Montserrat',sans-serif!important;font-weight:700!important;font-size:14px!important;
  min-height:44px;display:inline-flex;align-items:center;white-space:nowrap!important;flex-shrink:0!important;
}
.nav-cta:hover{background:#e6e6e6!important}
.navbar-logo-small{height:26px!important;width:auto!important}
@media (min-width:1101px) and (max-width:1200px){.nav-links-center{gap:14px}}
/* collapse the desktop center links to the sheet below 1100px (LC-04) */
@media (max-width:1100px){
  .navbar-minimal .nav-links-center{display:none!important}
  .navbar-minimal .mobile-pages-dropdown{display:block!important}
}
/* legal.html text brand */
.nav-menu .nav-link{color:var(--cb-text)!important;font-weight:600!important}

/* ============================================================
   11. COOKIE BAR layout — one compact row (LC-09)
   ============================================================ */
.cookies-content{display:flex!important;flex-direction:row!important;align-items:center!important;text-align:left!important;gap:12px!important;flex-wrap:wrap;padding:12px 16px!important}
.cookies-icon{flex:0 0 auto!important;width:22px;height:22px;color:var(--cb-muted);margin:0!important}
.cookies-icon svg{width:22px;height:22px}
.cookies-text{flex:1 1 200px!important;min-width:0;margin:0!important}
.cookies-text h4{margin:0!important;font-size:14px!important;font-weight:600!important}
.cookies-text p{margin:2px 0 0!important;font-size:13px!important;line-height:1.4!important;color:var(--cb-muted)!important}
.cookies-actions{flex:0 0 auto;display:flex;gap:8px}
.cookies-btn{min-height:40px;padding:0 16px!important;border-radius:6px!important;font-weight:600!important;font-size:14px!important}
@media (max-width:600px){.cookies-text p{display:none!important}}
/* keep the mobile menu above the cookie bar */
.mobile-dropdown-menu{z-index:1001!important}

/* ============================================================
   12. OVERFLOW SAFETY — wide tables scroll inside their own box,
       never the page (LC-03 structural guard; content agents own
       the per-page grid columns)
   ============================================================ */
.new-container{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;width:100%!important}
.comparison-table-wrapper,.table-wrap,.rate-table-wrap,.ss-table-wrap,.vs-table-wrap{
  max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;
}
img,video,svg,table{max-width:100%}

/* ============================================================
   13. Small-phone header fit + landing grid guards + min label
   ============================================================ */
/* header must fit at 375: keep logo >=96px, tighten the rest */
@media (max-width:479px){
  .logotype{max-width:100px!important}
  .navbar-component .new-container{gap:8px}
  .button-flex-left{gap:8px!important}
  .button-with-animation{padding:0 12px!important}
  .mobile-dropdown-trigger{padding:8px 10px!important}
  .nav-cta{padding:.55rem .8rem!important}
}
/* landing grids must never exceed the viewport (content agents own
   the final desktop columns; these are overflow guards) */
.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media (max-width:860px){.calc-grid{grid-template-columns:1fr!important}}
/* real captions/eyebrows never below 12px */
.platforms-label{font-size:12px!important}
.showcase-eyebrow{font-size:12px!important}

/* ============================================================
   14. Footer tap targets across all footer markups (LSA-12/LSB-15)
   ============================================================ */
@media (max-width:767px){
  .footer a,.footer-col a,.footer-link-main{min-height:44px!important;display:flex!important;align-items:center}
}
.footer-col a,.footer-grid a{font-size:16px!important;font-weight:500!important;color:var(--cb-text)!important}
.footer-col a:hover,.footer-grid a:hover{color:var(--cb-white)!important}

/* ============================================================
   15. Icon/logo tap widths + calculator card fit
   ============================================================ */
.social-link-main{min-width:44px!important;min-height:44px!important;display:inline-flex!important;align-items:center;justify-content:center}
.navbar-logo-link,.footer-logo-link{min-width:44px;display:inline-flex;align-items:center}
/* calculator: card must never exceed its column/viewport */
.calc-wrap,.calc-grid,.calc-card{max-width:100%!important}
.calc-card{min-width:0!important}
@media (max-width:767px){.calc-wrap{padding-left:0!important;padding-right:0!important}}

/* pricing badge label never below 12px (slug-polish set .7rem) */
.pricing-badge,.pricing-badge.gold-badge,.pricing-badge.platinum-badge{font-size:12px!important}
.cookies-actions{flex:0 0 auto!important;width:auto!important;flex-direction:row!important}
@media (max-width:420px){.cookies-actions{width:100%!important}.cookies-btn{flex:1 1 0}}

/* ============================================================
   16. Broad palette kill — gradient text + purple across the
       legal cluster and any residual inline purple (LC-07)
   ============================================================ */
/* no gradient text anywhere — force headings to paint solid */
h1,h2,h3,h4,h5,h6,.display-1,.display-2,.section-title,.page-title,
.legal-section-title,.hero-title{-webkit-text-fill-color:currentColor!important}
/* back links -> neutral secondary pill */
.back-btn,.back-to-home,.back-to-blog{
  background:var(--cb-raised)!important;background-image:none!important;
  color:var(--cb-white)!important;-webkit-text-fill-color:var(--cb-white)!important;
  border:1px solid var(--cb-line-2)!important;border-radius:6px!important;box-shadow:none!important;
}
/* legal section callouts + titles */
.legal-section{background:var(--cb-panel)!important;background-image:none!important;border:1px solid var(--cb-line)!important;border-left:3px solid var(--cb-white)!important}
.legal-section-title{color:var(--cb-white)!important}
/* residual inline purple (backgrounds + borders + colours) */
[style*="#667eea"],[style*="#764ba2"],[style*="#8b5cf6"],[style*="#6366f1"],
[style*="rgba(102, 126, 234"],[style*="rgba(118, 75, 162"],
[style*="linear-gradient(135deg, #667eea"],[style*="linear-gradient(135deg,#667eea"],
[style*="linear-gradient(180deg, #667eea"],[style*="linear-gradient(90deg, #667eea"]{
  background-image:none!important;background-color:var(--cb-raised)!important;
  border-color:var(--cb-line-2)!important;color:var(--cb-white)!important;-webkit-text-fill-color:var(--cb-white)!important;
}

/* ============================================================
   17. Legal-cluster header (.navbar-minimal + .brand/.nav-menu)
   ============================================================ */
.navbar-minimal .brand .text-block,.brand .text-block{color:var(--cb-white)!important;font-size:20px!important;font-weight:700!important;letter-spacing:-.01em}
.navbar-minimal:has(.brand){display:flex!important;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:0 16px}
.nav-menu{display:flex;align-items:center;gap:20px}
.nav-menu .nav-link{white-space:nowrap;font-size:14px!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase!important}
@media (max-width:1100px){
  .navbar-minimal .nav-menu{display:none!important}
  .navbar-minimal .mobile-pages-dropdown{display:block!important}
}

/* ============================================================
   18. Legal cluster palette (legal/terms/privacy/refund use a
       separate #8e44ad/#9b59b6 purple + slate titles) — LC-07
   ============================================================ */
.terms-title{
  background:none!important;background-image:none!important;
  -webkit-background-clip:border-box!important;background-clip:border-box!important;
  color:var(--cb-white)!important;-webkit-text-fill-color:var(--cb-white)!important;text-shadow:none!important;
}
.section-title{color:var(--cb-white)!important;-webkit-text-fill-color:var(--cb-white)!important;border-image:none!important}
.legal-section{background:var(--cb-panel)!important;background-image:none!important;border:1px solid var(--cb-line)!important;border-left:3px solid var(--cb-white)!important}
.legal-section-title{color:var(--cb-white)!important;-webkit-text-fill-color:var(--cb-white)!important}
.highlight{
  background:var(--cb-raised)!important;background-image:none!important;
  color:var(--cb-white)!important;-webkit-text-fill-color:var(--cb-white)!important;
  border:1px solid var(--cb-line-2)!important;box-shadow:none!important;
}
[style*="#8e44ad"],[style*="#9b59b6"],[style*="rgba(142, 68, 173"],[style*="rgba(155, 89, 182"]{
  background-image:none!important;background-color:var(--cb-raised)!important;border-color:var(--cb-line-2)!important;color:var(--cb-white)!important;-webkit-text-fill-color:var(--cb-white)!important;
}