@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--paper:#fafaf7;--paper-2:#f1f0ea;--surface:#fff;--ink:#15171c;--ink-2:#54585f;--ink-3:#8b8f98;--line:#e7e6df;--line-2:#d6d5cc;--accent:#2d5bff;--accent-2:#1f44e0;--grid-line:#14161c0b;--sans:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--maxw:1200px;--pad:clamp(20px, 5vw, 56px);--sec:clamp(72px, 10vw, 132px);--radius:4px;--dur:.6s;--ease:cubic-bezier(.2,.7,.2,1)}[data-theme=dark]{--paper:#0c0e12;--paper-2:#101319;--surface:#14171d;--ink:#ecedef;--ink-2:#9ca1ab;--ink-3:#646a75;--line:#20232b;--line-2:#2c3039;--accent:#6488ff;--accent-2:#89a4ff;--grid-line:#ffffff0d}:root[data-accent=mono]{--accent:var(--ink);--accent-2:var(--ink)}:root[data-accent=amber]{--accent:#c77a12;--accent-2:#a2620c}[data-theme=dark][data-accent=amber]{--accent:#e5a23b;--accent-2:#f0b863}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--sans);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:17px;line-height:1.5;overflow-x:hidden}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);padding-inline:var(--pad);margin:0 auto}.section{padding-block:var(--sec)}.section--alt{background:var(--paper-2)}.divtop{border-top:1px solid var(--line)}.display{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(40px,6.2vw,78px);font-weight:600;line-height:1}.h2{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(28px,3.6vw,46px);font-weight:600;line-height:1.04}.h3{letter-spacing:-.01em;font-size:1.25rem;font-weight:600;line-height:1.2}.lead{color:var(--ink-2);max-width:46ch;font-size:clamp(18px,1.6vw,22px);line-height:1.45}.eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:10px;font-size:12px;font-weight:500;display:inline-flex}.eyebrow b{color:var(--accent);font-weight:600}.eyebrow:before{content:"";background:var(--line-2);width:26px;height:1px}.eyebrow--plain:before{display:none}.tag{font-family:var(--mono);letter-spacing:.02em;color:var(--ink-2);border:1px solid var(--line-2);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11.5px}.tags{flex-wrap:wrap;gap:8px;display:flex}.btn{font-family:var(--sans);border-radius:var(--radius);cursor:pointer;transition:transform .18s var(--ease), background .18s, border-color .18s, color .18s;white-space:nowrap;border:1px solid #0000;align-items:center;gap:9px;padding:13px 22px;font-size:16px;font-weight:500;display:inline-flex}.btn .arr{transition:transform .25s var(--ease)}.btn:hover .arr{transform:translate(4px)}.btn--primary{background:var(--ink);color:var(--paper)}.btn--primary:hover{transform:translateY(-2px)}.btn--ghost{color:var(--ink);border-color:var(--line-2);background:0 0}.btn--ghost:hover{border-color:var(--ink);background:color-mix(in oklab, var(--ink) 4%, transparent)}.btn--sm{padding:9px 16px;font-size:14px}.btns{flex-wrap:wrap;gap:14px;display:flex}.site-header{z-index:100;background:color-mix(in oklab, var(--paper) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(150%);border-bottom:1px solid #0000;transition:border-color .3s,background .3s;position:sticky;top:0}.site-header.scrolled{border-bottom-color:var(--line)}.site-header .wrap{align-items:center;gap:24px;height:68px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand img{border-radius:7px;width:30px;height:30px;display:block}.brand .wm{letter-spacing:.02em;font-size:18px;font-weight:600}.nav{align-items:center;gap:28px;margin-left:auto;display:flex}.nav a.navlink{color:var(--ink-2);padding:4px 0;font-size:15px;transition:color .18s;position:relative}.nav a.navlink:hover{color:var(--ink)}.nav a.navlink:after{content:"";background:var(--accent);width:0;height:1.5px;transition:width .25s var(--ease);position:absolute;bottom:-2px;left:0}.nav a.navlink:hover:after{width:100%}.icon-btn{border:1px solid var(--line-2);border-radius:var(--radius);width:38px;height:38px;color:var(--ink-2);cursor:pointer;background:0 0;place-items:center;transition:color .18s,border-color .18s;display:grid}.icon-btn:hover{color:var(--ink);border-color:var(--ink-3)}.icon-btn svg{width:18px;height:18px}.icon-btn .moon,[data-theme=dark] .icon-btn .sun{display:none}[data-theme=dark] .icon-btn .moon{display:block}@media (width<=860px){.nav{gap:16px}.nav .navlink{display:none}}.hero{padding-top:clamp(40px,7vw,84px);padding-bottom:var(--sec);position:relative;overflow:hidden}.hero:before{content:"";background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);pointer-events:none;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 70% 10%,#000 25%,#0000 72%);mask-image:radial-gradient(120% 90% at 70% 10%,#000 25%,#0000 72%)}.hero .wrap{position:relative}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(32px,5vw,72px);display:grid}.hero h1{max-width:15ch;margin:22px 0 0}.hero .lead{margin-top:24px}.hero .btns{margin-top:38px}@media (width<=820px){.hero-grid{grid-template-columns:1fr;gap:40px}.schematic-wrap{order:2}}.schematic-wrap{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:20px;position:relative}.schematic-wrap .sc-meta{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:11px;display:flex}.schematic-wrap .dot{background:var(--accent);border-radius:50%;width:7px;height:7px;display:inline-block}.schematic{width:100%;height:auto;display:block}.schematic .edge{fill:none;stroke:var(--line-2);stroke-width:1.5px}.schematic .node-box{fill:var(--surface);stroke:var(--line-2);stroke-width:1.5px}.schematic .node-box.is-core{stroke:var(--accent)}.schematic .node-label{font-family:var(--mono);fill:var(--ink);letter-spacing:.02em;font-size:11px}.schematic .node-sub{font-family:var(--mono);fill:var(--ink-3);letter-spacing:.04em;font-size:8.5px}.schematic .pulse{fill:var(--accent)}.schematic.draw .edge{stroke-dasharray:1;stroke-dashoffset:1px;animation:edgeDraw .9s var(--ease) forwards}.schematic.draw .edge:first-of-type{animation-delay:.15s}.schematic.draw .edge:nth-of-type(2){animation-delay:.3s}.schematic.draw .edge:nth-of-type(3){animation-delay:.45s}.schematic.draw .edge:nth-of-type(4){animation-delay:.55s}@keyframes edgeDraw{to{stroke-dashoffset:0}}.schematic.shown .edge{stroke-dasharray:none;stroke-dashoffset:0}.stack-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper-2);overflow:hidden}.stack-strip .wrap{align-items:center;gap:22px;height:58px;display:flex}.stack-strip .lbl{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;font-size:11px}.marquee{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.marquee ul{gap:30px;width:max-content;list-style:none;animation:38s linear infinite marq;display:flex}.marquee li{font-family:var(--mono);color:var(--ink-2);white-space:nowrap;font-size:13px}.marquee li:after{content:"·";color:var(--ink-3);margin-left:30px}@keyframes marq{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee ul{animation:none}}.sec-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(36px,5vw,60px);display:flex}.sec-head .h2{max-width:18ch;margin-top:14px}.sec-head .note{max-width:24ch;color:var(--ink-3);text-align:right;font-size:15px}@media (width<=720px){.sec-head{flex-direction:column;align-items:flex-start}.sec-head .note{text-align:left}}.cap-grid{background:var(--line);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.cap{background:var(--surface);flex-direction:column;min-height:230px;padding:30px 28px 26px;transition:background .2s;display:flex;position:relative}.cap:hover{background:color-mix(in oklab, var(--accent) 4%, var(--surface))}.cap .idx{font-family:var(--mono);color:var(--ink-3);letter-spacing:.08em;font-size:12px}.cap:hover .idx{color:var(--accent)}.cap .h3{max-width:14ch;margin:14px 0 12px}.cap .desc{color:var(--ink-2);flex:1;font-size:15.5px;line-height:1.5}.cap .tag{align-self:flex-start;margin-top:18px}@media (width<=900px){.cap-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.cap-grid{grid-template-columns:1fr}.cap{min-height:0}}.steps{grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px);display:grid}.step .num{font-family:var(--mono);color:var(--accent);letter-spacing:.1em;font-size:13px}.step .rule{background:var(--line-2);height:1px;margin:16px 0 22px;position:relative}.step .rule:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;left:0}.step .h3{margin-bottom:12px;font-size:1.55rem}.step p{color:var(--ink-2);max-width:32ch;font-size:16px}@media (width<=760px){.steps{grid-template-columns:1fr;gap:36px}}.work-list{flex-direction:column;gap:22px;display:flex}.work{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(28px,4vw,56px);padding:clamp(24px,3vw,38px);transition:border-color .25s;display:grid}.work:hover{border-color:var(--line-2)}.work:nth-child(2n) .work-media{order:-1}.work .domain{align-items:center;gap:12px;margin-bottom:18px;display:flex}.work .domain .tag{border-color:var(--accent);color:var(--accent-2)}.work .work-title{letter-spacing:-.02em;max-width:16ch;margin-bottom:22px;font-size:clamp(24px,2.6vw,34px);font-weight:600;line-height:1.05}.psr{flex-direction:column;display:flex}.psr .row{border-top:1px solid var(--line);grid-template-columns:96px 1fr;gap:18px;padding:13px 0;display:grid}.psr .row:first-child{border-top:none;padding-top:0}.psr .k{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding-top:3px;font-size:11px}.psr .v{color:var(--ink-2);font-size:15.5px;line-height:1.5}.work .stack-line{margin-top:22px}.work-media{position:relative}.work-media .cap-tag{z-index:2;background:color-mix(in oklab, var(--surface) 80%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:absolute;top:10px;left:10px}@media (width<=820px){.work{grid-template-columns:1fr}.work:nth-child(2n) .work-media{order:0}}.image-slot-ph{aspect-ratio:4/3;background:var(--paper-2);border:1.5px dashed var(--line-2);width:100%;color:var(--ink-3);font-size:12px;font-family:var(--mono);letter-spacing:.02em;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.why-grid{background:var(--line);border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.why{background:var(--paper);padding:8px clamp(20px,2.4vw,34px)}.section--alt .why{background:var(--paper-2)}.why:first-child{padding-left:0}.why .mk{font-family:var(--mono);color:var(--accent);letter-spacing:.06em;font-size:12px}.why .h3{margin:16px 0 12px;font-size:1.4rem}.why p{color:var(--ink-2);font-size:15.5px;line-height:1.55}@media (width<=800px){.why-grid{grid-template-columns:1fr}.why,.why:first-child{padding:26px 0}}.industries{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.ind{border-right:1px solid var(--line);background:var(--surface);padding:30px 26px;transition:background .2s}.ind:last-child{border-right:none}.ind:hover{background:var(--paper-2)}.ind .ic{font-family:var(--mono);color:var(--ink-3);letter-spacing:.1em;font-size:11px}.ind .nm{letter-spacing:-.01em;margin-top:28px;font-size:1.15rem;font-weight:600;line-height:1.2}@media (width<=820px){.industries{grid-template-columns:repeat(2,1fr)}.ind:nth-child(2){border-right:none}.ind:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (width<=460px){.industries{grid-template-columns:1fr}.ind{border-right:none;border-bottom:1px solid var(--line)}.ind:last-child{border-bottom:none}}.contact{grid-template-columns:1.3fr 1fr;align-items:center;gap:clamp(32px,5vw,72px);display:grid}.contact .h2{max-width:15ch}.contact-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:clamp(26px,3vw,38px)}.contact-card .eyebrow{margin-bottom:18px}.contact-card .email{font-family:var(--mono);color:var(--ink);word-break:break-all;margin-bottom:22px;font-size:clamp(15px,1.6vw,18px);display:block}.contact-card .btn--primary{justify-content:center;width:100%}.contact-card .fine{color:var(--ink-3);text-align:center;margin-top:16px;font-size:13px}@media (width<=820px){.contact{grid-template-columns:1fr;gap:36px}}.site-footer{border-top:1px solid var(--line);padding-block:40px 48px}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.site-footer .brand .wm{font-size:16px}.site-footer .legal{font-family:var(--mono);color:var(--ink-3);letter-spacing:.03em;font-size:12px}.site-footer .loc{font-family:var(--mono);color:var(--ink-3);font-size:12px}.reveal.will-reveal{opacity:0;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);transform:translateY(16px)}.reveal.will-reveal.in{opacity:1;transform:none}.reveal.will-reveal[data-delay="1"]{transition-delay:70ms}.reveal.will-reveal[data-delay="2"]{transition-delay:.14s}.reveal.will-reveal[data-delay="3"]{transition-delay:.21s}.reveal.will-reveal[data-delay="4"]{transition-delay:.28s}@media (prefers-reduced-motion:reduce){.reveal.will-reveal{opacity:1;transition:none;transform:none}}body.density-compact{--sec:clamp(44px, 6vw, 80px)}body.density-compact .hero{padding-top:clamp(28px,4vw,56px)}body.density-compact .cap{min-height:0;padding-block:24px}.cg-tweaks{z-index:2147483646;background:color-mix(in oklab, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--line-2);width:248px;color:var(--ink);font-family:var(--sans);border-radius:12px;font-size:12px;display:none;position:fixed;bottom:16px;right:16px;overflow:hidden;box-shadow:0 18px 50px #00000038}.cg-tweaks.open{display:block}.cg-tweaks .hd{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:11px 10px 11px 14px;display:flex}.cg-tweaks .hd b{letter-spacing:.02em;font-size:12.5px;font-weight:600}.cg-tweaks .x{appearance:none;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:6px;width:22px;height:22px;font-size:13px}.cg-tweaks .x:hover{background:color-mix(in oklab, var(--ink) 8%, transparent);color:var(--ink)}.cg-tweaks .bd{flex-direction:column;gap:14px;padding:12px 14px 16px;display:flex}.cg-tweaks .lab{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:7px;font-size:10px;display:block}.cg-seg{background:color-mix(in oklab, var(--ink) 6%, transparent);border-radius:8px;gap:4px;padding:3px;display:flex}.cg-seg button{appearance:none;color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:6px 4px;font-weight:500;line-height:1.1;transition:background .15s,color .15s}.cg-seg button[data-on="1"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000001f}.cg-swatches{gap:7px;display:flex}.cg-sw{border:1px solid var(--line-2);cursor:pointer;border-radius:7px;flex:1;height:30px;transition:transform .12s}.cg-sw:hover{transform:translateY(-1px)}.cg-sw[data-on="1"]{box-shadow:0 0 0 2px var(--ink);border-color:#0000}.wa-fab{z-index:999;color:#fff;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;text-decoration:none;transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 16px #25d36673}.wa-fab:hover{transform:translateY(-3px)scale(1.06);box-shadow:0 8px 24px #25d3668c}.wa-fab svg{width:30px;height:30px}
