*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --navy:#0C1023;--navy-mid:#111530;--navy-surface:#161B41;
  --gold:#B8923E;--gold-dim:rgba(184,146,62,.15);
  --cream:#F5F0E8;--cream-dark:#EBE4D6;--white:#fff;
  --text-light:rgba(255,255,255,.55);--text-light-strong:rgba(255,255,255,.8);
  --text-dark:#1a1a2e;--text-dark-muted:#5a5a72;
  --heading:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --heading-sans:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--sans);font-weight:400;color:var(--white);background:var(--navy);overflow-x:hidden;line-height:1.6;font-size:16px}
::selection{background:var(--gold);color:var(--navy)}
body::before{content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px}
[data-reveal]{opacity:0;transform:translateY(40px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
[data-reveal].is-visible{opacity:1;transform:none}
[data-reveal="delayed"]{transition-delay:.15s}
[data-reveal="delayed-2"]{transition-delay:.3s}

/* Nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 clamp(32px,6vw,100px);height:68px;display:flex;align-items:center;justify-content:space-between;background:rgba(12,16,35,.82);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.nav__logo{font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:.28em;color:var(--white);text-decoration:none;display:flex;align-items:center;gap:10px}
.nav__logo-circle{width:28px;height:28px;border:1.5px solid var(--gold);border-radius:50%;position:relative}
.nav__logo-circle::after{content:'';position:absolute;inset:3px;border:1px solid rgba(184,146,62,.3);border-radius:50%}
.nav__logo .gold{color:var(--gold)}
.nav__links{display:flex;align-items:center;gap:28px}
.nav__link{font-family:var(--sans);font-size:12px;font-weight:400;color:var(--text-light-strong);text-decoration:none;transition:color .3s}
.nav__link:hover{color:var(--gold)}
.nav__cta{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);padding:10px 28px;border:1px solid rgba(184,146,62,.35);border-radius:6px;background:none;cursor:pointer;text-decoration:none;transition:all .35s var(--ease)}
.nav__cta:hover{background:var(--gold);color:var(--navy);box-shadow:0 0 32px rgba(184,146,62,.25)}
.nav__burger{display:none;background:none;border:none;cursor:pointer;width:32px;height:32px;position:relative;z-index:101;padding:0}
.nav__burger span{display:block;width:20px;height:1.5px;background:var(--white);margin:5px auto;transition:all .3s var(--ease)}
.nav__burger.active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
.nav__burger.active span:nth-child(2){opacity:0}
.nav__burger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.nav__mobile-overlay{position:fixed;inset:0;z-index:99;background:rgba(12,16,35,.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;opacity:0;pointer-events:none;transition:opacity .4s var(--ease)}
.nav__mobile-overlay.active{opacity:1;pointer-events:all}
.nav__mobile-overlay a{font-family:var(--heading);font-size:24px;font-weight:500;color:var(--white);text-decoration:none;transition:color .3s}
.nav__mobile-overlay a:hover{color:var(--gold)}
.nav__mobile-overlay .btn{font-size:14px;margin-top:16px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:16px 36px;cursor:pointer;text-decoration:none;transition:all .4s var(--ease);position:relative;border-radius:8px}
.btn--gold{background:linear-gradient(135deg,#C9A24E 0%,var(--gold) 50%,#A07A2E 100%);color:var(--navy);border:none;box-shadow:0 2px 8px rgba(184,146,62,.2)}
.btn--gold:hover{transform:translateY(-2px);box-shadow:0 16px 48px rgba(184,146,62,.35)}
.btn--ghost{background:rgba(184,146,62,.06);color:var(--gold);border:1px solid rgba(184,146,62,.4)}
.btn--ghost:hover{border-color:var(--gold)}

/* Sections */
.s{padding:clamp(64px,8vw,120px) clamp(32px,6vw,100px);position:relative;overflow:hidden}
.s--cream{background:var(--cream);color:var(--text-dark)}
.s--navy{background:var(--navy)}
.s--deep{background:var(--navy-mid)}
.s__inner{max-width:1440px;margin:0 auto}
.s__eyebrow{font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.s__title{font-family:var(--heading);font-size:clamp(26px,3.5vw,48px);font-weight:700;line-height:1.15;margin-bottom:20px;letter-spacing:-.02em}
.s__subtitle{font-size:clamp(15px,1.6vw,17px);font-weight:300;line-height:1.8;max-width:600px}
.s--cream .s__subtitle{color:var(--text-dark-muted)}

/* Hero page */
.hero-page{padding:140px 0 80px;text-align:center}
.hero-page__inner{max-width:1440px;margin:0 auto;padding:0 clamp(32px,6vw,100px)}
.hero-page__title{font-family:var(--heading);font-size:clamp(32px,4.5vw,52px);font-weight:700;margin-bottom:20px;letter-spacing:-.02em}
.hero-page__title em{font-style:italic;color:var(--gold)}
.hero-page__desc{font-size:17px;font-weight:300;color:var(--text-light);max-width:640px;margin:0 auto;line-height:1.8}
.hero-page__updated{font-size:12px;color:var(--text-light);margin-top:24px;opacity:.6}

/* Comparison table */
.cmp-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:16px;overflow:hidden;border:1px solid rgba(184,146,62,.1)}
.cmp-table thead th{padding:20px 16px;font-family:var(--heading);font-size:13px;font-weight:600;letter-spacing:.04em;text-align:center;background:var(--navy-surface);border-bottom:1px solid rgba(184,146,62,.1)}
.cmp-table thead th:first-child{text-align:left;padding-left:24px}
.cmp-table thead th.cmp-highlight{background:rgba(184,146,62,.08);color:var(--gold)}
.cmp-table tbody td{padding:16px;font-size:14px;text-align:center;border-bottom:1px solid rgba(184,146,62,.04);color:var(--text-light-strong)}
.cmp-table tbody td:first-child{text-align:left;padding-left:24px;font-weight:500;color:var(--white);font-size:13px}
.cmp-table tbody td.cmp-highlight{background:rgba(184,146,62,.03)}
.cmp-table tbody tr:last-child td{border-bottom:none}
.cmp-table .check{color:#4CAF50;font-weight:700}
.cmp-table .cross{color:rgba(255,255,255,.2)}
.cmp-table .partial{color:var(--gold);font-size:12px}

/* For who cards */
.for-who{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.for-who__card{padding:40px 32px;border-radius:16px;border:1px solid rgba(184,146,62,.1)}
.for-who__card--other{background:var(--navy-surface)}
.for-who__card--cercle{background:var(--navy);border-color:rgba(184,146,62,.25)}
.for-who__label{font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px}
.for-who__card--other .for-who__label{color:var(--text-light)}
.for-who__card--cercle .for-who__label{color:var(--gold)}
.for-who__title{font-family:var(--heading);font-size:20px;font-weight:700;margin-bottom:16px}
.for-who__list{list-style:none;display:flex;flex-direction:column;gap:10px}
.for-who__list li{font-size:14px;color:var(--text-light-strong);padding-left:20px;position:relative;line-height:1.6}
.for-who__list li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%}
.for-who__card--other .for-who__list li::before{border:1px solid rgba(255,255,255,.2)}
.for-who__card--cercle .for-who__list li::before{border:1px solid var(--gold);background:rgba(184,146,62,.2)}

/* Differentiators */
.diffs{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.diff{padding:40px 32px;background:var(--navy-surface);border:1px solid rgba(184,146,62,.06);border-radius:16px}
.diff__icon{width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(184,146,62,.3);display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative}
.diff__icon::after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:var(--gold);opacity:.4}
.diff__title{font-family:var(--heading);font-size:17px;font-weight:600;color:var(--white);margin-bottom:12px}
.diff__desc{font-size:14px;font-weight:300;color:var(--text-light);line-height:1.8}
.diff__proof{font-size:13px;color:var(--gold);margin-top:16px;font-style:italic}

/* FAQ */
.faq{max-width:800px;margin:0 auto}
.faq details{border-bottom:1px solid rgba(184,146,62,.08);padding:24px 0}
.faq details:last-child{border-bottom:none}
.faq summary{font-family:var(--heading);font-size:16px;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:color .3s}
.faq summary:hover{color:var(--gold)}
.faq summary::after{content:'+';font-size:20px;color:var(--gold);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{font-size:14px;font-weight:300;color:var(--text-light-strong);line-height:1.8;margin-top:16px;padding-right:40px}
.s--cream .faq summary{color:var(--text-dark)}
.s--cream .faq details p{color:var(--text-dark-muted)}

/* VS links */
.vs-links{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vs-link{display:block;padding:32px 28px;background:var(--navy-surface);border:1px solid rgba(184,146,62,.08);border-radius:16px;text-decoration:none;transition:border-color .4s,transform .4s var(--ease)}
.vs-link:hover{border-color:rgba(184,146,62,.3);transform:translateY(-4px)}
.vs-link__vs{font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.vs-link__name{font-family:var(--heading);font-size:18px;font-weight:700;color:var(--white);margin-bottom:8px}
.vs-link__desc{font-size:13px;font-weight:300;color:var(--text-light);line-height:1.7}
.vs-link__arrow{font-size:13px;color:var(--gold);margin-top:16px;display:inline-block}

/* Footer */
.footer{padding:64px clamp(28px,5vw,80px) 32px;border-top:1px solid rgba(184,146,62,.08);max-width:1540px;margin:0 auto}
.footer__top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer__brand{font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:.25em;color:var(--white);margin-bottom:16px}
.footer__brand-desc{font-size:13px;font-weight:300;color:var(--text-light);line-height:1.7;max-width:280px}
.footer__col-title{font-family:var(--heading-sans);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.footer__links{list-style:none}
.footer__links li{margin-bottom:10px}
.footer__links a{font-size:13px;font-weight:300;color:var(--text-light);text-decoration:none;transition:color .3s}
.footer__links a:hover{color:var(--gold)}
.footer__bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid rgba(184,146,62,.06)}
.footer__copy{font-size:11px;font-weight:300;color:rgba(255,255,255,.25)}
.footer__copy a{color:inherit;text-decoration:none;transition:color .3s}
.footer__copy a:hover{color:var(--gold)}

/* Responsive */
@media(max-width:1024px){
  .for-who{grid-template-columns:1fr}
  .diffs{grid-template-columns:1fr}
}
@media(max-width:1024px){
  .actor-grid{grid-template-columns:repeat(2,1fr) !important}
}
@media(max-width:768px){
  .nav__links{display:none}
  .nav__burger{display:block}
  .cmp-table{font-size:11px}
  .cmp-table thead th,.cmp-table tbody td{padding:10px 6px}
  .actor-grid{grid-template-columns:1fr !important}
  .vs-links{grid-template-columns:1fr}
  .footer__top{grid-template-columns:1fr 1fr;gap:32px}
  .footer__bottom{flex-direction:column;gap:8px;text-align:center}
}
@media(max-width:480px){
  .cmp-table{display:block;overflow-x:auto}
  .footer__top{grid-template-columns:1fr;gap:24px}
}