*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:radial-gradient(ellipse at 80% 10%,#29204866,transparent 50%),#090d17;color:#f3f5ff;font:16px/1.6 system-ui,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,canvas:focus-visible{outline:3px solid #69eee1;outline-offset:4px}header,main,footer{max-width:1440px;margin:auto}header{display:flex;justify-content:space-between;gap:25px;padding:30px 52px;align-items:center;border-bottom:1px solid #31394d}.brand{display:flex;gap:14px;align-items:center;letter-spacing:.07em}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border:1px solid #8f83f2;border-radius:50%;color:#79e8df;box-shadow:0 0 25px #765af533;font-weight:800}.brand strong{font-size:17px}.brand small{display:block;font-size:9px;letter-spacing:.19em;color:#91a3c0}nav{display:flex;gap:30px;font-size:12px;color:#b2c2da}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;padding:75px 52px 90px;align-items:center}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:#76e4db}h1{font-size:clamp(43px,4.7vw,68px);line-height:1.03;letter-spacing:-.045em;margin:25px 0}.lead{font-size:16px;color:#b2c1d8;max-width:570px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.button{border:1px solid #45516f;border-radius:10px;padding:12px 17px;font-size:12px;font-weight:650}.primary{background:linear-gradient(100deg,#9071ed,#566fe6);border-color:#a799ff}.button span{padding-left:12px}.specs{display:flex;gap:38px;border-top:1px solid #3b4256;padding-top:25px;margin-top:45px}.specs strong{font-size:23px;display:block;color:#d9d7ff}.specs span{font-size:10px;color:#9db0ce}.viewer{border:1px solid #53617f;border-radius:17px;background:#0d1523;overflow:hidden;box-shadow:0 30px 70px #0006;scroll-margin-top:24px;min-width:0}.viewer-top{display:flex;justify-content:space-between;gap:12px;padding:16px 18px;font-size:9px;color:#8a9ebc;letter-spacing:.08em;border-bottom:1px solid #3c4861}.viewer-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#72e5cf;margin-right:7px}canvas{display:block;width:100%;height:490px;touch-action:none}.viewer-hint{font-size:8px;text-align:center;color:#93a7c1;letter-spacing:.1em;margin:0 0 12px}.controls{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;padding:0 14px}button{background:#19253a;color:#b9cae0;border:1px solid #3e506d;border-radius:8px;padding:9px 12px;font:600 11px system-ui;cursor:pointer}button[aria-pressed=true]{background:#1c4b4a;border-color:#71e5d4;color:#c5fff5}#status{font-size:10px;color:#94aec6;text-align:center;padding:0 12px;margin:12px 0 15px}.path{padding:40px 52px 85px;border-top:1px solid #303b50;display:grid;grid-template-columns:.9fr 1.8fr;gap:50px}h2{font-size:33px;line-height:1.15;letter-spacing:-.03em}.path ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;gap:25px}.path li{border-left:1px solid #44516c;padding-left:22px}.path li>span{font-size:20px;color:#8fdedb}.path h3{font-size:15px;margin:17px 0 10px}.path p{color:#9eb1cc;font-size:12px}footer{display:flex;gap:30px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #344056;padding:27px 52px;font-size:10px;color:#8a9dbc}@media(max-width:900px){header{padding:22px 24px}.hero{padding:45px 24px;gap:35px;grid-template-columns:1fr}.intro{max-width:650px}.viewer{max-width:650px;width:100%}.path{padding:30px 24px 50px;grid-template-columns:1fr;gap:15px}footer{padding:22px 24px}h1{max-width:700px;font-size:52px}}@media(max-width:500px){nav a:first-child{display:none}nav{font-size:10px;max-width:125px;text-align:right}.brand strong{font-size:13px}.brand small{font-size:8px}h1{font-size:43px}.specs{gap:25px}canvas{height:380px}.path ol{grid-template-columns:1fr;gap:25px}.path li{padding-bottom:12px}.actions .button{font-size:11px}footer{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}