:root{color-scheme:dark;--green:#8cff7e;--text:#edf3ec;--muted:#9fb4a5;--line:#2b4130}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#050907;color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.5;position:relative}body:before{content:"";position:absolute;inset:96px 0 auto;height:1100px;background:linear-gradient(90deg,#050907 7%,#050907c2 55%,#0509077a),linear-gradient(0deg,#050907,transparent 45%),url(planet.png) center/cover;z-index:-1;pointer-events:none}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--green);outline-offset:6px}a:hover{color:var(--green)}.wrap{width:min(1380px,calc(100% - 96px));margin-inline:auto}.nav{min-height:96px;border-bottom:1px solid #27342b;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:21px;letter-spacing:4px;font-weight:900;white-space:nowrap}.brand span{color:var(--green)}nav{display:flex;gap:32px;font-size:12px;color:#a5b2a8}nav a{padding-block:12px}.banner{display:block;margin:40px 0 0 -30px;width:min(700px,85%);height:auto}.hero{display:grid;grid-template-columns:minmax(0,510px) minmax(0,1fr);gap:12px;align-items:center;min-height:540px;margin-top:24px}.hero-copy{position:relative;z-index:1}.eyebrow{color:var(--green);font:14px monospace;letter-spacing:3px;margin:0}.eyebrow:before{content:"";display:inline-block;width:7px;height:7px;background:var(--green);margin-right:11px}h1{font-size:clamp(56px,5.4vw,80px);line-height:1.06;letter-spacing:-3px;color:var(--green);margin:26px 0;white-space:nowrap}.tagline{font-size:21px;letter-spacing:.3px;color:#d4dfd6}.intro{color:#a8b6ac;line-height:1.65;font-size:19px;margin:24px 0 30px}.button{background:var(--green);color:#091009;display:inline-flex;align-items:center;justify-content:center;min-height:66px;padding:16px 30px;gap:20px;font-weight:800;font-size:17px;box-shadow:0 0 32px #8cff7e16;transition:background .15s}.button:hover{background:#afffa5;color:#091009}.button>span:first-child{font-size:27px;line-height:1}.meta{font-size:12px;color:#8c9f92;margin-top:14px;letter-spacing:.5px}.meta span{padding-inline:8px}.macbook{display:block;width:100%;height:auto}.requirements{margin:26px 0 0;padding:24px 28px;border:1px solid #35533b;background:linear-gradient(90deg,#102015ed,#0a130dee);display:flex;align-items:center;gap:54px}.requirements h2{font:12px/1.6 monospace;letter-spacing:2px;color:var(--green);margin:0;min-width:140px}.requirements>div{padding-left:30px;border-left:1px solid #35533b}.requirements strong{display:block;font-size:22px}.requirements span{display:block;margin-top:5px;font-size:14px;color:var(--muted)}.divider{margin:35px 0 32px;display:flex;align-items:center;gap:24px;color:#829589;font:12px monospace;letter-spacing:2px}.divider:after{content:"";height:1px;background:#26372b;flex:1}.details{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:40px;align-items:start}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.gallery figure{margin:0;background:#0c130f;border:1px solid var(--line);padding:7px;align-self:start}.gallery img{width:100%;height:auto;display:block;aspect-ratio:4/3}.gallery figcaption{padding:15px 10px;font-size:15px;color:#d2ded4}.gallery figcaption span{display:block;color:#82978a;font:10px/1.6 monospace;letter-spacing:1px;margin-top:8px}.install h2{font-size:28px;letter-spacing:-.5px;margin:0 0 22px;line-height:1.2}.install ol{list-style:none;counter-reset:steps;margin:0;padding:0}.install li{counter-increment:steps;padding-left:34px;position:relative;margin-bottom:20px}.install li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:2px;font:14px monospace;color:var(--green)}.install strong{display:block;color:#e1ebe3;font-size:15px}.install li p{margin:5px 0 0;color:#a6b8ac;font-size:15px;line-height:1.55}.note{margin-top:20px;border-left:2px solid var(--green);padding-left:14px;color:#9db3a4;font-size:14px}.bottom{margin-top:62px;border-block:1px solid #2c4030;padding:34px 0;display:flex;align-items:center;justify-content:space-between;gap:26px}.bottom h2{font-size:30px;margin:0 0 7px;letter-spacing:-.5px;line-height:1.2}.bottom p{margin:0;color:#8fa296;font-size:16px}footer{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#718a78;font:11px monospace;letter-spacing:1px}.skip{position:absolute;left:20px;top:-100px;z-index:10;background:var(--green);color:#091009;padding:12px}.skip:focus{top:10px}@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.hero{grid-template-columns:44% 56%;gap:0;min-height:460px}h1{font-size:clamp(48px,5.4vw,65px)}.details{gap:28px}.gallery{gap:20px}.requirements{gap:28px}.requirements h2{min-width:120px}.requirements strong{font-size:20px}nav{gap:20px}.brand{font-size:18px;letter-spacing:3px}}@media(max-width:900px){.details{grid-template-columns:1fr}.install{max-width:680px;margin-top:12px}.install ol{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.install li{margin-bottom:10px}.hero{min-height:400px}.intro{font-size:17px}.tagline{font-size:18px}.requirements{gap:24px;padding:22px}.requirements>div{padding-left:24px}.requirements h2{min-width:95px;font-size:10px}.requirements strong{font-size:18px}.requirements span{font-size:12px}nav a:first-child{display:none}}@media(max-width:650px){.wrap{width:calc(100% - 40px)}.nav{min-height:76px;flex-wrap:wrap;gap:4px;padding-block:16px}.brand{font-size:16px;letter-spacing:2px}nav{gap:16px;font-size:10px;width:100%;justify-content:space-between}nav a:first-child{display:block}nav a{padding-block:8px}.banner{margin:24px 0 0 -10px;width:100%;max-width:580px}.hero{grid-template-columns:1fr;gap:12px;margin-top:26px;min-height:0}.eyebrow{font-size:11px;letter-spacing:2px}h1{font-size:clamp(46px,11vw,68px);letter-spacing:-2px;margin:20px 0}.tagline{font-size:17px;margin:0}.intro{font-size:16px;margin:20px 0 24px}.button{min-height:58px;font-size:16px;padding:14px 24px;gap:16px}.meta{font-size:10px}.macbook{width:calc(100% + 20px);max-width:none;margin-left:-10px}.requirements{margin-top:20px;display:grid;grid-template-columns:1fr;gap:16px;padding:22px}.requirements h2{font-size:11px}.requirements h2 br{display:none}.requirements>div{border-left:2px solid #35533b;padding-left:16px}.requirements strong{font-size:20px}.requirements span{font-size:13px}.divider{font-size:9px;letter-spacing:1px;gap:12px;line-height:1.6;margin:30px 0 24px}.gallery{gap:14px}.gallery figure{padding:4px}.gallery figcaption{padding:12px 5px;font-size:13px}.gallery figcaption span{font-size:8px;letter-spacing:.3px}.install{margin-top:14px}.install h2{font-size:26px}.install ol{display:block}.install li{margin-bottom:22px}.install strong{font-size:16px}.install li p{font-size:15px}.bottom{margin-top:40px;padding:28px 0;flex-direction:column;align-items:flex-start}.bottom h2{font-size:26px}footer{font-size:9px;min-height:95px;flex-wrap:wrap;align-content:center;gap:12px}body:before{inset:76px 0 auto;height:950px;background-position:65% center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
