@font-face{font-family:Jakarta;src:url('../fonts/plus-jakarta-sans-400.ttf')}@font-face{font-family:Jakarta;src:url('../fonts/plus-jakarta-sans-600.ttf');font-weight:600}@font-face{font-family:Jakarta;src:url('../fonts/plus-jakarta-sans-700.ttf');font-weight:700}@font-face{font-family:DMSerif;src:url('../fonts/dm-serif-display-regular.ttf')}@font-face{font-family:DMSerif;src:url('../fonts/dm-serif-display-italic.ttf');font-style:italic}
:root{--base:#eef2fa;--mist:#d6e0f0;--primary:#6b86e8;--deep:#455e93;--ink:#24365d;--white:#fff;--ivory:#fbfaf7;--night:#091329;--line:rgba(69,94,147,.17);--shadow:0 34px 92px rgba(36,54,93,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--ivory);font-family:Jakarta,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}
.recording-header{position:fixed;z-index:100;top:16px;left:50%;width:min(1180px,calc(100% - 32px));height:62px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 16px;border:1px solid rgba(255,255,255,.82);border-radius:21px;background:linear-gradient(120deg,rgba(255,255,255,.9),rgba(238,242,250,.74));box-shadow:0 18px 50px rgba(36,54,93,.12),inset 0 1px rgba(255,255,255,.95);backdrop-filter:blur(24px) saturate(150%)}
.recording-brand{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.16em}.recording-brand img{width:32px;height:32px;border-radius:10px;box-shadow:0 8px 18px rgba(69,94,147,.18)}.recording-header__label{font-size:10px;font-weight:700;letter-spacing:.19em;color:rgba(36,54,93,.5)}.recording-back,.intro-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;font-size:12px;font-weight:700}.recording-back{padding:10px 14px;border:1px solid var(--line);background:rgba(255,255,255,.6)}
.recording-intro{position:relative;min-height:86svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:145px 24px 90px;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(107,134,232,.23),transparent 32%),radial-gradient(circle at 8% 78%,rgba(214,224,240,.88),transparent 31%),linear-gradient(180deg,#fff,var(--base))}.recording-intro:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(69,94,147,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(69,94,147,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent,black 24%,black 76%,transparent);pointer-events:none}.recording-intro>*{position:relative;z-index:1}.eyebrow,.chapter-label{margin:0 0 18px;color:var(--deep);font-size:10px;font-weight:700;letter-spacing:.22em}.recording-intro h1{margin:0;font:400 clamp(70px,9vw,132px)/.84 DMSerif,serif;letter-spacing:-.05em}.recording-intro h1 em{color:var(--primary);font-weight:400}.recording-intro>p:not(.eyebrow){max-width:690px;margin:30px auto;color:rgba(36,54,93,.66);font-size:clamp(16px,1.35vw,20px);line-height:1.65}.intro-link{margin-top:8px;padding:15px 20px;color:#fff;background:linear-gradient(135deg,var(--deep),var(--primary));box-shadow:0 18px 38px rgba(69,94,147,.24),inset 0 1px rgba(255,255,255,.3)}
.recording-index{position:sticky;z-index:80;top:90px;width:min(1000px,calc(100% - 32px));display:flex;justify-content:center;gap:4px;margin:-31px auto 54px;padding:5px;border:1px solid rgba(255,255,255,.9);border-radius:999px;background:rgba(238,242,250,.83);box-shadow:0 16px 40px rgba(36,54,93,.1);backdrop-filter:blur(22px)}.recording-index a{display:flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;color:rgba(36,54,93,.56);font-size:11px;font-weight:600;transition:.2s ease}.recording-index a span{font-size:8px;letter-spacing:.08em;color:var(--primary)}.recording-index a:hover,.recording-index a.is-active{color:var(--ink);background:#fff;box-shadow:0 7px 18px rgba(69,94,147,.1)}
.recording-section{min-height:100svh;display:grid;grid-template-columns:minmax(310px,410px) minmax(0,620px);align-items:center;justify-content:center;gap:clamp(60px,8vw,128px);padding:120px max(5vw,48px);border-top:1px solid var(--line);scroll-margin-top:80px;background:#fff}.recording-section--tint{background:radial-gradient(circle at 88% 20%,rgba(107,134,232,.12),transparent 30%),linear-gradient(135deg,var(--base),#fff 58%,var(--mist))}.recording-section--night{color:#fff;background:radial-gradient(circle at 20% 30%,rgba(107,134,232,.3),transparent 26%),radial-gradient(circle at 85% 74%,rgba(69,94,147,.36),transparent 33%),var(--night)}
.recording-stage{position:relative;display:grid;place-items:center;min-height:690px}.phone-recording{position:relative;width:min(360px,100%);aspect-ratio:592/1280;overflow:hidden;border:8px solid rgba(255,255,255,.96);border-radius:40px;background:#07101f;box-shadow:0 46px 110px rgba(36,54,93,.26),0 0 0 1px rgba(69,94,147,.15)}.phone-recording--wide{aspect-ratio:886/1920}.phone-recording:before{content:"";position:absolute;z-index:2;top:9px;left:50%;width:26%;height:18px;transform:translateX(-50%);border-radius:999px;background:rgba(6,11,23,.9);pointer-events:none}.phone-recording video{width:100%;height:100%;object-fit:cover;background:#07101f}.recording-duration{position:absolute;right:7px;bottom:5px;padding:8px 10px;border:1px solid rgba(255,255,255,.7);border-radius:999px;color:var(--ink);background:rgba(255,255,255,.86);font-size:9px;font-weight:700;letter-spacing:.08em;box-shadow:0 9px 24px rgba(36,54,93,.14);backdrop-filter:blur(12px)}
.founder-guide{position:absolute;z-index:6;top:108px;left:calc(50% + 188px);width:84px;aspect-ratio:1;border:5px solid rgba(255,255,255,.97);border-radius:50%;background:#fff;box-shadow:0 18px 46px rgba(36,54,93,.24),0 0 0 1px rgba(107,134,232,.18);pointer-events:none;transition:box-shadow .3s ease,transform .3s ease}.founder-guide video{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#e8edf5}.founder-guide span{position:absolute;top:calc(100% + 9px);left:50%;min-width:max-content;transform:translateX(-50%);padding:7px 10px;border:1px solid rgba(255,255,255,.78);border-radius:999px;color:var(--ink);background:rgba(255,255,255,.9);font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 22px rgba(36,54,93,.14);backdrop-filter:blur(12px)}.founder-guide.is-playing{transform:translateY(-3px);box-shadow:0 20px 50px rgba(36,54,93,.28),0 0 0 7px rgba(107,134,232,.15),0 0 30px rgba(107,134,232,.52);animation:founder-pulse 2.2s ease-in-out infinite}@keyframes founder-pulse{50%{box-shadow:0 20px 50px rgba(36,54,93,.28),0 0 0 10px rgba(107,134,232,.08),0 0 38px rgba(107,134,232,.68)}}
.recording-copy{max-width:620px}.recording-copy h2{margin:0 0 22px;font:400 clamp(49px,5.2vw,78px)/.94 DMSerif,serif;letter-spacing:-.04em}.recording-summary{max-width:570px;margin:0;color:rgba(36,54,93,.66);font-size:clamp(16px,1.28vw,19px);line-height:1.65}.recording-section--night .chapter-label{color:#a9bcff}.recording-section--night .recording-summary{color:rgba(238,242,250,.72)}
.recording-timeline{display:grid;gap:0;margin:34px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.recording-timeline li{position:relative;display:grid;grid-template-columns:58px 1fr;gap:14px;padding:17px 0 17px 18px;border-bottom:1px solid var(--line);opacity:.5;transition:opacity .3s ease,background .3s ease,transform .3s ease}.recording-timeline li:before{content:"";position:absolute;top:20px;left:0;width:7px;height:7px;border-radius:50%;background:var(--mist);box-shadow:0 0 0 0 rgba(107,134,232,0);transition:.3s ease}.recording-timeline li.is-active{opacity:1;transform:translateX(5px)}.recording-timeline li.is-active:before{background:var(--primary);box-shadow:0 0 0 6px rgba(107,134,232,.13),0 0 18px rgba(107,134,232,.52)}.recording-timeline time{padding-top:2px;color:var(--primary);font-size:9px;font-weight:700;letter-spacing:.08em}.recording-timeline strong{font-size:13px}.recording-timeline p{margin:6px 0 0;color:rgba(36,54,93,.58);font-size:12px;line-height:1.55}.recording-section--night .recording-timeline{border-color:rgba(255,255,255,.15)}.recording-section--night .recording-timeline li{border-color:rgba(255,255,255,.15)}.recording-section--night .recording-timeline p{color:rgba(238,242,250,.6)}
.recording-footer{min-height:76svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:110px 24px;text-align:center;background:radial-gradient(circle at 50% 16%,rgba(107,134,232,.22),transparent 30%),linear-gradient(180deg,var(--base),#fff)}.recording-footer h2{margin:0;font:400 clamp(52px,6vw,92px)/.92 DMSerif,serif;letter-spacing:-.04em}.recording-footer>p:not(.eyebrow){max-width:620px;margin:26px auto;color:rgba(36,54,93,.65);font-size:17px;line-height:1.6}.recording-footer small{max-width:760px;margin-top:66px;color:rgba(36,54,93,.42);font-size:10px;line-height:1.6}.recording-footer small a{color:inherit;font-weight:700;text-underline-offset:3px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:900px){.recording-index{justify-content:flex-start;overflow:auto}.recording-index a{white-space:nowrap}.recording-section{grid-template-columns:1fr;gap:46px;padding:100px 7vw}.recording-stage{min-height:640px}.recording-copy{max-width:680px;margin:auto}.phone-recording{width:330px}.founder-guide{left:calc(50% - 262px)}}
@media(max-width:620px){.recording-header{top:10px;width:calc(100% - 20px);height:56px;border-radius:18px}.recording-brand span,.recording-header__label{display:none}.recording-intro{min-height:auto;padding:124px 20px 100px}.recording-intro h1{font-size:62px}.recording-index{top:76px;width:calc(100% - 20px);margin:-26px auto 24px}.recording-index a{padding:9px 12px}.recording-section{min-height:auto;padding:82px 20px}.recording-stage{min-height:0;padding-bottom:156px}.phone-recording{width:min(310px,88vw);border-width:6px;border-radius:34px}.founder-guide{top:auto;right:auto;bottom:48px;left:50%;width:88px;border-width:4px;transform:translateX(-50%)}.founder-guide.is-playing{transform:translateX(-50%) translateY(-3px)}.founder-guide span{font-size:7px}.recording-duration{bottom:161px}.recording-copy h2{font-size:50px}.recording-timeline li{grid-template-columns:52px 1fr;padding-right:2px}.recording-footer{padding:90px 20px}.recording-footer h2{font-size:54px}}
@keyframes founder-orbit-drift{0%,100%{transform:rotate(-5deg) scale(.98)}50%{transform:rotate(4deg) scale(1.035)}}
.founder-guide{isolation:isolate;border-color:rgba(255,255,255,.9);background:rgba(255,255,255,.94);box-shadow:0 18px 46px rgba(36,54,93,.2),0 0 0 1px rgba(107,134,232,.28),0 0 34px rgba(107,134,232,.25)}.founder-guide__orbit{position:absolute;z-index:1;inset:-42px;width:calc(100% + 84px);max-width:none;height:calc(100% + 84px);object-fit:contain;pointer-events:none;opacity:.78;filter:drop-shadow(0 0 7px rgba(69,94,147,.38));animation:founder-orbit-drift 12s ease-in-out infinite}.founder-guide video{position:relative;z-index:2}.founder-guide span{z-index:3}.founder-guide.is-playing .founder-guide__orbit{opacity:1;filter:drop-shadow(0 0 11px rgba(107,134,232,.58));animation-duration:5.6s}
@media(min-width:621px){.founder-guide{top:50%;transform:translateY(-50%)}.founder-guide.is-playing{transform:translateY(calc(-50% - 3px))}}
@media(max-width:620px){.founder-guide__orbit{inset:-31px;width:calc(100% + 62px);height:calc(100% + 62px);opacity:.74}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.recording-timeline li{transition:none}.founder-guide.is-playing,.founder-guide__orbit{animation:none}}