:root{--motion-ease:cubic-bezier(.16,1,.3,1)}
header{position:sticky;top:0;background:#020712ee;backdrop-filter:blur(18px);border-bottom:1px solid #123351;z-index:10}nav a{position:relative;padding-block:12px}nav a:after{content:'';position:absolute;bottom:3px;left:0;right:0;height:2px;background:#4fdcff;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--motion-ease)}nav a:hover:after,nav a:focus-visible:after{transform:scaleX(1)}
.scroll-energy{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#007bff,#72efff,#ffcc7c);transform:scaleX(0);transform-origin:left;z-index:20;pointer-events:none}
.starfield{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.hero-copy{z-index:3}.hero-art{transition:filter .5s;filter:saturate(1.1)}
h1{position:relative;overflow:hidden}h1:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#8feaff30 48%,#fff6 50%,transparent 62%);transform:translateX(-130%);mix-blend-mode:screen}.motion-running h1:after{animation:brand-scan 9s var(--motion-ease) infinite}
.primary,.secondary{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s var(--motion-ease),box-shadow .25s,border-color .25s}.primary:before{content:'';position:absolute;inset:-60% -30%;background:linear-gradient(110deg,transparent 40%,#fff6 50%,transparent 60%);transform:translateX(-100%) rotate(8deg);pointer-events:none}.motion-enabled .primary:hover:before,.motion-enabled .primary:focus-visible:before{animation:button-scan .75s var(--motion-ease)}.primary:hover{box-shadow:0 9px 35px #009cff70}.secondary:hover{box-shadow:0 8px 26px #009cff30}.primary:active,.secondary:active{transform:translateY(1px) scale(.98)}
.cards{perspective:1000px}.cards article{--rx:0deg;--ry:0deg;--px:50%;--py:20%;transition:transform .35s var(--motion-ease),border-color .25s,box-shadow .25s;transform:rotateX(var(--rx)) rotateY(var(--ry));border-radius:14px;background:linear-gradient(145deg,#071626,#01080f 65%)}.cards article:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--px) var(--py),#16aaff24,transparent 60%);opacity:0;transition:opacity .25s}.cards article:hover{border-color:#48c8ff;box-shadow:0 14px 30px #0008}.cards article:hover:after{opacity:1}.cards article>b{display:block;filter:drop-shadow(0 0 6px #078dff)}.cards article img{transition:transform .5s var(--motion-ease),filter .5s}.motion-enabled .cards article:hover img{transform:scale(1.05);filter:saturate(1.2)}.benefits b{display:inline-block;filter:drop-shadow(0 0 7px #048dff)}.benefits>div{transition:background .25s}.benefits>div:hover{background:#0a2137}.motion-enabled .benefits>div:hover b{animation:icon-activate .5s var(--motion-ease)}
.motion-toggle{position:fixed;bottom:18px;right:18px;z-index:15;display:flex;align-items:center;gap:8px;color:#d9efff;background:#07121fee;border:1px solid #255879;border-radius:30px;padding:11px 15px;font-size:11px;box-shadow:0 5px 25px #0008;backdrop-filter:blur(12px)}.motion-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}.motion-toggle:hover{border-color:#69dfff}.motion-toggle[aria-pressed="true"]{color:#99aecc}.motion-off .starfield{opacity:.45}
dialog[open]{animation:dialog-arrive .28s var(--motion-ease)}
@keyframes brand-scan{0%,60%{transform:translateX(-130%)}90%,100%{transform:translateX(130%)}}@keyframes button-scan{to{transform:translateX(100%) rotate(8deg)}}@keyframes icon-activate{50%{transform:translateY(-5px);filter:drop-shadow(0 0 12px #29c6ff)}}@keyframes dialog-arrive{from{opacity:.3;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:760px){header{backdrop-filter:none}.motion-toggle{bottom:12px;right:12px;padding:10px 12px;font-size:10px}.cards article{transform:none!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.cards article img{transform:none!important}.cards article{transform:none!important}dialog[open]{animation:none}}/* Deep-space scene: real nebula photography treatment, layered star depth. */
body{background:#01040c url('assets/deep-space.webp') center top/cover fixed no-repeat}main{position:relative}header{background:#020613e8;border-bottom-color:#398cb233}.hero{background:linear-gradient(90deg,#01051088,transparent 70%)}.hero:after{background:linear-gradient(90deg,#02061070 0%,#02061048 32%,transparent 55%)}.hero-art{mask-image:linear-gradient(90deg,transparent,#000 30%);filter:saturate(1.06);opacity:.92}.starfield{mix-blend-mode:screen}.hero-copy h1{filter:drop-shadow(0 7px 28px #0009)}.hero-copy .intro,.hero-copy h2{text-shadow:0 2px 12px #000}.features{background:linear-gradient(#020712a8,#01040bd9);border-block:1px solid #2c6e9330}.section-intro{position:relative;padding-block:8px}.cards article{border-radius:5px;background:linear-gradient(155deg,#07152de8,#01060ce8);border-color:#285680;box-shadow:0 10px 30px #0004}.cards article:before{content:'';position:absolute;inset:5px;pointer-events:none;background:linear-gradient(#7bdbff,#7bdbff) left top/16px 1px no-repeat,linear-gradient(#7bdbff,#7bdbff) left top/1px 16px no-repeat,linear-gradient(#7bdbff,#7bdbff) right bottom/16px 1px no-repeat,linear-gradient(#7bdbff,#7bdbff) right bottom/1px 16px no-repeat;opacity:.6;z-index:2}.cards article:hover:before{opacity:1}.cards article>b{color:#c8eaff}.benefits{background:linear-gradient(110deg,#05132ade,#020713ed)}footer{background:#01040be8}.primary{border-radius:6px}.secondary{border-radius:6px}.small{border-radius:8px}.freedom,.download{border-block:1px solid #4abaff30}.motion-toggle{border-radius:6px}.scroll-energy{background:linear-gradient(90deg,#2349ba,#4be1ff,#9daaff)}
@media(max-width:760px){body{background-position:65% top;background-attachment:scroll;background-size:auto 1000px}.hero:after{background:linear-gradient(#02061050 0%,#02061038 41%,transparent 59%)}.hero-art{mask-image:linear-gradient(transparent,#000 15%)}.hero-copy{background:linear-gradient(#01061030,transparent)}.cards article{border-radius:5px}}
.space-window{max-width:1440px;margin:0 auto;min-height:260px;position:relative;display:flex;align-items:center;padding:45px 5%;background:linear-gradient(90deg,#01051085,transparent 70%),url('assets/deep-space.webp') center 48%/cover no-repeat;border-block:1px solid #36789c66;overflow:hidden}.space-window:after{content:'';position:absolute;left:5%;right:5%;bottom:20px;height:1px;background:linear-gradient(90deg,#8ddcff60,transparent 35%,transparent 75%,#8ddcff60)}.space-window h2{font-size:clamp(24px,3vw,42px);font-weight:500;margin:0 0 12px;color:#eff8ff;letter-spacing:-.02em;text-shadow:0 3px 18px #000}.space-window p{font-size:14px;color:#b9d6ef;margin:0;letter-spacing:.6px}.viewport-corner{position:absolute;inset:18px;pointer-events:none;background:linear-gradient(#72ceff99,#72ceff99) left top/26px 1px no-repeat,linear-gradient(#72ceff99,#72ceff99) left top/1px 26px no-repeat,linear-gradient(#72ceff99,#72ceff99) right bottom/26px 1px no-repeat,linear-gradient(#72ceff99,#72ceff99) right bottom/1px 26px no-repeat}
@media(max-width:760px){.space-window{min-height:235px;padding:30px 22px;background-position:64% center}.space-window h2{max-width:240px;font-size:28px;line-height:1.35}.space-window p{font-size:11px;max-width:180px;line-height:1.7}}