:root{--ink:#1A1633;--deep:#2A1B5E;--purple:#5B4BC4;--violet:#8A7BE8;--coral:#F96167;--coral-ink:#B3252B;
--pop:#D9D1FF;--lilac:#F2EFFB;--lilac-2:#EAE6FB;--line:#E3E0F0;--muted:#6E6A8A;--body-ink:#3A3560;--white:#fff;
--grad:linear-gradient(100deg,#5B4BC4 6%,#8A7BE8 46%,#F96167 94%);
--display:'Newsreader',Georgia,serif;--sans:'Archivo',system-ui,-apple-system,sans-serif;
--r:16px;--rs:10px;--max:1180px;--gutter:clamp(16px,4vw,48px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--body-ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3{color:var(--ink);font-weight:300;font-family:var(--display);letter-spacing:-.01em;line-height:1.08;margin:0}
h1{font-size:clamp(40px,7vw,84px)}h2{font-size:clamp(30px,4.2vw,50px)}h3{font-size:clamp(22px,2.4vw,28px)}
h1 em,h2 em,h3 em,.grad{font-style:italic;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
p{margin:0 0 1em}strong{color:var(--ink);font-weight:600}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.lab{font:600 11px/1 var(--sans);letter-spacing:.19em;text-transform:uppercase;color:var(--muted)}
.lab.coral{color:var(--coral-ink)}
.num{font-variant-numeric:tabular-nums}
section{padding:clamp(56px,8vw,112px) 0;border-top:1px solid var(--line)}
section.tight{padding:clamp(40px,5vw,72px) 0}
.sh{display:flex;flex-direction:column;gap:14px;margin-bottom:clamp(28px,4vw,48px);max-width:820px}
.sh p.lede{font-size:clamp(17px,1.6vw,20px);color:var(--body-ink);margin:0}
/* nav */
.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:24px;min-height:64px}
.brand{font-family:var(--display);font-size:20px;color:var(--ink);white-space:nowrap}
.brand:hover{text-decoration:none}
.nav ul{display:flex;gap:22px;list-style:none;margin:0 0 0 auto;padding:0}
.nav li a{font-size:14px;font-weight:500;color:var(--body-ink)}
.nav li a[aria-current]{color:var(--purple)}
.nav .cta{margin-left:auto}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:600;font-size:14px;line-height:1;
background:var(--ink);color:#fff;border:1px solid var(--ink);white-space:nowrap}
.btn:hover{background:var(--deep);text-decoration:none}
.btn.ghost{background:transparent;color:var(--ink)}.btn.ghost:hover{background:var(--lilac)}
.btn.coral{background:var(--coral);border-color:var(--coral);color:#1A1633}.btn.coral:hover{background:#f74d54}
.btn.sm{padding:9px 14px;font-size:13px}
@media(max-width:760px){.nav ul{display:none}.nav .cta{margin-left:auto}}
/* hero */
.hero{padding:clamp(56px,9vw,128px) 0 clamp(40px,6vw,80px)}
.hero .eyebrow{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:28px}
.hero h1{max-width:12ch}
.hero .sub{font-size:clamp(18px,1.8vw,22px);max-width:56ch;margin:28px 0 36px;color:var(--body-ink)}
.hero .row{display:flex;flex-wrap:wrap;gap:12px}
/* doors */
.doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.door{display:block;padding:24px;border:1px solid var(--line);border-radius:var(--r);background:var(--lilac);color:var(--ink);transition:transform .15s,box-shadow .15s}
.door:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 12px 30px -18px rgba(42,27,94,.35)}
.door .lab{margin-bottom:10px}.door h3{margin-bottom:6px}.door p{margin:0;color:var(--body-ink);font-size:15px}
.door .go{display:block;margin-top:14px;font-weight:600;color:var(--purple)}
/* grids + cards */
.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.g2x{grid-template-columns:1fr 1fr}@media(max-width:720px){.g2x{grid-template-columns:1fr}}
.card{border:1px solid var(--line);border-radius:var(--r);padding:26px;background:#fff;display:flex;flex-direction:column;gap:10px;min-width:0}
.card.tint{background:var(--lilac)}.card.dark{background:var(--deep);color:#DDD6F6;border-color:transparent}
.card.dark h3,.card.dark strong{color:#fff}.card.dark .lab{color:var(--pop)}.card.dark a{color:#fff}
.card h3{margin-bottom:2px}.card p{margin:0}.card .foot{margin-top:auto;padding-top:10px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.card .price{font-family:var(--display);font-size:28px;color:var(--ink)}.card .price small{font:500 13px var(--sans);color:var(--muted)}
.line{font-family:var(--display);font-style:italic;font-size:clamp(20px,2vw,24px);color:var(--ink);line-height:1.3}
/* stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.stat{padding:22px;border-radius:var(--rs);background:var(--lilac)}
.stat b{display:block;font:300 44px/1 var(--display);color:var(--ink);margin-bottom:8px}
.stat span{font-size:14px;color:var(--muted)}
/* testimonial */
.quote{background:var(--deep);color:#EDE9FB;border-radius:var(--r);padding:clamp(28px,4vw,56px);display:grid;gap:28px;grid-template-columns:1.2fr .8fr}
.quote blockquote{margin:0;font:italic 300 clamp(26px,3.2vw,40px)/1.2 var(--display);color:#fff}
.quote blockquote::before{content:'“';color:var(--coral)}
.quote .who{margin-top:22px;font-size:14px;color:#C9C0F0}.quote .who b{display:block;color:#fff;font-weight:600}
.quote .side{display:flex;flex-direction:column;gap:16px;font-size:15px}
.quote .side p{margin:0;padding-left:16px;border-left:2px solid var(--coral);color:#DDD6F6}
.quote .side a{color:#fff;font-weight:600}
@media(max-width:820px){.quote{grid-template-columns:1fr}}
/* tables + lists */
table{width:100%;border-collapse:collapse;font-size:15px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{font:600 11px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:var(--rs)}
.tbl table{min-width:560px}.tbl td,.tbl th{padding:12px 16px}
ul.clean{list-style:none;padding:0;margin:0;display:grid;gap:10px}ul.clean li{padding-left:18px;position:relative}
ul.clean li::before{content:'';position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--violet)}
.yes li::before{background:#2E8B57}.no li::before{background:var(--coral)}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--rs);overflow:hidden}
.facts div{background:#fff;padding:18px}.facts .lab{display:block;margin-bottom:6px}@media(max-width:860px){.facts{grid-template-columns:1fr 1fr}}@media(max-width:480px){.facts{grid-template-columns:1fr}}.facts b{font-size:17px;color:var(--ink);font-weight:600}
/* channels */
.chan{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.chan a{display:block;padding:18px 20px;border:1px solid var(--line);border-radius:var(--rs);color:var(--ink)}
.chan a:hover{background:var(--lilac);text-decoration:none}.chan b{display:block;font-weight:600;margin-bottom:4px}.chan span{font-size:14px;color:var(--muted)}
/* prose */
.prose{max-width:72ch}.prose p{font-size:17px}
.two{display:grid;grid-template-columns:1.1fr .9fr;gap:40px}@media(max-width:820px){.two{grid-template-columns:1fr}}
.roles li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
.roles li span:last-child{color:var(--muted);white-space:nowrap}
/* footer */
footer{background:var(--ink);color:#B9B3D6;padding:64px 0 32px;margin-top:40px}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
footer h4{color:#fff;font:600 11px/1 var(--sans);letter-spacing:.19em;text-transform:uppercase;margin:0 0 14px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}footer a{color:#DDD6F6}footer .big{font:italic 300 26px/1.2 var(--display);color:#fff;max-width:22ch;margin:0 0 12px}
footer .base{margin-top:48px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
@media(max-width:820px){footer .cols{grid-template-columns:1fr 1fr}}@media(max-width:480px){footer .cols{grid-template-columns:1fr}}
/* email toast */
.etoast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(12px);z-index:60;display:flex;align-items:center;gap:10px;max-width:min(560px,calc(100vw - 32px));padding:12px 16px;border-radius:999px;background:#1A1633;color:#fff;font:500 14px/1.3 var(--sans);box-shadow:0 18px 40px -18px rgba(26,22,51,.6);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}
.etoast.on{opacity:1;transform:translateX(-50%) translateY(0)}
.etoast i{flex:0 0 auto;width:18px;height:18px;border-radius:50%;background:#F96167;display:inline-grid;place-items:center;font-style:normal;font-size:11px;color:#1A1633;font-weight:800}
.etoast b{font-weight:600;white-space:nowrap}
.etoast span{color:#C9C0F0}
@media(prefers-reduced-motion:reduce){.etoast{transition:none}}
@media(max-width:480px){.etoast{width:calc(100vw - 32px);border-radius:14px;align-items:flex-start;padding:12px 14px}.etoast i{margin-top:1px}.etoast b{white-space:normal;overflow-wrap:anywhere}}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:8px}.skip:focus{left:8px;z-index:99}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* HOLD MODE */
.hold{position:relative;overflow:hidden;padding:clamp(56px,9vw,120px) 0 clamp(48px,7vw,96px);min-height:calc(100vh - 160px)}
.hold-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,64px);align-items:center}
@media(max-width:860px){.hold-grid{grid-template-columns:1fr}}
.hold-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.hold-mark{width:46px;height:46px;animation:hbob 4s ease-in-out infinite}
.hold-pill{font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--coral-ink);border:1px solid #FFC9CB;background:#FFF0F0;border-radius:999px;padding:9px 14px;display:inline-flex;align-items:center;gap:8px}
.hold-pill b{width:8px;height:8px;border-radius:50%;background:var(--coral);animation:hpulse 1.6s ease-out infinite}
.hold-copy h1{max-width:11ch;margin-top:14px}
.hold-copy .sub{font-size:clamp(17px,1.7vw,21px);max-width:52ch;margin:24px 0 28px}
.hold-copy .row{display:flex;flex-wrap:wrap;gap:12px}
.hold-term{background:var(--ink);color:var(--pop);border-radius:var(--r);overflow:hidden;box-shadow:0 30px 60px -30px rgba(26,22,51,.5);transform:rotate(1deg)}
.hold-term-bar{display:flex;align-items:center;gap:7px;padding:12px 14px;background:var(--deep);font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--pop)}
.hold-term-bar i{width:10px;height:10px;border-radius:50%;background:var(--coral)}.hold-term-bar i:nth-child(2){background:#F9C74F}.hold-term-bar i:nth-child(3){background:#7BE8A6}
.hold-term-bar span{margin-left:auto;opacity:.7}
.hold-term pre{margin:0;padding:18px 20px 20px;font:500 13px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre;overflow-x:auto;min-height:14.4em}
.hold-term .cur{color:var(--coral);animation:hblink 1s steps(1) infinite}
.hold-chans{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,380px));gap:12px;margin-top:clamp(40px,6vw,72px)}
@media(max-width:560px){.hold-chans{grid-template-columns:1fr}}
.hchan{display:grid;gap:6px;padding:18px;border:1px solid var(--line);border-radius:var(--rs);background:rgba(255,255,255,.8);color:var(--body-ink);font-size:14px;transition:transform .25s,border-color .25s}
.hchan b{font-family:var(--display);font-weight:400;font-size:24px;color:var(--ink)}.hchan:hover{text-decoration:none;transform:translateY(-3px);border-color:var(--violet)}
.hold-ribbon-clip{overflow:hidden;position:relative;z-index:3}
.hold-ribbon{background:var(--coral);color:#fff;overflow:hidden;font:700 12px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;padding:11px 0;transform:rotate(-1.2deg) scale(1.04);position:relative;z-index:3}
.hold-ribbon-track{display:inline-flex;gap:28px;white-space:nowrap;animation:hmarquee 40s linear infinite;padding-left:28px}.hold-ribbon i{font-style:normal;color:var(--pop)}
.hold-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.8;z-index:1;pointer-events:none}
.hold-blob.a{width:50vw;height:50vw;max-width:640px;max-height:640px;left:-14vw;top:-8vw;background:var(--pop);animation:hdrift 18s ease-in-out infinite alternate}
.hold-blob.b{width:40vw;height:40vw;max-width:520px;max-height:520px;right:-10vw;bottom:-10vw;background:#FFD9DA;animation:hdrift 22s ease-in-out infinite alternate-reverse}
@keyframes hmarquee{to{transform:translateX(-50%)}}@keyframes hbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px) rotate(-3deg)}}
@keyframes hpulse{0%{box-shadow:0 0 0 0 rgba(249,97,103,.55)}100%{box-shadow:0 0 0 12px rgba(249,97,103,0)}}@keyframes hblink{50%{opacity:0}}
@keyframes hdrift{to{transform:translate(6vw,4vw) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.hold-ribbon-track,.hold-mark,.hold-pill b,.hold-blob,.hold-term .cur{animation:none}}
