:root{--paper: #f4f4f1;--paper-2: #ecece6;--ink: #101114;--ink-2: #2a2d33;--graphite: #5a5f68;--muted: #8a8f98;--rule: #d8d8d0;--rule-strong: #c3c4bc;--cobalt: #2438e0;--cobalt-ink: #1b2cb8;--maxw: 1120px;--gutter: clamp(20px, 5vw, 56px);--radius: 14px;--font-display: "Bricolage Grotesque", "IBM Plex Sans", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{max-width:100%;display:block}a{color:inherit}::selection{background:var(--cobalt);color:#fff}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.mono{font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase}section[id]{scroll-margin-top:76px}:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px;border-radius:2px}.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--ink);color:var(--paper);padding:.75rem 1rem;border-radius:0 0 8px;text-decoration:none;font-size:.9rem}.skip-link:focus{left:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.72rem 1.25rem;border-radius:999px;border:1px solid transparent;font-family:var(--font-body);font-size:.92rem;font-weight:500;line-height:1;text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--cobalt)}.btn-ghost{border-color:var(--rule-strong);color:var(--ink);background:transparent}.btn-ghost:hover{border-color:var(--ink)}.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid transparent;background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:saturate(140%) blur(12px);backdrop-filter:saturate(140%) blur(12px);transition:border-color .25s ease}.site-header.is-scrolled{border-bottom-color:var(--rule)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:66px}.wordmark{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:700;font-size:1.06rem;letter-spacing:-.015em;text-decoration:none;white-space:nowrap}.wordmark-mark{width:12px;height:12px;border-radius:2px;background:var(--cobalt);flex:none}.site-nav{display:none;gap:1.6rem}.site-nav a{color:var(--graphite);font-size:.92rem;text-decoration:none;transition:color .2s ease}.site-nav a:hover{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:.9rem}.lang-toggle{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em}.lang-toggle button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:.25rem .2rem;font:inherit;color:var(--muted);cursor:pointer;transition:color .2s ease}.lang-toggle button:hover{color:var(--ink)}.lang-toggle button.is-active{color:var(--ink);font-weight:500}.lang-sep{color:var(--rule-strong)}.header-cta{display:none}.hero{position:relative;overflow:hidden;padding-block:clamp(64px,11vw,132px) clamp(52px,8vw,96px)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(16,17,20,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(16,17,20,.05) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(130% 90% at 12% -10%,#000 0%,transparent 68%);mask-image:radial-gradient(130% 90% at 12% -10%,#000 0%,transparent 68%)}.hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2rem,5vw,3.5rem);align-items:start}.eyebrow{color:var(--graphite);margin:0}.hero-title{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(2.7rem,9vw,6rem);line-height:.96;letter-spacing:-.035em;text-wrap:balance}.hero-title .line{display:block}.hero-title .accent{color:var(--cobalt)}.hero-lede{margin:0;max-width:48ch;color:var(--graphite);font-size:clamp(1.05rem,1.6vw,1.22rem);line-height:1.55}.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem}.hero-index{border:1px solid var(--rule);border-radius:var(--radius);background:color-mix(in srgb,var(--white, #fff) 45%,var(--paper));padding:1.15rem 1.25rem}.index-label{color:var(--muted);margin:0 0 .5rem}.hero-index-list{list-style:none;margin:0;padding:0}.hero-index-item{display:grid;grid-template-columns:auto 3.6rem minmax(0,1fr);align-items:center;gap:.7rem;padding:.62rem 0;border-top:1px solid var(--rule)}.hero-index-item:first-child{border-top:none}.hero-index-item .dot{width:7px;height:7px;border-radius:50%;background:var(--cobalt)}.hero-index-item .code{color:var(--muted)}.hero-index-item .label{font-size:.96rem}@media(min-width:920px){.hero-inner{grid-template-columns:minmax(0,1.55fr) minmax(250px,.85fr);grid-template-areas:"eyebrow index" "title index" "lede index" "cta index";align-items:start;row-gap:1.6rem}.eyebrow{grid-area:eyebrow}.hero-title{grid-area:title}.hero-lede{grid-area:lede}.hero-cta{grid-area:cta}.hero-index{grid-area:index;align-self:end}}.section{border-top:1px solid var(--rule);padding-block:clamp(56px,8vw,104px)}.section-head{max-width:60ch;margin-bottom:clamp(2rem,4vw,3rem)}.section-label{display:inline-flex;align-items:center;gap:.55rem;color:var(--graphite);margin:0}.section-label:before{content:"";width:8px;height:8px;border-radius:1px;background:var(--cobalt)}.section-title{margin:.4rem 0 .7rem;font-family:var(--font-display);font-weight:650;font-size:clamp(1.8rem,4vw,2.9rem);line-height:1.04;letter-spacing:-.025em;text-wrap:balance}.section-lede{margin:0;color:var(--graphite);font-size:1.05rem;max-width:58ch}.services{list-style:none;margin:0;padding:0}.service{padding:clamp(1.4rem,3vw,2rem) 0;border-top:1px solid var(--rule)}.service:first-child{border-top:none}.service-code{display:block;color:var(--muted);margin-bottom:.55rem}.service-title{margin:0 0 .4rem;font-family:var(--font-display);font-weight:600;font-size:clamp(1.2rem,2.2vw,1.55rem);letter-spacing:-.01em;transition:color .2s ease}.service-body{margin:0;color:var(--graphite);max-width:64ch}@media(min-width:760px){.service{display:grid;grid-template-columns:5.5rem minmax(0,1fr);grid-template-rows:auto auto;column-gap:2.25rem}.service-code{grid-row:1 / span 2;margin-bottom:0;padding-top:.35rem}.service-title,.service-body{grid-column:2}.service:hover .service-title{color:var(--cobalt)}}.products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}.product{border:1px solid var(--rule);border-radius:var(--radius);padding:clamp(1.4rem,3vw,1.9rem);background:color-mix(in srgb,#fff 45%,var(--paper));transition:border-color .2s ease}.product:hover{border-color:var(--rule-strong)}.product-head{display:flex;align-items:center;gap:1rem}.product-icon{width:56px;height:56px;flex:none;border-radius:14px;object-fit:cover;box-shadow:0 1px 3px #10111424}.product-title{flex:1 1 auto;min-width:0}.product-name{margin:0;font-family:var(--font-display);font-weight:650;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.02em}.product-status{color:var(--cobalt);white-space:nowrap;flex:none}.product-tag{color:var(--muted);margin:.25rem 0 0}.product-body{margin:1.1rem 0 0;color:var(--graphite);max-width:48ch}.product-link{display:inline-flex;align-items:center;margin-top:1.1rem;font-size:.92rem;font-weight:500;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule-strong);padding-bottom:.1rem;transition:color .2s ease,border-color .2s ease}.product-link:hover{color:var(--cobalt);border-color:var(--cobalt)}.product-link.is-muted{color:var(--muted);border-bottom-color:transparent}@media(min-width:760px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}}.process{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:1.75rem}.step{border-top:1px solid var(--rule-strong);padding-top:1.15rem}.step-n{color:var(--cobalt)}.step-title{margin:.6rem 0 .4rem;font-family:var(--font-display);font-weight:600;font-size:1.16rem;letter-spacing:-.01em}.step-body{margin:0;color:var(--graphite);font-size:.95rem}@media(min-width:720px){.process{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.25rem}}@media(min-width:980px){.process{grid-template-columns:repeat(4,minmax(0,1fr))}}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:start}.studio-body{margin:0;color:var(--ink-2);font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.55;max-width:60ch}.studio-facts{margin:0;display:grid;grid-template-columns:minmax(0,1fr)}.fact{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:1rem;padding:.9rem 0;border-top:1px solid var(--rule)}.fact:first-child{border-top:none}.fact dt{color:var(--muted);margin:0}.fact dd{margin:0;color:var(--ink)}@media(min-width:880px){.studio-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr)}}.contact{border-top:none;background:var(--ink);color:var(--paper)}.contact .section-label{color:#9aa0a8}.contact-title{margin:.6rem 0 .8rem;font-family:var(--font-display);font-weight:700;font-size:clamp(1.9rem,4.5vw,3.2rem);line-height:1.03;letter-spacing:-.028em;color:var(--paper);text-wrap:balance}.contact-body{margin:0;max-width:54ch;color:#b7bbc2}.contact-email{display:inline-block;margin-top:1.6rem;font-family:var(--font-display);font-weight:600;font-size:clamp(1.35rem,3.6vw,2.2rem);letter-spacing:-.02em;text-decoration:none;color:var(--paper);border-bottom:2px solid var(--cobalt);padding-bottom:.12rem;transition:border-color .2s ease,color .2s ease;word-break:break-word}.contact-email:hover{border-bottom-color:var(--paper)}.contact-note{margin:1.7rem 0 0;color:#9aa0a8;font-size:.95rem}.contact-note a{color:var(--paper);text-underline-offset:3px}.contact :focus-visible{outline-color:#fff}.site-footer{border-top:1px solid var(--rule);padding-block:clamp(2.5rem,5vw,4rem)}.footer-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}.footer-brand .wordmark{font-size:1.12rem}.footer-tagline{margin:.6rem 0 0;color:var(--graphite);font-size:.95rem;max-width:40ch}.footer-contact{display:grid}.footer-label{margin:0;color:var(--muted)}.footer-link{display:inline-block;margin:.3rem 0 1.1rem;color:var(--ink);text-decoration:none;text-underline-offset:3px}.footer-link:hover{text-decoration:underline}.footer-rights{margin:0;padding-top:1.5rem;border-top:1px solid var(--rule);color:var(--muted);font-weight:400;text-transform:none;letter-spacing:.02em}@media(min-width:760px){.footer-inner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}.footer-rights{grid-column:1 / -1}}@media(min-width:720px){.site-nav{display:flex}}@media(min-width:900px){.header-cta{display:inline-flex}}.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.js .reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}}