:root{
  --paper:#FFFFFF;--mist:#F4F4F2;--ink:#111214;--body:#3A3B3F;--muted:#6B6D72;--line:#E4E4E1;--blurtext:#A4A6AD;
  --navy:#1F3268;--sage:#63B98E;--forest:#23432E;--chart:#D5CF48;--burg:#5E1C33;--mag:#DA5BB8;--orange:#D8693B;--bone:#EAE3D6;
  --font:"Franie","Urbanist",system-ui,-apple-system,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
p{margin:0}
h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.03em;text-wrap:balance}
h1{font-size:clamp(40px,7vw,84px);line-height:1.08}
h2{font-size:clamp(32px,4.8vw,56px);line-height:1.12}
h3{font-size:22px;line-height:1.15;letter-spacing:-.02em}
.wrap{max-width:1160px;margin:0 auto;padding-inline:20px}
.lab{font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.lead{font-size:clamp(18px,2vw,21px);color:var(--body);max-width:640px}
.body p+p{margin-top:14px}
.body{color:var(--body);max-width:680px}
section{padding-block:clamp(64px,9vw,112px)}
.rule{border-top:1px solid var(--line)}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;z-index:99}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--navy);outline-offset:3px}

/* tabs: the highlight system */
.tab{font-style:normal;padding:0 .14em .04em;border-radius:.12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.t1{background:var(--navy);color:var(--sage)}.t2{background:var(--forest);color:var(--chart)}.t3{background:var(--burg);color:var(--mag)}.t4{background:var(--orange);color:var(--bone)}

/* logo */
.logo{font-weight:800;letter-spacing:-.04em;line-height:1;white-space:nowrap;text-decoration:none;color:var(--ink);display:inline-flex;align-items:baseline}
.logo .i{background:var(--navy);color:var(--sage);border-radius:.16em;padding:0 .1em .02em;margin:0 .06em}
.logo .d{color:var(--navy)}
.logo.rev{color:var(--bone)}.logo.rev .i{background:var(--chart);color:var(--navy)}.logo.rev .d{color:var(--bone)}

/* header */
.hdr{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:66px}
.hdr .logo{font-size:24px}
.nav{display:flex;align-items:center;gap:20px}
.nav a{text-decoration:none;font-size:15px;font-weight:500;color:var(--body);white-space:nowrap}
.nav a:hover{color:var(--ink)}
.nav a.btn,.nav a.btn:hover{color:#fff}
.menu{display:none;background:none;border:1px solid var(--line);padding:9px 12px;font:600 14px var(--font);color:var(--ink)}
@media(max-width:1080px){
  .menu{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:66px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 18px}
  .nav.open{display:flex}
  .nav a{padding:12px 0;border-bottom:1px solid var(--line);font-size:17px}
  .nav .btn{margin-top:14px;text-align:center;justify-content:center}
}

/* buttons: square, ink */
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--ink);color:#fff;font:700 15px/1 var(--font);padding:16px 22px;border:1px solid var(--ink);text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s}
.btn:hover{background:var(--navy);border-color:var(--navy)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff}
.btn.sm{padding:12px 16px;font-size:14px}
.btn .ar{font-weight:400}
.btns{display:flex;flex-wrap:wrap;gap:12px}

/* hero: blur and window */
.signals{position:relative;height:clamp(300px,46vh,460px);overflow:hidden;background:var(--paper)}
.field{position:absolute;inset:0;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:12px 44px;padding:0 3%;font-size:clamp(22px,3.4vw,44px);font-weight:600;color:var(--blurtext);user-select:none}
.field span{white-space:nowrap;filter:blur(6px);opacity:.75;padding:4px 14px;position:relative;transition:filter .7s,opacity .7s,color .7s,outline-color .7s;outline:2px solid transparent;outline-offset:6px}
.field span.on{filter:none;opacity:1;color:var(--navy);outline-color:var(--ink)}
.signals:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff 0,rgba(255,255,255,0) 22%,rgba(255,255,255,0) 72%,#fff 100%);pointer-events:none}
.hero .wrap{position:relative;z-index:2;margin-top:-8px;padding-bottom:clamp(56px,8vw,96px)}
.hero .for{display:inline-block;background:var(--navy);color:var(--sage);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:9px 14px;margin-bottom:24px}
.hero h1{max-width:900px}
.hero .lead{margin-top:26px}
.hero .btns{margin-top:32px}
.launch{margin-top:44px;display:grid;grid-template-columns:auto 1fr auto;gap:18px 32px;align-items:center;border-top:1px solid var(--line);padding-top:22px}
.launch .when{font-weight:800;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.02em}
.cd{display:flex;gap:18px}
.cd b{font-size:24px;color:var(--ink);font-variant-numeric:tabular-nums}
.cd span{display:flex;flex-direction:column;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--muted)}
@media(max-width:760px){.launch{grid-template-columns:1fr}}

