:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#060913;color:#f4f6fc;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #a8bfff;outline-offset:5px}
.site,footer{max-width:1280px;padding:22px clamp(20px,5vw,74px);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:16px}
.site nav{display:flex;gap:clamp(12px,3vw,32px);align-items:center;font-size:.875rem}.wordmark{font-size:1.25rem;font-weight:750;letter-spacing:-.055em}
.pill,.button{border-radius:100px;padding:.8em 1.2em;white-space:nowrap}.pill{border:1px solid #343e58}.button{display:inline-block;background:#dfe8ff;color:#0e1830;font-weight:650;transition:background .2s}.button:hover{background:white}
.hero{isolation:isolate;position:relative;min-height:clamp(580px,74vh,780px);display:grid;align-items:center;overflow:hidden;max-width:1440px;margin:auto}
.hero img{position:absolute;z-index:-2;right:0;width:min(83%,1150px);height:100%;object-fit:cover;object-position:60% center;animation:arrive .9s ease-out both}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#060913 14%,#060913f0 27%,#06091300 67%),linear-gradient(0deg,#060913,transparent 17%)}
.hero-copy{padding:42px clamp(22px,8vw,120px);animation:lift .65s ease-out both}.eyebrow{color:#a9c1ff;letter-spacing:.10em;text-transform:uppercase;font-size:.72rem;font-weight:720}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(4rem,9vw,9.5rem);line-height:.88;letter-spacing:-.085em;margin-bottom:28px}h1 span{color:#a9c1ff}.hero-copy>p:not(.eyebrow){max-width:335px;color:#c1cbe0;line-height:1.6;margin-bottom:26px}
.workflow,.closing{padding:clamp(60px,10vw,140px) clamp(20px,8vw,120px);max-width:1440px;margin:auto}.intro h2,.closing h2{font-size:clamp(2.5rem,6vw,6rem);line-height:1;letter-spacing:-.075em}.chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.chapters article{border:1px solid #26334d;background:linear-gradient(155deg,#15213c,#0b101c 70%);border-radius:22px;padding:28px;min-height:220px;transition:transform .25s,border-color .25s}.chapters article:hover{transform:translateY(-6px);border-color:#6786c5}.chapters span{display:block;color:#a9c1ff;font-size:2.2rem;margin-bottom:38px}.chapters h3{letter-spacing:-.035em;font-size:1.3rem;margin-bottom:8px}.chapters p{color:#bec9df;line-height:1.55;margin:0}
.closing{text-align:center;background:radial-gradient(ellipse at center,#172751,transparent 70%)}footer{border-top:1px solid #26334d;color:#bec9df}
@keyframes arrive{from{opacity:.35;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes lift{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.chapters{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.site nav>a:first-child{display:none}.hero{min-height:690px;align-items:start}.hero img{top:285px;width:100%;height:410px;object-position:center}.hero::after{background:linear-gradient(180deg,#060913 39%,transparent 58%,transparent 87%,#060913 100%)}.chapters{grid-template-columns:1fr}.chapters article{min-height:auto}.chapters span{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){*,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.story{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,6vw,88px);align-items:start}.stage{position:sticky;top:clamp(16px,8vh,90px);height:clamp(390px,71vh,680px);overflow:hidden;isolation:isolate;border:1px solid #27344e;border-radius:30px;background:#090e1b;--accent:#82a9ff;--phone-angle:-11deg;--phone-shift:-23%}.stage[data-act="1"]{--accent:#b3a0ff;--phone-angle:-6deg;--phone-shift:-28%}.stage[data-act="2"]{--accent:#64e2df;--phone-angle:0deg;--phone-shift:-16%}.stage[data-act="3"]{--accent:#8ae6af;--phone-angle:-8deg;--phone-shift:-28%}.stage-light{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 44% 56%,var(--accent),transparent 65%);opacity:.23;transition:background .6s}
.phone{position:absolute;left:46%;top:50%;width:clamp(110px,37%,210px);aspect-ratio:1/1.96;border:1px solid #677392;border-radius:14%/7%;padding:2%;background:linear-gradient(145deg,#526385,#0a1020 36%,#424e66);box-shadow:0 28px 68px #0009;transform:translate(var(--phone-shift),-50%) rotate(var(--phone-angle));transition:transform .7s cubic-bezier(.2,.8,.2,1)}.phone-camera{position:absolute;top:5%;left:48%;width:5%;aspect-ratio:1;border-radius:50%;background:#04060b;z-index:1}.phone-screen{position:relative;height:100%;overflow:hidden;background:#111e37;border-radius:12%/6%;padding:25% 9% 10%}.screen-bar{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:clamp(.64rem,1.6vw,1rem)}.screen-bar i,.live b i{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--accent);box-shadow:0 0 12px var(--accent)}.screen-content{display:grid;gap:8px;margin-top:13%}.screen-content i{display:block;aspect-ratio:2.3;border:1px solid #ffffff20;border-radius:8px;background:linear-gradient(130deg,#ffffff18,#ffffff05)}.screen-content i:first-child{background:linear-gradient(130deg,var(--accent),#263863);transition:background .5s}.touch{position:absolute;top:58%;left:55%;width:22%;aspect-ratio:1;border:2px solid var(--accent);border-radius:50%;opacity:0}.stage[data-act="2"] .touch{animation:swipe 1.8s ease-in-out infinite}
.scene{position:absolute;right:5%;top:48%;width:46%;max-width:252px;padding:clamp(11px,3vw,24px);border:1px solid #ffffff30;border-radius:18px;background:#131d30ec;box-shadow:0 20px 40px #02050a80;opacity:0;transform:translateY(16px) scale(.96);transition:opacity .35s,transform .5s}.stage[data-act="0"] .pairing,.stage[data-act="1"] .schedule,.stage[data-act="2"] .live,.stage[data-act="3"] .report{opacity:1;transform:translateY(0) scale(1)}.scene span,.scene small,.stage-caption{display:block;color:#b4bfd6;font-size:clamp(.65rem,1.25vw,.84rem)}.scene b{display:block;margin:.7em 0;font-size:clamp(.75rem,1.7vw,1.12rem)}.pair-ring{display:grid;place-items:center;width:38px;aspect-ratio:1;margin:10px 0;border:1px solid var(--accent);border-radius:50%;color:var(--accent);box-shadow:0 0 23px #82a9ff38}.schedule div{padding:7px 0;border-bottom:1px solid #ffffff18;font-size:clamp(.63rem,1.4vw,.86rem)}.schedule time,.report em{color:var(--accent);font-style:normal}.gesture-line{height:3px;width:80%;margin:14px 0;background:linear-gradient(90deg,transparent,var(--accent));border-radius:8px}.report-thumb{height:34px;margin:8px 0;border-radius:6px;background:linear-gradient(110deg,#263956,#284b54)}.stage-caption{position:absolute;left:18px;bottom:16px}.acts article{min-height:56vh;display:flex;justify-content:center;flex-direction:column}.acts h3{font-size:clamp(2rem,4vw,4.2rem);letter-spacing:-.065em;line-height:1.05;margin-bottom:14px}.acts p{max-width:340px;color:#c1cbe0;line-height:1.6}
@keyframes swipe{0%{opacity:0;transform:translateY(35px)}25%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translateY(-35px)}}
@media(max-width:720px){.story{grid-template-columns:1fr;gap:0}.stage{top:8px;height:clamp(255px,43svh,420px);z-index:1}.phone{width:clamp(100px,30%,150px)}.acts article{min-height:40vh;padding:30px 4px}.scene{right:7%}}
@media(prefers-reduced-motion:reduce){.touch{animation:none!important}.stage-light,.scene,.phone{transition:none!important}}
:root{color-scheme:light;background:#f8f9fc;color:#131c31}.site,footer{max-width:1330px}.site{border-bottom:1px solid #e2e6ef}.wordmark{display:inline-flex;align-items:center;gap:9px}.blink-mark{width:25px;height:25px;border-radius:8px;background:#2055e8;display:inline-grid;place-items:center}.blink-mark::after{content:"";width:10px;height:10px;border-radius:4px;border:2px solid white}.pill{background:#fff;border-color:#dce1ef;color:#24334e}.button{background:#2055e8;color:white}.button:hover{background:#1544c8}
.hero{max-width:1330px;padding:clamp(40px,7vw,102px) clamp(20px,5vw,74px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,94px);min-height:auto;overflow:visible}.hero::after{display:none}.hero-copy{padding:0}.eyebrow{color:#214fbf}.hero h1{font-size:clamp(2.85rem,5.7vw,6.1rem);letter-spacing:-.071em;line-height:.99;margin-bottom:21px}.hero-copy>p:not(.eyebrow){color:#505d74}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.hero-actions>a:last-child{font-size:.86rem;font-weight:650;color:#314a7c}.hero-visual{margin:0;overflow:hidden;border-radius:28px;box-shadow:0 26px 65px #121e4923;background:#091023}.hero .hero-visual img{display:block;position:static;z-index:auto;width:100%;height:auto;aspect-ratio:1.19;object-fit:cover;object-position:center}
.workflow{background:#090e1b;color:#f4f6fc;border-radius:34px;max-width:calc(1440px - 40px);margin:0 auto;padding:clamp(38px,7vw,96px)}.workflow .eyebrow{color:#a9c1ff}.closing{background:radial-gradient(ellipse at center,#e3eafe,transparent 73%)}footer{border-color:#e2e6ef;color:#505d74}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:26px}.hero .hero-visual img{aspect-ratio:1.5}.workflow{margin:0 12px;padding:30px 16px;border-radius:23px}.stage{top:8px}.hero-copy>p:not(.eyebrow){margin-bottom:20px}}