.site{background:var(--canvas);color:var(--ink)}.nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:22px 56px;background:var(--canvas);border-bottom:1px solid transparent;transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.nav--scrolled{border-bottom-color:var(--rule);background:#f4efe6eb;-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px)}.mark{display:inline-flex;align-items:center;gap:10px;font-family:var(--kp-font-display);font-weight:700;font-size:20px;letter-spacing:-.02em;color:var(--ink)}.mark .dotpair{display:inline-flex;gap:1px}.mark .dotpair span{font-size:22px;line-height:1}.dotpair{display:inline-flex;gap:1px;font-size:14px;line-height:1}.nav-links{display:flex;gap:30px;font-family:var(--kp-font-sans);font-size:14px;color:var(--ink-2);align-items:center}.nav-links a{color:inherit;padding-bottom:2px}.nav-links a:hover{color:var(--ink)}.nav-links a.cta{color:var(--ink);border-bottom:1px solid var(--agent)}.nav-toggle{display:none;width:40px;height:40px;background:none;border:0;cursor:pointer;padding:8px;flex-direction:column;justify-content:space-between}.nav-toggle span{display:block;height:2px;background:var(--ink);border-radius:2px}.hero{padding:96px 56px 88px;max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.eyebrow{font-family:var(--kp-font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);display:inline-flex;align-items:center;gap:10px}h1.kp-display,.kp-display{margin:0;font-family:var(--kp-font-display);font-weight:700;font-size:clamp(48px,7vw,96px);line-height:1.04;letter-spacing:-.03em;max-width:22ch;text-wrap:balance;color:var(--ink)}.kp-display em{font-family:var(--kp-font-serif);font-style:italic;font-weight:400;font-size:.92em;color:var(--agent)}.lede{font-size:19px;line-height:1.55;max-width:64ch;margin:0;color:var(--ink-2)}.hero-cta{display:flex;gap:18px;align-items:center;margin-top:6px;flex-wrap:wrap}.btn-primary{font-family:var(--kp-font-sans);font-weight:500;font-size:15px;background:var(--ink);color:var(--on-ink);border:0;padding:14px 24px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;text-decoration:none;transition:transform var(--dur) var(--ease),background-color var(--dur) var(--ease)}.btn-primary:hover{background:#000}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary .arrow{font-family:var(--kp-font-mono)}.link-quiet{color:var(--ink);font-family:var(--kp-font-sans);font-size:15px;padding-bottom:2px;border-bottom:1px solid var(--agent)}.stats{background:var(--surface);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:56px}.stats-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:48px;align-items:end}.stats-lede{font-family:var(--kp-font-serif);font-style:italic;font-size:22px;line-height:1.3;color:var(--ink);max-width:28ch}.stat .n{font-family:var(--kp-font-display);font-weight:700;font-size:64px;letter-spacing:-.03em;line-height:1;color:var(--ink)}.stat .n.accent{color:var(--agent)}.stat .n .plus{font-family:var(--kp-font-serif);font-style:italic;font-weight:400;font-size:.7em;color:var(--engineer)}.stat .lbl{font-family:var(--kp-font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:10px}.hybrid{padding:96px 56px}.hybrid h2{margin:0 0 48px;font-family:var(--kp-font-display);font-weight:700;font-size:clamp(36px,5vw,56px);line-height:1.06;letter-spacing:-.025em;max-width:20ch;color:var(--ink)}.hybrid h2 em{font-family:var(--kp-font-serif);font-style:italic;font-weight:400;color:var(--agent)}.hybrid-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.col{padding:32px 32px 32px 0}.col+.col{padding-left:32px;padding-right:0;border-left:1px solid var(--rule)}.col-head{font-family:var(--kp-font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;display:inline-flex;align-items:center;gap:10px}.col.agent .col-head{color:var(--agent)}.col.engineer .col-head{color:var(--engineer)}.col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.col li{font-size:18px;line-height:1.5;color:var(--ink-2);padding-left:18px;position:relative}.col li:before{content:"·";position:absolute;left:0;color:var(--ink-3)}.products{padding:96px 56px}.products-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:56px;gap:48px}.products-head h2{margin:0;font-family:var(--kp-font-display);font-weight:700;font-size:56px;line-height:1.06;letter-spacing:-.025em;max-width:22ch;color:var(--ink)}.products-head h2 em{font-family:var(--kp-font-serif);font-style:italic;font-weight:400;color:var(--agent)}.products-head .lede{font-size:17px;line-height:1.55;max-width:44ch;color:var(--ink-2);flex-shrink:0}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.product{background:var(--canvas);border:1px solid var(--rule);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.product-screen{aspect-ratio:16 / 10;background:var(--surface);border-bottom:1px solid var(--rule);position:relative;overflow:hidden}.product-screen svg{width:100%;height:100%;display:block}.product-body{padding:32px 36px 36px;display:flex;flex-direction:column;gap:14px}.product-meta{display:flex;align-items:center;justify-content:space-between;font-family:var(--kp-font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.product-meta .tag{color:var(--agent)}.product-name{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.product-name h3{margin:0;font-family:var(--kp-font-display);font-weight:700;font-size:36px;letter-spacing:-.025em;color:var(--ink)}.product-name .domain{font-family:var(--kp-font-mono);font-size:12px;color:var(--ink-3);letter-spacing:.04em;text-decoration:none}.product-name .domain:hover{color:var(--ink)}.product-body p{margin:0;font-size:16px;line-height:1.6;color:var(--ink-2)}.product-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.product-features span{font-family:var(--kp-font-mono);font-size:11px;letter-spacing:.04em;color:var(--ink-3);padding:5px 10px;border:1px solid var(--rule);border-radius:4px}.product-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:18px;border-top:1px solid var(--rule);font-family:var(--kp-font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);gap:16px}.product-foot a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--agent);padding-bottom:1px}.products-coda{margin-top:32px;padding-top:24px;border-top:1px solid var(--rule);font-family:var(--kp-font-serif);font-style:italic;font-size:18px;line-height:1.45;color:var(--ink-2);max-width:72ch}.products-coda b{font-style:normal;font-family:var(--kp-font-sans);font-weight:600;color:var(--ink)}.work{background:var(--surface);padding:96px 56px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.work-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;gap:24px;flex-wrap:wrap}.work-head h2{margin:0;font-family:var(--kp-font-display);font-weight:700;font-size:clamp(32px,4vw,48px);letter-spacing:-.025em;color:var(--ink)}.work-head .more{font-family:var(--kp-font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.work-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}.case{background:var(--canvas);border:1px solid var(--rule);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.case:hover{transform:translateY(-2px);box-shadow:0 4px 16px #14141314}.case .thumb{height:200px;background:var(--surface-2);position:relative;overflow:hidden}.case .thumb svg{width:100%;height:100%;display:block}.case .body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:8px;flex:1}.case .meta{font-family:var(--kp-font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:flex;gap:10px}.case .meta .dot{color:var(--agent)}.case h3{margin:0;font-family:var(--kp-font-display);font-size:22px;font-weight:700;letter-spacing:-.015em;color:var(--ink)}.case p{margin:0;font-size:14px;line-height:1.55;color:var(--ink-2)}.case .row{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid var(--rule);font-family:var(--kp-font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.06em}.testimonials{padding:96px 0 120px;background:var(--canvas);border-top:1px solid var(--rule)}.testimonials .head{max-width:1280px;margin:0 auto 48px;padding:0 56px;display:flex;justify-content:space-between;align-items:flex-end;gap:48px}.testimonials h2{margin:0;font-family:var(--kp-font-display);font-weight:700;font-size:48px;letter-spacing:-.025em;color:var(--ink);max-width:22ch}.testimonials h2 em{font-family:var(--kp-font-serif);font-style:italic;font-weight:400;color:var(--agent)}.testimonials .head .meta{font-family:var(--kp-font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.t-viewport{max-width:1280px;margin:0 auto;padding:0 56px;overflow:hidden;position:relative}.t-track{display:flex;gap:32px;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.t-card{background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:40px 36px 32px;display:flex;flex-direction:column;gap:24px;min-height:380px}.t-mark{font-family:var(--kp-font-serif);font-style:italic;font-weight:400;font-size:64px;line-height:.6;color:var(--agent)}.t-card blockquote{margin:0;font-family:var(--kp-font-serif);font-style:italic;font-size:20px;line-height:1.45;color:var(--ink);text-wrap:pretty;flex:1}.t-card .who{display:flex;align-items:flex-start;gap:14px;padding-top:20px;border-top:1px solid var(--rule)}.t-avatar{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-family:var(--kp-font-display);font-weight:700;font-size:16px;letter-spacing:-.02em;color:var(--ink);border:1px solid var(--rule)}.t-name{font-family:var(--kp-font-sans);font-weight:600;font-size:15px;color:var(--ink)}.t-role{font-family:var(--kp-font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:4px}.t-product{display:flex;width:fit-content;align-items:center;gap:6px;margin-top:10px;font-family:var(--kp-font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--agent)}.t-product .dot{font-size:12px;line-height:1}.t-controls{max-width:1280px;margin:36px auto 0;padding:0 56px;display:flex;align-items:center;gap:18px}.t-dots{display:flex;gap:8px;flex:1}.t-dot{width:28px;height:3px;background:var(--rule-strong);border:0;padding:0;cursor:pointer;transition:background .22s ease}.t-dot[aria-current=true]{background:var(--agent)}.t-arrow{width:40px;height:40px;border-radius:50%;border:1px solid var(--rule-strong);background:transparent;color:var(--ink);cursor:pointer;font-family:var(--kp-font-mono);font-size:16px;display:inline-flex;align-items:center;justify-content:center;transition:all .18s ease}.t-arrow:hover{border-color:var(--ink)}.contact{padding:96px 56px;border-top:1px solid var(--rule)}.contact-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}.contact-intro h2{margin:16px 0 24px;font-family:var(--kp-font-display);font-weight:700;font-size:clamp(36px,4.5vw,56px);line-height:1.06;letter-spacing:-.025em;color:var(--ink);max-width:14ch}.contact-intro h2 em{font-family:var(--kp-font-serif);font-style:italic;font-weight:400;color:var(--agent)}.contact-form{display:flex;flex-direction:column;gap:20px;background:var(--paper);border:1px solid var(--rule);border-radius:10px;padding:32px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-family:var(--kp-font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.field input,.field textarea{font-family:var(--kp-font-sans);font-size:16px;color:var(--ink);background:var(--canvas);border:1px solid var(--rule);border-radius:6px;padding:12px 14px;transition:border-color var(--dur) var(--ease);resize:vertical}.field input:focus,.field textarea:focus{outline:0;border-color:var(--agent)}.field label .req{color:var(--agent);margin-left:4px}.field input.has-error,.field textarea.has-error{border-color:var(--agent)}.field-err{font-family:var(--kp-font-mono);font-size:11px;letter-spacing:.04em;color:var(--agent);margin-top:6px}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.contact-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.contact-status{font-family:var(--kp-font-mono);font-size:12px;letter-spacing:.06em}.contact-status.ok{color:var(--engineer)}.contact-status.err{color:var(--agent)}.turnstile-widget{min-height:65px}footer{background:var(--footer-bg);color:var(--footer-fg);padding:80px 56px 40px}.foot-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:56px}.foot-brand .mark{color:var(--footer-fg);font-size:22px}.foot-brand .mark .dotpair span{font-size:24px}.foot-brand p{color:var(--footer-mute);font-size:14px;line-height:1.55;max-width:38ch;margin:16px 0 0}.foot-col h4{margin:0 0 16px;font-family:var(--kp-font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--footer-mute);font-weight:500;display:inline-flex;align-items:center;gap:6px}.foot-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.foot-col a{color:var(--footer-fg);font-size:14px;transition:color var(--dur) var(--ease)}.foot-col a:hover{color:var(--agent-soft)}.foot-rule{border-top:1px solid var(--footer-rule);margin-top:64px;padding-top:28px;display:flex;justify-content:space-between;font-family:var(--kp-font-mono);font-size:11px;letter-spacing:.06em;color:var(--footer-mute);flex-wrap:wrap;gap:12px}@media (max-width: 1023px){.hero,.hybrid,.products,.contact{padding-left:40px;padding-right:40px}.stats,.work,footer{padding-left:40px;padding-right:40px}.testimonials .head,.t-viewport,.t-controls{padding-left:40px;padding-right:40px}.stats-inner{grid-template-columns:1fr 1fr}.stats-lede{grid-column:1 / -1}.work-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr}.products-head{flex-direction:column;align-items:flex-start;gap:20px}.products-head h2{font-size:44px}.nav{padding:18px 40px;position:relative;flex-wrap:wrap}.nav-toggle{display:flex}.nav-links{flex-basis:100%;flex-direction:column;align-items:flex-start;gap:14px;padding-top:18px;display:none}.nav-links--open{display:flex}.contact-inner{grid-template-columns:1fr;gap:40px}.foot-inner{grid-template-columns:1fr 1fr;gap:40px}}@media (max-width: 639px){.hero{padding:56px 24px 64px;gap:22px}.kp-display{font-size:clamp(40px,11vw,48px)}.stats,.work,.hybrid,.products,.contact,footer{padding-left:24px;padding-right:24px}.testimonials .head,.t-viewport,.t-controls{padding-left:24px;padding-right:24px}.testimonials .head{flex-direction:column;align-items:flex-start;gap:16px}.testimonials h2,.products-head h2{font-size:36px}.product-body{padding:24px 24px 28px}.product-name h3{font-size:30px}.stats{padding-top:40px;padding-bottom:40px}.hybrid{padding-top:64px;padding-bottom:64px}.hybrid-grid{grid-template-columns:1fr}.col+.col{border-left:0;border-top:1px solid var(--rule);padding:32px 0 0}.work{padding-top:64px;padding-bottom:64px}.work-grid{grid-template-columns:1fr}.products{padding-top:64px;padding-bottom:64px}.testimonials{padding-top:64px;padding-bottom:80px}.contact{padding-top:64px;padding-bottom:64px}.contact-form{padding:24px}.nav{padding:16px 24px}footer{padding:56px 24px 32px}.foot-inner{grid-template-columns:1fr 1fr;gap:32px}.foot-rule{flex-direction:column;align-items:flex-start}}:root{--canvas: #f4efe6;--surface: #ebe4d6;--surface-2: #ddd3bf;--paper: #fbf8f2;--ink: #141413;--ink-2: #3f3d3a;--ink-3: #6b6862;--ink-4: #9a968d;--rule: rgba(20, 20, 19, .12);--rule-strong: rgba(20, 20, 19, .22);--agent: #b8410b;--agent-deep: #8a2f08;--agent-soft: #e8b398;--engineer: #5c7a6b;--engineer-soft: #b8c9bc;--footer-bg: #1f1a14;--footer-fg: #f4efe6;--footer-rule: rgba(244, 239, 230, .18);--footer-mute: rgba(244, 239, 230, .62);--on-ink: #f4efe6;--kp-font-display: "Cabinet Grotesk", "General Sans", ui-sans-serif, system-ui, sans-serif;--kp-font-sans: "General Sans", ui-sans-serif, system-ui, sans-serif;--kp-font-mono: "JetBrains Mono", ui-monospace, "Menlo", monospace;--kp-font-serif: "Source Serif 4", Georgia, serif;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--s-10: 144px;--s-11: 192px;--r-sm: 3px;--r-md: 6px;--r-lg: 10px;--r-xl: 18px;--r-pill: 999px;--ease: cubic-bezier(.2, .7, .2, 1);--dur: .22s}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--canvas);color:var(--ink);font-family:var(--kp-font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html{scroll-padding-top:80px}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--agent);color:var(--paper)}img,svg{display:block;max-width:100%}.a-dot{color:var(--agent)}.e-dot{color:var(--engineer)}.container{max-width:1280px;margin:0 auto}
