:root{--bg:#08090c;--bg-2:#0d0f14;--surface:#161a22;--accent:#00d4ff;--orange:#ff6b35;--text:#e8eaf0;--text-2:#b6bdc9;--font-display:'Orbitron',sans-serif;--font-ui:'Rajdhani',sans-serif;--font-body:'Inter',sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.65}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px} [hidden]{display:none!important}
.site-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px;padding:14px clamp(20px,5vw,80px);background:rgba(8,9,12,.96);border-bottom:1px solid #ffffff12;backdrop-filter:blur(16px)}.site-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.04em;white-space:nowrap}.site-brand img{width:36px;height:36px;object-fit:contain}.site-links{display:flex;gap:30px;align-items:center}.site-links a{text-decoration:none;font-family:var(--font-ui);font-size:18px;font-weight:600;color:#c5cbd4;transition:color .15s}.site-links a:hover,.site-links a[aria-current]{color:var(--accent)}.site-menu{display:none;background:none;color:var(--text);border:1px solid #ffffff30;border-radius:5px;padding:7px 12px}.skip-link{position:fixed;left:12px;top:-100px;z-index:200;background:var(--accent);color:#08090c;padding:10px}.skip-link:focus{top:12px}.site-footer{padding:35px clamp(20px,5vw,80px);display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;border-top:1px solid #ffffff16;color:var(--text-2);font-size:13px}.site-footer-links{display:flex;gap:20px;flex-wrap:wrap}.site-footer a{text-decoration:none}.site-notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:200;background:#1c2130;border:1px solid #536070;border-radius:8px;padding:14px 18px;max-width:calc(100vw - 32px);width:max-content;box-shadow:0 12px 30px #0009;display:flex;align-items:center;gap:16px}.site-notice button{background:none;color:var(--accent);border:0}.site-main{max-width:1440px;margin:auto;padding:64px clamp(20px,5vw,80px)}.site-main h1{font-family:var(--font-display);font-size:clamp(28px,4vw,52px);line-height:1.3}.site-main p{max-width:70ch;color:var(--text-2)}
@media(max-width:768px){.site-nav{min-height:68px;padding:12px 20px}.site-menu{display:block}.site-links{display:none;position:absolute;top:100%;left:0;right:0;background:#0d0f14;border-bottom:1px solid #ffffff20;padding:22px;flex-direction:column;align-items:stretch;gap:16px}.site-links.is-open{display:flex}.site-footer{flex-direction:column}.site-main{padding-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.site-auth{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-2)}.site-auth img{width:24px;height:24px;border-radius:50%}.site-auth a{font-size:14px}.site-auth:empty{display:none}
@media(min-width:769px) and (max-width:1100px){.site-links{gap:16px}.site-auth>span,.site-auth img{display:none}}
.review-modal[hidden]{display:none!important}

/* Section motion follows native scroll and never hides content or moves focus. */
.section-motion{transform:translate3d(0,var(--section-offset,0px),0);opacity:var(--section-opacity,1)}
.section-motion:focus-within{opacity:1}
.build-step-motion{position:relative}
.build-step-motion::before{content:'';position:absolute;top:-1px;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(var(--step-progress,0));transform-origin:left;pointer-events:none}
@media(prefers-reduced-motion:reduce){.section-motion{transform:none!important;opacity:1!important}.build-step-motion::before{display:none}}