@font-face{font-family:Geist;src:url('assets/geist-sans-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Space Grotesk;src:url('assets/space-grotesk-variable.woff2') format('woff2');font-weight:300 700;font-display:swap}
:root{--paper:#f4f5f8;--navy:#002661;--ink:#132840;--muted:#69778a;--rule:#cbd4e2;--mint:#92ffc0;--gold:#e8b86d;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Geist,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit}button,a,input{outline-offset:5px}button{cursor:pointer}figure{margin:0}img{display:block;max-width:100%}.review-bar{padding:12px 32px;border-bottom:1px solid #d7dce5;background:#e6ebf2;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#53647b;font-size:11px;line-height:1.4}.review-bar strong{font-size:10px;font-weight:600;letter-spacing:.12em}.review-count{margin-left:18px}.review-bar nav{display:flex;align-items:center;gap:8px}.review-bar nav a,.source-toggle{padding:6px 11px;border:1px solid transparent;border-radius:4px;text-decoration:none;white-space:nowrap;font-size:11px;background:transparent;color:#4b5d75}.variant-a .option-a,.variant-b .option-b{background:#fff;border-color:#cbd4e2;color:var(--navy);font-weight:600}.review-bar nav a:hover,.source-toggle:hover{background:#f5f7fb}.source-notes{padding:16px 32px;background:#fff8e9;border-bottom:1px solid #e8d5aa;font-size:12px;line-height:1.7;color:#5c543e}.source-notes p{max-width:1180px;margin:0 auto 8px}.source-notes p:last-child{margin-bottom:0}main{max-width:1348px;margin:0 auto;padding:0 84px}.brand-header{height:117px;border-bottom:1px solid #dce1ea;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Space Grotesk,Arial,sans-serif;display:flex;align-items:center;gap:17px;text-decoration:none;letter-spacing:-1.7px}.brand img{width:51px;height:55px}.brand>span{font-size:32px;font-weight:700;color:#14263f}.coming-soon{display:flex;align-items:center;gap:8px;color:#69788c;font-size:12px;letter-spacing:.04em}.coming-soon i{width:6px;height:6px;border-radius:50%;background:#798eab}.hero{text-align:center;padding:52px 0 44px}h1{font-family:Space Grotesk,Arial,sans-serif;font-size:clamp(44px,4.5vw,64px);line-height:1.12;font-weight:500;letter-spacing:-3.7px;margin:0;color:var(--navy)}h1>span{display:block}.accent-line{display:flex;width:74px;height:3px;margin:26px auto 0;gap:3px}.accent-line>span{flex:1;background:var(--navy)}.accent-line>span:nth-child(2){background:var(--mint)}.accent-line>span:nth-child(3){background:var(--gold)}.separated-story{padding:13px;background:#fff;border:1px solid #ced5df;box-shadow:0 18px 36px -28px #122a46;transform:rotate(-.35deg);margin:0 3px 50px}.separated-story>img{width:100%;height:auto}.separated-screens{display:grid;grid-template-columns:1.68fr 1fr;gap:24px;align-items:start;padding:0 10px}.screen{border:1px solid #cad4e1;border-radius:6px;background:#fff;overflow:hidden;box-shadow:0 14px 34px -23px #274261}.screen-caption{height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border-bottom:1px solid #d8dfeb;font-size:12px;color:var(--navy);font-weight:600;background:#fdfefe}.screen-caption small{font-size:9px;color:#788499;font-weight:400;white-space:nowrap}.fixture .screen-caption small{color:#927237}.screen-window{background:#f7f9fc;overflow:hidden}.screen-window>img{width:100%;height:auto}.screen-side{display:grid;gap:23px}.primary-screen{margin-top:33px}.primary-screen .screen-window{background:#f3f6fc}.primary-screen img{width:100%}.signup{display:flex;justify-content:center;padding:55px 0 75px}.waitlist{display:flex;width:490px;padding:6px;background:#fff;border:1px solid #cbd5e3;border-radius:8px;box-shadow:0 8px 20px -18px #213759}.waitlist input{min-width:0;flex:1;background:transparent;border:0;padding:13px 15px;font-size:13px;color:var(--ink)}.waitlist input::placeholder{color:#8390a2}.join-button{padding:15px 17px;border:0;border-radius:5px;background:var(--navy);color:#fff;display:flex;align-items:center;gap:24px;font-size:12px;font-weight:500;white-space:nowrap}.join-button:hover{background:#153e75}.join-button span{font-size:17px;line-height:1}.review-footer{display:flex;justify-content:space-between;gap:15px;max-width:1440px;margin:0 auto;padding:20px 84px 26px;font-size:10px;color:#8190a3;border-top:1px solid #d8dfe9}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* B: unchanged illustrated panels alternate with unchanged source screens. */
.variant-b .hero{padding-bottom:42px}.comic-page{padding:18px;background:#fff;border:1px solid #cbd4e0;box-shadow:0 20px 35px -30px #17334c;display:grid;gap:16px}.comic-row{display:grid;gap:16px;grid-template-columns:1fr 2.1fr;align-items:stretch}.comic-row.row-two{grid-template-columns:2.1fr 1fr}.comic-page .screen{border:1.5px solid #26384b;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.comic-page .screen-window{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.comic-page .screen-window>img{width:100%;height:100%;object-fit:contain;object-position:center}.comic-page .screen-caption{height:32px;flex-shrink:0;border-bottom:1px solid #cad4df;font-size:11px}.comic-page .screen-caption small{font-size:9px}.illustration{min-width:0;background:#fff;display:flex;align-items:center}.art-panel{position:relative;width:100%;aspect-ratio:660/704;overflow:hidden}.art-panel>img{position:absolute;max-width:none;width:310.303%;height:auto;top:-3.551%;left:-2.576%}.panel-2>img{left:-105.606%}.panel-3>img{left:-208.333%}.variant-b .signup{padding-top:42px;padding-bottom:65px}
@media(min-width:1500px){main{padding:0 90px}}
@media(max-width:1000px){main{padding:0 42px}.review-bar{padding:10px 24px}.brand-header{height:110px}.hero{padding-top:26px}h1{letter-spacing:-2.4px}.separated-screens{padding:0;gap:18px}.screen-caption{padding:0 10px;font-size:11px}.screen-caption small{font-size:8px}.screen-side{gap:18px}.review-footer{padding:20px 42px}.comic-page{padding:12px;gap:12px}.comic-row{gap:12px}}
@media(max-width:600px){.review-bar{padding:10px 16px;align-items:flex-start;gap:10px}.review-bar>span{padding-top:4px;max-width:180px}.review-bar strong{display:block;font-size:9px}.review-count{display:block;margin-left:0;margin-top:4px;font-size:9px}.review-bar nav{gap:1px;flex-wrap:wrap;justify-content:flex-end;max-width:151px}.review-bar nav a{font-size:10px;padding:5px 8px}.source-toggle{font-size:9px;padding:3px 8px}.source-notes{padding:16px;font-size:11px}.review-bar nav span{display:none}main{padding:0 20px}.brand-header{height:105px}.brand{gap:10px;letter-spacing:-1.1px}.brand img{width:39px;height:42px}.brand>span{font-size:25px}.coming-soon{font-size:10px;gap:6px}.coming-soon i{width:5px;height:5px}.hero{padding:15px 0 34px}h1{font-size:36px;line-height:1.13;letter-spacing:-1.7px}h1>span{display:block}.accent-line{margin-top:22px;width:61px;height:2px}.separated-story{padding:5px;margin:0 -4px 31px;transform:rotate(-.4deg)}.separated-screens{grid-template-columns:1fr;gap:20px;padding:0}.primary-screen{margin-top:0}.screen-side{gap:20px}.screen-caption{height:34px;padding:0 12px;font-size:11px}.screen-caption small{font-size:8px}.signup{padding:35px 0 39px}.waitlist{width:100%;padding:4px;border-radius:6px}.waitlist input{padding:12px 10px;font-size:11px}.join-button{font-size:10px;padding:13px 11px;gap:12px}.join-button span{font-size:14px}.review-footer{padding:17px 20px 23px;display:block;font-size:9px;line-height:1.6}.review-footer>span{display:block}.review-footer>span+span{margin-top:3px}.variant-b .hero{padding-bottom:32px}.comic-page{padding:10px;margin:0 -4px;gap:12px}.comic-row,.comic-row.row-two{display:flex;flex-direction:column;gap:10px}.comic-page .illustration{width:100%}.comic-page .art-panel{aspect-ratio:660/540}.comic-page .art-panel>img{top:-4.63%;transform:translateY(-4%)}.comic-page .screen-window>img{width:100%;height:auto;object-fit:contain}.comic-page .screen-caption{height:32px;padding:0 9px}.comic-page .screen-caption small{font-size:8px}.row-two>.screen{order:2}.row-two>.illustration{order:1}.variant-b .signup{padding:31px 0 40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Match comic panel edges; screens are top-aligned viewport crops, never redrawn. */
@media(min-width:601px){.comic-row{height:390px}.comic-page .screen-window>img{object-fit:cover;object-position:top left}.comic-page .illustration{align-items:center}}
@media(min-width:601px) and (max-width:1000px){.comic-row{height:310px}}