:root{--color-paper:oklch(95.5% .018 75);--color-paper-2:oklch(92.5% .022 72);--color-paper-3:oklch(89% .026 68);--color-ink:oklch(26% .035 45);--color-ink-2:oklch(36% .032 48);--color-muted:oklch(50% .028 52);--color-faint:oklch(63% .022 58);--color-rule:oklch(84% .03 62);--color-rule-2:oklch(76% .035 58);--color-accent:oklch(56% .14 38);--color-accent-2:oklch(49% .145 38);--color-accent-ink:oklch(98% .012 75);--color-focus:oklch(34% .05 45);--color-graphite:oklch(23% .035 40);--color-graphite-2:oklch(29% .04 42);--color-graphite-rule:oklch(37% .045 42);--color-on-graphite:oklch(93% .02 70);--color-on-graphite-muted:oklch(72% .025 62);--color-success:oklch(56% .11 140);--color-error:oklch(55% .16 25);--color-crt-bezel:oklch(19% .025 48);--color-crt-bezel-2:oklch(24% .028 48);--color-crt-screen:oklch(15% .028 55);--color-crt-amber:oklch(78% .14 75);--color-crt-amber-bright:oklch(88% .15 80);--color-crt-amber-dim:oklch(56% .1 72);--color-crt-coral:oklch(72% .12 30);--color-crt-sage:oklch(74% .09 145);--color-crt-teal:oklch(72% .07 200);--font-display:"Fraunces", ui-serif, Georgia, serif;--font-body:"IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, sfmono-regular, menlo, monospace;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:9rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:2.75rem;--text-display:clamp(2.5rem, 3.6vw + 1.2rem, 4.5rem);--text-display-s:clamp(2rem, 2.4vw + 1rem, 3rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--radius-input:10px;--radius-card:18px;--radius-code:16px;--radius-pill:999px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-modal:400;--z-toast:500;--z-tooltip:600;--maxw:1200px;--pad:clamp(1.25rem, 5vw, 2.5rem)}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-paper);color:var(--color-ink-2);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:400;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;min-width:0;margin:0;font-weight:600;line-height:1.12}p{margin:0}ul{margin:0;padding:0;list-style:none}::selection{background:var(--color-accent);color:var(--color-accent-ink)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:4px}.wrap{width:100%;max-width:var(--maxw);padding-inline:var(--pad);margin-inline:auto}.section{padding-block:clamp(4rem, 7vw, var(--space-3xl))}.head{max-width:42rem;margin-bottom:var(--space-2xl)}.head h2{font-size:var(--text-display-s)}.head .lead{margin-top:var(--space-md)}.head-row{justify-content:space-between;align-items:flex-end;gap:var(--space-lg);margin-bottom:var(--space-2xl);display:flex}@media (width<=47.5rem){.head-row{flex-direction:column;align-items:flex-start}}.lead{color:var(--color-muted);max-width:58ch;font-size:clamp(.95rem,.4vw + .85rem,1.0625rem)}.btn{border-radius:var(--radius-pill);height:44px;font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform .1s var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:.5em;padding-inline:1.375rem;font-size:.9375rem;font-weight:600;display:inline-flex}.btn svg{flex:none;width:15px;height:15px}.btn-primary{background:var(--color-accent);color:var(--color-accent-ink)}@media (hover:hover){.btn-primary:hover{background:var(--color-accent-2);transform:translateY(-1.5px)}}.btn-primary:active{transform:translateY(0)}.btn-ghost{border-color:var(--color-rule-2);color:var(--color-ink);background:var(--color-paper)}@media (hover:hover){.btn-ghost:hover{border-color:var(--color-accent);color:var(--color-accent)}}.btn-ghost:active{transform:translateY(1px)}.logo{align-items:center;gap:8px;display:inline-flex}.logo-mark{flex:none;width:auto;height:26px}.logo-text{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);font-size:19px;font-weight:600}.logo-text span{color:var(--color-accent)}header{z-index:var(--z-sticky);transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);background:0 0;border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}header.scrolled{background:color-mix(in oklch, var(--color-paper) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:var(--color-rule)}.nav{grid-template-columns:1fr auto 1fr;align-items:center;height:64px;display:grid}.nav>.logo{grid-column:1;justify-self:start}.nav-links{justify-self:center;align-items:center;gap:var(--space-lg);grid-column:2;display:flex}.nav-links a{color:var(--color-ink-2);white-space:nowrap;transition:color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);border-bottom:1px solid #0000;padding-block:4px;font-size:.875rem;font-weight:500}@media (hover:hover){.nav-links a:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}}.nav-cta{justify-self:end;align-items:center;gap:var(--space-md);grid-column:3;display:flex}.burger{border:1px solid var(--color-rule-2);border-radius:var(--radius-input);background:var(--color-paper);cursor:pointer;place-items:center;width:44px;height:44px;padding:0;display:none}.burger span{background:var(--color-ink);width:16px;height:1.5px;transition:transform var(--dur-short) var(--ease-out), opacity var(--dur-short) var(--ease-out);margin:3.5px auto;display:block}.burger.open span:first-child{transform:translateY(5px)rotate(45deg)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:translateY(-5px)rotate(-45deg)}@media (width<=56.25rem){.nav-links,.nav-cta .btn-primary{display:none}.burger{display:grid}.mobile-menu{z-index:calc(var(--z-sticky) - 1);background:var(--color-paper);border-bottom:1px solid var(--color-rule);padding:var(--space-sm) var(--pad) var(--space-lg);visibility:hidden;transition:transform var(--dur-long) var(--ease-out), visibility 0s linear var(--dur-long);gap:2px;display:grid;position:fixed;top:64px;left:0;right:0;transform:translateY(calc(-100% - 5rem))}.mobile-menu.open{visibility:visible;transition:transform var(--dur-long) var(--ease-out), visibility 0s linear 0s;transform:translateY(0)}.mobile-menu a:not(.btn){border-bottom:1px solid var(--color-rule);color:var(--color-ink-2);padding:.85rem 0;font-weight:500}.mobile-menu .btn{margin-top:var(--space-md);width:100%}}@media (width>=56.26rem){.mobile-menu{display:none}}.hero{padding-block:clamp(6.5rem,12vw,9rem) clamp(3.5rem,6vw,5.5rem)}.hero-inner{gap:clamp(2rem, 4vw, var(--space-2xl));grid-template-columns:7fr 5fr;align-items:center;display:grid}@media (width<=60rem){.hero-inner{grid-template-columns:1fr}}.hero h1{font-size:var(--text-display)}.hero h1 em{color:var(--color-accent);font-style:normal}.hero-actions{gap:var(--space-md);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.code-card{background:linear-gradient(165deg, var(--color-crt-bezel-2), var(--color-crt-bezel));border:1px solid var(--color-graphite-rule);border-radius:calc(var(--radius-code) + 8px);box-shadow:0 1px 2px color-mix(in oklch, var(--color-ink) 8%, transparent);min-width:0;padding:10px}.code-bar{align-items:center;gap:8px;padding:6px 10px 10px;display:flex}.crt-led{background:var(--color-crt-amber-bright);width:7px;height:7px;box-shadow:0 0 4px 1px color-mix(in oklch, var(--color-crt-amber-bright) 70%, transparent);border-radius:50%;flex:none;display:block}.code-bar span{letter-spacing:.08em;color:var(--color-on-graphite-muted);font-size:10.5px;font-family:var(--font-mono)}.code-screen{background:var(--color-crt-screen);border-radius:var(--radius-code);position:relative;overflow:hidden}.code-screen:after{content:"";pointer-events:none;mix-blend-mode:multiply;opacity:.5;background:repeating-linear-gradient(oklch(0% none none/.18) 0,oklch(0% none none/.18) 1px,#0000 1px 3px);position:absolute;inset:0}.code-body{font-family:var(--font-mono);color:var(--color-crt-amber);text-shadow:0 0 5px color-mix(in oklch, currentcolor 55%, transparent);padding:18px 18px 22px;font-size:11px;line-height:1.85;overflow-x:auto}.code-body pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.c-key{color:var(--color-crt-coral)}.c-ann{color:var(--color-crt-amber-bright)}.c-str{color:var(--color-crt-sage)}.c-cls{color:var(--color-crt-teal)}.c-com{color:var(--color-crt-amber-dim)}.crt-cursor{background:var(--color-crt-amber-bright);vertical-align:text-bottom;width:.55em;height:1em;margin-left:1px;animation:1s steps(2,end) infinite crt-blink;display:inline-block}@keyframes crt-blink{50%{opacity:0}}.bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(12rem,auto);grid-auto-flow:dense;gap:var(--space-md);display:grid}@media (width<=60rem){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=32rem){.bento{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}}.tile{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-card);padding:var(--space-lg);transition:border-color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out);flex-direction:column;display:flex;position:relative}@media (hover:hover){.tile:hover{border-color:var(--color-accent);background:var(--color-paper-2)}}.tile-2x2{grid-area:span 2/span 2}.tile-2x1{grid-column:span 2}.tile-1x2{grid-row:span 2}@media (width<=32rem){.tile-2x2,.tile-2x1,.tile-1x2{grid-area:auto/span 1}}.tile .ico{background:var(--color-paper-3);width:38px;height:38px;color:var(--color-accent);margin-bottom:var(--space-md);border-radius:8px;flex:none;place-items:center;display:grid}.tile .ico svg{width:18px;height:18px}.tile h3{margin-bottom:8px;font-size:1.0625rem;font-weight:600}.tile p{color:var(--color-muted);flex:1;font-size:.875rem}.tile .tags{margin-top:var(--space-md);flex-wrap:wrap;gap:6px;display:flex}.tile .tags i{font-style:normal;font-family:var(--font-mono);letter-spacing:.02em;background:var(--color-paper-2);border:1px solid var(--color-rule);color:var(--color-muted);border-radius:4px;padding:3px 8px;font-size:.6875rem}.tile-2x2 .ico{width:46px;height:46px}.tile-2x2 .ico svg{width:22px;height:22px}.tile-2x2 h3{font-size:1.3125rem}.tile-2x2 p{max-width:46ch;font-size:.9375rem}.badge-new{top:var(--space-lg);right:var(--space-lg);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);border:1px solid var(--color-rule-2);background:var(--color-paper);border-radius:999px;padding:4px 9px;font-size:.625rem;font-weight:600;position:absolute}#process{background:var(--color-graphite);color:var(--color-on-graphite)}#process .head h2,#process .head .lead{color:var(--color-on-graphite)}#process .head .lead{color:var(--color-on-graphite-muted)}.steps{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:repeat(5,1fr);display:grid}@media (width<=61.25rem){.steps{grid-template-columns:repeat(2,1fr)}}@media (width<=30rem){.steps{grid-template-columns:1fr}}.step{border-top:1px solid var(--color-graphite-rule);padding-top:var(--space-lg)}.step .num{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-accent);filter:brightness(1.4);margin-bottom:var(--space-md);font-size:.75rem}.step h3{color:var(--color-on-graphite);margin-bottom:8px;font-size:1.0625rem;font-weight:600}.step p{color:var(--color-on-graphite-muted);font-size:.875rem}.clients{border-top:1px solid var(--color-rule);border-left:1px solid var(--color-rule);margin-top:var(--space-2xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=47.5rem){.clients{grid-template-columns:minmax(0,1fr)}}.client{padding:var(--space-2xl) var(--space-xl);border-right:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule)}.client .top{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:56px;margin-bottom:var(--space-lg);display:flex}.client-logo{object-fit:contain;object-position:left center;filter:grayscale();opacity:.82;width:auto;max-width:190px;height:auto;max-height:52px;transition:opacity var(--dur-short) var(--ease-out), filter var(--dur-short) var(--ease-out)}.client:hover .client-logo{opacity:1;filter:grayscale(0)}.client .badge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);border:1px solid var(--color-rule-2);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:.6875rem}.client p{color:var(--color-muted);font-size:.9375rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.about-grid{gap:clamp(2rem, 4vw, var(--space-2xl));grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (width<=55rem){.about-grid{grid-template-columns:1fr}}.why{gap:var(--space-lg);border-top:1px solid var(--color-rule);padding-top:var(--space-lg);display:grid}.why li{gap:var(--space-md);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-rule);grid-template-columns:24px 1fr;display:grid}.why li:last-child{border-bottom:none;padding-bottom:0}.why .tick{width:24px;height:24px;color:var(--color-accent);margin-top:2px}.why .tick svg{width:100%;height:100%}.why h4{margin-bottom:4px;font-size:1rem;font-weight:600}.why p{color:var(--color-muted);font-size:.875rem}.founders{gap:var(--space-md);margin-top:var(--space-2xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=44rem){.founders{grid-template-columns:1fr}}.founder{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-card);padding:var(--space-xl);gap:var(--space-lg);transition:border-color var(--dur-short) var(--ease-out);align-items:center;display:flex}@media (hover:hover){.founder:hover{border-color:var(--color-rule-2)}}@media (width<=28rem){.founder{text-align:center;flex-direction:column}}.avatar{background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:50%;flex:none;place-items:center;width:88px;height:88px;display:grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.avatar .initials{font-family:var(--font-display);color:var(--color-accent);font-size:24px;font-weight:600}.founder h3{font-size:1.125rem;font-weight:600}.founder .role{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:.04em;text-transform:uppercase;margin:6px 0 10px;font-size:.6875rem}.founder p{color:var(--color-muted);font-size:.875rem}.founder .links{margin-top:var(--space-md);gap:8px;display:flex}.founder .links a{border-radius:var(--radius-input);border:1px solid var(--color-rule);width:36px;height:36px;color:var(--color-faint);transition:color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);place-items:center;display:grid}@media (hover:hover){.founder .links a:hover{color:var(--color-accent);border-color:var(--color-accent)}}.founder .links svg{width:14px;height:14px}@media (width<=28rem){.founder .links{justify-content:center}}#contact{border-top:1px solid var(--color-rule)}.contact-grid{gap:clamp(2rem, 4vw, var(--space-2xl));grid-template-columns:.9fr 1.1fr;display:grid}@media (width<=55rem){.contact-grid{grid-template-columns:1fr}}.contact-list{gap:var(--space-sm);margin-top:var(--space-xl);display:grid}.contact-item{gap:var(--space-md);padding:var(--space-md) var(--space-lg);border:1px solid var(--color-rule);border-radius:var(--radius-input);transition:border-color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);align-items:center;display:flex}@media (hover:hover){.contact-item:hover{border-color:var(--color-accent);transform:translate(2px)}}.contact-item .ico{border-radius:var(--radius-input);background:var(--color-paper-2);width:36px;height:36px;color:var(--color-accent);flex:none;place-items:center;display:grid}.contact-item .ico svg{width:16px;height:16px}.contact-item .l{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-faint);font-size:.6875rem}.contact-item .v{color:var(--color-ink);font-size:.9375rem;font-weight:500}form{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-card);padding:clamp(1.5rem, 3vw, var(--space-xl))}.field{margin-bottom:var(--space-lg)}.field label{color:var(--color-ink-2);margin-bottom:6px;font-size:.8125rem;font-weight:600;display:block}.field input,.field select,.field textarea{width:100%;height:44px;font:inherit;background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-rule-2);border-radius:var(--radius-input);outline-offset:1px;appearance:none;transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);outline:2px solid #0000;padding-inline:.875rem;font-size:.9375rem}.field textarea{resize:vertical;height:auto;min-height:8.5rem;padding-block:.75rem}@media (hover:hover){.field input:hover,.field select:hover,.field textarea:hover{background:var(--color-paper-2)}}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline-color:var(--color-focus);border-color:var(--color-ink-2)}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2351677A' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;background-size:16px;padding-right:38px}.two{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (width<=28rem){.two{grid-template-columns:1fr}}form .btn{width:100%;margin-top:var(--space-2xs)}.form-note{color:var(--color-faint);margin-top:var(--space-md);text-align:center;font-size:.8125rem}.form-note a{color:var(--color-accent)}footer{border-top:1px solid var(--color-rule);padding-block:var(--space-2xl) var(--space-lg)}.foot-mast{justify-content:space-between;align-items:flex-start;gap:var(--space-xl);flex-wrap:wrap;display:flex}.foot-brand p{color:var(--color-muted);margin-top:var(--space-sm);max-width:34ch;font-size:.875rem}.foot-links{gap:var(--space-sm) var(--space-lg);flex-wrap:wrap;display:flex}.foot-links a{color:var(--color-ink-2);white-space:nowrap;transition:color var(--dur-short) var(--ease-out);font-size:.875rem}@media (hover:hover){.foot-links a:hover{color:var(--color-accent)}}.foot-bottom{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--color-rule);gap:var(--space-sm);font-family:var(--font-mono);color:var(--color-faint);flex-wrap:wrap;justify-content:space-between;font-size:.75rem;display:flex}.reveal{opacity:0;transition:opacity var(--dur-long) var(--ease-out), transform var(--dur-long) var(--ease-out);transform:translateY(14px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}
