@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500&family=Space+Mono:wght@400;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #050505;--bg-card: #090909;--cyan: #00E5FF;--cyan-dim: rgba(0, 229, 255, .1);--cyan-border: rgba(0, 229, 255, .28);--cyan-glow: rgba(0, 229, 255, .35);--green: #00FF88;--red: #FF3366;--text: #ffffff;--text-dim: rgba(255, 255, 255, .55);--text-muted: rgba(255, 255, 255, .25);--border: rgba(255, 255, 255, .07);--font-sans: "Montserrat", sans-serif;--font-mono: "Space Mono", "Courier New", monospace}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,229,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.022) 1px,transparent 1px);background-size:72px 72px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.055) 3px,rgba(0,0,0,.055) 4px);pointer-events:none;z-index:9999}a{color:inherit;text-decoration:none}img{display:block}::selection{background:#00e5ff2e;color:#fff}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#00e5ff4d;border-radius:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes glitch-1{0%,80%,to{opacity:0;clip-path:none;transform:translate(0)}81%{clip-path:inset(15% 0 65% 0);transform:translate(-5px,1px);opacity:.9}83%{clip-path:inset(72% 0 8% 0);transform:translate(5px,-2px);opacity:.9}85%{clip-path:inset(42% 0 38% 0);transform:translate(-3px);opacity:.7}87%{opacity:0}}@keyframes glitch-2{0%,84%,to{opacity:0;clip-path:none;transform:translate(0)}85%{clip-path:inset(55% 0 28% 0);transform:translate(5px,-1px);opacity:.85}87%{clip-path:inset(12% 0 72% 0);transform:translate(-4px,2px);opacity:.85}89%{opacity:0}}@keyframes heroIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes scan-h-anim{0%{transform:translate(-100%);opacity:.7}to{transform:translate(100vw);opacity:0}}@keyframes corner-grow{0%{width:16px;height:16px}to{width:28px;height:28px}}.mouse-glow{position:fixed;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,.038) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;z-index:1}.h-scan-line{position:fixed;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,229,255,.5) 40%,rgba(0,229,255,.5) 60%,transparent 100%);pointer-events:none;z-index:500;opacity:0}.h-scan-line.scanning{animation:scan-h-anim 2s ease-in-out forwards}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}[data-reveal].revealed{opacity:1;transform:translateY(0)}.mono{font-family:var(--font-mono)}.muted{color:var(--text-muted)}.prompt-sym{color:var(--cyan);font-family:var(--font-mono);opacity:.65;flex-shrink:0}.cursor-blink{color:var(--cyan);animation:blink 1s step-end infinite}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green),0 0 18px #00ff8847;animation:pulse-dot 2.2s ease infinite;flex-shrink:0}.online-dot.small{width:5px;height:5px}#nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:1rem clamp(1.4rem,4.5vw,3.5rem);background:#050505bf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .35s,background .35s}#nav.scrolled{border-bottom-color:var(--border);background:#050505eb}.nav-logo-link{display:flex;align-items:center}.nav-logo{height:clamp(18px,2.4vw,28px);width:auto;opacity:.82;transition:opacity .2s}.nav-logo-link:hover .nav-logo{opacity:1}.nav-links{list-style:none;display:flex;gap:clamp(1.4rem,3vw,2.4rem)}.nav-link{font-family:var(--font-mono);font-size:clamp(.58rem,.85vw,.72rem);letter-spacing:.1em;color:var(--text-muted);transition:color .2s;position:relative}.nav-link:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:1px;background:var(--cyan);transition:width .25s}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link:hover:after,.nav-link.active:after{width:100%}#hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;z-index:1;padding:5rem clamp(1.4rem,5vw,4rem) 4rem}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;animation:heroIn 1s cubic-bezier(.22,1,.36,1) .2s both}.hero-eyebrow{display:flex;align-items:center;justify-content:center;gap:.65rem;margin-bottom:clamp(1.2rem,2.5vh,1.8rem);font-size:clamp(.55rem,.85vw,.7rem);letter-spacing:.18em}.hero-logo-main{width:clamp(180px,38vw,400px);height:auto;opacity:.92;margin-bottom:clamp(1.4rem,2.8vh,2rem);filter:drop-shadow(0 0 32px rgba(0,229,255,.08))}.hero-sub{font-size:clamp(.58rem,1vw,.82rem);color:var(--cyan);letter-spacing:.08em;margin-bottom:clamp(.7rem,1.4vh,1.1rem)}.hero-prompt{display:flex;align-items:center;justify-content:center;gap:.4rem;font-family:var(--font-mono);font-size:clamp(.65rem,1vw,.88rem);color:var(--text-dim);min-height:1.4em}.hero-scroll-cue{position:absolute;bottom:clamp(1.5rem,3.5vh,2.5rem);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.4rem;animation:heroIn .8s ease 2.4s both;transition:opacity .6s ease;pointer-events:none}.hero-scroll-cue.hidden{opacity:0}.scroll-line{width:1px;height:clamp(26px,4vh,42px);background:linear-gradient(to bottom,rgba(0,229,255,.55),transparent);animation:scrollPulse 2s ease-in-out infinite;transform-origin:top}@keyframes scrollPulse{0%,to{transform:scaleY(.55);opacity:.5}50%{transform:scaleY(1);opacity:1}}.scroll-cue-label{font-size:.5rem;letter-spacing:.26em}.dot-nav{position:fixed;right:clamp(1rem,2.2vw,1.8rem);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.9rem;z-index:150;list-style:none}.dot-nav-item{position:relative;display:block;width:5px;height:5px;background:transparent;border:1px solid rgba(255,255,255,.18);transition:background .3s,border-color .3s,box-shadow .3s,transform .25s;cursor:pointer}.dot-nav-item:before{content:attr(data-label);position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:.48rem;letter-spacing:.14em;color:var(--cyan);white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}.dot-nav-item:hover:before{opacity:.65}.dot-nav-item.active:before{opacity:.5}.dot-nav-item:hover{border-color:var(--cyan-border);transform:scale(1.5)}.dot-nav-item.active{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 6px #00e5ffcc,0 0 16px #00e5ff59;transform:scale(1.3)}@media(max-width:600px){.dot-nav{display:none}}#boot-seq{position:relative;min-height:250vh;z-index:1}.boot-sticky{position:sticky;top:0;height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden}.boot-progress{position:absolute;bottom:0;left:0;height:1px;width:0%;background:linear-gradient(90deg,transparent 0%,var(--cyan) 50%,transparent 100%);z-index:2}.circuit-bridge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;transition:opacity 1.2s ease;pointer-events:none;z-index:0}.circuit-bridge.hidden{opacity:0}.circuit-svg{width:clamp(64px,8vw,96px);height:auto}.cct-bg{stroke:#00e5ff17;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.cct-node{fill:#00e5ff24}.cct-pulse{stroke:#00e5ffe6;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50 10000;animation:cct-travel 2.8s linear infinite}@keyframes cct-travel{0%{stroke-dashoffset:410;opacity:0}6%{stroke-dashoffset:360;opacity:1}90%{stroke-dashoffset:-360;opacity:.9}96%,to{stroke-dashoffset:-410;opacity:0}}.boot-inner{width:min(540px,90vw);text-align:left}.boot-hdr{font-size:clamp(.62rem,.95vw,.78rem);letter-spacing:.12em;color:var(--cyan);margin-bottom:clamp(1.4rem,2.8vh,2rem);opacity:0;transform:translateY(10px);transition:opacity .55s ease,transform .55s ease}.boot-hdr.bs-on{opacity:1;transform:none}.boot-list{list-style:none;display:flex;flex-direction:column;gap:clamp(.85rem,1.8vh,1.3rem)}.boot-row{display:flex;align-items:center;gap:.8rem;opacity:0;transform:translate(-18px);transition:opacity .55s ease,transform .55s ease}.boot-row.bs-on{opacity:1;transform:none}.boot-label{font-size:clamp(.7rem,1.1vw,.9rem);white-space:nowrap;flex-shrink:0;color:var(--text-dim)}.boot-rule{flex:1;height:1px;background:var(--border);min-width:20px}.boot-badge{font-size:clamp(.56rem,.85vw,.68rem);letter-spacing:.08em;white-space:nowrap;flex-shrink:0;padding:.15rem .45rem;border-width:1px;border-style:solid}.boot-badge.b-done{color:#ffffff47;border-color:#ffffff1a}.boot-badge.b-go{color:var(--cyan);border-color:var(--cyan-border);background:var(--cyan-dim);animation:pulse-glow 1.8s ease infinite}section:not(#hero):not(#boot-seq):not(#services){position:relative;z-index:1;padding:clamp(5rem,10vh,8rem) 0}#services{position:relative;z-index:1;padding:0}.container{max-width:1200px;margin:0 auto;padding:0 clamp(1.4rem,5vw,4rem)}.section-hdr{display:flex;align-items:center;gap:1rem;margin-bottom:clamp(2.4rem,5vh,4rem)}.section-num{font-size:clamp(.58rem,.85vw,.72rem);color:var(--cyan);letter-spacing:.1em;flex-shrink:0}.section-heading{font-family:var(--font-sans);font-weight:300;font-size:clamp(1.6rem,4vw,3.4rem);letter-spacing:-.02em}.section-line{flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.services-sticky-outer{min-height:280vh;position:relative}.services-sticky{position:sticky;top:0;height:100svh;display:flex;align-items:center;padding:clamp(4rem,8vh,7rem) 0}[data-svc-hdr]{opacity:0;transform:translateY(16px);margin-bottom:clamp(2.4rem,5vh,4rem)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.6rem)}.hud-card{position:relative;background:var(--bg-card);border:1px solid var(--border);padding:clamp(1.4rem,2.5vw,2rem);transition:border-color .3s,transform .3s,background .3s}.hud-card:before{content:"";position:absolute;top:-1px;left:-1px;width:18px;height:18px;border-top:2px solid var(--cyan-border);border-left:2px solid var(--cyan-border);transition:border-color .3s,width .3s,height .3s}.hud-card:after{content:"";position:absolute;bottom:-1px;right:-1px;width:18px;height:18px;border-bottom:2px solid var(--cyan-border);border-right:2px solid var(--cyan-border);transition:border-color .3s,width .3s,height .3s}.hud-card:hover{border-color:var(--cyan-border);background:#00e5ff05;transform:translateY(-3px)}.hud-card:hover:before,.hud-card:hover:after{border-color:var(--cyan);width:28px;height:28px}.card-num{font-size:.58rem;color:var(--cyan);letter-spacing:.12em;margin-bottom:1rem;opacity:.5}.card-title{font-family:var(--font-sans);font-weight:300;font-size:clamp(.95rem,1.6vw,1.3rem);letter-spacing:-.01em;margin-bottom:.85rem}.card-desc{font-size:clamp(.72rem,1vw,.85rem);font-weight:300;line-height:1.7;color:var(--text-dim);margin-bottom:1.4rem}.card-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{font-family:var(--font-mono);font-size:.56rem;letter-spacing:.08em;color:var(--text-muted);border:1px solid var(--border);padding:.25rem .55rem;transition:color .2s,border-color .2s}.hud-card:hover .tag{color:var(--cyan);border-color:var(--cyan-border)}.hud-card[data-svc]{opacity:0;transform:translateY(30px);transition:border-color .3s,background .3s}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2vw,1.6rem)}.work-card{position:relative;border:1px solid var(--border);padding:clamp(1.2rem,2vw,1.8rem);display:flex;flex-direction:column;justify-content:flex-end;gap:.7rem;min-height:clamp(360px,42vh,500px);overflow:hidden;background:var(--bg-card);background-size:cover;background-position:center 25%;transition:border-color .35s,transform .35s}.work-card:hover{border-color:#ffffff29;transform:translateY(-3px)}.work-card.has-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(9,9,9,.08) 32%,rgba(9,9,9,.7) 54%,rgba(9,9,9,.95) 70%,rgba(9,9,9,.99) 100%);z-index:0;transition:background .4s}.work-card.has-bg:hover:before{background:linear-gradient(to bottom,transparent 0%,rgba(9,9,9,.04) 28%,rgba(9,9,9,.58) 52%,rgba(9,9,9,.92) 68%,rgba(9,9,9,.99) 100%)}.work-card:not(.has-bg):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan-border),transparent);z-index:0}.work-card>*{position:relative;z-index:1}.work-card[data-reveal]{transform:translate(var(--reveal-x, -65px));transition:opacity .95s cubic-bezier(.16,1,.3,1),transform .95s cubic-bezier(.16,1,.3,1)}.work-card[data-reveal][data-dir=right]{--reveal-x: 65px}.work-card[data-reveal].revealed{transform:none}.work-card:after{content:"";position:absolute;left:0;right:0;height:2px;top:0;background:linear-gradient(90deg,transparent 0%,var(--cyan) 35%,var(--cyan) 65%,transparent 100%);opacity:0;pointer-events:none;z-index:6}.work-card.revealed:after{animation:workScan 1s ease-out .45s forwards}@keyframes workScan{0%{top:0;opacity:.9}70%{opacity:.5}to{top:100%;opacity:0}}.work-card-meta{display:flex;align-items:center;justify-content:space-between}.work-status{font-size:.58rem;letter-spacing:.1em;padding:.18rem .5rem;border-width:1px;border-style:solid}.work-status.live{color:var(--green);border-color:#00ff884d;background:#00ff880a}.work-status.active{color:var(--cyan);border-color:var(--cyan-border);background:var(--cyan-dim)}.work-type{font-size:.56rem;letter-spacing:.12em;color:var(--text-muted)}.work-name{font-family:var(--font-sans);font-weight:300;font-size:clamp(1.05rem,1.8vw,1.4rem);letter-spacing:-.01em}.work-desc{font-size:clamp(.7rem,.95vw,.82rem);font-weight:300;line-height:1.68;color:var(--text-dim)}.work-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.07);flex-wrap:wrap}.work-stack{font-size:.54rem;letter-spacing:.06em;color:var(--text-muted);flex:1}.work-link{font-size:.6rem;letter-spacing:.1em;color:var(--cyan);white-space:nowrap;transition:opacity .2s}.work-link:hover{opacity:.65}.work-private{font-size:.6rem;letter-spacing:.1em;color:var(--text-muted);white-space:nowrap}#contact{padding-bottom:clamp(4rem,8vh,7rem)}.contact-content{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(1rem,2vh,1.6rem);margin-bottom:clamp(3rem,7vh,5rem)}.contact-statement{font-family:var(--font-mono);font-size:clamp(.62rem,.95vw,.82rem);letter-spacing:.14em;color:var(--text-muted)}.contact-email{display:flex;align-items:baseline;gap:.3em;white-space:nowrap;overflow:visible;max-width:100%;transition:opacity .25s;padding-bottom:.1em}.contact-email:hover{opacity:.55}.contact-address{font-family:var(--font-sans);font-weight:200;font-size:clamp(1.1rem,3vw,2.8rem);letter-spacing:-.02em;line-height:1}.site-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.58rem;letter-spacing:.14em;flex-wrap:wrap;gap:.8rem}.footer-status{display:flex;align-items:center;gap:.55rem}@media(max-width:900px){.services-sticky-outer{min-height:340vh}.services-grid,.work-grid{grid-template-columns:1fr;max-width:560px}.services-sticky{align-items:flex-start;padding-top:max(5rem,9vh);overflow:visible}}@media(max-width:600px){.nav-links{gap:1.2rem}.hero-logo-main{width:clamp(160px,60vw,300px)}.boot-label{font-size:.62rem;white-space:normal}.work-card{min-height:clamp(280px,50vw,380px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}[data-reveal],.boot-hdr,.boot-row,[data-svc-hdr],.hud-card[data-svc]{opacity:1;transform:none}}