﻿:root{--bg:#080c0c;--surface:#101616;--line:#263130;--accent:#b4fa62;--text:#f1f5ef;--muted:#97a39e;--font:'Space Grotesk','Inter',sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.65}body::before{content:'';position:absolute;inset:0 0 auto;height:980px;pointer-events:none;background:radial-gradient(ellipse at 75% 32%,#84ce3f0d,transparent 53%);z-index:-1}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}.accent{color:var(--accent)}.muted{color:#77837e}.skip-link{position:fixed;top:-100px;left:20px;padding:12px;background:var(--accent);color:var(--bg);z-index:100}.skip-link:focus{top:10px}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:var(--accent);width:0;z-index:50}.site-header{max-width:1320px;width:calc(100% - 96px);height:100px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font);font-size:25px;font-weight:700;letter-spacing:-1px;line-height:1.2}.brand img{object-fit:contain}.brand>span>small{display:block;font:8px Inter,sans-serif;letter-spacing:1.7px;color:var(--muted);margin-top:7px}.nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:500}.nav a{transition:color .2s}.nav a:hover{color:var(--accent)}.nav-contact{border:1px solid #546149;padding:11px 17px;border-radius:5px}.nav-contact span{color:var(--accent);margin-left:18px}.menu-toggle{display:none}.hero{width:calc(100% - 96px);max-width:1320px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:55px;padding:80px 0 68px;min-height:740px}.eyebrow{font-family:var(--font);color:var(--accent);font-size:10px;letter-spacing:2px;font-weight:500;margin:0 0 25px;display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #b4fa6260;flex:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font)}h1{font-size:clamp(62px,6.6vw,96px);font-weight:500;letter-spacing:-5px;line-height:1.03;margin-bottom:28px}.gradient-text{background:linear-gradient(110deg,#d4ffa3,#93d650 85%);background-clip:text;-webkit-background-clip:text;color:transparent}.title-dot{font-size:.8em;color:var(--accent)}.hero-text{font-size:19px;line-height:1.55;margin-bottom:15px;letter-spacing:-.3px}.hero-detail{max-width:440px;font-size:13px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 20px;font-size:12px;font-weight:700;border-radius:4px;transition:background .2s,transform .2s,box-shadow .2s;min-height:50px}.primary{background:var(--accent);color:#172011}.primary:hover{background:#ccff93;transform:translateY(-2px);box-shadow:0 8px 35px #b4fa621a}.text-link{font-size:12px;font-weight:500}.text-link:hover{color:var(--accent)}.text-link span{margin-left:12px}.hero-footnote{display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:.5px;color:#7e8b85;margin-top:33px}.hero-footnote i{width:3px;height:3px;border-radius:50%;background:#62705d}.hero-visual{position:relative;min-width:0;background:radial-gradient(ellipse at 50% 45%,#a3ed5710,transparent 60%),linear-gradient(#10181760,#0a100d);border:1px solid var(--line);border-radius:9px;min-height:535px;overflow:hidden}.hero-visual::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#b4fa6205 1px,transparent 1px),linear-gradient(90deg,#b4fa6205 1px,transparent 1px);background-size:34px 34px;pointer-events:none}.visual-top,.visual-bottom{position:relative;display:flex;justify-content:space-between;padding:20px 22px;color:#8a9a8b;font:9px monospace;letter-spacing:1px}.visual-bottom{font-size:8px;padding-top:16px}.orbital{height:345px;position:relative;display:grid;place-items:center;isolation:isolate}.core-logo{width:195px;max-width:50%;position:relative;filter:drop-shadow(0 0 25px #b4fa622e);animation:float 6s ease-in-out infinite}.core-glow{position:absolute;width:170px;height:170px;background:#b4fa6212;filter:blur(35px);border-radius:50%}.orbit{position:absolute;border:1px solid #b4fa6223;border-radius:50%;width:280px;height:280px}.orbit-one{border-style:dashed;animation:spin 70s linear infinite}.orbit-two{width:330px;height:330px;border-color:#b4fa6210}.orbit-three{width:310px;height:150px;transform:rotate(-30deg);border-color:#b4fa6260}.orbit-cross{position:absolute;width:380px;height:1px;background:linear-gradient(90deg,transparent,#b4fa6230,transparent);transform:rotate(-30deg)}.orbit-label{position:absolute;font:8px monospace;color:#b9c9b4;letter-spacing:2px;padding:5px 8px;border:1px solid #34462a;background:#0c140b}.label-one{left:8%;top:65%}.label-two{right:8%;top:25%}.orbit-point{position:absolute;width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 16px var(--accent)}.point-one{top:28px;left:50%}.point-two{bottom:70px;right:20%}.core-terminal{position:relative;margin:0 25px;padding:12px 15px;border:1px solid #354131;border-radius:6px;background:#0c120eee}.terminal-header{display:flex;justify-content:space-between;color:#7d8f7d;font:8px monospace}.terminal-header i{display:inline-block;width:4px;height:4px;background:#627857;border-radius:50%;margin-right:4px}.core-terminal p{font:10px monospace;margin:16px 0 13px;color:#cedcc6}.caret{color:var(--accent);animation:blink 1.5s steps(2) infinite}.terminal-tags{display:flex;gap:8px}.terminal-tags span{font:8px monospace;color:#9aac91;border:1px solid #2c3a27;padding:3px 6px;border-radius:3px}.tech-strip{border-block:1px solid var(--line);background:#101510;overflow:hidden}.tech-strip>div{max-width:1320px;margin:auto;display:flex;justify-content:space-around;align-items:center;gap:30px;padding:23px 32px;white-space:nowrap;font-family:var(--font);font-size:12px;letter-spacing:2px;color:#94a18e}.tech-strip b{font-size:23px;font-weight:400;color:var(--accent)}.section{width:calc(100% - 96px);max-width:1320px;margin:auto;padding:100px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:18px}h2{font-size:clamp(32px,3.7vw,52px);font-weight:500;letter-spacing:-2px;line-height:1.14;margin-bottom:0}.section-heading>p{max-width:330px;font-size:13px;color:var(--muted);margin-bottom:4px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-card{position:relative;overflow:hidden;min-height:320px;padding:28px;background:linear-gradient(130deg,#121919,#0e1414);border:1px solid var(--line);border-radius:6px;transition:border-color .25s,transform .25s}.service-card::before{content:'';pointer-events:none;position:absolute;inset:0;background:radial-gradient(250px circle at var(--mx,50%) var(--my,0%),#b4fa6212,transparent);opacity:0;transition:opacity .25s}.service-card:hover::before{opacity:1}.service-card:hover{border-color:#637f48;transform:translateY(-4px)}.service-card.featured{background:linear-gradient(135deg,#1e2b19,#121b12);border-color:#465f31}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.card-top>span:last-child{font:8px monospace;letter-spacing:1px;color:#8c9a8b}.service-icon{font:25px var(--font);color:var(--accent)}.service-card h3{font-size:25px;line-height:1.2;letter-spacing:-.7px;font-weight:500;margin-bottom:16px}.service-card p{font-size:12px;color:var(--muted);margin-bottom:24px;min-height:60px}.service-card a{position:relative;display:flex;justify-content:space-between;font-size:10px;border-top:1px solid var(--line);padding-top:18px}.service-card a span{color:var(--accent);font-size:16px}.universe{border-top:1px solid var(--line)}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.showcase{height:420px;border:1px solid var(--line);border-radius:6px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:30px;background:#101817}.showcase>div:last-child{z-index:2}.showcase .eyebrow{font-size:8px;margin-bottom:10px}.showcase h3{font-size:28px;font-weight:500;letter-spacing:-1px;line-height:1.2;margin-bottom:10px}.showcase p:last-child{font-size:11px;color:var(--muted);margin:0}.art-label{position:absolute;top:20px;left:24px;font:8px monospace;letter-spacing:1.5px;color:#8e9c8b}.hardware-art{background:radial-gradient(ellipse at 70% 25%,#b4fa6217,transparent 65%),#0e1512}.pc-art{position:absolute;right:40px;top:50px;width:190px;height:245px;border:1px solid #6d855a;transform:perspective(600px) rotateY(-25deg) rotateZ(8deg);background:linear-gradient(100deg,#202e2177,#0a100a);border-radius:5px;box-shadow:16px 8px 0 #172219,17px 8px 0 1px #455d38}.pc-fan{width:75px;height:75px;margin:16px auto;border:4px double #b4fa62;border-radius:50%;box-shadow:0 0 25px #b4fa6220,inset 0 0 20px #b4fa6220;position:relative}.pc-fan::after{content:'';position:absolute;inset:17px;border:1px dashed #b4fa62;border-radius:50%;animation:spin 12s linear infinite}.pc-lines{margin:20px;height:25px;border-block:1px solid #46613b;background:repeating-linear-gradient(90deg,#6f9f4e 0 2px,transparent 2px 8px)}.digital-art{background:radial-gradient(ellipse at 80% 10%,#76b8bb13,transparent 70%),#0e1517}.code-art{position:absolute;top:65px;right:30px;width:270px;padding:22px;border:1px solid #33453a;background:#09100e;transform:rotate(-6deg);border-radius:6px;box-shadow:12px 12px 0 #1c2a221f}.code-art span{display:block;white-space:pre;font:11px/2 monospace;color:#8ba393}.code-art span:first-child{color:#cbdbb9}.gallery-note{font:10px/1.6 Inter,sans-serif;color:#7d8b82;margin-top:16px}.process{border-top:1px solid var(--line)}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.timeline article{position:relative;border-top:1px solid #3b4d32;padding-top:25px}.step-number{font:44px var(--font);color:#526348;letter-spacing:-2px}.step-label{font:9px monospace;color:var(--accent);letter-spacing:2px;margin:22px 0 12px}.timeline h3{font-size:22px;font-weight:500;letter-spacing:-.5px;margin-bottom:12px}.timeline article>p:last-child{font-size:12px;color:var(--muted);max-width:300px}.contact{margin:15px auto 75px;border:1px solid #40562e;border-radius:8px;padding:55px;display:grid;grid-template-columns:1.2fr 1fr;gap:55px;background:radial-gradient(ellipse at 10% 100%,#b4fa6210,transparent 60%),#10170f}.contact h2{font-size:clamp(36px,4vw,58px)}.contact p{font-size:12px;color:var(--muted);margin:22px 0 0}.contact-panel{align-self:center;min-width:0}.contact-panel label{display:block;font:9px var(--font);letter-spacing:1.5px;color:#abb8a1;margin-bottom:12px}.contact-panel select{width:100%;background:#0b120b;border:1px solid #425039;border-radius:4px;padding:15px 12px;color:var(--text);font-size:12px;cursor:pointer}.contact-panel .button{display:flex;margin-top:12px}.contact-panel p{font-size:10px;min-height:32px;margin-top:12px}.footer{width:calc(100% - 96px);max-width:1320px;margin:auto;padding:28px 0 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.footer>.brand{gap:0;font-size:22px}.footer-brand-dot{font-size:10px;align-self:flex-start;margin-left:5px}.footer>span{font-size:10px;color:var(--muted)}.footer .text-link{font-size:10px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-9px)}}@keyframes blink{50%{opacity:0}}@media(min-width:1500px){.hero{padding-block:100px}}@media(max-width:1050px){.site-header,.hero,.section,.footer{width:calc(100% - 48px)}.nav{gap:20px}.hero{gap:25px}h1{font-size:70px}.hero-visual{min-height:510px}.orbital{height:320px}.orbit-two{width:290px;height:290px}.orbit-one{width:250px;height:250px}.hero-actions{gap:15px}.hero-actions .text-link{font-size:10px}.service-card{padding:22px}.contact{padding:35px;gap:30px}}@media(max-width:760px){html{scroll-padding-top:25px}.site-header{height:82px}.brand{font-size:23px}.menu-toggle{display:flex;gap:15px;align-items:center;background:transparent;border:1px solid var(--line);border-radius:4px;color:var(--text);padding:8px 12px;font-size:12px}.menu-toggle span{color:var(--accent)}.nav{display:none;position:absolute;top:72px;left:0;right:0;padding:20px;background:#111a15;border:1px solid var(--line);border-radius:6px;align-items:stretch}.nav.open{display:flex;flex-direction:column;gap:18px}.hero{grid-template-columns:1fr;padding:50px 0;gap:40px;min-height:0}h1{font-size:clamp(60px,12vw,85px);letter-spacing:-3px}.hero-detail{max-width:480px}.hero-visual{min-height:495px;max-width:540px;width:100%;justify-self:center}.orbital{height:315px}.core-logo{width:180px}.tech-strip>div{justify-content:flex-start;gap:22px;padding:18px 24px;font-size:10px}.section{padding:65px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:28px}.section-heading>p{max-width:440px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card h3{font-size:23px}.service-card p{min-height:100px}.showcase-grid{grid-template-columns:1fr}.showcase{height:390px}.timeline{gap:20px}.timeline h3{font-size:19px}.contact{grid-template-columns:1fr;padding:30px;margin-bottom:45px;gap:30px}.footer{flex-wrap:wrap}.footer>span{order:3;width:100%}}@media(max-width:460px){.site-header,.hero,.section,.footer{width:calc(100% - 36px)}.brand>span>small{font-size:7px;letter-spacing:1px}.brand img{width:35px;height:35px}.hero{padding-top:38px}.hero-text{font-size:17px}.hero-actions{flex-wrap:wrap;gap:20px}.hero-footnote{gap:10px;font-size:8px}.hero-visual{min-height:465px}.orbital{height:290px}.orbit-two{width:265px;height:265px}.orbit-one{width:230px;height:230px}.orbit-three{width:260px;height:130px}.orbit-cross{width:290px}.core-logo{width:150px}.core-terminal{margin:0 14px;padding:12px}.core-terminal p{font-size:9px}.visual-top,.visual-bottom{padding-inline:14px;font-size:8px}.service-grid{grid-template-columns:1fr}.service-card{min-height:300px;padding:25px}.service-card p{min-height:0;font-size:13px}.service-card a{font-size:11px}.card-top{margin-bottom:25px}.timeline{grid-template-columns:1fr;gap:24px}.timeline article{padding-top:16px;display:grid;grid-template-columns:55px 1fr;column-gap:16px}.step-number{grid-row:1/4}.step-label{margin:5px 0 12px}.timeline h3,.timeline article>p:last-child{grid-column:2}.showcase{padding:24px}.pc-art{right:25px}.code-art{right:18px;width:245px}.contact{padding:25px}.contact h2{font-size:38px}.contact .eyebrow{font-size:8px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.service-card:hover,.primary:hover{transform:none}}
/* Upgrade lab, briefing and ambient motion */
[hidden]{display:none!important}.upgrade-lab,.briefing-section{border-top:1px solid var(--line)}.compare-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:end;max-width:760px;margin-bottom:24px}.compare-controls>span{padding:10px;color:var(--accent);font:28px var(--font)}.compare-controls label,.brief-fields label{display:block;color:#b2c0ad;font-size:11px;margin-bottom:9px}.compare-controls label{font:9px var(--font);letter-spacing:1.5px}.compare-controls select,.brief-fields select,.brief-fields input,.brief-fields textarea{width:100%;min-width:0;background:#0b120e;border:1px solid #425039;border-radius:5px;color:var(--text);padding:14px;font:13px/1.6 Inter,sans-serif}.brief-fields textarea{resize:vertical}.brief-fields input:focus-visible,.brief-fields textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.upgrade-card{border:1px solid var(--line);background:linear-gradient(140deg,#172015,#0c1311);padding:30px;border-radius:7px}.upgrade-card h3{font-size:30px;margin-bottom:6px;font-weight:500}.upgrade-card>p{color:var(--accent);font-size:13px}.upgrade-card dl{margin:25px 0 0}.upgrade-card dt{font:9px var(--font);letter-spacing:1.5px;color:#c3d4b7;margin-top:22px}.upgrade-card dd{font-size:13px;color:var(--muted);margin:8px 0 0}.brief-builder{border:1px solid #435a32;border-radius:8px;background:linear-gradient(125deg,#162013,#0d1411);overflow:hidden}.brief-steps{display:flex;list-style:none;padding:0;margin:0;border-bottom:1px solid var(--line)}.brief-steps li{flex:1;padding:20px;text-align:center;font:11px var(--font);color:var(--muted);border-bottom:2px solid transparent}.brief-steps li[aria-current]{color:var(--accent);background:#b4fa6207;border-bottom-color:var(--accent)}.brief-body{padding:35px}.brief-step{border:0;padding:0;margin:0;min-width:0}.brief-step legend{font:500 26px/1.3 var(--font);letter-spacing:-.6px;margin-bottom:12px;max-width:100%}.field-help{font-size:12px;color:var(--muted);margin-bottom:24px}.project-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.project-options label{position:relative;cursor:pointer}.project-options input{position:absolute;top:15px;right:15px;accent-color:var(--accent)}.project-options label>span{display:flex;flex-direction:column;min-height:160px;padding:24px;border:1px solid var(--line);border-radius:5px;background:#0d150f;transition:border-color .2s,background .2s}.project-options input:checked+span{border-color:var(--accent);background:#b4fa620a}.project-options input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.project-options b{font:25px var(--font);color:var(--accent);margin-bottom:18px}.project-options strong{font:500 18px var(--font)}.project-options small{font-size:11px;color:var(--muted);margin-top:8px}.brief-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:12px 0 20px}.full-field{grid-column:1/-1}.brief-actions{display:flex;align-items:center;gap:18px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.brief-actions>span{font:10px var(--font);color:var(--muted);margin-right:auto}.secondary{background:transparent;color:var(--text);border:1px solid #526348;cursor:pointer}.brief-actions button{cursor:pointer;border:0}.brief-summary{display:grid;grid-template-columns:150px minmax(0,1fr);margin-block:25px;gap:0}.brief-summary dt,.brief-summary dd{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.brief-summary dt{color:var(--muted)}.ambient-grid{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;background-image:radial-gradient(#b4fa6212 .7px,transparent .7px);background-size:36px 36px;mask-image:linear-gradient(transparent,#0008,transparent)}.ambient-grid::before,.ambient-grid::after{content:'';position:absolute;width:40vw;height:1px;background:linear-gradient(90deg,transparent,#b4fa624a,transparent);transform:rotate(-35deg);animation:signal-travel 18s linear infinite}.ambient-grid::after{left:55%;animation-delay:-9s;animation-duration:24s}.reveal-pending{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal-pending.is-visible{opacity:1;transform:none}.hero-visual::after{content:'';position:absolute;inset:-100% 0 auto;height:70%;background:linear-gradient(transparent,#b4fa6205,transparent);pointer-events:none;animation:scan-line 12s linear infinite}@keyframes signal-travel{from{top:110%;translate:-20vw 0}to{top:-10%;translate:50vw 0}}@keyframes scan-line{to{top:140%}}@media(max-width:760px){.project-options{grid-template-columns:repeat(2,1fr)}.brief-body{padding:24px}.comparison{gap:12px}.upgrade-card{padding:22px}.brief-step legend{font-size:23px}}@media(max-width:460px){.comparison{grid-template-columns:1fr}.compare-controls{gap:8px}.compare-controls select{padding:12px 8px;font-size:12px}.compare-controls label{font-size:8px;letter-spacing:.5px}.compare-controls>span{padding:10px 0}.project-options{grid-template-columns:1fr}.project-options label>span{min-height:120px;padding:18px}.project-options b{margin-bottom:10px}.brief-body{padding:20px}.brief-steps li{padding:16px 5px;font-size:10px}.brief-fields{grid-template-columns:1fr}.brief-summary{grid-template-columns:1fr}.brief-summary dt{padding-bottom:0;border:0}.brief-summary dd{padding-top:7px}.brief-actions{flex-wrap:wrap;gap:12px}.brief-actions .button{padding:13px;font-size:11px}.brief-actions>span{font-size:9px}}@media(prefers-reduced-motion:reduce){.ambient-grid::before,.ambient-grid::after{display:none}.reveal-pending{opacity:1;transform:none}}