/* idea */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
@media(max-width:860px){.split{grid-template-columns:1fr;gap:32px}}
.big-quote{font-weight:800;font-size:clamp(26px,3.2vw,38px);line-height:1.15;letter-spacing:-.025em}
.moves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:56px}
@media(max-width:760px){.moves{grid-template-columns:1fr}}
.move{border-radius:16px;padding:28px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between}
.move .n{font-weight:700;font-size:13px;letter-spacing:.14em}
.move h3{font-size:34px;margin-top:40px}
.move p{margin-top:10px;opacity:.9;font-size:16px}
.c1{background:var(--navy);color:var(--bone)}.c1 .hl{color:var(--sage)}
.c2{background:var(--forest);color:var(--bone)}.c2 .hl{color:var(--chart)}
.c3{background:var(--burg);color:var(--bone)}.c3 .hl{color:var(--mag)}
.c4{background:var(--orange);color:#fff}.c4 .hl{color:var(--bone)}

/* wheel covers */
.covers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:44px}
@media(max-width:900px){.covers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.covers{gap:10px}}
.cover{aspect-ratio:3/4.15;border-radius:18px;padding:22px;display:flex;flex-direction:column;container-type:inline-size}
.cover .pills{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}
.cover .pills span{font-size:11px;font-weight:600;letter-spacing:.04em;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.14)}
.cover h3{font-size:clamp(20px,11cqw,30px);line-height:1.02;margin-bottom:8px}
.cover p{font-size:14px;line-height:1.4;opacity:.9}
.cover .ic{width:46%;margin:auto auto 8px;display:block}
.cover .br{font-size:12px;font-weight:800}
@media(max-width:520px){.cover{padding:16px;aspect-ratio:auto;min-height:280px}.cover p{font-size:13px}}

