:root{--bg: #f2f2ef;--bg-alt: #e7e7e2;--surface: #0f1113;--text: #121418;--text-soft: #4f545d;--text-inverse: #f6f6f3;--line: #cbcdc9;--accent: #f65a3b;--accent-soft: #ffd76a;--panel: rgba(255, 255, 255, .52);--runner: #17191c;--radius: 18px;--space: clamp(1rem, 1.6vw, 2rem);--scroll-progress: 0}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(circle at 8% 12%,rgba(246,90,59,.18),transparent 24%),radial-gradient(circle at 84% 82%,rgba(255,215,106,.18),transparent 28%),linear-gradient(180deg,var(--bg),var(--bg-alt));color:var(--text);font-family:Space Grotesk,Avenir Next,sans-serif;letter-spacing:-.015em;line-height:1.25}a{color:inherit;text-decoration:none}#orbital-scene,.bg-noise,.bg-grid{position:fixed;inset:0;pointer-events:none}#orbital-scene{z-index:0}.bg-noise{z-index:1;opacity:.17;background-image:radial-gradient(rgba(17,18,22,.22) .5px,transparent .5px);background-size:3px 3px;mix-blend-mode:multiply}.bg-grid{z-index:1;opacity:.2;background-image:linear-gradient(to right,rgba(18,20,24,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(18,20,24,.08) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 92%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 92%)}.top-runner{position:fixed;top:0;left:0;right:0;z-index:5;background:var(--runner);color:#f2f2efe0;border-bottom:1px solid rgba(255,255,255,.18);overflow:hidden}.runner-track{white-space:nowrap;font:500 .72rem/1 IBM Plex Mono,Courier New,monospace;letter-spacing:.04em;padding:.62rem 0;animation:run 34s linear infinite}@keyframes run{0%{transform:translate(0)}to{transform:translate(-50%)}}.site-header{position:sticky;top:1.95rem;z-index:8;display:grid;grid-template-columns:auto 1fr auto;gap:var(--space);align-items:center;margin:clamp(4.5rem,6vw,5.8rem) clamp(1rem,5vw,4rem) 0;padding:.9rem clamp(.9rem,2vw,1.4rem);background:#f2f2efd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(13,15,19,.16);border-radius:999px}.wordmark{display:inline-flex;align-items:center;gap:.65rem;font-family:IBM Plex Mono,Courier New,monospace;font-size:.86rem;letter-spacing:.04em}.wordmark img{width:36px;height:36px;object-fit:cover;border-radius:8px;border:1px solid rgba(13,15,19,.15)}.site-nav{display:flex;justify-content:center;gap:clamp(.9rem,2vw,2rem);font-family:IBM Plex Mono,Courier New,monospace;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.site-nav a{position:relative}.site-nav a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;transform-origin:center;transform:scaleX(0);background:var(--text);transition:transform .2s ease}.site-nav a:hover:after,.site-nav a:focus-visible:after{transform:scaleX(1)}.availability{display:inline-flex;align-items:center;gap:.45rem;font-family:IBM Plex Mono,Courier New,monospace;font-size:.72rem;letter-spacing:.03em;text-transform:uppercase}.availability span{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #f65a3b38}main{position:relative;z-index:2;padding:2rem clamp(1rem,5vw,4rem) 0}.section{position:relative;max-width:1180px;margin:0 auto clamp(3.4rem,8vw,7rem)}.hero{margin-top:clamp(1rem,4vw,3rem);padding-right:min(42vw,520px)}.hero-label,.kicker{margin-bottom:.9rem;font:500 .74rem/1 IBM Plex Mono,Courier New,monospace;letter-spacing:.06em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(2.4rem,7.7vw,6rem);font-weight:700;line-height:.92;text-wrap:balance}.hero h1 span{display:block;color:var(--text-soft)}.hero p{max-width:600px;margin:1.3rem 0 0;color:var(--text-soft);font-size:clamp(.98rem,2vw,1.2rem);line-height:1.45}.hero-meta{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.7rem}.hero-meta a{display:inline-flex;align-items:center;gap:.35rem;border:1px solid rgba(13,15,19,.16);background:#ffffffb8;padding:.62rem .95rem;border-radius:999px;font:500 .74rem/1 IBM Plex Mono,Courier New,monospace;letter-spacing:.04em;text-transform:uppercase}.about{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.about-block{border:1px solid rgba(13,15,19,.16);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:clamp(1.2rem,2.2vw,1.8rem)}.about-block p:last-child{margin:0;max-width:47ch;color:var(--text-soft);line-height:1.5}.about-block.contrast{color:var(--text-inverse);background:linear-gradient(160deg,#1b1f26,#0d0f12 70%)}.about-block.contrast p:last-child{color:#f6f6f3cc}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.3rem}.section-head h2{margin:0;max-width:20ch;font-size:clamp(1.6rem,4.8vw,3rem);line-height:1}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.work-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:250px;border-radius:var(--radius);padding:1.15rem;border:1px solid rgba(13,15,19,.16);background:#fcfcfad6;transition:transform .26s ease,box-shadow .26s ease}.work-card.is-dark{color:var(--text-inverse);background:linear-gradient(140deg,#11141a 2%,#1f2731 72%)}.work-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #10141b24}.work-card-top{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem}.domain,.index{font:500 .7rem/1 IBM Plex Mono,Courier New,monospace;text-transform:uppercase;letter-spacing:.05em}.index{opacity:.6}.work-card h3{margin:0 0 .56rem;font-size:1.12rem;line-height:1.15}.work-card p{margin:0;font-size:.95rem;line-height:1.4;opacity:.84}.stack{margin-top:1rem;border-top:1px solid rgba(255,255,255,.18);padding-top:.7rem;font:500 .73rem/1.35 IBM Plex Mono,Courier New,monospace;letter-spacing:.04em;opacity:.88}.work-card:not(.is-dark) .stack{border-top-color:#0d0f1326}.products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.product-card{border-radius:var(--radius);border:1px solid rgba(13,15,19,.16);background:#fff9;padding:1.15rem;display:grid;gap:.7rem}.product-card:nth-child(3n){background:linear-gradient(145deg,#13171d,#242e39);color:var(--text-inverse)}.product-card h3{margin:0;font-size:1.15rem}.product-meta{display:flex;flex-wrap:wrap;gap:.45rem}.pill{padding:.34rem .56rem;border-radius:999px;border:1px solid rgba(13,15,19,.2);font:500 .68rem/1 IBM Plex Mono,Courier New,monospace;text-transform:uppercase;letter-spacing:.03em}.product-card:nth-child(3n) .pill{border-color:#ffffff40}.contact{border:1px solid rgba(13,15,19,.16);border-radius:var(--radius);background:linear-gradient(175deg,#ffffffe0,#f8f7f2b8);padding:clamp(1.2rem,3vw,2rem)}.contact h2{margin:0 0 .5rem;font-size:clamp(1.5rem,4vw,2.6rem)}.contact p{margin:0;max-width:55ch;color:var(--text-soft)}.contact a{margin-top:1.2rem;display:inline-block;font:500 .86rem/1 IBM Plex Mono,Courier New,monospace;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--text)}.contact-form{margin-top:1rem;max-width:480px;display:grid;gap:.55rem}.contact-form label{display:grid;gap:.3rem}.contact-form label span{font:500 .66rem/1 IBM Plex Mono,Courier New,monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft)}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(13,15,19,.2);border-radius:10px;background:#ffffffc2;color:var(--text);padding:.62rem .75rem;font:500 .9rem/1.3 Space Grotesk,Avenir Next,sans-serif}.contact-form textarea{resize:vertical;min-height:78px}.contact-form button{justify-self:start;border:1px solid rgba(13,15,19,.2);background:var(--surface);color:var(--text-inverse);border-radius:999px;padding:.56rem .95rem;font:500 .72rem/1 IBM Plex Mono,Courier New,monospace;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.hidden-field{position:absolute;left:-9999px}.form-note{margin:.35rem 0 0;font:500 .68rem/1.4 IBM Plex Mono,Courier New,monospace;color:var(--text-soft);letter-spacing:.02em;text-transform:uppercase}.site-footer{position:relative;z-index:2;margin-top:.5rem;padding:1.2rem clamp(1rem,5vw,4rem) 2.2rem;border-top:1px solid rgba(13,15,19,.16);display:flex;justify-content:space-between;gap:1rem;font:500 .68rem/1 IBM Plex Mono,Courier New,monospace;letter-spacing:.05em;text-transform:uppercase}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.in-view{opacity:1;transform:translateY(0)}@media (max-width: 1080px){.hero{padding-right:0}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.site-header{grid-template-columns:1fr;border-radius:var(--radius);gap:.8rem;top:2.5rem}.site-nav{justify-content:flex-start;flex-wrap:wrap}.about,.products-grid{grid-template-columns:1fr}}@media (max-width: 640px){.runner-track{animation-duration:20s}.works-grid{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:flex-start}.site-footer{flex-direction:column}}