:root{--green:#1b4332;--ivory:#f5f1ec;--surface:#fff;--ink:#1b4332;--muted:#1b43328f;--faint:#1b43321f;--g-03:#1b433208;--g-05:#1b43320d;--g-07:#1b433212;--g-10:#1b43321a;--g-14:#1b433224;--g-22:#1b433238;--g-30:#1b43324d;--green-mid:#2d5e47;--green-deep:#123026;--crit:#7a1f1f;--crit-soft:#7a1f1f1a;--stage:#cfc9bf;--shadow:0 6px 22px -10px #1b433242;--shadow-lg:0 18px 50px -18px #1b433259;--font:"Inter", system-ui, sans-serif;--display:"Clash Display", "Inter", system-ui, sans-serif;--mono:"Spline Sans Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);background:var(--stage);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}#root{height:100%}button{font-family:var(--font);color:var(--ink)}input,textarea,select{font-family:var(--font)}::placeholder{color:var(--muted)}div::-webkit-scrollbar{width:0;height:0}.scroll::-webkit-scrollbar{width:0;height:0}.hide-scroll{scrollbar-width:none;-ms-overflow-style:none}.hide-scroll::-webkit-scrollbar{display:none}.thin-scroll::-webkit-scrollbar{width:8px;height:8px}.thin-scroll::-webkit-scrollbar-thumb{background:var(--g-14);border-radius:8px}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin}@keyframes ping{0%{opacity:.5;transform:scale(.4)}80%,to{opacity:0;transform:scale(1.7)}}.ping{animation:1.9s cubic-bezier(0,0,.2,1) infinite ping}@keyframes pingdot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}.ping-dot{animation:1.2s ease-in-out infinite pingdot}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}.sheet-up{animation:.34s cubic-bezier(.22,1,.36,1) sheetUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fade-up{animation:.4s both fadeUp}@keyframes scanline{0%{top:4%}to{top:92%}}.scanline{animation:2.1s ease-in-out infinite alternate scanline}@keyframes sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sweep{animation:3.4s linear infinite sweep}.wrap{max-width:1100px;margin:0 auto;padding:0 32px}.mono{font-family:var(--mono)}a.card{color:inherit;text-decoration:none;display:block}.prod{transition:transform .18s,box-shadow .18s}.prod:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.grid3{grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:20px;display:grid}.hero-h1{font-family:var(--display);letter-spacing:-1.2px;text-wrap:balance;max-width:780px;margin:0;font-size:clamp(31px,8vw,54px);font-weight:600;line-height:1.06}.hero-sub{color:#f5f1eccc;max-width:620px;margin:24px 0 0;font-size:clamp(15.5px,4.4vw,19px);line-height:1.55}@media (width<=720px){.wrap{padding:0 22px}.hero-pad{padding:48px 22px 56px!important}.flow{flex-direction:column!important;gap:6px!important}.flow .arrow{transform:rotate(90deg);padding:4px 0!important}.flow>div{padding:12px 8px!important}.usecase-box{padding:30px 22px!important}}@media (width<=460px){.hero-stats{gap:22px!important}}