:root{color:#fff6df;background:#111221;font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:#111221;line-height:1.5}a{color:inherit}.skip{position:absolute;top:-60px;left:12px;background:#ffd166;color:#111221;padding:8px;z-index:2}.skip:focus{top:12px}header,footer{max-width:1160px;margin:auto;padding:18px 26px;display:flex;justify-content:space-between;gap:18px;align-items:center}.mark{font:700 17px ui-monospace,monospace;text-decoration:none}.mark:first-letter{color:#77f7e4}nav{display:flex;gap:18px}nav a{color:#d5d3e2;text-underline-offset:4px}.hero{min-height:600px;max-width:1160px;margin:auto;padding:70px 26px 42px;display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center}.eyebrow{font:700 12px ui-monospace,monospace;letter-spacing:.12em;color:#77f7e4;margin:0 0 12px}.hero h1{font-size:clamp(48px,7vw,82px);letter-spacing:-.065em;line-height:.92;margin:0}.hero h1 em{font-style:normal;color:#ff7a8a}.lede{font-size:20px;max-width:560px;color:#d5d3e2;margin:28px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{border:2px solid #77769c;border-radius:7px;min-height:48px;display:inline-flex;align-items:center;padding:10px 15px;font-weight:800;text-decoration:none}.button.primary{border-color:#77f7e4;background:#77f7e4;color:#111221}.button:hover{border-color:#ffd166}.note{color:#b7b5c9;font-size:14px}.hero figure{margin:0}.hero figure img{width:100%;height:auto;display:block;border:3px solid #77f7e4;box-shadow:12px 12px #ff7a8a;background:#282b4c}.hero figcaption{font-size:12px;color:#b7b5c9;margin-top:9px}.steps,.story,.support,.offline{padding:76px 26px;max-width:1160px;margin:auto}.steps h2,.story h2,.support h2,.offline h2{font-size:clamp(30px,4vw,50px);line-height:1;letter-spacing:-.04em;max-width:740px;margin:0 0 34px}.steps ol{padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none}.steps li{border-top:2px solid #77769c;padding-top:14px;display:grid;gap:9px}.steps li b{font:700 13px ui-monospace,monospace;color:#ff7a8a}.steps li strong{font-size:20px}.steps li span{color:#d5d3e2}.story{max-width:none;background:#1c1e35;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding-left:max(26px,calc((100vw - 1108px)/2));padding-right:max(26px,calc((100vw - 1108px)/2))}.story p{color:#d5d3e2;font-size:18px}.terminal{background:#111221;border:2px solid #77769c;padding:18px;box-shadow:8px 8px #77f7e4;font-family:ui-monospace,monospace}.terminal>p{font-size:13px;color:#77f7e4;margin:0 0 18px}.mini-card{background:#fff6df;color:#151629;border:2px solid #fff6df;aspect-ratio:1.5;padding:22px;display:flex;flex-direction:column;justify-content:space-between;font-size:clamp(16px,2vw,24px)}.mini-card button{align-self:flex-start;background:#ff7a8a;border:2px solid #151629;padding:8px;font:700 14px ui-monospace,monospace}.terminal small{display:block;color:#b7b5c9;margin-top:14px;font:12px ui-monospace,monospace}.support{border-top:2px solid #34375d}.support>p:not(.eyebrow){max-width:720px;color:#d5d3e2;font-size:18px}.support form{margin-top:28px;max-width:620px}.support label{display:block;font-weight:700;margin-bottom:7px}.support form>div{display:flex;gap:8px}.support input{min-height:46px;flex:1;border:2px solid #77769c;border-radius:6px;background:#1c1e35;color:#fff6df;padding:8px}.support button{min-height:46px;border:2px solid #ffd166;border-radius:6px;background:#ffd166;color:#111221;padding:8px 14px;font-weight:800}.support form p{color:#b7b5c9;font-size:14px}.offline{padding-top:30px;padding-bottom:70px}.offline h2{font-size:30px;margin-bottom:12px}.offline p{max-width:650px;color:#d5d3e2}footer{border-top:2px solid #34375d;color:#b7b5c9;font-size:14px}footer a{text-underline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible{outline:4px solid #ffd166;outline-offset:3px}@media(max-width:700px){header{padding:15px 18px;align-items:flex-start;flex-direction:column}nav{gap:14px}.hero{grid-template-columns:1fr;padding:55px 20px}.hero h1{font-size:53px}.steps,.story,.support,.offline{padding:54px 20px}.steps ol,.story{grid-template-columns:1fr;gap:30px}.story{padding:54px 20px}footer{padding:20px;align-items:flex-start;flex-direction:column}.support form>div{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}