@font-face{font-family:Outfit;src:url('assets/Outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--navy:#021025;--blue:#3285ff;--muted:#697586;--paper:#f4f7fb;--line:#dce3ec;--ink:#10213b}*{box-sizing:border-box}body{margin:0;background:#080e19;font-family:Outfit,sans-serif;color:var(--ink);overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #3285ff;outline-offset:4px}#stage{width:100vw;height:calc(100dvh - 76px);display:flex;align-items:center;justify-content:center;overflow:hidden}#canvas{width:1600px;height:900px;flex-shrink:0;position:relative;transform-origin:center center}.slide{width:1600px;height:900px;position:absolute;inset:0;padding:62px 90px 65px;background:#fff;overflow:hidden;display:none}.slide.active{display:block}.slide.dark{background:var(--navy);color:white}.slide.blue{background:var(--blue);color:white}.slide.pale{background:var(--paper)}.top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3;height:40px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:16px;font-weight:500}.top .brand{width:102px;height:48px;object-fit:contain}.dark .brand,.blue .brand{filter:brightness(0) invert(1)}.foot{position:absolute;left:90px;right:90px;bottom:35px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#758194;letter-spacing:1px}.dark .foot,.blue .foot{color:#9fb3d1}.blue .foot{color:#dceaff}.foot .num{font-size:18px}.content{position:relative;margin-top:48px;height:650px}h1,h2,h3,p{margin:0}h1{font-size:100px;font-weight:400;line-height:1.03;letter-spacing:-4px}h2{font-size:66px;line-height:1.08;font-weight:400;letter-spacing:-2px}h3{font-size:30px;font-weight:450;line-height:1.2}p{font-size:25px;line-height:1.4;font-weight:350}.lead{font-size:28px;line-height:1.45;color:#607087;max-width:850px;margin-top:24px}.dark .lead{color:#a4b8d2}.blue .lead{color:#e0edff}.accent{color:var(--blue)}.dark .accent{color:#76adff}.sub{font-size:18px;line-height:1.5;color:#738096}.dark .sub{color:#a5b9d4}.tag{font-size:15px;letter-spacing:2px;text-transform:uppercase;color:#74849b}.rule{height:1px;background:var(--line);margin:30px 0}.dark .rule{background:#263650}.cols{display:grid;grid-template-columns:1fr 1fr;gap:80px}.thirds{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.fourths{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.bottom{position:absolute;bottom:24px;left:0;right:0}.big{font-size:112px;font-weight:350;line-height:1.05;letter-spacing:-4px}.metric-label{font-size:22px;margin-top:14px}.placeholder{color:#8094ae}.empty{display:inline-block;border-bottom:2px dotted #96a8c0;min-width:95px;color:#8194ad}.dark .empty{color:#8fa4c1;border-color:#49607f}.small-note{font-size:16px;line-height:1.45;color:#7b8ba0}.chapter{font-size:240px;font-weight:250;line-height:.85;letter-spacing:-12px;color:#ffffff1c;position:absolute;right:0;bottom:0}.line-list{margin-top:35px}.line-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:22px 0;font-size:26px}.line-list small{font-size:18px;color:#718198}.dark .line-list>div{border-color:#2a3a53}.hero-product{position:absolute;right:15px;top:40px;width:560px;height:560px;object-fit:contain;filter:drop-shadow(0 28px 35px #0002)}.hero-title{max-width:870px;padding-top:45px}.hero-title p{max-width:650px;margin-top:32px}.hero-meta{display:flex;gap:50px;margin-top:72px;font-size:18px;color:#a8bdd8}.hero-meta span{border-top:1px solid #35516d;padding-top:16px}.hero-glow{position:absolute;width:800px;height:800px;right:-250px;top:90px;background:radial-gradient(ellipse,#3285ff33,transparent 66%);pointer-events:none}.product-stage{position:absolute;right:0;top:0;width:630px;height:660px}.product-stage img{position:absolute;object-fit:contain;filter:drop-shadow(0 20px 22px #0002)}.product-stage .p1{width:430px;height:480px;left:90px;top:110px;z-index:2}.product-stage .p2{width:330px;height:360px;right:-30px;top:225px;transform:rotate(9deg)}.product-stage .p3{width:300px;height:340px;left:-65px;top:245px;transform:rotate(-10deg)}.status{font-size:15px;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px;color:#3285ff}.status:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:10px}.dark .status{color:#8ce4b5}.quote{font-size:52px;font-weight:350;line-height:1.2;letter-spacing:-1.2px}.item-index{font-size:17px;color:#3285ff;display:block;margin-bottom:25px}.problem-col{padding-top:30px;border-top:1px solid #dce3ec}.problem-col h3{font-size:34px;margin-bottom:20px}.problem-col p{font-size:22px;color:#6f7c8d;max-width:350px}.step-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:85px}.step-strip>div{border-top:2px solid #6682a7;padding-top:25px}.step-strip .number{font-size:68px;color:#83b5ff;font-weight:300;line-height:1;margin-bottom:30px}.step-strip h3{margin-bottom:15px}.step-strip p{font-size:22px;color:#acbed6}.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:38px}.product-tile img{width:100%;height:280px;object-fit:contain}.product-tile{border-bottom:3px solid var(--cat);padding-bottom:20px}.product-tile h3{font-size:23px;margin-top:8px}.product-tile p{font-size:17px;color:#6f7f95;margin-top:8px}.product-tile .tag{font-size:12px;letter-spacing:1px;margin-top:25px}.journey{display:grid;grid-template-columns:320px 1fr;gap:80px;margin-top:35px}.phone{width:280px;height:490px;border:7px solid #17263e;border-radius:40px;background:white;padding:27px 20px;box-shadow:0 25px 60px #152f5020;position:relative}.phone:before{content:'';position:absolute;width:75px;height:16px;border-radius:20px;background:#17263e;top:8px;left:95px}.phone .phone-brand{font-size:12px;color:#8090a3;text-align:center;margin:5px 0 28px;letter-spacing:2px}.phone h3{font-size:29px;line-height:1.15}.phone p{font-size:14px;line-height:1.4;margin-top:12px;color:#6a7c92}.phone .phone-product{display:flex;align-items:center;border-bottom:1px solid #e7edf4;padding:10px 0;font-size:14px;gap:5px}.phone img{width:66px;height:74px;object-fit:contain}.phone .phone-cta{background:#3285ff;color:white;text-align:center;font-size:14px;border-radius:10px;padding:13px;margin-top:20px}.timeline{display:grid;grid-template-columns:1fr 1fr;gap:38px}.timeline>div{border-top:1px solid #cbd7e5;padding-top:16px}.timeline .item-index{margin-bottom:14px}.timeline h3{font-size:29px;margin-bottom:12px}.timeline p{font-size:21px;color:#718096}.mock-label{font-size:14px;text-transform:uppercase;letter-spacing:2px;color:#6e87a9;margin-bottom:15px}.app-window{background:white;color:#233953;border:1px solid #d6e0eb;border-radius:15px;box-shadow:0 30px 70px #00235419;overflow:hidden}.app-bar{height:52px;background:#f8fafd;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #e3eaf2;font-size:14px}.app-layout{display:grid;grid-template-columns:170px 1fr;min-height:380px}.app-side{background:#10233d;color:#8ea3bf;padding:28px 20px;font-size:14px;line-height:3}.app-side b{color:#fff;font-weight:500}.app-main{padding:24px 28px}.app-main h3{font-size:24px;margin-bottom:8px}.app-main p{font-size:14px;color:#8191a6}.app-tabs{display:flex;gap:25px;border-bottom:1px solid #e4eaf2;margin:22px 0 14px;font-size:14px;padding-bottom:10px}.app-tabs b{color:#3285ff}.app-table{width:100%;border-collapse:collapse;font-size:15px}.app-table td,.app-table th{text-align:left;padding:12px 8px;border-bottom:1px solid #e9edf3;font-weight:400}.app-table th{font-size:12px;color:#7c8ea5}.app-table .ok{color:#1d9674}.app-table .review{color:#9d751a}.demo-cols{display:grid;grid-template-columns:410px 1fr;gap:65px;align-items:center;margin-top:30px}.demo-cols h2{font-size:60px}.demo-cols .lead{font-size:23px}.demo-cols .line-list>div{font-size:21px;padding:16px 0}.app-product{display:flex;gap:15px;align-items:center;border-top:1px solid #e7edf4;padding:10px 0}.app-product img{width:67px;height:75px;object-fit:contain}.app-product strong{font-weight:500;font-size:16px}.app-product p{font-size:12px;margin-top:4px}.app-product span{margin-left:auto;font-size:12px;color:#5680b5}.app-action{padding:10px 16px;background:#3285ff;color:white;border:0;border-radius:6px;font-size:13px;display:inline-block;margin-top:10px}.model{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;margin-top:55px}.model .quote{font-size:60px}.model .line-list{margin-top:0}.model .line-list>div{align-items:start;display:block}.model .line-list p{font-size:21px;color:#6d8098;margin-top:10px}.market-row{display:grid;grid-template-columns:90px 1fr 220px;gap:20px;align-items:center;border-top:1px solid #2b3d59;padding:24px 0}.market-row .initial{font-size:44px;color:#72aaff;font-weight:300}.market-row h3{font-size:27px}.market-row p{font-size:19px;color:#9eb3cf;margin-top:8px}.market-row .amount{font-size:40px;text-align:right}.channels{margin-top:60px}.channel{display:grid;grid-template-columns:80px 300px 1fr;gap:20px;padding:25px 0;border-top:1px solid #dce3ec;align-items:center}.channel .index{font-size:40px;color:#99b2d4;font-weight:300}.channel p{font-size:22px;color:#718197}.matrix{width:100%;border-collapse:collapse;margin-top:40px}.matrix th,.matrix td{text-align:left;padding:20px;font-size:22px;font-weight:400;border-bottom:1px solid #dce3ec}.matrix th{font-size:18px;color:#72839b}.matrix td:last-child,.matrix th:last-child{background:#edf4ff;color:#1b66cb}.matrix .unknown{color:#a6b1bf}.team{display:grid;grid-template-columns:1fr 1fr .9fr;gap:60px;margin-top:60px}.person{border-top:1px solid #bfccdd;padding-top:25px}.person .monogram{font-size:80px;color:#a8bfdf;font-weight:250;line-height:1;margin-bottom:28px}.person h3{font-size:33px}.person .role{font-size:18px;color:#3285ff;margin-top:10px}.person p{font-size:22px;color:#718198;margin-top:22px}.team-side{background:#eaf1fb;padding:30px}.team-side h3{font-size:25px;margin-bottom:18px}.team-side p{font-size:21px;margin-bottom:35px}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:65px}.roadmap .period{font-size:52px;color:#91bcff;font-weight:300;margin-bottom:30px}.roadmap h3{font-size:31px;margin-bottom:20px}.roadmap p{font-size:23px;color:#b6c8e0}.roadmap>div{border-top:1px solid #45638b;padding-top:25px}.roadmap .small-note{font-size:18px;margin-top:35px;color:#8cadd6}.economics{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;margin-top:35px}.econ-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e7ef;padding:20px 0;font-size:24px}.econ-row b{font-size:32px;font-weight:350;color:#8b9bb0}.econ-row.total{color:#236cd1;border-bottom:2px solid #3285ff}.econ-aside{background:#edf4ff;padding:40px}.econ-aside .big{font-size:90px;color:#4879bf}.econ-aside h3{margin-top:15px}.econ-aside p{font-size:22px;margin-top:18px;color:#6b82a3}.financial{width:100%;border-collapse:collapse;margin-top:45px}.financial th,.financial td{text-align:right;padding:18px 24px;font-size:24px;border-bottom:1px solid #dce5f0}.financial th{font-weight:400;color:#3285ff;font-size:20px}.financial td:first-child,.financial th:first-child{text-align:left;padding-left:0}.financial td:not(:first-child){color:#8fa1b8}.financial tr:last-child td{border-bottom:2px solid #3285ff}.budget{display:grid;grid-template-columns:1.1fr 1fr;gap:110px;margin-top:50px}.budget .line-list{margin-top:0}.budget .big{font-size:115px;margin:15px 0 25px}.allocation{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 75px;margin-top:55px}.allocation>div{border-top:1px solid #c5d2e4;padding-top:25px;display:grid;grid-template-columns:70px 1fr;gap:15px}.allocation .n{font-size:45px;font-weight:300;color:#8ba9d2}.allocation p{font-size:22px;color:#72839b;margin-top:10px}.allocation small{font-size:19px;color:#3285ff;display:block;margin-top:15px}.ask{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;margin-top:45px}.ask .big{font-size:140px;margin-top:25px}.ask .line-list{margin-top:55px}.ask .line-list>div{font-size:24px}.ask .line-list b{font-weight:350;font-size:34px}.ask .lead{font-size:25px}.controls{height:76px;display:flex;align-items:center;justify-content:center;gap:12px;color:#c4cede}.controls button{border:1px solid #2e394b;color:#ced8e8;background:#141e2d;border-radius:8px;padding:9px 14px;font-size:13px}.controls button:hover{background:#24334a}.controls button:disabled{opacity:.3;cursor:default}#counter{font-size:13px;min-width:65px;text-align:center}.divider{height:20px;width:1px;background:#344057;margin:0 8px}kbd{font:11px Outfit;margin-left:8px;color:#7f95b5}.controls #prev,.controls #next{font-size:20px;padding:5px 14px}#overview{position:fixed;inset:0;background:#0b1423;z-index:10;overflow:auto;padding:30px 5vw;color:white}#overview[hidden]{display:none}#overview>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}#overview strong{font-size:27px;font-weight:400}#overview header span{display:block;color:#8ca1bd;font-size:14px;margin-top:8px}#overview button{color:inherit}#closeGrid{background:#21314b;border:0;padding:12px 20px;border-radius:8px}#thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px}.thumb{background:none;border:0;padding:0;text-align:left;min-width:0}.thumb-frame{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border:2px solid transparent;border-radius:4px}.thumb.current .thumb-frame{border-color:#68a7ff}.thumb .slide{display:block;transform-origin:top left;pointer-events:none}.thumb-label{font-size:14px;color:#9eb2cd;display:block;margin-top:10px}.thumb:hover .thumb-label{color:white}#toast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);background:#263b5a;color:white;border-radius:8px;padding:12px 20px;font-size:14px;display:none;z-index:20}@media(max-width:600px){.controls{gap:5px}.controls button{padding:8px;font-size:11px}.divider,kbd{display:none}#thumbs{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){.slide.active{animation:arrive .22s ease-out}@keyframes arrive{from{opacity:.3;translate:8px 0}to{opacity:1;translate:0 0}}}@media print{@page{size:1600px 900px;margin:0}body{background:white;overflow:visible}.controls,#overview,#toast{display:none!important}#stage{display:block;width:1600px;height:auto;overflow:visible}#canvas{transform:none!important;height:auto;width:1600px}.slide{display:block!important;position:relative;break-after:page;print-color-adjust:exact;-webkit-print-color-adjust:exact;animation:none!important}}
/* Keep slide colors independent of the overview control surface. */
.slide{color:var(--ink)}.slide.dark,.slide.blue{color:#fff}.top .brand{position:absolute;left:50%;transform:translateX(-50%)}
/* Instant slide changes keep live demos and keyboard navigation deterministic. */
.slide.active{animation:none}
.financial{margin-top:30px}.financial th,.financial td{padding-top:12px;padding-bottom:12px}