*{box-sizing:border-box}:root{--ink:#f3f4f0;--paper:#0b0d14;--accent:#e4ff65;--blue:#365cff;--soft:#171d2a;--line:#333b4c;--muted:#b8c2d0}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img,video{display:block;max-width:100%}[hidden]{display:none!important}main,.wrap{max-width:1260px;margin:auto}.top{max-width:1500px;margin:auto;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-weight:900;font-size:22px;line-height:1;letter-spacing:-.8px;text-transform:uppercase}.brand span{display:block;font:12px/1.3 ui-monospace,monospace;letter-spacing:1.3px;color:var(--accent);margin-top:9px;text-transform:uppercase}nav{display:flex;gap:25px;font-size:13px;font-weight:650}nav a{text-decoration:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center;padding:60px 36px 65px}.hero>*{min-width:0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6vw,84px);line-height:.98;letter-spacing:-4.5px;margin-bottom:30px;font-weight:850}h1 em,h2 em{font:inherit;font-style:normal;line-height:1.04;color:var(--accent)}h2{font-size:clamp(34px,3.6vw,48px);line-height:1.12;letter-spacing:-2px}h3{font-size:25px;line-height:1.2}.eyebrow{font:750 11px/1.5 ui-monospace,SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:1.6px;margin-bottom:24px;color:var(--accent)}.lead{font-size:20px;line-height:1.6;max-width:620px;color:#e0e5ec}.button{display:inline-flex;gap:25px;align-items:center;justify-content:space-between;background:var(--accent);border:1px solid var(--accent);color:#0b0d14;text-decoration:none;font-size:16px;font-weight:850;padding:18px 24px;border-radius:4px;max-width:100%}.button:hover{background:#f0ffab}.button.secondary{background:transparent;color:var(--ink);border-color:#8090a7}.micro,.caption{font-size:12px;line-height:1.6;color:var(--muted);margin:14px 0}.facts{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;font-weight:700;margin-top:24px}.facts span{padding-left:12px;border-left:2px solid var(--accent)}.scene{margin:0;position:relative}.scene img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 18%;border-radius:6px}.scene figcaption{font-size:11px;line-height:1.5;color:var(--muted);margin-top:12px}.scene .frame-label{position:absolute;bottom:60px;left:-16px;background:var(--blue);color:white;font:850 13px/1.5 ui-monospace,monospace;padding:16px 24px;transform:rotate(-3deg);box-shadow:7px 7px 0 #e4ff65}.ribbon{display:flex;justify-content:space-between;gap:20px;padding:23px 36px;background:var(--accent);color:#101419;font:850 12px/1.5 ui-monospace,monospace;letter-spacing:.6px}.section{padding:70px 36px}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px}.feature{display:grid;grid-template-columns:48px 1fr;gap:24px;padding:26px 0;border-top:1px solid var(--line)}.feature:last-child{border-bottom:1px solid var(--line)}.feature .n{font:800 30px/1.2 ui-monospace,monospace;color:var(--accent)}.feature h3{margin-bottom:12px}.feature p{font-size:16px;color:var(--muted);margin:0}.showcase{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;background:var(--blue);color:white;padding:54px;border-radius:6px}.showcase .eyebrow,.showcase em{color:var(--accent)}.showcase p:last-child{margin-bottom:0}.showcase .micro{color:#e2e7ff}.search-card{display:block}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.story-card{padding:27px;border:1px solid var(--line);background:var(--soft);border-radius:5px}.story-card h3{font-size:21px}.story-card p{font-size:15px;margin:0}.article{max-width:830px;margin:auto;padding:58px 32px}.article h1{font-size:58px}.article h2{margin-top:44px;font-size:36px}.article p{margin-bottom:25px}.pull{font:800 32px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;border-left:4px solid var(--accent);padding:19px 0 19px 28px;margin:34px 0;letter-spacing:-.7px}.invitation{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;background:#161f36;border:1px solid #42578b;padding:46px;margin:0 36px 68px;border-radius:6px}.invitation h2{font-size:44px}.assurance{font-weight:800;font-size:15px;color:var(--accent)}.invite-actions{min-width:0}.invite-actions>.button{width:100%}.small-actions{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.small-actions button{border:1px solid #708199;background:transparent;color:var(--ink);border-radius:4px;padding:10px 14px;font-size:13px}.text-button{border:0;background:none;color:inherit;text-decoration:underline;font-size:12px;padding:10px 0}details{border-top:1px solid #536179;padding:15px 0}summary{cursor:pointer;font-size:14px;font-weight:750}#preferences label{display:flex;gap:10px;margin:14px 0;font-size:12px;line-height:1.5}input[type=checkbox]{flex:none;width:18px;height:18px;accent-color:var(--blue)}.faq{max-width:880px;margin:0 auto;padding:0 32px 65px}.faq details p{font-size:15px;margin:18px 0 5px;color:var(--muted)}.faq summary{font-size:17px}.measurement-notice{font-size:12px;border-top:1px solid var(--line);padding-top:12px}.measurement-notice p{margin:0}#gitr-status{font-size:13px;min-height:20px;margin-top:16px}#gitr-qr{background:white;padding:18px;width:220px;max-width:100%}#gitr-qr svg{width:100%;height:auto}#gitr-copy-text{width:100%;padding:10px;font-size:12px}.watch-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;padding:65px 36px}.watch-layout video{max-height:700px;margin:auto;border-radius:8px;background:#151922;width:100%;object-fit:contain}.example-choice{border-top:1px solid var(--line);padding-top:22px;margin-top:30px}.example-choice button{background:var(--soft);border:1px solid var(--line);padding:14px;border-radius:4px;color:var(--ink);text-align:left}.compact-hero{text-align:center;max-width:780px;margin:auto;padding:60px 25px 25px}.guide-wrap{max-width:770px;margin:0 auto 65px;padding:0 25px}.guide{background:#151a27;border:1px solid #455575;border-radius:8px;padding:36px}.progress{display:flex;justify-content:space-between;gap:20px;margin-bottom:34px;font-size:12px;font-weight:750}.dots{display:flex;gap:8px}.dots i{width:35px;height:5px;background:#4c576b;border-radius:5px}.dots i.active{background:var(--accent)}.guide h2{font-size:31px;line-height:1.2;letter-spacing:-1px}.options{display:grid;gap:12px}.options button{border:1px solid #5c6a83;border-radius:5px;padding:19px 43px 19px 19px;background:#1d2638;color:var(--ink);text-align:left;position:relative;font-size:16px}.options button:after{content:'→';position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--accent)}.options button:hover{background:#294db0;border-color:#afbdff}.guide .text-button{color:#c4cfe1}footer{padding:38px 36px 45px;border-top:1px solid var(--line)}footer p{font-size:12px;line-height:1.65;max-width:850px;margin-top:25px;color:var(--muted)}footer>div{display:flex;flex-wrap:wrap;gap:20px;font-size:12px}footer small{display:block;margin-top:20px;font-size:11px;color:var(--muted)}.opening{padding:45px 30px}
@media(max-width:760px){.top{padding:20px 22px}.brand{font-size:18px}.brand span{font-size:10px;letter-spacing:.7px}nav{gap:16px;font-size:12px}nav a:first-child{display:none}.hero{grid-template-columns:1fr;padding:38px 24px 44px;gap:32px}h1{font-size:54px;letter-spacing:-3px}.lead{font-size:18px}.scene img{aspect-ratio:1;object-position:50% 20%}.scene .frame-label{left:-7px;bottom:43px;padding:10px 17px;font-size:11px}.ribbon{flex-wrap:wrap;padding:20px 24px;gap:12px 25px;font-size:10px}.section{padding:45px 24px}.split,.showcase,.invitation,.watch-layout{grid-template-columns:1fr;gap:30px}.showcase{padding:30px}.feature{gap:14px;grid-template-columns:34px 1fr}.invitation{margin:0 20px 42px;padding:28px 23px}.invitation h2{font-size:35px}.article{padding:37px 24px}.article h1{font-size:47px}.article h2{font-size:31px}.pull{font-size:27px}.story-grid{grid-template-columns:1fr}.watch-layout{padding:40px 24px}.watch-layout video{max-height:640px}.faq{padding:0 25px 45px}.faq h2{font-size:34px}.guide{padding:25px 21px}.guide h2{font-size:27px}.options button{font-size:15px;padding:17px 36px 17px 16px}.guide-wrap{padding:0 20px}.compact-hero h1{font-size:47px}footer{padding:30px 25px}.button{padding:16px 21px;font-size:15px;gap:15px}}
@media(prefers-reduced-motion:no-preference){a,button{transition:background .15s,color .15s}}
@media(max-width:360px){.watch-layout h1{font-size:44px;letter-spacing:-2.5px}}
