@font-face{font-family:Inter;src:url("fonts/inter.woff2") format("woff2");font-display:swap}@font-face{font-family:Barlow;src:url("fonts/barlow-condensed-700.woff2") format("woff2");font-display:swap;font-weight:700}@font-face{font-family:Jet;src:url("fonts/jetbrains-mono.woff2") format("woff2");font-display:swap}
:root{--void:#05070b;--deep:#080d14;--glass:rgba(13,21,31,.72);--line:rgba(173,216,255,.13);--ice:#9ee7ff;--blue:#38bdf8;--warm:#ff6b3d;--white:#f4f8fb;--muted:#8293a5;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--void);color:var(--white);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.g-shell{width:min(1500px,calc(100% - 48px));margin:auto}
.g-header{position:fixed;z-index:50;top:16px;left:0;right:0}.g-nav{height:62px;display:flex;align-items:center;padding:0 18px;border:1px solid var(--line);border-radius:12px;background:rgba(5,9,15,.72);backdrop-filter:blur(18px);box-shadow:0 16px 50px rgba(0,0,0,.25)}.g-brand{display:flex;align-items:center;gap:10px}.g-brand img{width:31px;height:31px;object-fit:contain;border-radius:6px}.g-brand strong{display:block;font:700 17px Barlow,sans-serif;letter-spacing:.03em;text-transform:uppercase}.g-brand small{display:block;color:#617488;font:600 7px Jet,monospace;letter-spacing:.16em;text-transform:uppercase}.g-links{display:flex;gap:28px;margin-left:auto}.g-links a{color:#93a2b1;font-size:10px;font-weight:650}.g-links a:hover,.g-links a.active{color:#dff7ff}.g-cta{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin-left:26px;padding:0 16px;border:1px solid rgba(158,231,255,.32);border-radius:999px;background:#dff8ff;color:#071018;font-size:10px;font-weight:800;box-shadow:0 0 24px rgba(56,189,248,.12);transition:.2s}.g-cta:hover{transform:translateY(-1px);box-shadow:0 0 35px rgba(56,189,248,.25)}
.g-hero{position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 72% 45%,rgba(31,120,179,.17),transparent 23%),radial-gradient(circle at 50% 120%,rgba(36,77,115,.17),transparent 38%),linear-gradient(#07101c,#05070b 70%)}.stars,.stars:before,.stars:after{position:absolute;inset:0;content:"";background-image:radial-gradient(circle,rgba(190,230,255,.55) 0 1px,transparent 1.5px);background-size:137px 113px;opacity:.25}.stars:before{transform:translate(52px,37px);background-size:211px 173px}.stars:after{transform:translate(-31px,81px);background-size:281px 227px;opacity:.16}.g-hero-inner{position:relative;z-index:2;min-height:100svh;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding-top:95px}.g-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 16px;color:#86cde7;font:600 8px Jet,monospace;letter-spacing:.18em;text-transform:uppercase}.g-eyebrow:after{content:"";width:46px;height:1px;background:#58d3ff}.g-hero h1{margin:0;font:400 clamp(70px,8.4vw,138px)/.78 var(--serif);letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 8px 40px rgba(0,0,0,.35)}.g-hero h1 em{display:block;color:var(--ice);font-style:italic}.g-lead{max-width:570px;margin:28px 0 0;color:#91a2b3;font-size:14px;line-height:1.8}.g-actions{display:flex;gap:11px;margin-top:32px;flex-wrap:wrap}.g-btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;padding:0 20px;border:1px solid rgba(158,231,255,.27);border-radius:999px;background:#e3f9ff;color:#071018;font-size:10px;font-weight:800}.g-btn.ghost{background:rgba(11,18,27,.5);color:#d9e8f1}.g-btn:hover{transform:translateY(-1px)}
.g-scene{position:relative;height:690px;perspective:1000px}.g-halo{position:absolute;left:50%;top:49%;width:570px;height:570px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(82,194,255,.24),rgba(27,83,132,.1) 37%,transparent 68%);filter:blur(5px)}.g-platform{position:absolute;left:50%;bottom:80px;width:600px;height:145px;transform:translateX(-50%) perspective(600px) rotateX(66deg);border:1px solid rgba(137,218,255,.23);border-radius:50%;background:radial-gradient(ellipse,rgba(40,135,194,.16),rgba(8,13,20,.1) 65%);box-shadow:0 0 80px rgba(39,147,213,.1),inset 0 0 60px rgba(85,196,255,.08)}.g-rig{position:absolute;inset:65px 20px 40px;color:#a8dff3;filter:drop-shadow(0 25px 30px rgba(0,0,0,.5));animation:floatRig 7s ease-in-out infinite}.g-rig svg{width:100%;height:100%}.g-rig .frame{stroke:rgba(191,234,250,.65);stroke-width:1.5;fill:rgba(10,20,30,.2)}.g-rig .screen{fill:rgba(27,93,139,.18);stroke:#a3e8ff;stroke-width:1.4}.g-rig .glow{stroke:#4fd2ff;stroke-width:1.2;fill:none}.g-rig .soft{stroke:rgba(168,223,243,.28);fill:none}.g-tag{position:absolute;z-index:3;min-width:125px;padding:9px 11px;border:1px solid rgba(158,231,255,.18);border-radius:7px;background:rgba(6,12,19,.66);backdrop-filter:blur(8px);font:600 7px Jet,monospace;color:#6f8598;letter-spacing:.09em;text-transform:uppercase}.g-tag b{display:block;margin-top:4px;color:#dff8ff;font-size:15px}.g-tag:after{content:"";position:absolute;width:48px;border-top:1px solid rgba(90,210,255,.35)}.tag-a{right:4%;top:21%}.tag-a:after{right:100%;top:50%}.tag-b{left:1%;top:44%}.tag-b:after{left:100%;top:50%}.tag-c{right:0;bottom:24%}.tag-c:after{right:100%;top:50%}.g-scroll{position:absolute;z-index:3;left:50%;bottom:25px;transform:translateX(-50%);color:#5f7386;font:600 7px Jet,monospace;letter-spacing:.16em;text-transform:uppercase}.g-scroll:after{content:"";display:block;width:1px;height:34px;margin:9px auto 0;background:linear-gradient(#67d9ff,transparent)}
.g-status{border-block:1px solid var(--line);background:#070b11}.g-status .g-shell{display:flex;align-items:center;gap:32px;min-height:45px;overflow:auto;white-space:nowrap}.g-status span{color:#5f7183;font:600 7px Jet,monospace;letter-spacing:.13em;text-transform:uppercase}.g-status .live{color:#82e5c0}
.g-section{position:relative;padding:120px 0}.g-section-head{display:grid;grid-template-columns:1fr 440px;gap:70px;align-items:end;margin-bottom:55px}.g-section h2{margin:0;font:400 clamp(54px,6vw,92px)/.88 var(--serif);letter-spacing:-.045em;text-transform:uppercase}.g-section h2 em{color:var(--ice);font-style:italic}.g-section-head>p{color:#7d8d9d;font-size:13px;line-height:1.75}.g-bays{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.g-bay{position:relative;min-height:460px;overflow:hidden;padding:30px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(17,30,43,.75),rgba(7,11,17,.75));transition:.35s}.g-bay:before{content:"";position:absolute;inset:auto -20% -50% -20%;height:70%;background:radial-gradient(circle,rgba(43,173,233,.13),transparent 62%);transition:.35s}.g-bay:hover{transform:translateY(-5px);border-color:rgba(158,231,255,.3)}.g-bay:hover:before{transform:translateY(-12%)}.g-bay-no{color:#4d6173;font:600 8px Jet,monospace}.g-bay-icon{position:relative;display:grid;width:92px;height:92px;margin-top:80px;place-items:center;border:1px solid rgba(158,231,255,.18);border-radius:50%;color:#9ee7ff;font:400 29px var(--serif);box-shadow:inset 0 0 30px rgba(52,181,238,.06)}.g-bay h3{position:relative;margin:25px 0 12px;font:400 37px/.95 var(--serif);text-transform:uppercase}.g-bay p{position:relative;max-width:390px;color:#788a9a;font-size:12px;line-height:1.7}.g-bay .go{position:absolute;left:30px;bottom:28px;color:#c9effb;font-size:10px;font-weight:700}.g-bay.disabled{opacity:.52}
.g-lab-preview{background:radial-gradient(circle at 72% 50%,rgba(32,130,188,.11),transparent 27%),#070b11}.g-lab-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}.g-lab-copy p{max-width:540px;color:#7c8d9e;font-size:13px;line-height:1.8}.g-lab-copy .g-btn{margin-top:18px}.g-display{position:relative;min-height:560px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(13,26,39,.76),rgba(5,9,14,.88));box-shadow:0 40px 100px rgba(0,0,0,.28);overflow:hidden}.g-display:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(130,213,249,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(130,213,249,.04) 1px,transparent 1px);background-size:34px 34px}.g-display svg{position:absolute;inset:40px;width:calc(100% - 80px);height:calc(100% - 80px)}.g-display .cone{fill:rgba(65,195,244,.08);stroke:#61d6ff;stroke-width:1}.g-display .measure{stroke:rgba(174,231,251,.5);stroke-dasharray:4 7}.g-display-label{position:absolute;padding:8px 10px;border:1px solid rgba(158,231,255,.16);border-radius:6px;background:rgba(5,11,17,.72);font:600 7px Jet,monospace;color:#7890a3}.g-display-label b{display:block;color:#dff7ff;font-size:15px;margin-top:3px}.dl1{top:22px;left:24px}.dl2{right:24px;top:22px}.dl3{right:24px;bottom:22px}
.g-guides{background:#eef3f4;color:#0b131a}.g-guides .g-eyebrow{color:#26799a}.g-guides .g-section-head>p{color:#5f6d77}.g-guide-list{border-top:1px solid rgba(8,20,29,.14)}.g-guide{display:grid;grid-template-columns:70px 130px 1fr 120px;align-items:center;gap:22px;min-height:126px;border-bottom:1px solid rgba(8,20,29,.14);transition:.2s}.g-guide:hover{padding-left:10px}.g-guide>span,.g-guide>small{font:600 8px Jet,monospace;color:#70808a;text-transform:uppercase;letter-spacing:.09em}.g-guide small{color:#197ba0}.g-guide h3{margin:0;font:400 clamp(25px,3vw,39px) var(--serif);text-transform:uppercase}.g-guide b{text-align:right;color:#0d6f93;font-size:18px}
.g-final{padding:105px 0;background:linear-gradient(120deg,#0b2637,#071019);text-align:center}.g-final h2{margin:0;font:400 clamp(58px,7vw,105px)/.86 var(--serif);text-transform:uppercase}.g-final h2 em{color:var(--ice);font-style:italic}.g-final p{max-width:600px;margin:24px auto;color:#7890a3;line-height:1.7;font-size:13px}.g-final .g-btn{margin-top:12px}.g-footer{padding:42px 0;border-top:1px solid var(--line)}.g-footer .g-shell{display:flex;align-items:center;gap:30px}.g-footer p{margin:auto;color:#526477;font-size:10px}.g-footer nav{display:flex;gap:18px;color:#647789;font-size:9px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
@keyframes floatRig{0%,100%{transform:translateY(0) rotate(.1deg)}50%{transform:translateY(-9px) rotate(-.1deg)}}
@media(max-width:980px){.g-links{display:none}.g-hero-inner{grid-template-columns:1fr;padding-top:130px}.g-hero-copy{z-index:4}.g-scene{height:500px;margin-top:-50px;opacity:.75}.g-section-head,.g-lab-grid{grid-template-columns:1fr}.g-bays{grid-template-columns:1fr}.g-bay{min-height:350px}.g-bay-icon{margin-top:40px}.g-guide{grid-template-columns:55px 90px 1fr 40px}}
@media(max-width:650px){.g-shell{width:min(100% - 28px,1500px)}.g-header{top:8px}.g-nav{height:56px}.g-brand small{display:none}.g-cta{margin-left:auto}.g-hero h1{font-size:63px}.g-hero-inner{align-content:start;padding-top:135px}.g-lead{font-size:13px}.g-scene{height:400px;margin-top:-15px}.g-rig{inset:30px -55px}.g-platform{width:430px;bottom:45px}.g-tag{transform:scale(.82)}.tag-a{right:-5%}.tag-b{left:-4%}.g-section{padding:85px 0}.g-section-head{gap:25px}.g-section h2{font-size:55px}.g-bay{min-height:335px}.g-display{min-height:390px}.g-display svg{inset:20px;width:calc(100% - 40px);height:calc(100% - 40px)}.g-guide{grid-template-columns:45px 1fr 25px;min-height:105px}.g-guide>small{display:none}.g-guide h3{font-size:25px}.g-footer .g-shell{align-items:flex-start;flex-direction:column}.g-footer p{margin:0}.g-footer nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.g-rig{animation:none}.reveal{opacity:1;transform:none;transition:none}*{transition:none!important}}
/* V3.1 cinematic hero — image layer stays independent from semantic content */
.g-hero-cinematic{isolation:isolate;background:#05070b}
.g-hero-media{position:absolute;z-index:0;inset:0;pointer-events:none;background-image:url("assets/garage-hero.svg");background-size:cover;background-position:62% 50%;transform:scale(1.015);animation:heroBreath 14s ease-in-out infinite alternate}
.g-hero-shade{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,6,9,.97) 0%,rgba(3,6,9,.87) 32%,rgba(3,6,9,.25) 61%,rgba(3,6,9,.22) 100%),linear-gradient(0deg,rgba(3,6,9,.58),transparent 35%,rgba(3,6,9,.2))}
.g-hero-cinematic .g-hero-inner{grid-template-columns:minmax(0,700px) 1fr}
.g-hero-cinematic .g-hero-copy{padding-top:30px}
.g-hero-cinematic .g-hero-copy:before{content:"";position:absolute;left:-34px;top:23%;width:1px;height:290px;background:linear-gradient(transparent,#ff6b3d,transparent);opacity:.55}
.g-hero-cinematic h1{font-family:Barlow,Inter,sans-serif;font-weight:700;font-size:clamp(72px,8.2vw,138px);line-height:.78;letter-spacing:-.035em}
.g-hero-cinematic h1 em{font-family:Barlow,Inter,sans-serif;font-style:normal;color:#ff713f;text-shadow:0 0 34px rgba(255,107,61,.16)}
.g-hero-cinematic .g-lead{max-width:530px;color:#c0c8ce;font-size:14px}
.g-hero-cinematic .g-btn{background:#ff713f;border-color:#ff713f;color:#090b0d;box-shadow:0 10px 35px rgba(255,107,61,.16)}
.g-hero-cinematic .g-btn.ghost{background:rgba(4,7,10,.55);border-color:rgba(232,242,247,.32);color:#f0f5f7;box-shadow:none;backdrop-filter:blur(10px)}
.g-hero-benefits{display:flex;gap:34px;margin-top:43px;color:#71808b;font:600 8px Jet,monospace;text-transform:uppercase;letter-spacing:.08em}
.g-hero-benefits span{display:grid;gap:5px;padding-left:13px;border-left:1px solid rgba(255,113,63,.45)}
.g-hero-benefits b{color:#edf5f7;font:700 11px Inter,sans-serif;text-transform:none;letter-spacing:0}
.g-hero-side{position:absolute;right:0;top:50%;display:grid;gap:17px;transform:translateY(-45%);color:#687681;font:600 7px Jet,monospace;text-transform:uppercase;letter-spacing:.13em}
.g-hero-side .g-side-no{color:rgba(255,255,255,.23);font:700 46px Barlow,sans-serif;letter-spacing:0}
.g-hero-side i{display:block;width:24px;height:2px;background:#ff713f}
.g-hero-cinematic .g-scroll{left:max(48px,calc((100vw - 1500px)/2));transform:none;color:#778691}
@keyframes heroBreath{from{transform:scale(1.015)}to{transform:scale(1.035)}}
@media(max-width:980px){.g-hero-media{background-position:68% 50%}.g-hero-shade{background:linear-gradient(90deg,rgba(3,6,9,.96),rgba(3,6,9,.72) 62%,rgba(3,6,9,.38)),linear-gradient(0deg,rgba(3,6,9,.65),transparent 50%)}.g-hero-side{display:none}.g-hero-cinematic .g-hero-inner{grid-template-columns:1fr}.g-hero-cinematic .g-hero-copy{max-width:680px}.g-hero-cinematic .g-scroll{left:24px}}
@media(max-width:650px){.g-hero-media{background-position:67% center;opacity:.72}.g-hero-shade{background:linear-gradient(90deg,rgba(3,6,9,.97),rgba(3,6,9,.7)),linear-gradient(0deg,rgba(3,6,9,.8),transparent 45%)}.g-hero-cinematic h1{font-size:64px}.g-hero-cinematic .g-hero-copy{padding-top:0}.g-hero-benefits{gap:15px;flex-wrap:wrap;margin-top:30px}.g-hero-benefits span{min-width:90px}.g-hero-cinematic .g-scroll{display:none}}
@media(prefers-reduced-motion:reduce){.g-hero-media{animation:none;transform:none}}

.g-hero-cinematic .g-hero-inner{position:relative;z-index:2}
.g-hero-cinematic .g-scroll{z-index:3}