:root{--bg: oklch(.16 .01 260);--bg-2: oklch(.185 .012 260);--surface: oklch(.205 .013 260);--surface-2: oklch(.235 .014 260);--border: oklch(.3 .015 260);--border-soft: oklch(.26 .013 260);--text: oklch(.97 .005 260);--text-muted: oklch(.68 .01 260);--text-dim: oklch(.64 .012 260);--accent: oklch(.89 .17 95);--accent-dim: oklch(.78 .15 95);--accent-soft: oklch(.89 .17 95 / .12);--danger: oklch(.68 .2 25);--info: oklch(.78 .13 230);--warn: oklch(.82 .14 75);--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--r-sm: 4px;--r: 6px;--r-lg: 10px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% -10%,oklch(.89 .17 95 / .07),transparent 50%),radial-gradient(circle at 100% 30%,oklch(.55 .15 260 / .05),transparent 60%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}::selection{background:var(--accent);color:var(--bg)}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.navlink{transition:color .15s ease}.navlink:hover{color:var(--text)}@media(max-width:720px){.navlink-collapsible{display:none}}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--r);font-size:14px;font-weight:500;transition:transform .12s ease,background .15s ease,border-color .15s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:var(--bg);font-weight:600;box-shadow:0 1px oklch(.96 .14 95 / .6) inset,0 8px 24px #fed83538}.btn-primary:hover{background:oklch(.93 .17 95)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--surface);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{background:var(--surface-2);border-color:#383d47}.fcard{transition:border-color .2s ease,transform .2s ease}.fcard:hover{border-color:#383d47;transform:translateY(-2px)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:720px){.compare-grid{grid-template-columns:1fr}}.problem-grid{grid-template-columns:repeat(4,1fr)}@media(max-width:1080px){.problem-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:560px){.problem-grid{grid-template-columns:1fr!important}}.prod-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:800px){.prod-grid{grid-template-columns:1fr}}.flow-arrow{display:grid;place-items:center}.flow.stacked .flow-arrow{transform:rotate(90deg);padding:6px 0}@media(max-width:880px){.flow{grid-template-columns:1fr!important}.flow-arrow{transform:rotate(90deg);padding:6px 0}}.tf-input{width:100%;background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--r);padding:12px 14px;color:var(--text);font-size:14.5px;font-family:var(--sans);line-height:1.5;resize:vertical;transition:border-color .15s ease,background .15s ease}.tf-input::placeholder{color:var(--text-dim)}.tf-input:focus{outline:none;border-color:var(--accent);background:#111419;box-shadow:0 0 0 3px #fed8352e}