*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-fg);font-family:var(--type-body);font-size:var(--fs-base);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}@media (min-width: 861px){body{zoom:1.25}}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.wrap{max-width:var(--max-width);margin:0 auto;padding:0 clamp(1.2rem,4vw,3rem)}.eyebrow{font-family:var(--type-mono);font-size:var(--fs-xs);letter-spacing:.28em;text-transform:uppercase;color:var(--color-accent2)}.display{font-family:var(--type-display);font-weight:700;line-height:.92;letter-spacing:-.02em}.scanlines:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000002e 3px);mix-blend-mode:multiply;opacity:.5}.header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:clamp(1rem,2vw,1.4rem) clamp(1.2rem,4vw,3rem)}.header .logo,.header nav a,.header .navcta,.nav-toggle span{mix-blend-mode:difference}.header .logo{font-family:var(--type-mono);font-size:var(--fs-sm);letter-spacing:.14em;color:#fff}.header nav{display:flex;gap:clamp(1rem,2.4vw,2.2rem);align-items:center}.header nav a{font-family:var(--type-mono);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:#fff}.header .navcta{border:1px solid #fff;color:#fff;background:transparent;padding:.5rem .9rem;border-radius:var(--radius);font-family:var(--type-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase}.nav-toggle{display:none;position:relative;z-index:210;width:32px;height:24px;padding:0;background:transparent;border:0;cursor:pointer}.nav-toggle span{position:absolute;left:3px;right:3px;height:2px;background:#fff;transition:transform .3s ease,opacity .2s ease}.nav-toggle span:nth-child(1){top:3px}.nav-toggle span:nth-child(2){top:11px}.nav-toggle span:nth-child(3){top:19px}.header.is-open .nav-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}.header.is-open .nav-toggle span:nth-child(2){opacity:0}.header.is-open .nav-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width: 720px){.nav-toggle{display:block}.header nav{position:fixed;top:0;left:0;right:0;z-index:200;mix-blend-mode:normal;flex-direction:column;align-items:flex-start;gap:1.1rem;padding:clamp(4rem,15vw,5rem) clamp(1.2rem,5vw,2rem) 1.8rem;background:#05060af7;border-bottom:1px solid var(--color-line);transform:translateY(-100%);transition:transform .35s ease}.header nav.is-open{transform:translateY(0)}.header nav a{display:block;mix-blend-mode:normal;font-family:var(--type-mono);font-size:var(--fs-lg);color:var(--color-fg);letter-spacing:.1em;text-transform:uppercase}.header .navcta{display:inline-block;mix-blend-mode:normal;border:1px solid var(--color-accent);color:var(--color-fg);font-size:var(--fs-sm);padding:.7rem 1.2rem}}.hero{position:relative;height:100svh;display:flex;align-items:flex-end;overflow:hidden}.hero--split{align-items:center}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-ambient{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:0;pointer-events:none;background:radial-gradient(38% 48% at 22% 32%,rgba(255,45,107,.2),transparent 70%),radial-gradient(44% 54% at 78% 62%,rgba(18,247,214,.18),transparent 70%),radial-gradient(34% 44% at 60% 18%,rgba(245,217,10,.1),transparent 70%);filter:blur(24px);animation:ambientDrift 20s ease-in-out infinite alternate}@keyframes ambientDrift{0%{transform:translate3d(-3%,-2%,0) scale(1.05)}50%{transform:translate3d(2%,3%,0) scale(1.16)}to{transform:translate3d(3%,-3%,0) scale(1.08)}}.hero-grid{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:1fr .85fr;gap:clamp(4rem,13vw,13rem);align-items:center;transform:translateY(-15%)}.hero-col--text{min-width:0}.hero--split .hero-title{white-space:nowrap;font-size:clamp(1.4rem,3.6vw,4rem);line-height:.95;letter-spacing:-.04em}.hero--split .hero-title.glitch:before,.hero--split .hero-title.glitch:after{white-space:nowrap}.hero-col--screen{display:flex;justify-content:center}.hero-screen{--bevel: polygon(0 7%, 7% 0, 93% 0, 100% 7%, 100% 93%, 93% 100%, 7% 100%, 0 93%);position:relative;width:100%;max-width:540px;aspect-ratio:4 / 5;padding:10px;clip-path:var(--bevel);filter:drop-shadow(0 0 30px rgba(255,45,107,.3)) drop-shadow(0 0 52px rgba(18,247,214,.18))}.hero-screen-inner{position:relative;width:100%;height:100%;overflow:hidden;background:var(--color-bg);clip-path:var(--bevel)}.hero-screen-inner .hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.hero-screen-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(120% 100% at 50% 40%,#39ff8a24,#00190c47);mix-blend-mode:screen}.hero-screen-terminal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;display:flex;flex-direction:column;padding:15% 9% 13%;font-family:var(--type-mono);font-size:clamp(.5rem,1.05vw,.72rem);line-height:1.55;letter-spacing:.06em;text-transform:uppercase;color:#4dffa1;text-shadow:0 0 6px rgba(77,255,161,.65)}.term-head{border-bottom:1px solid rgba(77,255,161,.35);padding-bottom:.4em;margin-bottom:.6em;opacity:.9}.term-body{flex:1;overflow:hidden;position:relative}.term-scroll{position:absolute;top:0;right:0;bottom:0;left:0;animation:termScroll 13s linear infinite}.term-scroll p{margin:.18em 0;white-space:nowrap}@keyframes termScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.term-foot{border-top:1px solid rgba(77,255,161,.35);padding-top:.4em;margin-top:.6em;display:flex;align-items:center;gap:.5em;opacity:.9}.term-cursor{animation:termBlink 1s steps(1) infinite}@keyframes termBlink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-screen-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;font-family:var(--type-mono);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:#4dffa1;text-shadow:0 0 7px rgba(77,255,161,.6),0 0 3px rgba(0,0,0,.9);animation:hudFlicker 4s steps(1) infinite}.shud{position:absolute;white-space:nowrap}.shud--tl{left:8%;top:6%}.shud--tr{right:8%;top:6%}.shud--bl{left:8%;bottom:6%}.shud--br{right:8%;bottom:6%;color:var(--color-accent)}@keyframes hudFlicker{0%,95%,to{opacity:.92}96%{opacity:.4}98%{opacity:.85}}.hero-screen-track{position:absolute;left:0;right:0;top:0;height:4%;z-index:3;pointer-events:none;mix-blend-mode:screen;opacity:.55;background:repeating-linear-gradient(0deg,rgba(255,255,255,.16) 0 1px,transparent 1px 3px);animation:trackJump 5.5s steps(1) infinite}@keyframes trackJump{0%{transform:translateY(500%)}20%{transform:translateY(1700%)}40%{transform:translateY(600%)}55%{transform:translateY(2100%)}70%{transform:translateY(1100%)}85%{transform:translateY(2300%)}to{transform:translateY(400%)}}.hero-screen-sweep{position:absolute;left:0;right:0;top:-16%;height:16%;z-index:3;pointer-events:none;will-change:transform;background:linear-gradient(180deg,transparent,rgba(255,255,255,.14),transparent);animation:screenSweep 4.5s linear infinite}@keyframes screenSweep{0%{transform:translateY(0)}to{transform:translateY(760%)}}@media (max-width: 860px){.hero--split{align-items:start}.hero-grid{grid-template-columns:1fr;gap:calc(clamp(2rem,8vw,3.5rem) + 15px);transform:none;padding-top:clamp(5rem,20vw,7rem)}.hero-screen{max-width:420px;aspect-ratio:5 / 4;margin-inline:auto}.hero-crop{display:none}}.hero-crop{position:absolute;z-index:3;width:26px;height:26px;pointer-events:none;mix-blend-mode:difference;border:0 solid rgba(255,255,255,.9)}.hero-crop.tl{top:clamp(1rem,3vh,2.2rem);left:clamp(1rem,3vw,2.2rem);border-top-width:2px;border-left-width:2px}.hero-crop.tr{top:clamp(1rem,3vh,2.2rem);right:clamp(1rem,3vw,2.2rem);border-top-width:2px;border-right-width:2px}.hero-crop.bl{bottom:clamp(1rem,3vh,2.2rem);left:clamp(1rem,3vw,2.2rem);border-bottom-width:2px;border-left-width:2px}.hero-crop.br{bottom:clamp(1rem,3vh,2.2rem);right:clamp(1rem,3vw,2.2rem);border-bottom-width:2px;border-right-width:2px}.hero-side{position:absolute;z-index:3;left:clamp(1.1rem,3vw,2.4rem);top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;font-family:var(--type-mono);font-size:var(--fs-xs);letter-spacing:.35em;text-transform:uppercase;color:var(--color-accent2);opacity:.7;pointer-events:none}@media (max-width: 720px){.hero-side{display:none}}.hero-title{position:relative;font-size:clamp(1.5rem,8.6vw,12rem);white-space:nowrap;letter-spacing:-.03em;text-shadow:0 0 40px rgba(255,45,107,.25)}.hero-title.glitch:before,.hero-title.glitch:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;white-space:nowrap;pointer-events:none;mix-blend-mode:screen}.hero-title.glitch:before{color:var(--color-accent);transform:translate(-.055em,.02em);animation:heroSplitA 5.5s infinite}.hero-title.glitch:after{color:var(--color-accent2);transform:translate(.055em,-.02em);animation:heroSplitB 5.5s infinite}@keyframes heroSplitA{0%,90%,to{transform:translate(-.055em,.02em)}92%{transform:translate(-.11em,-.015em) skew(3deg)}95%{transform:translate(-.02em,.035em)}}@keyframes heroSplitB{0%,90%,to{transform:translate(.055em,-.02em)}92%{transform:translate(.12em,.02em) skew(-3deg)}96%{transform:translate(.01em,-.04em)}}.hero-sub{max-width:46ch;margin-top:1.4rem;color:var(--color-muted);font-size:var(--fs-lg)}.hero-foot{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(1rem,3vw,2.4rem);margin-top:2.2rem}.hero-cta{display:inline-block}.hero-hud{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;font-family:var(--type-mono);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted)}.hero-hud .hud-item{position:relative;padding-left:1.2rem}.hero-hud .hud-item:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;transform:translateY(-50%) rotate(45deg);background:var(--color-line)}.hud-rec{display:inline-flex;align-items:center;gap:.45rem;color:var(--color-accent)}.hud-rec:first-letter{animation:recBlink 1.4s steps(1) infinite}@keyframes recBlink{0%,60%{opacity:1}61%,to{opacity:.15}}@media (max-width: 720px){.hero-hud{display:none}}.btn{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--type-mono);font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase;padding:.85rem 1.4rem;border-radius:var(--radius);border:1px solid var(--color-accent);color:var(--color-fg);background:transparent;transition:background .25s,color .25s,box-shadow .25s}.btn:hover{background:var(--color-accent);color:#05060a;box-shadow:0 0 30px #ff2d6b80}.section{padding:clamp(4rem,12vh,9rem) 0;position:relative}.section-head{margin-bottom:clamp(2rem,5vh,3.5rem)}.section-title{font-size:var(--fs-xl);margin-top:.8rem}.about-grid{display:grid;grid-template-columns:1fr;gap:clamp(1.5rem,4vw,3rem)}@media (min-width: 860px){.about-grid{grid-template-columns:minmax(220px,320px) 1fr}}.about-lead{font-family:var(--type-display);font-size:var(--fs-lg);line-height:1.25;letter-spacing:-.01em;margin-bottom:1.4rem}.about-p{color:var(--color-muted);font-size:var(--fs-base);max-width:62ch;margin-bottom:1rem}.about-disc{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}.about-disc li{font-family:var(--type-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;padding:.4rem .75rem;border:1px solid var(--color-line);border-radius:var(--radius);color:var(--color-accent2);transition:border-color .25s,color .25s}.about-disc li:hover{border-color:var(--color-accent);color:var(--color-accent3)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--color-line);border:1px solid var(--color-line);border-radius:var(--radius)}.card{background:var(--color-bg-alt);padding:clamp(1.4rem,3vw,2.2rem);min-height:260px;display:flex;flex-direction:column;justify-content:space-between;transition:background .3s;position:relative;overflow:hidden}.card:hover{background:#10131f}.card .card-k{font-family:var(--type-mono);font-size:var(--fs-xs);letter-spacing:.2em;color:var(--color-accent2)}.card .card-t{font-family:var(--type-display);font-size:var(--fs-lg);margin:.8rem 0}.card .card-d{color:var(--color-muted);font-size:var(--fs-sm)}.card .card-tag{align-self:flex-start;margin-top:1.2rem;font-family:var(--type-mono);font-size:var(--fs-xs);padding:.25rem .6rem;border:1px solid var(--color-line);border-radius:var(--radius);color:var(--color-accent3)}.cards-empty{font-family:var(--type-mono);font-size:var(--fs-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);padding:clamp(2rem,6vh,4rem) 0;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(1.5rem,3vw,2.5rem)}.step .step-n{font-family:var(--type-mono);font-size:var(--fs-lg);color:var(--color-accent)}.step .step-t{font-family:var(--type-display);font-size:var(--fs-lg);margin:.6rem 0}.step .step-d{color:var(--color-muted);font-size:var(--fs-sm)}.step{border-top:1px solid var(--color-line);padding-top:1.2rem}.marquee{overflow:hidden;white-space:nowrap;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);padding:1.4rem 0}.marquee-track{display:inline-block;font-family:var(--type-display);font-size:var(--fs-xl);color:var(--color-accent);will-change:transform}.contact-inner{text-align:center}.contact-title{font-size:var(--fs-hero)}.contact-sub{color:var(--color-muted);font-size:var(--fs-lg);margin:1rem 0 2rem}.footer{border-top:1px solid var(--color-line);padding:2.5rem 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer .footer-note{font-family:var(--type-mono);font-size:var(--fs-xs);color:var(--color-muted)}.footer .footer-links{display:flex;gap:1.4rem}.footer .footer-links a{font-family:var(--type-mono);font-size:var(--fs-xs);color:var(--color-muted);transition:color .2s}.footer .footer-links a:hover{color:var(--color-accent2)}.reveal{opacity:0}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important}.marquee-track{animation:none!important}.hero-title.glitch:before,.hero-title.glitch:after,.hud-rec:first-letter{animation:none!important}.hero-ambient,.hero-screen-sweep,.hero-screen-hud,.hero-screen-track,.term-scroll,.term-cursor{animation:none!important}}
