:root{color-scheme:dark;--space:#08121c;--text:#e6eef5;--muted:#adbfcd;--cyan:#58d5ed;--line:#304757}
*{box-sizing:border-box}
body{margin:0;background:#050c12;color:var(--text);font-family:'Segoe UI',Arial,sans-serif}
.poster{position:relative;isolation:isolate;max-width:1600px;min-height:100svh;margin:auto;padding:30px 5vw 25px;display:flex;flex-direction:column;background:var(--space);overflow:clip}
.poster:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/orbital-background-v1.png') center/cover}
.poster:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050d18b8 0%,#050d1866 34%,transparent 62%),linear-gradient(0deg,#050d18f0 0%,#050d18c9 18%,transparent 40%)}
header{display:flex;align-items:center;gap:35px;font-size:10px;letter-spacing:1.4px;color:var(--muted)}
header img{object-fit:contain;width:76px;height:51px}
.development{margin-left:auto;color:var(--cyan);white-space:nowrap}
.hero{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:10px;flex:1;min-height:440px;padding-block:25px}
.copy{position:relative;z-index:2}
.eyebrow{font-size:11px;color:var(--cyan);letter-spacing:2.5px;margin:0 0 22px}
h1{font-size:clamp(46px,5.3vw,80px);line-height:1.04;font-weight:450;letter-spacing:-3px;margin:0}
h1 em{font-style:normal;color:var(--cyan)}
.intro{font-size:17px;line-height:1.65;color:var(--muted);margin:22px 0 0}
.promise{font-size:13px;color:var(--text);margin:18px 0 0}
figure{position:relative;min-width:0;margin:0 0 0 -35px}
figure img{display:block;width:103%;height:auto;transform:rotate(-8deg);filter:drop-shadow(0 20px 35px #0007)}
figcaption{font-size:9px;letter-spacing:1px;color:var(--muted);text-align:right;margin:10px 0 0}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid #58728a70;padding-block:20px}
.features span{font-size:10px;letter-spacing:1.3px;color:var(--cyan)}
h2{font-size:19px;line-height:1.2;font-weight:500;margin:10px 0}
.features p{font-size:13px;line-height:1.5;color:var(--muted);margin:0}
footer{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:17px}
footer>div{display:flex;align-items:center;gap:25px}
.platform-label,.sketch{font-size:9px;letter-spacing:1.5px;color:var(--muted)}
footer strong{font-size:14px;font-weight:500}
footer small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:3px}
footer p{font-size:10px;color:var(--muted);margin-left:auto}
.sketch{white-space:nowrap}
@media(min-width:900px) and (max-height:850px){.poster{padding-top:18px;padding-bottom:18px}header img{width:65px;height:44px}.hero{min-height:0;padding-block:15px}h1{font-size:clamp(44px,4.5vw,66px)}.eyebrow{margin-bottom:15px}.intro{font-size:15px;margin-top:17px}.promise{margin-top:12px}figure{max-width:600px}figure img{width:92%;margin-left:auto}.features{padding-block:16px}h2{font-size:17px;margin-block:8px}.features p{font-size:12px}footer{padding-top:12px}}
@media(max-width:700px){.poster{padding:20px;min-height:100svh}header{gap:15px;font-size:8px}header img{width:57px;height:38px}header>span:not(.development){display:none}.development{font-size:9px}.hero{grid-template-columns:1fr;min-height:0;gap:0;padding-block:30px 15px}h1{font-size:52px;letter-spacing:-2px}.eyebrow{font-size:10px;margin-bottom:18px}.intro{font-size:15px;margin-top:18px}.promise{font-size:12px}figure{margin:10px 0 0}figure img{width:100%;transform:rotate(-5deg)}figcaption{font-size:8px;line-height:1.5}.features{gap:15px;padding-block:18px}.features span{font-size:8px;letter-spacing:.5px}h2{font-size:14px;line-height:1.3}.features p{font-size:11px}.features br{display:none}footer{flex-wrap:wrap;gap:12px}footer>div{gap:20px}footer p{font-size:9px;margin:0;order:3;width:100%}.sketch{margin-left:auto;font-size:8px}}

@media(min-width:701px){.poster{height:100svh;min-height:0}.hero{min-height:0}figure img{width:100%;max-height:calc(100svh - 380px);object-fit:contain}}

.development{background:#08121ce8;padding:7px 10px;color:#d6f6ff;border:1px solid #5d819c66}