:root{--bg:#0b0d1a;--ink:#f4f5fb;--muted:#a8acc4;--blue:#3d46f2;--pink:#ff346e;--yellow:#efb82e;--teal:#1ea691;--sand:#f6f3ee;--sink:#14162a;--g:clamp(16px,4vw,48px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 Inter,system-ui,sans-serif;padding-bottom:72px}
a{color:inherit}.wrap{max-width:1140px;margin:0 auto;padding:0 var(--g)}.narrow{max-width:820px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px}
.row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.top{position:absolute;inset:0 0 auto;padding:22px 0;z-index:2}.logo{height:40px;width:auto}.logo.sm{height:30px}
.eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.hero{min-height:92vh;display:flex;align-items:center;padding:130px 0 80px;background:radial-gradient(1000px 500px at 85% 10%,rgba(61,70,242,.55),transparent 60%),radial-gradient(700px 400px at 10% 100%,rgba(255,52,110,.35),transparent 60%),var(--bg)}
.kicker{font-weight:600;color:var(--yellow);letter-spacing:.04em;margin:0 0 18px}.kicker.dark{color:var(--blue)}
h1,h2{font-family:Fraunces,Georgia,serif;font-weight:800;line-height:1.05;letter-spacing:-.01em;margin:0 0 20px}
h1{font-size:clamp(42px,7vw,88px);max-width:14ch}h2{font-size:clamp(30px,4vw,48px)}
.sub{font-size:clamp(18px,2vw,22px);max-width:62ch;color:#d9dbec}
.ctas{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 14px;align-items:flex-start}
.btn{display:inline-block;padding:15px 28px;border-radius:999px;font-weight:700;text-decoration:none;cursor:pointer;border:2px solid transparent;list-style:none}
.btn::-webkit-details-marker{display:none}
.primary{background:var(--pink);color:#fff}.primary:hover{background:#e0205a}
.ghost{border-color:rgba(255,255,255,.4)}.ghost:hover{border-color:#fff}
.cal{position:relative}.cal-menu{position:absolute;top:58px;left:0;background:#fff;color:#111;border-radius:12px;min-width:200px;box-shadow:0 10px 30px rgba(0,0,0,.4);overflow:hidden;z-index:5}
.cal-menu a{display:block;padding:12px 16px;text-decoration:none}.cal-menu a:hover{background:#eef}
.note{color:var(--muted);font-size:14px}
.band{padding:clamp(64px,9vw,110px) 0}.light{background:var(--sand);color:var(--sink)}.light .muted{color:#5c5f75}
.lead{font-size:20px;max-width:65ch}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.card{background:#fff;border-radius:18px;padding:30px;box-shadow:0 1px 0 rgba(0,0,0,.05),0 12px 30px rgba(20,22,42,.06)}
.card h3{margin:10px 0 8px;font-size:21px}.card p{margin:0;color:#44475e}
.num{font-weight:800;color:var(--blue)}.card:nth-child(2) .num{color:var(--pink)}.card:nth-child(3) .num{color:var(--teal)}
.two{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center}
#speaker .two{grid-template-columns:260px 1fr}
.facts{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.facts li{display:flex;gap:18px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px}
.facts b{font-family:Fraunces,serif;font-size:38px;color:var(--yellow);min-width:110px}
.muted{color:var(--muted)}.small{font-size:14px}
.avatar{width:240px;height:240px;border-radius:50%;background:conic-gradient(var(--blue),var(--pink),var(--yellow),var(--teal),var(--blue));display:grid;place-items:center;font:800 72px Fraunces,serif;color:#fff}
.role{font-weight:600;color:#44475e}
.agenda{list-style:none;padding:0;margin:30px 0 10px;border-left:2px solid rgba(255,255,255,.18)}
.agenda li{display:flex;gap:24px;padding:16px 0 16px 24px;position:relative}
.agenda li::before{content:"";position:absolute;left:-7px;top:24px;width:12px;height:12px;border-radius:50%;background:var(--pink)}
.agenda time{font-weight:700;color:var(--yellow);min-width:56px}
details:not(.cal){border-bottom:1px solid #ddd6cb;padding:18px 0}
details:not(.cal) summary{font-weight:700;font-size:19px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}
details:not(.cal) summary::after{content:"+";font-size:24px;line-height:1}details[open]:not(.cal) summary::after{content:"–"}
details:not(.cal) p{margin:10px 0 0;color:#44475e}
.closing{text-align:center;padding:110px 0;background:linear-gradient(135deg,var(--blue),#1d1f6b 60%,var(--pink))}
.closing h2{max-width:18ch;margin:0 auto 14px}.closing .note{color:#dfe0f5}
footer{padding:40px 0;border-top:1px solid rgba(255,255,255,.1);color:var(--muted);font-size:15px}
.sticky{position:fixed;inset:auto 0 0;background:rgba(11,13,26,.94);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.12);padding:10px 0;transition:transform .25s;z-index:10}
.sticky.hide{transform:translateY(110%)}.sticky .btn{padding:11px 22px}
@media(max-width:820px){.cards,.two,#speaker .two{grid-template-columns:1fr}.eyebrow{display:none}.avatar{width:150px;height:150px;font-size:46px}.hero{min-height:auto}.agenda li{flex-direction:column;gap:2px}}
/* ===== v2 editorial layer ===== */
body{background:#090b17}
.hero{position:relative;overflow:hidden;background:
 radial-gradient(900px 520px at 78% 18%,rgba(61,70,242,.6),transparent 62%),
 radial-gradient(640px 420px at 0% 100%,rgba(255,52,110,.38),transparent 60%),
 radial-gradient(420px 300px at 50% 0%,rgba(239,184,46,.12),transparent 70%),#090b17}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 70% 40%,#000 20%,transparent 70%)}
.shapes i{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12)}
.shapes i:nth-child(1){width:620px;height:620px;right:-120px;top:40px}
.shapes i:nth-child(2){width:420px;height:420px;right:-20px;top:140px;border-color:rgba(239,184,46,.25)}
.shapes i:nth-child(3){width:14px;height:14px;right:430px;top:180px;background:var(--yellow);border:0}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:64px;align-items:center}
.hero-photo{margin:0;position:relative}
.hero-photo img{width:100%;height:auto;display:block;border-radius:28px 28px 120px 28px;box-shadow:0 40px 80px rgba(0,0,0,.5);outline:1px solid rgba(255,255,255,.15);outline-offset:10px}
.hero-photo figcaption{position:absolute;left:-28px;bottom:28px;background:#fff;color:var(--sink);padding:14px 18px;border-radius:14px;box-shadow:0 20px 40px rgba(0,0,0,.35);max-width:260px}
.hero-photo figcaption b{display:block;font-size:16px}.hero-photo figcaption span{font-size:13px;color:#555a72}
h1{max-width:13ch}h1::after{content:"";display:block;width:72px;height:5px;margin-top:26px;background:linear-gradient(90deg,var(--pink),var(--yellow));border-radius:3px}
.quote{background:#090b17;padding:clamp(70px,9vw,120px) 0;text-align:center;border-top:1px solid rgba(255,255,255,.08)}
.quote blockquote{font:600 clamp(26px,3.4vw,44px)/1.25 Fraunces,serif;max-width:24ch;margin:0 auto 22px;letter-spacing:-.01em}
.quote blockquote::before{content:"“";display:block;font-size:110px;line-height:.6;color:var(--pink)}
.quote cite{color:var(--muted);font-style:normal;font-size:15px}
.ico{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(61,70,242,.1);margin-bottom:18px}
.ico svg{width:26px;height:26px;fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card:nth-child(2) .ico{background:rgba(255,52,110,.1)}.card:nth-child(2) .ico svg{stroke:var(--pink)}
.card:nth-child(3) .ico{background:rgba(30,166,145,.12)}.card:nth-child(3) .ico svg{stroke:var(--teal)}
.card{padding:34px;border:1px solid #ece6dc;transition:transform .2s}.card:hover{transform:translateY(-4px)}
.num{font-size:12px;letter-spacing:.14em}
.facts li{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02));padding:24px 26px}
.facts b{font-size:44px;background:linear-gradient(90deg,var(--yellow),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
#speaker .two{grid-template-columns:400px 1fr;gap:72px}
.speaker-photo{width:100%;height:auto;border-radius:24px;box-shadow:24px 24px 0 var(--yellow)}
.book{display:flex;gap:20px;align-items:center;margin-top:28px;background:#fff;border:1px solid #ece6dc;border-radius:18px;padding:18px 22px;text-decoration:none;color:#44475e;max-width:520px;font-size:15px}
.book img{width:90px;height:auto}.book small{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--pink);font-weight:700}
.book b{display:block;font:800 22px Fraunces,serif;color:var(--sink)}
#faq details:not(.cal){background:#fff;border:1px solid #ece6dc;border-radius:14px;padding:20px 24px;margin-bottom:12px}
#faq summary::after{color:var(--pink)}
footer{background:#06070f;padding:56px 0}footer a{color:#d9dbec}
@media(max-width:900px){.hero-grid,#speaker .two{grid-template-columns:1fr;gap:40px}.hero-photo{max-width:340px}.hero-photo figcaption{left:12px}.speaker-photo{max-width:320px}.shapes i:nth-child(1),.shapes i:nth-child(2){opacity:.5}}
.video-band{background:#090b17;padding:0 0 clamp(40px,6vw,80px);margin-top:-40px;position:relative;z-index:2}
.video-band .kicker{text-align:center}
.player{position:relative;max-width:980px;margin:0 auto;aspect-ratio:16/9;border-radius:24px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.12);background:#000}
.player video{width:100%;height:100%;display:block;object-fit:cover}
.play{position:absolute;inset:0;margin:auto;width:96px;height:96px;border-radius:50%;border:0;background:var(--pink);cursor:pointer;display:grid;place-items:center;box-shadow:0 0 0 12px rgba(255,52,110,.25),0 20px 40px rgba(0,0,0,.4);transition:transform .2s}
.play:hover{transform:scale(1.06)}.play svg{width:40px;height:40px;fill:#fff;margin-left:6px}
.player.playing .play{display:none}
@media(max-width:600px){.player{border-radius:16px}.play{width:68px;height:68px}.play svg{width:28px;height:28px}}
.play{inset:auto 32px 32px auto;margin:0}.player:not(.playing) video{cursor:pointer}
@media(max-width:600px){.play{right:14px;bottom:14px}}
.player:not(.playing) video::cue{color:transparent;background:transparent}
@media(max-width:600px){.play{width:54px;height:54px;box-shadow:0 0 0 7px rgba(255,52,110,.25)}.play svg{width:22px;height:22px;margin-left:4px}}
/* v4: video in hero */
.hero-grid{grid-template-columns:.95fr 1.05fr;grid-template-areas:"ht pl" "hb pl";column-gap:56px;row-gap:0;align-items:center}
.ht{grid-area:ht;align-self:end}.hb{grid-area:hb;align-self:start}.hero-grid .player{grid-area:pl;width:100%;max-width:none;margin:0}
.hero h1{font-size:clamp(40px,5.2vw,76px)}
.play{inset:0!important;margin:auto!important;width:104px;height:104px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;grid-template-areas:"ht" "pl" "hb";row-gap:24px}.hero{padding-top:110px}.hero h1::after{margin-top:18px}}
@media(max-width:600px){.play{width:68px;height:68px}.play svg{width:28px;height:28px}}
.hero .hero-grid{max-width:1360px;grid-template-columns:.78fr 1.22fr;column-gap:64px}
.hero h1{font-size:clamp(40px,4.6vw,68px)}
.play{inset:auto!important;left:50%!important;top:64%!important;transform:translate(-50%,-50%)}.play:hover{transform:translate(-50%,-50%) scale(1.06)}
@media(max-width:900px){.hero .hero-grid{grid-template-columns:1fr}}
.top .wrap{max-width:1360px}
.facts b{white-space:nowrap}
.facts b{min-width:140px;flex-shrink:0;font-size:40px}
@media(max-width:600px){.facts b{min-width:104px;font-size:32px}.facts li{padding:18px}}