:root{--ink:#07080a;--ink-2:#0d0f12;--ink-3:#14171c;--bone:#eeebe4;--mute:#9b988f;--dim:#5f5d58;--line:rgba(238,235,228,.09);--mint:#19e3a5;--cyan:#2bb8e8;--violet:#b350f2;--grad:linear-gradient(100deg,var(--mint),var(--cyan) 50%,var(--violet));--ease:cubic-bezier(.16,1,.3,1);--gutter:clamp(16px,4vw,56px);--display:"Clash Display",ui-sans-serif,system-ui,sans-serif;--sans:"General Sans",ui-sans-serif,system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}html body{margin:0;background:var(--ink);color:var(--bone);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0}.chip,[role=button],a[href],button,label[for],select,summary{cursor:pointer}.field input,.field textarea{cursor:text}::selection{background:var(--mint);color:var(--ink)}.wrap{width:100%;max-width:1360px;margin:0 auto;padding:0 var(--gutter)}.mono{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.loader{position:fixed;inset:0;z-index:100;display:grid;pointer-events:none}.loader canvas{width:100%;height:100%}.cursor{position:fixed;left:0;top:0;width:10px;height:10px;background:var(--bone);z-index:90;pointer-events:none;mix-blend-mode:difference;transform:translate3d(-50px,-50px,0);transition:width .35s var(--ease),height .35s var(--ease),border-radius .35s var(--ease);border-radius:1px}.cursor.big{width:44px;height:44px;border-radius:4px}@media (hover:none),(pointer:coarse){.cursor{display:none}}.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:14px var(--gutter);display:flex;align-items:center;justify-content:space-between;transition:transform .6s var(--ease)}.nav.hide{transform:translateY(-110%)}.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:-.01em}.brand svg{width:28px;height:28px}.nav-links{display:flex;gap:2px;padding:5px;border:1px solid var(--line);border-radius:999px;background:rgba(7,8,10,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nav-links a{position:relative;padding:7px 14px;font-size:13.5px;font-weight:500;color:rgba(238,235,228,.68);border-radius:999px;transition:color .4s}.nav-links a.on,.nav-links a:hover{color:var(--bone)}.nav-links .pill{position:absolute;inset:5px auto 5px 0;border-radius:999px;background:rgba(238,235,228,.08);transition:transform .55s var(--ease),width .55s var(--ease),opacity .3s;opacity:0;z-index:-1}.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bone);color:var(--ink);font-weight:600;font-size:14px}.burger,.nav-cta{border-radius:999px}.burger{display:none;width:44px;height:44px;border:1px solid var(--line);background:rgba(7,8,10,.6);backdrop-filter:blur(14px);position:relative}.burger span{position:absolute;left:14px;right:14px;height:1.5px;background:var(--bone);transition:transform .5s var(--ease),top .5s var(--ease)}.burger span:first-child{top:18px}.burger span:nth-child(2){top:25px}.menu-open .burger span:first-child{top:21.5px;transform:rotate(45deg)}.menu-open .burger span:nth-child(2){top:21.5px;transform:rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:45;background:var(--ink);display:flex;flex-direction:column;justify-content:flex-end;padding:96px var(--gutter) calc(28px + env(safe-area-inset-bottom));clip-path:inset(0 0 100% 0);transition:clip-path .8s var(--ease);pointer-events:none}.menu-open .mobile-menu{clip-path:inset(0 0 0 0);pointer-events:auto}.mobile-menu a.big{display:block;overflow:hidden;font-family:var(--display);font-weight:500;font-size:clamp(40px,11vw,64px);line-height:1.08;letter-spacing:-.02em;border-bottom:1px solid var(--line);padding:10px 0}.mobile-menu a.big span{display:inline-block;transform:translateY(105%);transition:transform .8s var(--ease)}.menu-open .mobile-menu a.big span{transform:none}.mobile-menu .foot{display:flex;justify-content:space-between;margin-top:28px}@media (max-width:900px){.nav .nav-cta,.nav-links{display:none}.burger{display:block}}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding-bottom:clamp(28px,6vh,64px)}.hero canvas.field{position:absolute;inset:0;width:100%;height:100%;z-index:1}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--ink) 0,rgba(7,8,10,.92) 30%,rgba(7,8,10,.55) 52%,transparent 75%);pointer-events:none;z-index:0}.hero .wrap{position:relative;z-index:2}.hero-kicker{display:flex;align-items:center;gap:10px;margin-bottom:26px}.dot{width:8px;height:8px;background:var(--mint);box-shadow:0 0 12px var(--mint);animation:blink 2.4s steps(2) infinite}@keyframes blink{50%{opacity:.25}}h1.hero-title{font-family:var(--display);font-weight:500;font-size:clamp(46px,10.4vw,168px);line-height:.92;letter-spacing:-.035em;margin:0}@media (max-width:600px){h1.hero-title{font-size:13vw;line-height:.95}}h1 .line{display:block;overflow:hidden;padding-bottom:.04em}h1 .line>span{display:inline-block}.hero-bottom{justify-content:space-between;align-items:center;gap:24px;margin-top:clamp(32px,6vh,56px)}.hero-actions,.hero-bottom{display:flex;flex-wrap:wrap}.hero-actions{gap:12px}.btn{position:relative;display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 26px;border-radius:999px;font-weight:600;font-size:15px;overflow:hidden;isolation:isolate;will-change:transform}.btn-primary{background:var(--bone);color:var(--ink)}.btn-primary:before{content:"";position:absolute;inset:0;background:var(--grad);transform:translateY(101%);transition:transform .6s var(--ease);z-index:-1}.btn-primary:hover:before{transform:none}.btn-ghost{border:1px solid rgba(238,235,228,.2)}.btn-ghost:hover{border-color:rgba(238,235,228,.5)}.btn .arr{display:inline-block;transition:transform .5s var(--ease)}.btn:hover .arr{transform:translate(3px,-3px)}.scroll-cue{position:absolute;right:var(--gutter);top:42%;z-index:2;writing-mode:vertical-rl;display:flex;align-items:center;gap:12px}.scroll-cue i{width:1px;height:64px;background:var(--line);position:relative;overflow:hidden}.scroll-cue i:after{content:"";position:absolute;left:0;top:-30%;width:1px;height:30%;background:var(--bone);animation:drip 2s var(--ease) infinite}@keyframes drip{to{top:100%}}@media (max-width:800px){.scroll-cue{display:none}}.marquee{border-block:1px solid var(--line);overflow:hidden;padding:22px 0;background:var(--ink)}.marquee-track{display:flex;gap:56px;width:max-content;will-change:transform}.marquee-track span{font-family:var(--display);font-size:clamp(22px,2.6vw,34px);font-weight:500;color:rgba(238,235,228,.32);white-space:nowrap;display:flex;align-items:center;gap:56px}.marquee-track span:after{content:"";width:9px;height:9px;background:var(--grad)}section{position:relative}.sec{padding:clamp(140px,22vh,280px) 0}.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(64px,11vh,128px)}.sec-head .mono b{color:var(--bone);font-weight:500;margin-right:10px}h2{font-family:var(--display);font-weight:500;font-size:clamp(40px,6.4vw,100px);line-height:.96;letter-spacing:-.03em;margin:0}@media (max-width:800px){.sec-head{flex-direction:column-reverse;align-items:flex-start;gap:16px}}[data-reveal]{opacity:0;transform:translateY(28px)}.split-line{display:block;overflow:hidden;padding-bottom:.04em}.split-line>span{display:inline-block}.statement{min-height:100svh;display:flex;align-items:center;padding:clamp(120px,18vh,220px) 0}.statement .huge{font-family:var(--display);font-weight:500;font-size:clamp(52px,10vw,170px);line-height:.94;letter-spacing:-.04em;margin:0}.statement .ln{display:block}.statement .ln .w{color:rgba(238,235,228,.12)}.statement .ln.two{position:relative;width:max-content;max-width:100%}.statement .ln.two .ghost{color:rgba(238,235,228,.08)}.statement .ln.two .fill{position:absolute;inset:0;clip-path:inset(0 100% 0 0)}.statement .mono{margin-bottom:clamp(28px,5vh,48px)}.services{border-top:1px solid var(--line)}.svc{position:relative;display:grid;grid-template-columns:80px 1fr auto 56px;gap:24px;align-items:center;padding:clamp(30px,4.2vh,44px) 0;border-bottom:1px solid var(--line);overflow:hidden}.svc:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,227,165,.07),rgba(179,80,242,.06));transform:scaleY(0);transform-origin:bottom;transition:transform .7s var(--ease);z-index:-1}.svc:hover:before{transform:scaleY(1)}.svc h3{font-family:var(--display);font-weight:500;font-size:clamp(30px,4vw,60px);line-height:1;letter-spacing:-.025em;margin:0;transition:transform .7s var(--ease)}.svc:hover h3{transform:translateX(12px)}.svc p{margin:0;color:var(--mute);font-size:16px;max-width:340px;text-align:right}.svc .glyph{width:48px;height:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;opacity:.5;transition:opacity .4s}.svc .glyph i{background:var(--bone);opacity:.1;transition:opacity .25s,background .25s}.svc:hover .glyph{opacity:1}@media (max-width:800px){.svc{grid-template-columns:44px 1fr;gap:10px 14px;padding:30px 0}.svc p{grid-column:2;text-align:left}.svc .glyph{display:none}}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(20px,2.4vw,36px)}.card{position:relative;grid-column:span 6;display:block}.card.w7{grid-column:span 7}.card.w5{grid-column:span 5}.card .media{position:relative;aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:var(--ink-3);border:1px solid var(--line)}.card .media canvas,.card .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}.card .media img{transform:scale(1.06);transition:transform 1.2s var(--ease)}.card:hover .media img{transform:scale(1)}.card .media canvas{image-rendering:pixelated;z-index:2;pointer-events:none}.badge{position:absolute;left:14px;top:14px;z-index:3;padding:6px 11px;border-radius:999px;background:rgba(7,8,10,.72);backdrop-filter:blur(10px);font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.card .meta{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:22px 2px 0}.card h3{font-family:var(--display);font-weight:500;font-size:clamp(26px,2.6vw,38px);letter-spacing:-.02em;margin:0;line-height:1.05}.card .meta p{margin:6px 0 0;color:var(--mute);font-size:15.5px}.open{flex:none;width:46px;height:46px;border-radius:999px;border:1px solid var(--line);display:grid;place-items:center;transition:background .4s,color .4s,transform .5s var(--ease)}.card:hover .open,.site:hover .open{background:var(--bone);color:var(--ink);transform:rotate(45deg)}@media (max-width:900px){.card,.card.w5,.card.w7{grid-column:span 12}}.sites{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(96px,14vh,160px)}.site{position:relative;display:block}.site .media{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/10;background:var(--ink-3)}.site canvas,.site img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.site canvas{image-rendering:pixelated;z-index:2}.site .meta{display:flex;justify-content:space-between;align-items:center;padding-top:14px;font-weight:500}.site .open{width:36px;height:36px;font-size:13px}@media (max-width:800px){.sites{grid-template-columns:1fr}}.lab{background:var(--ink-2);border-block:1px solid var(--line);overflow:hidden}.lab-pin{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:clamp(80px,12vh,120px) 0}.lab-track{display:flex;gap:24px;padding:0 var(--gutter);will-change:transform;align-items:flex-end}.prod{flex:none;width:min(420px,78vw);border-radius:20px;border:1px solid var(--line);background:var(--ink);overflow:hidden;display:flex;flex-direction:column;transition:border-color .4s}.prod:hover{border-color:rgba(238,235,228,.24)}.prod.wide{width:min(720px,88vw)}.prod .media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--ink-3)}.prod .media canvas,.prod .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left}.prod .media canvas{image-rendering:pixelated;z-index:2}.prod .body{padding:22px 22px 24px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.prod h3{font-family:var(--display);font-weight:500;font-size:28px;letter-spacing:-.02em;margin:8px 0 4px}.prod p{margin:0;color:var(--mute);font-size:15px}.prod .open{width:40px;height:40px}.prod:hover .open{background:var(--bone);color:var(--ink);transform:rotate(45deg)}.status{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute)}.status:before{content:"";width:6px;height:6px;background:var(--mint)}.status.oss:before{background:var(--cyan)}.status.priv:before{background:var(--violet)}.lab-progress{margin:48px var(--gutter) 0;height:2px;background:var(--line);position:relative}.lab-progress i{position:absolute;inset:0;background:var(--grad);transform:scaleX(0);transform-origin:left}@media (max-width:900px){.lab-pin{min-height:0;padding:clamp(120px,16vh,180px) 0}.lab-track{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px;align-items:stretch}.lab-track::-webkit-scrollbar{display:none}.prod{scroll-snap-align:center}.lab-progress{display:none}}.mq-media{background:linear-gradient(160deg,#eef7fa,#f5f8fb 60%,#e6f2f5)!important;container-type:inline-size;display:grid;place-items:center}.mq{width:88%;background:#fff;border-radius:3.2cqi;box-shadow:0 20px 50px -24px rgba(8,80,110,.35),0 0 0 1px rgba(10,60,80,.06);padding:2.6cqi 3.2cqi;font-family:"Plus Jakarta Sans",var(--sans);color:#1c2a30}.mq-head{display:flex;align-items:center;gap:1.6cqi;font-size:2.3cqi}.mq-logo{width:4.2cqi;height:4.2cqi;border-radius:1cqi;background:linear-gradient(135deg,#2fc7a8,#0e8fb8);color:#fff;display:grid;place-items:center;font-size:2.4cqi}.mq-head b,.mq-logo{font-weight:700}.mq-dim{color:#8a9aa1}.mq-live{margin-left:auto;display:inline-flex;align-items:center;gap:1cqi;padding:.6cqi 1.6cqi;border-radius:99px;background:#e9f7f3;color:#118a6c;font-weight:600;font-variant-numeric:tabular-nums}.mq-live i{width:1.1cqi;height:1.1cqi;border-radius:50%;background:#19b88c;animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(25,184,140,.5)}to{box-shadow:0 0 0 1.4cqi rgba(25,184,140,0)}}.mq-live.flash{background:#d3f3ea}.mq-scan{margin:1.8cqi 0 1cqi;font-size:1.9cqi;color:#8a9aa1}.mq-bar{display:block;height:.5cqi;border-radius:9px;background:#eef3f5;margin-bottom:1cqi;overflow:hidden}.mq-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2fc7a8,#0e8fb8)}.mq-rows{list-style:none;margin:0;padding:0;display:grid;gap:.8cqi}.mq-rows li{display:flex;justify-content:space-between;align-items:center;gap:2cqi;padding:1.1cqi 2cqi;border-radius:1.6cqi;background:#f6f9fa;opacity:0;transform:translateY(1.5cqi)}.mq-rows small{display:block;font-size:1.7cqi;color:#8a9aa1;font-weight:600}.mq-rows p{margin:.3cqi 0 0;font-size:2.05cqi;color:#2a3a40;font-weight:500;line-height:1.3}.mq-rows b{font-size:2.4cqi;color:#d0493b;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.mq-foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:1.4cqi;padding-top:1.4cqi;border-top:1px solid #edf1f3}.mq-foot span{font-size:2cqi;color:#8a9aa1;font-weight:600}.mq-foot strong{font-size:4.6cqi;line-height:1;font-weight:700;color:#0e8fb8;font-variant-numeric:tabular-nums;letter-spacing:-.02em}@container (max-width:520px){.mq-rows li:nth-child(4),.mq-rows p{display:none}.mq{padding:3.6cqi 4cqi}.mq-rows small{font-size:2.6cqi}.mq-head,.mq-rows b{font-size:3cqi}.mq-scan{font-size:2.6cqi}.mq-foot span{font-size:2.8cqi}.mq-foot strong{font-size:6.4cqi}.mq-logo{width:5cqi;height:5cqi;font-size:3cqi}}.steps{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:0}.steps .rail{position:absolute;left:0;right:0;top:7px;height:2px;background:var(--line)}.steps .rail i{position:absolute;inset:0;background:var(--grad);transform:scaleX(0);transform-origin:left}.step{position:relative;padding:52px 20px 0 0}.step:before{content:"";position:absolute;left:0;top:0;width:16px;height:16px;background:var(--ink);border:2px solid var(--dim);transition:background .4s,border-color .4s,box-shadow .4s}.step.lit:before{background:var(--mint);border-color:var(--mint);box-shadow:0 0 18px rgba(25,227,165,.6)}.step h4{font-family:var(--display);font-weight:500;font-size:clamp(26px,2.4vw,34px);letter-spacing:-.02em;margin:12px 0 8px}.step p{margin:0;color:var(--mute);font-size:15px}@media (max-width:900px){.steps{grid-template-columns:1fr;padding-left:36px}.steps .rail{left:7px;right:auto;top:0;bottom:0;width:2px;height:auto}.steps .rail i{transform:scaleY(0);transform-origin:top}.step{padding:0 0 56px}.step:before{left:-36px;top:6px}.step h4{margin-top:6px}}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{position:relative;border-radius:22px;padding:34px 30px 36px;border:1px solid var(--line);background:var(--ink-2);overflow:hidden;will-change:transform;min-height:340px;display:flex;flex-direction:column}.plan .glow{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(closest-side,rgba(43,184,232,.22),transparent);left:var(--mx,50%);top:var(--my,0);transform:translate(-50%,-50%);opacity:0;transition:opacity .5s;pointer-events:none}.plan:hover .glow{opacity:1}.plan.featured{background:linear-gradient(160deg,rgba(25,227,165,.12),rgba(179,80,242,.1) 70%),var(--ink-2);border-color:rgba(25,227,165,.28)}.plan h3{font-family:var(--display);font-weight:500;font-size:clamp(30px,2.6vw,38px);letter-spacing:-.02em;margin:auto 0 0}.plan ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}.plan li{display:flex;gap:12px;font-size:15.5px;color:rgba(238,235,228,.78)}.plan li:before{content:"";flex:none;width:7px;height:7px;margin-top:9px;background:var(--mint)}@media (max-width:900px){.plans{grid-template-columns:1fr}.plan{min-height:280px}}.contact{overflow:hidden}.mega{font-family:var(--display);font-weight:500;font-size:clamp(56px,13vw,220px);line-height:.88;letter-spacing:-.045em;margin:0}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,7vw,120px);margin-top:clamp(80px,12vh,140px);align-items:start}.contact-info{display:grid;gap:18px}.contact-info a.mail{font-family:var(--display);font-size:clamp(22px,2.4vw,32px);font-weight:500;letter-spacing:-.01em;justify-self:start;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .6s var(--ease)}.contact-info a.mail:hover{background-size:100% 1px}form{display:grid;gap:14px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.chip{padding:10px 16px;border-radius:999px;border:1px solid var(--line);font-size:14px;transition:background .3s,color .3s,border-color .3s}.chip:hover{border-color:rgba(238,235,228,.35)}.chip[aria-pressed=true]{background:var(--bone);color:var(--ink);border-color:var(--bone)}.field{position:relative}.field input,.field textarea{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(238,235,228,.18);color:var(--bone);font:inherit;font-size:18px;padding:26px 0 12px;outline:none;resize:none;border-radius:0}.field label{position:absolute;left:0;top:26px;color:var(--mute);pointer-events:none;transition:transform .45s var(--ease),color .3s;transform-origin:left}.field input:focus+label,.field input:not(:placeholder-shown)+label,.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label{transform:translateY(-22px) scale(.78);color:var(--bone)}.field:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}.field:focus-within:after{transform:none}form .btn{justify-self:start;margin-top:14px}@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}footer{border-top:1px solid var(--line);padding:28px 0 calc(28px + env(safe-area-inset-bottom))}footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--mute);font-size:14px}footer nav{display:flex;gap:20px}footer a:hover{color:var(--bone)}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none}.dot,.mq-live i,.scroll-cue i:after{animation:none}.mq-rows li{opacity:1;transform:none}}