@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-paper:oklch(98.5% .004 250);--color-surface:oklch(96% .005 250);--color-ink:oklch(24% .02 258);--color-ink-muted:oklch(45% .015 257);--color-accent:oklch(58% .2 256);--color-accent-ink:#fff;--color-graphite:oklch(22% .016 260);--color-graphite-ink:oklch(98.5% .004 250);--color-rule:oklch(90% .01 250);--color-rule-2:oklch(30% .02 258);--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--space-3xl:120px}[data-theme=dark]{--color-paper:oklch(14% .01 260);--color-surface:oklch(18% .01 258);--color-ink:oklch(95% .005 250);--color-ink-muted:oklch(70% .01 250);--color-accent:oklch(65% .2 256);--color-accent-ink:#111;--color-graphite:oklch(10% .01 260);--color-graphite-ink:oklch(95% .005 250);--color-rule:oklch(25% .02 258);--color-rule-2:oklch(20% .02 258)}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;font-weight:400;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-ink);font-weight:600;line-height:1.1}a{color:var(--color-ink);text-decoration:none;transition:color .2s ease-out}a:hover{color:var(--color-accent)}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(10px)}.reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.btn--primary{background:var(--color-accent);color:var(--color-accent-ink);font-family:var(--font-body);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:10px 20px;font-weight:500;transition:opacity .2s ease-out;display:inline-flex}.btn--primary:hover{color:var(--color-accent-ink);opacity:.9}.btn--outline{color:var(--color-ink);font-family:var(--font-body);border:1px solid var(--color-rule);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:10px 20px;font-weight:500;transition:border-color .2s ease-out,color .2s ease-out;display:inline-flex}.btn--outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.tnum{font-variant-numeric:tabular-nums}.mono-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-muted);font-size:.75rem;font-weight:500}.code-card{background:var(--color-graphite);border:1px solid var(--color-rule-2);font-family:var(--font-mono);color:var(--color-graphite-ink);border-radius:10px;overflow:hidden;box-shadow:0 1px 2px oklch(24% .02 258/.05)}.code-card-header{border-bottom:1px solid var(--color-rule-2);justify-content:space-between;align-items:center;padding:12px 16px;font-size:.75rem;display:flex}.code-card-dots{gap:6px;display:flex}.code-card-dots span{background:var(--color-rule-2);border-radius:50%;width:10px;height:10px}.code-card-body{padding:24px 16px;font-size:.85rem;line-height:1.5;overflow-x:auto}.tok-key{color:var(--color-accent)}.tok-string{color:oklch(85% .03 250)}.status--ok{color:var(--color-accent);font:500 .75rem/1 var(--font-mono);letter-spacing:.06em}section{padding:80px 0}.nav{background:var(--color-paper);border-bottom:1px solid var(--color-rule);z-index:100;height:60px;transition:background .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;position:fixed;top:0;left:0;right:0}.nav.is-scrolled{background:color-mix(in oklch, var(--color-paper) 80%, transparent);-webkit-backdrop-filter:blur(8px)}.nav-inner{justify-content:space-between;align-items:center;max-width:1100px;height:100%;margin:0 auto;padding:0 24px;display:flex}.nav-left,.nav-right{align-items:center;gap:24px;display:flex}.nav-brand{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.02em;font-size:1.1rem;font-weight:600}.nav-links{gap:16px;display:flex}.nav-links a{color:var(--color-ink-muted);font-size:.875rem}.nav-links a:hover{color:var(--color-ink)}.cmdk-trigger{border:1px solid var(--color-rule);color:var(--color-ink-muted);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:.875rem;transition:border-color .2s;display:flex}.cmdk-trigger:hover{border-color:var(--color-ink-muted)}.cmdk-kbd{font-family:var(--font-mono);background:color-mix(in oklch, var(--color-rule) 40%, transparent);color:var(--color-ink);border-radius:4px;padding:2px 4px;font-size:.7rem}.theme-toggle{border:1px solid var(--color-rule);cursor:pointer;color:var(--color-ink);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;transition:border-color .2s,background .2s;display:flex}.theme-toggle:hover{background:color-mix(in oklch, var(--color-rule) 40%, transparent);border-color:var(--color-ink-muted)}.cmdk-overlay{background:color-mix(in oklch, var(--color-paper) 80%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:flex-start;padding-top:100px;display:flex;position:fixed;inset:0}.cmdk-modal{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:12px;width:100%;max-width:500px;animation:.2s ease-out modal-in;overflow:hidden;box-shadow:0 8px 30px #0000001a}@keyframes modal-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.cmdk-header{border-bottom:1px solid var(--color-rule);padding:16px}.cmdk-input{width:100%;font-family:var(--font-body);color:var(--color-ink);background:0 0;border:none;outline:none;font-size:1rem}.cmdk-body{max-height:300px;padding:16px;overflow-y:auto}.cmdk-item{text-align:left;width:100%;font-family:var(--font-body);color:var(--color-ink);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:10px 12px;font-size:.875rem}.cmdk-item:hover,.cmdk-item:focus{background:color-mix(in oklch, var(--color-rule) 40%, transparent);outline:none}@media (width<=768px){.nav-links,.cmdk-trigger{display:none}}.hero-section{padding-top:140px;padding-bottom:80px}.hero-stat-block{align-items:flex-start;gap:48px;margin-bottom:64px;display:flex}.hero-figure{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.04em;font-size:clamp(6rem,12vw,12rem);font-weight:700;line-height:.8}.hero-unit{color:var(--color-accent);font-size:.5em}.hero-qualifier{max-width:600px;padding-top:12px}.hero-title{margin-bottom:16px;font-size:clamp(2rem,4vw,3rem)}.hero-subtitle{color:var(--color-ink-muted);max-width:500px;margin-bottom:32px;font-size:1.125rem}.hero-ctas{gap:16px;display:flex}.hero-proof{max-width:600px}.hero-proof .code-card{margin-top:16px}@media (width<=900px){.hero-stat-block{flex-direction:column;gap:24px}.hero-qualifier{padding-top:0}}@media (width<=600px){.hero-ctas{flex-direction:column}.btn--primary,.btn--outline{width:100%}}.type-line{opacity:0;transform:translateY(6px)}.hero-proof.is-in .type-line.delay-1{animation:.6s .4s forwards typeLineReveal}.hero-proof.is-in .type-line.delay-2{animation:.6s 1.2s forwards typeLineReveal}.hero-proof.is-in .type-line.delay-3{animation:.6s 2.8s forwards typeLineReveal}.hero-proof.is-in .type-line.delay-4{animation:.6s 3.6s forwards typeLineReveal}@keyframes typeLineReveal{to{opacity:1;transform:translateY(0)}}.problem-section{padding-bottom:120px}.problem-header{max-width:600px;margin-bottom:64px}.problem-subtitle{color:var(--color-ink-muted);margin-top:16px;font-size:1.125rem}.problem-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.b2b-card{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:12px;padding:32px;transition:border-color .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 12px #00000005}.b2b-card:hover{border-color:var(--color-ink-muted);transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.card-icon-wrapper{background:color-mix(in oklch, var(--color-accent) 15%, transparent);width:48px;height:48px;color:var(--color-accent);border-radius:10px;justify-content:center;align-items:center;margin-bottom:24px;display:inline-flex}.card-title{margin-bottom:12px;font-size:1.25rem}.card-text{color:var(--color-ink-muted);font-size:.95rem;line-height:1.6}@media (width<=768px){.problem-grid{grid-template-columns:1fr}}.solution-section{padding:120px 0}.solution-split{grid-template-columns:5fr 7fr;align-items:stretch;gap:64px;display:grid}.solution-points{flex-direction:column;gap:32px;margin-top:32px;display:flex}.solution-points .point p{color:var(--color-ink);margin-top:4px;font-size:.95rem}@media (width<=900px){.solution-split{grid-template-columns:1fr;gap:48px}}.dashboard-mockup{background:var(--color-graphite);border:1px solid var(--color-rule-2);border-radius:12px;flex-direction:column;height:100%;min-height:400px;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000001a}.mockup-header{background:color-mix(in oklch, var(--color-graphite) 80%, black);border-bottom:1px solid var(--color-rule-2);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mockup-header-dots{gap:8px;display:flex}.mockup-header-dots span{border-radius:50%;width:12px;height:12px}.mockup-body{flex-direction:column;flex:1;justify-content:flex-end;gap:32px;padding:32px 0;display:flex}.consolidation-stage{perspective:1200px;justify-content:center;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.unified-grid{z-index:2;width:100%;max-width:320px;transform-style:preserve-3d;grid-template-columns:1fr 1fr;gap:16px;display:grid;position:relative}.solution-visual.is-in .unified-grid{animation:.5s 1.8s forwards gridPulse}@keyframes gridPulse{50%{filter:drop-shadow(0 0 24px color-mix(in oklch, var(--color-accent) 40%, transparent));transform:scale(1.02)}to{filter:drop-shadow(0 8px 24px color-mix(in oklch, var(--color-accent) 15%, transparent));transform:scale(1)}}.unified-grid:before{content:"";border:1px dashed var(--color-rule-2);opacity:0;z-index:-1;border-radius:12px;position:absolute;inset:-16px}.solution-visual.is-in .unified-grid:before{animation:.5s 2s forwards fadeInGrid}@keyframes fadeInGrid{to{opacity:1}}.app-block{background:var(--color-paper);border:1px solid var(--color-rule-2);transform-style:preserve-3d;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 4px 12px #0000001a}.app-icon{background:var(--color-rule);border-radius:6px;flex-shrink:0;width:24px;height:24px}.app-line{background:var(--color-rule-2);border-radius:3px;width:100%;height:6px}.app-1{transform:translate3d(-60px,-40px,80px)rotateX(15deg)rotateY(-20deg)rotate(-10deg)}.app-1 .app-icon{background:#ff5f56}.app-2{transform:translate3d(60px,-20px,40px)rotateX(-10deg)rotateY(25deg)rotate(15deg)}.app-2 .app-icon{background:#ffbd2e}.app-3{transform:translate3d(-50px,40px,120px)rotateX(20deg)rotateY(-15deg)rotate(10deg)}.app-3 .app-icon{background:#27c93f}.app-4{transform:translate3d(40px,50px,-40px)rotateX(-15deg)rotateY(10deg)rotate(-15deg)}.app-4 .app-icon{background:#ab57ff}.solution-visual.is-in .app-1{animation:.8s cubic-bezier(.16,1,.3,1) 1s forwards consolidate}.solution-visual.is-in .app-1 .app-icon{animation:.8s 1s forwards consolidateColor}.solution-visual.is-in .app-2{animation:.8s cubic-bezier(.16,1,.3,1) 1.2s forwards consolidate}.solution-visual.is-in .app-2 .app-icon{animation:.8s 1.2s forwards consolidateColor}.solution-visual.is-in .app-3{animation:.8s cubic-bezier(.16,1,.3,1) 1.4s forwards consolidate}.solution-visual.is-in .app-3 .app-icon{animation:.8s 1.4s forwards consolidateColor}.solution-visual.is-in .app-4{animation:.8s cubic-bezier(.16,1,.3,1) 1.6s forwards consolidate}.solution-visual.is-in .app-4 .app-icon{animation:.8s 1.6s forwards consolidateColor}@keyframes consolidate{to{border-color:var(--color-accent);background:color-mix(in oklch, var(--color-accent) 5%, transparent);transform:translate(0,0)rotateX(0)rotateY(0)rotate(0)}}@keyframes consolidateColor{to{background:var(--color-accent)}}.connection-sweep{background:linear-gradient(90deg, transparent, var(--color-accent), transparent);width:100%;height:2px;box-shadow:0 0 16px var(--color-accent), 0 0 8px var(--color-accent);z-index:3;position:absolute;top:50%;left:-100%}.solution-visual.is-in .connection-sweep{animation:2.5s cubic-bezier(.4,0,.2,1) infinite sweep}@keyframes sweep{0%{opacity:0;left:-100%}50%{opacity:1}to{opacity:0;left:150%}}.guarantee-section{border-top:1px solid var(--color-rule);padding:80px 0}.guarantee-grid{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.guarantee-item{padding-right:24px}.guarantee-item:not(:last-child){border-right:1px solid var(--color-rule)}.guarantee-item h4{margin-top:16px;margin-bottom:8px;font-size:1.125rem}.guarantee-item p{color:var(--color-ink-muted);font-size:.9rem;line-height:1.5}@media (width<=900px){.guarantee-grid{grid-template-columns:repeat(2,1fr);gap:48px 32px}.guarantee-item:nth-child(2),.guarantee-item:not(:last-child){border-right:none}}@media (width<=600px){.guarantee-grid{grid-template-columns:1fr;gap:32px}}.founder-section{background:var(--color-surface);padding:120px 0}.founder-split{grid-template-columns:1fr 1fr;align-items:flex-start;gap:80px;display:grid}.founder-quote{position:sticky;top:120px}.pull-quote{color:var(--color-ink);letter-spacing:-.02em;margin-bottom:32px;font-size:2.5rem;line-height:1.2}.founder-signature{flex-direction:column;gap:4px;display:flex}.founder-signature strong{font-family:var(--font-display);color:var(--color-ink);font-size:1.125rem}.founder-signature span{font-family:var(--font-mono);color:var(--color-ink-muted);font-size:.875rem}.founder-letter{flex-direction:column;gap:24px;padding-top:48px;display:flex}.founder-letter p{color:var(--color-ink-muted);font-size:1.125rem;line-height:1.8}.founder-link{font-family:var(--font-mono);color:var(--color-ink);border-bottom:1px solid var(--color-rule-2);width:fit-content;margin-top:24px;padding-bottom:4px;font-size:.875rem;text-decoration:none;transition:all .2s;display:inline-block}.founder-link:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}@media (width<=900px){.founder-split{grid-template-columns:1fr;gap:48px}.founder-quote{position:static}.pull-quote{font-size:2rem}.founder-letter{padding-top:0}}.contact-section{padding-bottom:120px}.contact-header{max-width:600px;margin-bottom:64px}.contact-subtitle{color:var(--color-ink-muted);margin-top:16px;font-size:1.125rem}.estimator-container{grid-template-columns:1fr 1fr;align-items:stretch;gap:64px;display:grid}.radio-group{flex-direction:column;gap:12px;display:flex}.option-btn{text-align:left;border:1px solid var(--color-rule);cursor:pointer;background:0 0;border-radius:6px;padding:16px 20px;transition:border-color .2s}.option-btn:hover{border-color:var(--color-ink-muted)}.option-btn.is-active{border-color:var(--color-accent)}.option-title{font-family:var(--font-body);color:var(--color-ink);margin-bottom:4px;font-size:1rem;font-weight:500}.option-desc{font-family:var(--font-body);color:var(--color-ink-muted);font-size:.875rem}.info-box{border-top:1px solid var(--color-rule);padding:16px 0}.mt-6{margin-top:32px}.mt-4{margin-top:16px}.result-metric .value{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-graphite-ink);margin-top:8px;font-size:2.5rem;font-weight:700}@media (width<=900px){.estimator-container{grid-template-columns:1fr;gap:48px}}
