:root{--black:#030608;--panel:#091017;--blue:#00c8ff;--orange:#ff6500;--white:#edf7fb;--muted:#93a9b5;--line:#18313f;--mono:'JetBrains Mono',monospace;--display:'Barlow Condensed',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:var(--mono);font-size:16px;overflow-x:hidden;background-image:linear-gradient(#007cb50a 1px,transparent 1px),linear-gradient(90deg,#007cb50a 1px,transparent 1px);background-size:42px 42px}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;background:linear-gradient(#12101000 50%,#00000026 50%);background-size:100% 4px;opacity:.25}.skip{position:fixed;top:-100px;left:1rem;background:var(--blue);color:#001018;padding:1rem;z-index:100}.skip:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:absolute;top:0;left:0;right:0;z-index:10;height:100px;padding:0 clamp(1.25rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3cc3ff33;background:linear-gradient(#02070ad9,transparent)}.brand{display:flex;align-items:center;gap:.8rem;color:#fff;text-decoration:none;font:700 1.25rem var(--display);letter-spacing:.06em}.brand b{color:var(--orange)}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--blue);clip-path:polygon(50% 0,95% 23%,95% 77%,50% 100%,5% 77%,5% 23%);color:var(--blue);font-size:1.45rem;text-shadow:0 0 12px var(--blue);filter:drop-shadow(0 0 6px #00c8ff88)}nav{display:flex;align-items:center;gap:2.2rem}nav a{color:#b9cbd3;text-decoration:none;font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:.2s}nav a:hover{color:var(--blue);text-shadow:0 0 12px #00c8ffaa}.nav-cta{border:1px solid var(--orange);padding:.8rem 1.1rem;color:#fff}.nav-cta:hover{color:#fff;background:var(--orange);box-shadow:0 0 20px #ff650066}.nav-toggle{display:none;background:none;border:0;padding:10px}.nav-toggle span:not(.sr-only){display:block;width:28px;height:2px;background:var(--blue);margin:5px}
.hero{min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('garage-workshop.png') center 52%/cover no-repeat;filter:saturate(.9) contrast(1.08)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#010508f5 0%,#01060ac9 38%,#00030621 70%),linear-gradient(0deg,#030608 0%,transparent 20%,#0000002e 100%)}.hero-content{position:relative;z-index:2;width:min(780px,90%);margin-left:clamp(1.25rem,8vw,9rem);padding-top:5rem}.eyebrow{display:flex;align-items:center;gap:.75rem;text-transform:uppercase;color:var(--blue);font-weight:700;font-size:.76rem;letter-spacing:.25em}.eyebrow span{width:32px;height:2px;background:var(--orange);box-shadow:0 0 8px var(--orange)}h1,h2{font-family:var(--display);font-weight:800;line-height:.82;margin:.25em 0;letter-spacing:-.03em}h1{font-size:clamp(5.5rem,13vw,11rem);text-shadow:5px 6px 0 #06151c}h1 em,h2 em{color:var(--orange);font-style:normal;text-shadow:0 0 22px #ff650066}.hero-tagline{font:600 clamp(.8rem,1.7vw,1.05rem) var(--mono);letter-spacing:.24em;color:#d9f7ff}.hero-tagline i{color:var(--orange);font-style:normal}.intro{max-width:590px;color:#b7c6cc;font-size:1rem;line-height:1.8}.hero-actions{display:flex;gap:1rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.3rem;min-height:52px;padding:.9rem 1.45rem;text-transform:uppercase;text-decoration:none;font-weight:700;font-size:.75rem;letter-spacing:.1em;transition:.25s}.button.primary{background:var(--orange);color:#fff;box-shadow:5px 5px 0 #702900,0 0 25px #ff650044}.button.primary:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #702900,0 0 28px #ff650077}.button.ghost{border:1px solid #32515e;color:#dceef4;background:#071016aa}.button.ghost:hover{border-color:var(--blue);color:var(--blue)}.scroll-cue{position:absolute;right:3rem;bottom:3rem;z-index:3;display:flex;gap:.7rem;align-items:center;writing-mode:vertical-rl;color:#66818e;font-size:.62rem;letter-spacing:.18em}.scroll-cue b{color:var(--blue);font-size:1.2rem}
.ticker{overflow:hidden;border-block:1px solid var(--orange);background:#e95500;color:#130700;padding:.75rem 0;font:800 1rem var(--display);letter-spacing:.15em;white-space:nowrap}.ticker div{width:max-content;animation:marquee 24s linear infinite}.ticker span{margin:0 1.4rem}@keyframes marquee{to{transform:translateX(-50%)}}
.section{max-width:1320px;margin:auto;padding:clamp(5rem,9vw,9rem) clamp(1.25rem,5vw,5rem)}h2{font-size:clamp(4rem,8vw,7.2rem)}.section-head{margin-bottom:3rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem}.service-card{position:relative;min-height:330px;padding:2.2rem;background:linear-gradient(145deg,#0b151c,#050a0e);border:1px solid var(--line);overflow:hidden;transition:.3s}.service-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,#00c8ff14,transparent 45%);opacity:0;transition:.3s}.service-card:hover{transform:translateY(-7px);border-color:var(--blue);box-shadow:0 14px 40px #000,0 0 22px #00c8ff22}.service-card:hover:before{opacity:1}.card-no{position:absolute;right:1.5rem;top:1rem;color:#24414f;font:800 4rem var(--display)}.icon{position:relative;color:var(--blue);font:700 2.5rem var(--mono);text-shadow:0 0 15px var(--blue);margin:2.7rem 0 2rem}.service-card h3,.project h3{font:700 1.7rem var(--display);letter-spacing:.04em;text-transform:uppercase}.service-card p,.builds-intro>p,.about-copy>p{color:var(--muted);line-height:1.75}.line{position:absolute;bottom:0;left:0;width:36%;height:3px;background:var(--orange)}
.builds{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,7vw,7rem);max-width:none;background:#060b0f;border-block:1px solid #142832}.builds-intro{position:sticky;top:100px;height:max-content}.project{display:grid;grid-template-columns:100px 1fr auto 56px;gap:1.5rem;align-items:center;padding:2rem .5rem;border-bottom:1px solid #1b3542;transition:.25s}.project:hover{padding-left:1rem;background:#0a151c;border-color:var(--blue)}.project-type,.project-tech{color:var(--blue);font-size:.68rem;letter-spacing:.12em}.project h3{margin:.2rem 0;font-size:2rem}.project p{color:#8096a1;font-size:.85rem}.project button{width:48px;height:48px;border:1px solid #315160;background:transparent;color:var(--orange);font-size:1.3rem;cursor:pointer;transition:.2s}.project:hover button{background:var(--orange);color:#fff;border-color:var(--orange);transform:rotate(8deg)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,8rem);align-items:center}.about-panel{position:relative;background:linear-gradient(135deg,#152028,#030608);border:1px solid #254453;padding:clamp(3rem,5vw,5rem) 1.5rem 1.5rem;box-shadow:15px 15px 0 #020304}.tape{position:absolute;left:-1rem;top:1rem;transform:rotate(-3deg);background:#d98500;color:#161006;padding:.65rem 1rem;font:800 1rem var(--display);letter-spacing:.08em;box-shadow:0 0 20px #d9850044}.terminal{border:1px solid #1e5a75;background:#02070a;box-shadow:inset 0 0 50px #001d2d,0 0 20px #00c8ff1f}.terminal-bar{display:flex;align-items:center;gap:.4rem;padding:.65rem;background:#0d1c24;border-bottom:1px solid #1d4658}.terminal-bar i{width:8px;height:8px;border-radius:50%;background:#ff6500}.terminal-bar i:nth-child(2){background:#d99f00}.terminal-bar i:nth-child(3){background:#00ad80}.terminal-bar b{margin-left:.5rem;color:#688694;font-size:.62rem}.terminal pre{min-height:290px;padding:1.5rem;white-space:pre-wrap;color:#c4d4da;font:clamp(.7rem,1.3vw,.88rem)/1.8 var(--mono)}.blue{color:var(--blue)}.orange{color:var(--orange)}.green{color:#42ff78}.cursor{animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.about-copy .quote{display:inline-block;margin-top:1rem;border-left:3px solid var(--orange);padding:1rem 1.2rem;background:#091016;color:var(--blue);font-weight:700}
.contact{max-width:none;text-align:center;position:relative;overflow:hidden;border-top:1px solid #173343}.contact:before{content:"";position:absolute;inset:0;background:linear-gradient(#010609e0,#010609f7),url('garage-workshop.png') center 75%/cover;z-index:-2}.contact-glow{position:absolute;width:450px;height:450px;border-radius:50%;background:#007bc544;filter:blur(100px);left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}.centered{justify-content:center}.contact h2{font-size:clamp(4.5rem,10vw,9rem)}.contact>p:not(.eyebrow){color:#a8bbc3;max-width:620px;margin:1rem auto 2rem;line-height:1.7}footer{padding:2rem clamp(1.25rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;border-top:1px solid #18323f;background:#020405}footer p{color:#607984;text-align:center;font-size:.7rem;line-height:1.8}footer p b{color:var(--orange)}footer p span{color:#39505a}.compact{font-size:1rem}.compact .brand-mark{width:34px;height:34px}.back-top{color:var(--blue);font-size:.7rem;letter-spacing:.12em;text-decoration:none}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.site-header{height:78px}.nav-toggle{display:block;z-index:12}nav{display:none;position:absolute;top:0;right:0;width:min(300px,80vw);height:100vh;padding:6rem 2rem 2rem;flex-direction:column;align-items:stretch;background:#040a0ef5;border-left:1px solid var(--blue)}nav.open{display:flex}.hero-content{margin:auto;padding-top:4rem}.hero-shade{background:linear-gradient(90deg,#010508ed,#01050899),linear-gradient(0deg,#030608,transparent 45%)}.scroll-cue{display:none}.service-grid{grid-template-columns:1fr}.builds{grid-template-columns:1fr}.builds-intro{position:static}.about{grid-template-columns:1fr}.project{grid-template-columns:72px 1fr 48px}.project-tech{display:none}footer{flex-direction:column;gap:1.25rem}.back-top{order:3}}@media(max-width:520px){h1{font-size:4.7rem}.hero-actions{flex-direction:column;align-items:stretch}.project{grid-template-columns:1fr 48px}.project-type{grid-column:1/-1}.section{padding-block:4.5rem}.contact h2,h2{font-size:3.7rem}.brand{font-size:1rem}.brand-mark{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div,.cursor{animation:none}.reveal{opacity:1;transform:none;transition:none}}