/* check-in */
.checkin{background:var(--mist)}
.ci{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;margin-top:40px;align-items:start}
@media(max-width:900px){.ci{grid-template-columns:1fr}}
.q{display:grid;grid-template-columns:150px 1fr;gap:10px 18px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.q:last-child{border-bottom:1px solid var(--line)}
.q .qn{font-weight:700}
.q .qn small{display:block;font-weight:500;color:var(--muted);font-size:13px}
.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.scale label{position:relative}
.scale input{position:absolute;opacity:0;inset:0;cursor:pointer}
.scale span{display:block;text-align:center;padding:10px 0;background:#fff;border:1px solid var(--line);font-weight:700;font-size:14px}
.scale input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
.scale input:focus-visible+span{outline:2px solid var(--navy);outline-offset:2px}
@media(max-width:560px){.q{grid-template-columns:1fr}}
.result{background:#fff;border-radius:18px;padding:28px;position:sticky;top:90px}
.result svg{width:100%;max-width:320px;margin:0 auto 18px;display:block}
.result .out{color:var(--body)}
.result .out b{color:var(--ink)}

/* voices */
.voices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:44px}
@media(max-width:860px){.voices{grid-template-columns:repeat(2,minmax(0,1fr))}}
.voices div{background:#fff;padding:24px;min-height:130px}
.voices .lab{color:var(--navy)}
.voices div:nth-child(4n+2) .lab{color:var(--forest)}.voices div:nth-child(4n+3) .lab{color:var(--burg)}.voices div:nth-child(4n+4) .lab{color:var(--orange)}
.voices p{font-weight:700;font-size:19px;line-height:1.25;margin-top:10px;letter-spacing:-.01em}

/* hosts */
.hosts{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:52px}
@media(max-width:780px){.hosts{grid-template-columns:1fr}}
.host{border-top:4px solid var(--navy);padding-top:24px}
.host+.host{border-top-color:var(--burg)}
.face{width:180px;height:180px;border-radius:50%;overflow:hidden;background:#EDEDED;margin-bottom:22px}
.face img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.host h3{font-size:36px;margin:6px 0 12px}
.host p{color:var(--body);font-size:16px}
.host p+p{margin-top:12px}

/* panels */
.panel{border-radius:22px;padding:clamp(28px,5vw,56px)}
.panel .lab{color:inherit;opacity:.8}
.ticks{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.ticks li{padding-left:26px;position:relative}
.ticks li:before{content:"";position:absolute;left:0;top:.55em;width:12px;height:12px;border-radius:3px;background:currentColor;opacity:.55}
.price{font-weight:800;font-size:clamp(40px,6vw,64px);letter-spacing:-.03em;line-height:1}

/* forms */
.form{display:grid;gap:14px;margin-top:24px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.form .row{grid-template-columns:1fr}}
.form label{display:grid;gap:6px;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.form input,.form select,.form textarea{font:400 16px/1.4 var(--font);color:var(--ink);background:#fff;border:1px solid #CFCFCB;padding:13px 14px;border-radius:0;width:100%;letter-spacing:0;text-transform:none}
.form textarea{min-height:110px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}
.form .check{display:flex;gap:10px;align-items:flex-start;text-transform:none;letter-spacing:0;font-weight:500;font-size:14px;color:var(--body)}
.form .check input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--navy)}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.ok{display:none;font-size:18px;font-weight:600;padding:18px 20px;background:var(--navy);color:var(--sage);margin-top:18px}
.err{display:none;color:#A11;font-size:14px}
.form.done{display:none}
.dark .form label{color:rgba(255,255,255,.75)}

/* cta band */
.band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
@media(max-width:860px){.band{grid-template-columns:1fr;gap:20px}}

/* care */
.care{background:var(--mist);padding-block:44px}
.care .wrap{display:flex;flex-wrap:wrap;gap:16px 40px;align-items:center;justify-content:space-between}
.care h2{font-size:24px}
.care p{color:var(--body);font-size:15px}
.care .nums{display:flex;flex-wrap:wrap;gap:10px 26px;font-weight:700}
.care .nums a{text-decoration:none}

/* footer */
.ftr{padding-block:48px 40px;border-top:1px solid var(--line)}
.ftr .wrap{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end}
.ftr .logo{font-size:30px}
.ftr nav{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px}
.ftr nav a{text-decoration:none;color:var(--body)}
.ftr small{color:var(--muted);font-size:13px;display:block;margin-top:14px}
@media(max-width:700px){.ftr .wrap{grid-template-columns:1fr}}

/* plans and faq */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:44px}
@media(max-width:900px){.plans{grid-template-columns:1fr}}
.plan{border-radius:18px;padding:30px;display:flex;flex-direction:column;gap:10px}
.plan .btn{margin-top:auto;align-self:flex-start}
.plan .ticks{margin:8px 0 20px}
.faq details{border-top:1px solid var(--line);padding:18px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{font-weight:700;font-size:19px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font-weight:400}
.faq details[open] summary:after{content:"\2212"}
.faq details p{color:var(--body);margin-top:10px;max-width:720px}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:40px;counter-reset:s}
@media(max-width:860px){.steps{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.steps{grid-template-columns:1fr}}
.steps div{border-top:4px solid var(--navy);padding-top:18px}
.steps div:nth-child(2){border-color:var(--forest)}.steps div:nth-child(3){border-color:var(--burg)}.steps div:nth-child(4){border-color:var(--orange)}
.steps h3{margin-bottom:8px}
.steps p{color:var(--body);font-size:16px}
.legal h2{font-size:24px;margin:36px 0 10px}
.legal p,.legal li{color:var(--body)}
.legal ul{padding-left:20px}
.plans.two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.plans.two{grid-template-columns:1fr}}

.c4 .cd b{color:#fff}.c4 .cd span{color:rgba(255,255,255,.8)}

/* hamburger */
.menu{font-size:0;width:44px;height:44px;padding:0;position:relative;cursor:pointer}
.menu::before,.menu::after{content:"";position:absolute;left:12px;right:12px;height:2px;background:var(--ink);transition:transform .25s,top .25s,box-shadow .25s}
.menu::before{top:15px;box-shadow:0 6px 0 var(--ink)}
.menu::after{top:27px}
.menu[aria-expanded="true"]::before{top:21px;transform:rotate(45deg);box-shadow:none}
.menu[aria-expanded="true"]::after{top:21px;transform:rotate(-45deg)}

/* flip it: wheel cards and speaker tiles */
.flip{perspective:1400px;cursor:pointer;outline-offset:4px;-webkit-tap-highlight-color:transparent}
.flip-in{position:relative;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.75,.2,1.15)}
.flip.y.on .flip-in{transform:rotateY(180deg)}
.flip.x.on .flip-in{transform:rotateX(180deg)}
.flip .fc{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.flip .fc.b{position:absolute;inset:0}
.flip.y .fc.b{transform:rotateY(180deg)}
.flip.x .fc.b{transform:rotateX(180deg)}
@media(hover:hover){.flip{transition:transform .25s}.flip:hover{transform:translateY(-4px)}}
.flip .hint{margin-top:10px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.7}
.cover .hint{position:absolute;right:22px;bottom:22px;margin:0}
.cover.fc{position:relative}
.cover .q{font-size:clamp(20px,9.5cqw,28px);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:auto 0}
.covers .flip{min-width:0}
.speakers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}
@media(max-width:860px){.speakers{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.spk{position:relative;min-height:220px;height:100%;border-radius:18px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.spk b{font-size:clamp(26px,3.1vw,40px);line-height:.95;font-weight:800;letter-spacing:-.03em}
.spk .ep{max-width:calc(100% - 92px);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.8;margin-bottom:auto}
.spk p{font-size:19px;font-weight:700;line-height:1.2;letter-spacing:-.01em;margin:12px 0 14px}
.spk .nom{font-size:14px;font-weight:700;color:inherit;text-underline-offset:3px}
.draft{position:absolute;top:16px;right:16px;border:2px solid currentColor;padding:4px 8px;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;transform:rotate(-6deg)}
@media(max-width:520px){.spk{min-height:210px;padding:16px}.spk b{font-size:clamp(20px,6.2vw,30px)}.spk p{font-size:16px;margin:8px 0 10px}.spk .nom{font-size:13px}.draft{top:12px;right:12px}.spk .ep{max-width:calc(100% - 84px)}}

/* folds */
.fold{margin-top:28px}
.fold>summary{list-style:none;display:inline-flex;align-items:center;gap:14px;background:var(--ink);color:#fff;font:700 15px/1 var(--font);padding:16px 22px;cursor:pointer;user-select:none;transition:background .2s}
.fold>summary::-webkit-details-marker{display:none}
.fold>summary:hover{background:var(--navy)}
.fold .op{display:none}.fold[open] .op{display:inline}.fold[open] .cl{display:none}
.fold .pm{width:12px;height:12px;position:relative}
.fold .pm::before,.fold .pm::after{content:"";position:absolute;left:0;right:0;top:5px;height:2px;background:currentColor;transition:transform .3s}
.fold .pm::after{transform:rotate(90deg)}
.fold[open] .pm::after{transform:rotate(0)}
.fold[open]>summary{background:transparent;color:var(--ink);border:1px solid var(--line)}
.fold-in{padding-top:24px;transform-origin:top center}
.fold[open] .fold-in{animation:unfold .55s cubic-bezier(.2,.75,.2,1.1)}
@keyframes unfold{from{opacity:0;transform:perspective(900px) rotateX(-70deg)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.flip-in,.fold[open] .fold-in{transition:none;animation:none}}

/* names on speaker tiles, and a flip that holds in Safari */
.spk .role{font-size:14px;font-weight:700;letter-spacing:.04em;margin-top:6px;opacity:.85}
.flip .fc.f{transform:translateZ(1px)}
.flip.y .fc.b{transform:rotateY(180deg) translateZ(1px)}
.flip.x .fc.b{transform:rotateX(180deg) translateZ(1px)}
.flip .fc.f,.flip .fc.b{transition:visibility 0s .3s}
.flip .fc.b,.flip.on .fc.f{visibility:hidden}
.flip.on .fc.b{visibility:visible}
@media(prefers-reduced-motion:reduce){.flip .fc.f,.flip .fc.b{transition:none}}

/* hero: blur field with a window you steer */
.hero2{background:var(--navy);color:var(--bone);display:grid;grid-template-rows:minmax(300px,48svh) auto;min-height:calc(100svh - 66px);overflow:hidden}
.lens{position:relative;overflow:hidden;cursor:grab;touch-action:pan-y;--x:50%;--y:50%;--w:300px;--h:84px}
.lens:active{cursor:grabbing}
.lz{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(14px,2.4vw,26px);padding:18px 0}
.lz.soft{filter:blur(6px);opacity:.55}
.lz.sharp{clip-path:inset(calc(var(--y) - var(--h)/2) calc(100% - var(--x) - var(--w)/2) calc(100% - var(--y) - var(--h)/2) calc(var(--x) - var(--w)/2) round 14px);-webkit-clip-path:inset(calc(var(--y) - var(--h)/2) calc(100% - var(--x) - var(--w)/2) calc(100% - var(--y) - var(--h)/2) calc(var(--x) - var(--w)/2) round 14px);background:var(--navy)}
.lz.sharp span{color:var(--sage)}
.lr{white-space:nowrap}
.lt{display:inline-flex;gap:clamp(28px,4vw,56px);font-weight:800;font-size:clamp(26px,4.2vw,52px);letter-spacing:-.03em;animation:drift 60s linear infinite;padding-right:clamp(28px,4vw,56px)}
.lt span{color:var(--bone)}
.lr.r1 .lt{animation-duration:75s}.lr.r2 .lt{animation-duration:90s}
.lr.rev .lt{animation-direction:reverse}
@keyframes drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.win{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);transform:translate(-50%,-50%);border:3px solid var(--sage);border-radius:14px;pointer-events:none;box-shadow:0 0 0 9999px rgba(31,50,104,.18)}
.win span{position:absolute;right:10px;top:-30px;font-size:13px;font-weight:800;color:var(--sage);letter-spacing:-.01em}
.drag{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--sage);opacity:.85;margin:0}
.hcopy{padding-top:clamp(28px,4vw,48px);padding-bottom:clamp(40px,6vw,72px)}
.for2{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--sage)}
.hero2 h1{color:#fff;margin-top:12px;max-width:900px}
.hero2 .sub{font-size:clamp(22px,3vw,34px);font-weight:700;letter-spacing:-.02em;color:var(--sage);margin-top:10px}
.lead2{font-size:clamp(17px,1.6vw,20px);line-height:1.55;color:var(--bone);max-width:640px;margin-top:20px}
.hero2 .btns{margin-top:28px}
.btn.lime{background:var(--sage);border-color:var(--sage);color:var(--navy)}
.btn.lime:hover{background:#fff;border-color:#fff;color:var(--navy)}
.btn.ghost2{background:transparent;border:1px solid rgba(234,227,214,.6);color:var(--bone)}
.btn.ghost2:hover{border-color:#fff;color:#fff;background:transparent}
.when2{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--sage)}
.when2 b{font-size:clamp(18px,2vw,22px);letter-spacing:-.01em;text-transform:none;color:#fff}
.when2 .cd{display:inline-flex;gap:14px}
.when2 .cd span{flex-direction:row;align-items:baseline;gap:5px;font-size:11px;color:var(--sage)}
.when2 .cd b{font-size:18px}
@media(max-width:560px){.hero2{grid-template-rows:minmax(260px,42svh) auto}.lens{--w:220px;--h:66px}.hero2 .btns{flex-direction:column;align-items:stretch}.hero2 .btns .btn{justify-content:center}}
@media(prefers-reduced-motion:reduce){.lt{animation:none}}

/* summary works the same in Safari */
.fold>summary{display:inline-block}
.fold>summary .pm{display:inline-block;vertical-align:middle;margin-left:12px}
.hcopy{width:100%;box-sizing:border-box}

/* host flip cards */
.hosts2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:36px}
@media(max-width:760px){.hosts2{grid-template-columns:1fr}}
.hc{border-radius:20px;overflow:hidden;height:100%}
.hc img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 20%;filter:grayscale(1) contrast(1.05);display:block}
.hct{padding:22px 24px 26px}
.hc h3{font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.03em;margin-top:6px}
.hc p{font-size:16px;line-height:1.5;margin-top:8px}
.hc.b .hct{height:100%;display:flex;flex-direction:column;justify-content:center;gap:4px}
.hc.b p{font-size:clamp(15px,1.5vw,17px)}
.hc .ep{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.8}
.hc .hint{display:block;margin-top:14px}
.fold.lib>summary{background:var(--chart);color:var(--forest)}
.fold.lib[open]>summary{background:transparent;color:var(--bone);border-color:rgba(234,227,214,.5)}


/* host cards: the blur field, one phrase sharp */
.hsig{height:clamp(170px,22vw,230px);display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:10px 22px;padding:22px 18px 0;overflow:hidden;font-weight:800;font-size:clamp(17px,1.9vw,23px);letter-spacing:-.02em;opacity:.95}
.hsig span{filter:blur(5px);opacity:.55}
.hsig span.on{filter:none;opacity:1;outline:2px solid currentColor;outline-offset:6px;border-radius:2px}

/* host photos from the shoot */
.hph{position:relative;aspect-ratio:4/3;overflow:hidden}
.hph img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:grayscale(1) contrast(1.05);display:block}
.hph .chip{position:absolute;left:18px;bottom:16px;background:rgba(255,255,255,.92);color:var(--navy);font-weight:800;font-size:15px;padding:7px 11px;border-radius:8px;outline:2px solid var(--navy);outline-offset:3px}

/* waitlist ticker */
.tick{display:inline-flex;align-items:baseline;gap:12px;margin-top:22px;padding:12px 16px;border:1px solid rgba(99,185,142,.5);border-radius:12px}
.tick .tk-n{font-size:34px;font-weight:800;letter-spacing:-.03em;color:var(--sage);font-variant-numeric:tabular-nums;display:inline-flex}
.tick .tk-n span{display:inline-block;min-width:.62em;text-align:center;transition:transform .3s}
.tick .tk-n span.flip{animation:tkflip .5s}
@keyframes tkflip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg);opacity:.3}100%{transform:rotateX(0)}}
.tick .tk-t{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--bone)}
.tick.light{border-color:rgba(255,255,255,.5);margin-top:18px}
.tick.light .tk-n{color:#fff}.tick.light .tk-t{color:var(--bone)}

/* slow pan behind the waitlist panel */
.panel.vid{position:relative;overflow:hidden;isolation:isolate}
.panel.vid .vbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;opacity:.11;filter:grayscale(1) blur(3px);transform:scale(1.04);z-index:-1;pointer-events:none}
.panel.vid::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,0) 60%);z-index:-1;pointer-events:none}
@media(prefers-reduced-motion:reduce){.panel.vid .vbg{display:none}}

