@font-face{font-family:"League Spartan";src:url("/fonts/league-spartan.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"League Spartan";src:url("/fonts/league-spartan-ext.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("/fonts/montserrat-normal.woff2") format("woff2");font-weight:300 900;font-style:normal;font-display:swap}
@font-face{font-family:"Great Vibes";src:url("/fonts/great-vibes.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{
  --ink:#050505;--coal:#0c0c0c;--charcoal:#1a1a1a;--line-dark:rgba(255,255,255,.14);
  --gold:#fac000;--gold-bright:#ffd24a;--gold-deep:#b38600;--cream:#f7f3e8;--paper:#fbf8f1;
  --grey:#d9d9d9;--muted:#8e8a80;--body:#4b4a45;
  --display:"League Spartan","Arial Black",sans-serif;--bodyfont:"Montserrat",system-ui,sans-serif;--script:"Great Vibes",cursive;
  --max:1440px;--pad:clamp(22px,4vw,64px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:#fff;font-family:var(--bodyfont);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
::selection{background:var(--gold);color:#000}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
p,h1,h2,h3{margin:0}
.skip{position:fixed;left:16px;top:-80px;z-index:999;background:var(--gold);color:#000;padding:10px 16px;font-weight:700;border-radius:2px;transition:top .2s}
.skip:focus{top:16px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* navigation */
.site-nav{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px var(--pad);transition:background .3s,border-color .3s,padding .3s;border-bottom:1px solid transparent}
.site-nav.scrolled{background:rgba(5,5,5,.92);backdrop-filter:blur(16px);border-bottom-color:rgba(250,192,0,.2);padding-top:14px;padding-bottom:14px}
.nav-brand{display:block;width:clamp(180px,18vw,240px);flex:none}
.nav-brand img{width:100%;height:auto}
.nav-links{display:flex;align-items:center;gap:clamp(18px,2.4vw,38px)}
.nav-links>a{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.72);transition:color .18s}
.nav-links>a:hover{color:var(--gold)}
.nav-links .nav-cta{color:#000;background:var(--gold);padding:12px 18px;border:1px solid var(--gold);transition:background .18s,color .18s}
.nav-links .nav-cta:hover{background:#fff;color:#000}
.nav-toggle{display:none;width:44px;height:44px;border:1px solid rgba(250,192,0,.45);background:transparent;padding:0;position:relative}
.nav-toggle span:not(.sr-only){position:absolute;left:11px;width:20px;height:1px;background:var(--gold);transition:transform .2s,top .2s}
.nav-toggle span:first-child{top:17px}.nav-toggle span:nth-child(2){top:25px}
.site-nav.open .nav-toggle span:first-child{top:21px;transform:rotate(45deg)}
.site-nav.open .nav-toggle span:nth-child(2){top:21px;transform:rotate(-45deg)}

/* hero */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:140px var(--pad) 0;background:
  radial-gradient(circle at 75% 35%,rgba(250,192,0,.13),transparent 24%),
  radial-gradient(circle at 16% 84%,rgba(250,192,0,.06),transparent 32%),
  linear-gradient(180deg,#050505 0%,#080808 72%,#050505 100%)}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at 60% 40%,#000 0%,transparent 76%)}
.hero:after{content:"";position:absolute;top:0;bottom:0;right:8%;width:1px;background:linear-gradient(180deg,transparent,rgba(250,192,0,.3),transparent);pointer-events:none}
.hero-grid{position:relative;z-index:2;width:min(var(--max),100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:clamp(30px,5vw,90px);align-items:center;flex:1}
.eyebrow{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.52)}
.eyebrow-line{display:inline-block;width:42px;height:1px;background:var(--gold);flex:none}
.eyebrow.dark{color:#7d7668}
.hero h1{font-family:var(--display);font-weight:900;line-height:.82;letter-spacing:-.055em;text-transform:uppercase;margin:26px 0 24px;font-size:clamp(64px,9.1vw,150px);display:flex;flex-direction:column}
.hero-the{font-size:.47em;letter-spacing:.32em;font-weight:700;margin-left:.1em;color:var(--gold)}
.hero-insurance{font-size:.95em;letter-spacing:-.06em;white-space:nowrap;color:#fff}
.hero-boss{font-size:1.02em;color:#fff;margin-top:-.02em}
.hero-suite{font-size:.16em;letter-spacing:.48em;color:rgba(255,255,255,.6);margin-top:26px;font-weight:600}
.hero-lede{max-width:610px;font-size:clamp(15px,1.3vw,18px);line-height:1.75;color:rgba(255,255,255,.66);font-weight:400}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:0 26px;border:1px solid transparent;font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transition:transform .2s,background .2s,color .2s,border-color .2s}
.button:hover{transform:translateY(-2px)}
.button-gold{background:var(--gold);color:#000;border-color:var(--gold)}
.button-gold:hover{background:#fff;border-color:#fff}
.button-line{border-color:rgba(255,255,255,.32);color:#fff;background:rgba(255,255,255,.02)}
.button-line:hover{border-color:var(--gold);color:var(--gold)}
.hero-proof{display:flex;gap:10px 24px;flex-wrap:wrap;margin-top:34px;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.36)}
.hero-proof span{display:flex;align-items:center;gap:8px}
.hero-proof span:before{content:"";width:4px;height:4px;background:var(--gold);border-radius:50%}

.hero-mark{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:550px}
.mark-badge{position:relative;z-index:3;width:min(360px,78%);aspect-ratio:1;border-radius:50%;background:var(--cream);padding:14px;box-shadow:0 30px 90px rgba(0,0,0,.7),0 0 0 1px rgba(250,192,0,.55),0 0 0 16px rgba(250,192,0,.04)}
.mark-badge img{width:100%;height:100%;object-fit:contain}
.mark-orbit{position:absolute;border:1px solid rgba(250,192,0,.2);border-radius:50%;width:78%;aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-54%)}
.orbit-two{width:96%;border-color:rgba(250,192,0,.11)}
.orbit-three{width:58%;border-color:rgba(255,255,255,.1);border-style:dashed}
.orbit-one:before,.orbit-two:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);top:12%;left:18%;box-shadow:0 0 18px var(--gold)}
.orbit-two:before{top:auto;bottom:8%;left:auto;right:22%}
.mark-script{position:relative;z-index:3;margin-top:26px;font-family:var(--script);font-size:clamp(38px,4vw,58px);line-height:.95;color:var(--gold);text-align:center;transform:rotate(-4deg)}
.mark-caption{position:relative;z-index:3;margin-top:18px;font-family:var(--display);font-size:8px;font-weight:700;letter-spacing:.26em;color:rgba(255,255,255,.42)}
.hero-rule{position:relative;z-index:3;width:min(var(--max),100%);margin:34px auto 0;border-top:1px solid rgba(250,192,0,.22);border-bottom:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:18px 0;font-family:var(--display);font-size:9px;font-weight:700;letter-spacing:.22em;color:rgba(255,255,255,.42)}
.hero-rule span:nth-child(2){text-align:center;color:var(--gold)}
.hero-rule span:last-child{text-align:right}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--gold);color:#000}
.stat{padding:34px var(--pad);border-right:1px solid rgba(0,0,0,.18);display:flex;flex-direction:column;gap:2px}
.stat:last-child{border-right:0}
.stat strong{font-family:var(--display);font-size:clamp(38px,4vw,58px);font-weight:900;line-height:1;letter-spacing:-.04em}
.stat span{font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}

/* platform */
.platform{background:var(--paper);color:var(--ink);padding:clamp(80px,10vw,150px) var(--pad)}
.section-head{width:min(var(--max),100%);margin:0 auto 62px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:40px;align-items:end}
.section-head .eyebrow{grid-column:1/-1;margin-bottom:8px}
.section-head h2{font-family:var(--display);font-weight:900;font-size:clamp(48px,7.2vw,112px);line-height:.86;letter-spacing:-.055em;text-transform:uppercase}
.section-head h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #8a6a00}
.section-copy{color:var(--body);font-size:14px;line-height:1.8;max-width:500px;justify-self:end;padding-bottom:8px}
.product-grid{width:min(var(--max),100%);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#b9ae96;border:1px solid #b9ae96}
.product{position:relative;padding:clamp(28px,3.6vw,52px);display:flex;flex-direction:column;min-height:650px;overflow:hidden}
.product-roleplay{background:#0a0a0a;color:#fff}
.product-academy{background:var(--gold);color:#000}
.product-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.product-roleplay .product-top{color:rgba(255,255,255,.5)}.product-academy .product-top{color:rgba(0,0,0,.55)}
.product-state{border:1px solid currentColor;padding:4px 8px;font-size:8px;letter-spacing:.12em}
.product-mark{position:absolute;right:-28px;top:62px;width:174px;opacity:1;filter:none}
.product-mark-dark{opacity:1;filter:none}
.product h3{position:relative;z-index:2;font-family:var(--display);font-weight:900;font-size:clamp(46px,5.5vw,82px);line-height:.86;letter-spacing:-.055em;margin:62px 0 22px}
.product p{position:relative;z-index:2;font-size:14px;line-height:1.75;max-width:500px}
.product-roleplay p{color:rgba(255,255,255,.64)}.product-academy p{color:rgba(0,0,0,.66)}
.feature-list{list-style:none;padding:0;margin:34px 0 36px;position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.14)}
.product-academy .feature-list{border-top-color:rgba(0,0,0,.18)}
.feature-list li{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:12px;line-height:1.55}
.product-academy .feature-list li{border-bottom-color:rgba(0,0,0,.14)}
.feature-list li span{font-family:var(--display);font-size:9px;font-weight:700;letter-spacing:.1em;opacity:.52;padding-top:2px}
.product-link{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:12px;font-family:var(--display);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:5px}
.product-link:hover{color:var(--gold)}
.product-academy .product-link:hover{color:#fff}

/* method */
.method{background:var(--cream);color:var(--ink);padding:clamp(80px,10vw,150px) var(--pad);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,110px);align-items:start}
.method-head{padding-top:6px}
.method-head .eyebrow{color:#7d7668;margin-bottom:20px}
.method-head h2{font-family:var(--display);font-weight:900;font-size:clamp(48px,6.5vw,96px);line-height:.86;letter-spacing:-.055em;text-transform:uppercase}
.method-head h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.4px #8a6a00}
.method-head p{margin-top:26px;max-width:430px;font-size:14px;line-height:1.8;color:var(--body)}
.method-steps{border-top:1px solid #cfc5ae}
.step{display:grid;grid-template-columns:82px 1fr;gap:20px;padding:30px 0;border-bottom:1px solid #cfc5ae}
.step-num{font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:.1em;color:#8a6a00;padding-top:4px}
.step h3{font-family:var(--display);font-size:clamp(22px,2.2vw,30px);font-weight:800;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:7px}
.step p{font-size:13px;line-height:1.7;color:var(--body);max-width:560px}

/* quote band */
.quote-band{background:var(--gold);color:#000;padding:48px var(--pad);display:grid;grid-template-columns:1.2fr .8fr .7fr;gap:30px;align-items:center;border-top:1px solid #000;border-bottom:1px solid #000}
.quote-script{font-family:var(--script);font-size:clamp(44px,5vw,78px);line-height:.9;letter-spacing:-.02em;transform:rotate(-3deg)}
.quote-copy{display:flex;flex-direction:column;border-left:1px solid rgba(0,0,0,.28);padding-left:30px}
.quote-copy strong{font-family:var(--display);font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.quote-copy span{font-family:var(--display);font-size:clamp(20px,2.2vw,30px);font-weight:900;letter-spacing:-.03em;text-transform:uppercase}
.quote-side{text-align:right;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:1.9;color:rgba(0,0,0,.62)}

/* closing */
.closing{padding:clamp(100px,12vw,180px) var(--pad) clamp(90px,10vw,150px);text-align:center;background:radial-gradient(circle at 50% 40%,rgba(250,192,0,.14),transparent 45%),#050505;position:relative}
.closing .eyebrow{justify-content:center;color:rgba(255,255,255,.46)}
.closing h2{font-family:var(--display);font-size:clamp(68px,12vw,180px);font-weight:900;line-height:.78;letter-spacing:-.06em;margin:28px 0 24px;text-transform:uppercase}
.closing h2 span{color:transparent;-webkit-text-stroke:1.5px var(--gold)}
.closing>p:not(.eyebrow){max-width:600px;margin:0 auto;font-size:15px;line-height:1.75;color:rgba(255,255,255,.62)}
.closing-actions{justify-content:center}

/* footer */
.site-footer{background:#000;border-top:1px solid rgba(250,192,0,.24);padding:60px var(--pad) 26px}
.footer-brand{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:32px}
.footer-brand img{width:clamp(210px,24vw,320px)}
.footer-brand p{font-family:var(--script);font-size:26px;color:var(--gold);transform:rotate(-2deg)}
.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:38px 0;border-bottom:1px solid rgba(255,255,255,.12);max-width:700px}
.footer-links>div{display:flex;flex-direction:column;gap:8px}
.footer-links span{font-family:var(--display);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.footer-links a{font-size:12px;color:rgba(255,255,255,.58)}
.footer-links a:hover{color:#fff}
.footer-base{display:flex;justify-content:space-between;gap:18px;padding-top:24px;font-size:9px;letter-spacing:.08em;color:rgba(255,255,255,.32);text-transform:uppercase}

/* motion */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button:hover{transform:none}}

/* responsive */
@media(max-width:1100px){
  .hero-grid{grid-template-columns:1fr;gap:36px;padding-top:30px}
  .hero{min-height:auto;padding-bottom:0}
  .hero-mark{min-height:420px;margin-top:8px}
  .mark-badge{width:min(310px,70%)}
  .hero h1{font-size:clamp(60px,12vw,120px)}
  .hero-rule{grid-template-columns:1fr;gap:6px;text-align:left!important}
  .hero-rule span:nth-child(2),.hero-rule span:last-child{text-align:left}
  .section-head,.method{grid-template-columns:1fr}
  .section-copy{justify-self:start}
  .quote-band{grid-template-columns:1fr;gap:20px}
  .quote-copy{border-left:0;border-top:1px solid rgba(0,0,0,.28);padding:20px 0 0}
  .quote-side{text-align:left}
}
@media(max-width:860px){
  .nav-toggle{display:block}
  .nav-links{position:fixed;inset:76px 16px auto;display:none;flex-direction:column;align-items:stretch;gap:0;background:#0c0c0c;border:1px solid rgba(250,192,0,.28);padding:10px 18px 18px;box-shadow:0 28px 60px rgba(0,0,0,.6)}
  .site-nav.open .nav-links{display:flex}
  .nav-links>a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.09)}
  .nav-links .nav-cta{margin-top:12px;text-align:center;border-bottom:0}
  .stats{grid-template-columns:1fr 1fr}
  .stat{border-bottom:1px solid rgba(0,0,0,.18)}
  .stat:nth-child(2){border-right:0}
  .stat:nth-child(3),.stat:nth-child(4){border-bottom:0}
  .product-grid{grid-template-columns:1fr}
  .product{min-height:0}
  .footer-brand{flex-direction:column;align-items:flex-start}
  .footer-base{flex-direction:column}
}
@media(max-width:600px){
  .hero{padding-top:122px}
  .hero h1{font-size:clamp(50px,16vw,86px)}
  .hero-the{font-size:.4em}
  .hero-insurance{white-space:normal}
  .hero-suite{font-size:.14em;letter-spacing:.36em;margin-top:20px}
  .hero-mark{min-height:350px}
  .mark-badge{width:min(250px,72%)}
  .mark-script{font-size:38px}
  .stat{padding:24px 22px}
  .step{grid-template-columns:54px 1fr}
  .footer-links{grid-template-columns:1fr 1fr}
  .closing h2{font-size:clamp(58px,17vw,100px)}
}

/* responsive hardening */
.hero-grid,.hero-copy,.hero h1{min-width:0}
.hero-lede{max-width:100%}
@media(max-width:600px){
  .hero{padding-left:20px;padding-right:20px}
  .hero h1{font-size:clamp(46px,14vw,68px)}
  .hero-actions{flex-direction:column;align-items:stretch;width:100%}
  .hero-actions .button{width:100%}
  .hero-proof{gap:8px 16px}
  .mark-script{max-width:100%}
  .nav-brand{width:160px}
}

@media(max-width:600px){
  .hero-grid{grid-template-columns:minmax(0,1fr)}
  .hero h1{max-width:100%}
  .site-nav{gap:12px}
  .nav-toggle{flex:none}
}

/* trial */
.trial-strip{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:clamp(30px,6vw,90px);align-items:center;background:#fffdf8;color:#151515;padding:clamp(64px,8vw,120px) var(--pad);border-bottom:1px solid #e4ded1}
.trial-strip .eyebrow{color:#8a6a00;margin-bottom:18px}
.trial-strip h2{font-family:var(--display);font-size:clamp(44px,6vw,88px);line-height:.84;letter-spacing:-.055em;text-transform:uppercase;margin:0}
.trial-strip h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.3px #8a6a00}
.trial-strip-copy{max-width:650px}
.trial-strip-copy p{font-size:.95rem;line-height:1.8;color:#5f594e;margin:0 0 16px}
.trial-strip-copy strong{color:#151515}
.trial-strip-copy .button{margin-top:10px}
@media(max-width:900px){.trial-strip{grid-template-columns:1fr}}