:root{--ink:#11110f;--paper:#f2f0e9;--soft:#dedbd1;--line:rgba(17,17,15,.18);--acid:#dfff43;--orange:#ff5a2a;--white:#fff;--sans:"Inter",sans-serif;--display:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;z-index:99;top:8px;left:8px;transform:translateY(-150%);background:var(--acid);padding:10px 14px}.skip-link:focus{transform:none}.site-header{height:82px;padding:0 clamp(24px,4vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.18);color:white;position:absolute;z-index:20;width:100%;top:0}.site-header.is-scrolled{position:fixed;background:rgba(17,17,15,.92);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center}.brand-wordmark{display:block;width:145px;height:auto}.brand-footer .brand-wordmark{width:190px}.desktop-nav{display:flex;gap:32px;font-size:13px}.desktop-nav a,.header-cta{transition:opacity .2s}.desktop-nav a:hover,.header-cta:hover{opacity:.65}.header-cta{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:3px}.menu-button,.mobile-nav{display:none}.hero{min-height:780px;height:100vh;max-height:980px;background:var(--ink);color:white;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);align-items:center;padding:120px clamp(24px,6vw,100px) 70px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,black,transparent 75%)}.hero-copy{position:relative;z-index:2;max-width:800px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;display:flex;align-items:center;gap:10px;margin:0 0 32px}.eyebrow span{display:block;width:28px;height:1px;background:var(--acid)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:var(--display);font-size:clamp(55px,6.5vw,106px);font-weight:400;letter-spacing:-.065em;line-height:.92;margin:0}.hero h1 em,.contact h2 em{font-style:normal;color:var(--acid)}.hero-lede{font-size:clamp(17px,1.35vw,21px);line-height:1.55;color:rgba(255,255,255,.7);max-width:660px;margin:38px 0}.hero-actions{display:flex;gap:14px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:16px 18px;border:1px solid;min-width:205px;font-size:13px;font-weight:500;transition:background .2s,color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--acid);border-color:var(--acid);color:var(--ink)}.button-ghost{border-color:rgba(255,255,255,.35)}.button-ghost:hover{background:white;color:var(--ink)}.hero-system{position:relative;width:min(44vw,620px);aspect-ratio:1;margin-left:auto;opacity:.88}.orbit{position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%;inset:7%}.orbit-two{inset:20%;border-style:dashed;animation:spin 36s linear infinite}.orbit-three{inset:34%;border-color:rgba(223,255,67,.3)}@keyframes spin{to{transform:rotate(360deg)}}.system-core{position:absolute;width:150px;height:150px;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--acid);color:var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:3}.system-core span{font-size:27px;font-weight:600;letter-spacing:.1em}.system-core small{font-size:7px;letter-spacing:.18em;text-align:center;margin-top:5px}.system-node{position:absolute;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.75);display:flex;align-items:center;gap:8px}.system-node i{width:9px;height:9px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 6px rgba(255,90,42,.13)}.node-a{left:3%;top:22%}.node-b{right:2%;top:23%}.node-c{left:3%;bottom:22%}.node-d{right:1%;bottom:22%}.system-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(255,255,255,.2);stroke-width:1;stroke-dasharray:4 6}.hero-index{position:absolute;bottom:28px;left:clamp(24px,6vw,100px);right:clamp(24px,6vw,100px);display:flex;gap:13px;font-size:9px;letter-spacing:.14em;color:rgba(255,255,255,.4)}.section{padding:120px clamp(24px,6vw,100px)}.section-label{display:flex;gap:24px;border-top:1px solid var(--line);padding-top:14px;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.section-label span{color:#777}.manifesto{display:grid;grid-template-columns:230px 1fr;gap:70px}.manifesto-body{max-width:1050px}.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:#6b6a64}.manifesto h2,.portfolio-heading h2,.principles h2{font-family:var(--display);font-size:clamp(40px,5vw,76px);font-weight:400;letter-spacing:-.05em;line-height:1.06;margin:22px 0 36px}.manifesto h2 span,.portfolio-heading h2 span,.principles h2 span{color:#9a988f}.section-copy{font-size:18px;line-height:1.7;max-width:680px;margin-left:auto;color:#585751}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);padding-top:0;gap:1px}.capability{min-height:590px;padding:34px;background:#e5e2d9;position:relative;display:flex;flex-direction:column}.capability-dark{background:var(--ink);color:white}.capability-accent{background:var(--acid)}.capability-number{font-size:10px;letter-spacing:.12em}.capability-icon{font-size:34px;margin:55px 0 auto}.capability-label{text-transform:uppercase;letter-spacing:.14em;font-size:10px;margin-bottom:15px;opacity:.65}.capability h3{font-family:var(--display);font-weight:500;font-size:34px;letter-spacing:-.035em;line-height:1.08}.capability>p:not(.capability-label){font-size:14px;max-width:360px;opacity:.68}.capability ul{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:28px 0 0;margin:28px 0 0;border-top:1px solid currentColor}.capability li{font-size:10px;text-transform:uppercase;letter-spacing:.08em;border:1px solid;padding:6px 9px;border-radius:100px}.portfolio{background:#f8f7f2}.portfolio-heading{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;margin:40px 0 65px}.portfolio-heading h2{margin:0}.portfolio-heading p{max-width:430px;color:#686760;line-height:1.7}.filters{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:20px}.filter{background:none;border:1px solid var(--line);border-radius:100px;padding:9px 16px;font-size:11px;cursor:pointer}.filter.is-active,.filter:hover{background:var(--ink);color:white}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:30px}.product-card{background:#f8f7f2;padding:30px;min-height:310px;display:flex;flex-direction:column;transition:background .2s}.product-card:hover{background:white}.product-card.is-hidden{display:none}.product-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#777}.product-dot{width:7px;height:7px;border-radius:50%;background:#bbb;display:inline-block;margin-right:7px}.kind-site .product-dot,.kind-hybrid .product-dot{background:#6f9500}.kind-app .product-dot{background:#e28d00}.product-card h3{font-family:var(--display);font-size:30px;font-weight:500;letter-spacing:-.035em;margin:58px 0 10px}.product-card p{font-size:14px;color:#666;max-width:340px}.product-link{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.product-link.disabled{color:#999}.loading{padding:30px;background:#f8f7f2}.approach{background:var(--ink);color:white;padding:120px clamp(24px,6vw,100px);display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.section-label-light{border-color:rgba(255,255,255,.2)}.approach h2{font-family:var(--display);font-weight:400;font-size:clamp(48px,5vw,78px);letter-spacing:-.055em;line-height:.97;margin-top:80px}.approach h2 span{color:var(--acid)}.steps{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:55px 1fr;gap:25px;border-top:1px solid rgba(255,255,255,.18);padding:28px 0}.steps li>span{font-size:10px;color:var(--acid)}.steps h3{font-family:var(--display);font-size:25px;font-weight:500;margin-bottom:8px}.steps p{color:rgba(255,255,255,.55);font-size:14px;max-width:540px}.principles-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:45px}.principles h2{font-size:clamp(45px,4.5vw,70px)}.principle-list>div{display:grid;grid-template-columns:45px 1fr;gap:10px 20px;border-top:1px solid var(--line);padding:26px 0}.principle-list b{font-size:10px;font-weight:400;color:#888}.principle-list h3{font-family:var(--display);font-size:22px;font-weight:500;margin:0}.principle-list p{grid-column:2;color:#666;font-size:14px}.contact{background:var(--orange);min-height:720px;padding:100px clamp(24px,6vw,100px);display:flex;flex-direction:column;justify-content:center}.contact .eyebrow span{background:var(--ink)}.contact h2{font-family:var(--display);font-size:clamp(58px,8vw,120px);font-weight:400;letter-spacing:-.07em;line-height:.85;margin:20px 0 45px}.contact h2 em{color:rgba(17,17,15,.38)}.contact>p:not(.eyebrow){max-width:550px;font-size:17px}.button-light{background:var(--paper);border-color:var(--paper);margin-top:25px;width:max-content;min-width:300px}footer{background:var(--ink);color:white;padding:70px clamp(24px,6vw,100px) 35px;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:40px;align-items:start;font-size:12px}.brand-footer{font-size:25px}footer p,footer a{color:rgba(255,255,255,.55)}footer div{display:flex;flex-direction:column;gap:6px}.copyright{align-self:end}@media(max-width:950px){.desktop-nav,.header-cta{display:none}.menu-button{display:flex;width:38px;height:38px;background:none;border:0;flex-direction:column;justify-content:center;gap:7px}.menu-button span{width:24px;height:1px;background:white}.mobile-nav{display:flex;position:fixed;z-index:19;inset:82px 0 auto;background:var(--ink);color:white;padding:25px;flex-direction:column;gap:20px;transform:translateY(-150%);transition:transform .25s}.mobile-nav.is-open{transform:none}.hero{height:auto;max-height:none;min-height:960px;grid-template-columns:1fr;padding-top:160px;align-content:start}.hero-system{width:min(90vw,540px);margin:40px auto 0}.manifesto{grid-template-columns:1fr}.capabilities{grid-template-columns:1fr}.capability{min-height:470px}.portfolio-heading{grid-template-columns:1fr;gap:20px}.product-grid{grid-template-columns:repeat(2,1fr)}.approach{grid-template-columns:1fr}.approach h2{margin-top:50px}.principles-grid{grid-template-columns:1fr}.contact{min-height:650px}footer{grid-template-columns:1fr 1fr}.copyright{align-self:start}}@media(max-width:620px){.site-header{height:68px}.mobile-nav{inset:68px 0 auto}.hero{min-height:820px;padding:125px 20px 60px}.hero h1{font-size:52px}.hero-lede{font-size:16px;margin:28px 0}.hero-actions{flex-direction:column;align-items:flex-start}.button{width:100%}.hero-system{width:82vw}.system-core{width:105px;height:105px}.system-core span{font-size:19px}.system-node{font-size:8px}.section{padding:80px 20px}.manifesto{gap:35px}.manifesto h2,.portfolio-heading h2,.principles h2{font-size:42px}.section-copy{font-size:16px}.capabilities{padding-top:0}.capability{min-height:450px;padding:26px}.product-grid{grid-template-columns:1fr}.approach{padding:80px 20px;gap:40px}.approach h2{font-size:48px}.principles-grid{gap:40px}.contact{padding:80px 20px;min-height:620px}.contact h2{font-size:55px}.button-light{min-width:0}footer{grid-template-columns:1fr;padding:55px 20px}.brand-wordmark{width:132px}.brand-footer .brand-wordmark{width:170px}.hero-index{left:20px;right:20px}}