.spk.ph .spk-ph{position:absolute;top:0;right:0;bottom:0;width:46%;height:100%;object-fit:cover;object-position:center 20%;filter:grayscale(1);opacity:.95}
.spk.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1F3268 50%,rgba(31,50,104,.1) 66%,rgba(31,50,104,0)),linear-gradient(180deg,rgba(31,50,104,0) 55%,rgba(31,50,104,.85))}
.spk.ph>*:not(.spk-ph):not(.draft){position:relative;z-index:1}.spk.ph .draft{z-index:2}


/* match host head sizes: Brett's photo is a wider shot */
.hph.zi img{transform:scale(1.4);transform-origin:50% 22%}

/* hero photo: sharp eyes in the window, everything else in the blur */
.hero3{grid-template-rows:auto auto;padding-block:0}
.hpic{margin:0;position:relative;height:clamp(300px,50svh,520px);overflow:hidden;background:#0F224F}
.hpic img{width:100%;height:100%;object-fit:cover;object-position:50% 34%;display:block}
.hpic:after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(to bottom,rgba(31,50,104,0),var(--navy));pointer-events:none}
@media(min-width:900px){
  .hero3{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);grid-template-rows:1fr;align-items:stretch}
  .hero3 .hcopy{order:1;align-self:center;max-width:none;margin:0;padding-left:max(20px,calc((100vw - 1160px)/2 + 20px));padding-right:clamp(24px,3vw,48px)}
  .hpic{order:2;height:auto;min-height:calc(100svh - 66px)}
  .hpic img{position:absolute;inset:0;object-position:50% 30%}
  .hpic:after{inset:0 auto 0 0;width:34%;height:auto;background:linear-gradient(to right,var(--navy),rgba(31,50,104,0))}
  .hero3 h1{font-size:clamp(44px,5.4vw,76px)}
}