:root{--bg:#05070d;--bg-2:#080c16;--surface:#0c1220;--surface-2:#111a2c;--line:#96afe61f;--line-2:#96afe633;--text:#e9eef8;--text-2:#a4afc6;--muted:#6d7894;--accent:#4f8cff;--accent-2:#8db4ff;--accent-soft:#4f8cff1f;--fatal:#ff4d5e;--injury:#ffb02e;--material:#45d0ff;--ok:#3ddc97;--glass:#080c16c7;--glass-strong:#0a0f1ceb;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--display:"Inter Tight", "Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--wrap:1200px;--gutter:calc(clamp(16px, 4vw, 32px));--radius:18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:400 16px/1.6 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}canvas,img,svg{display:block}button{font:inherit;color:inherit}::selection{background:#4f8cff59}.wrap{width:100%;max-width:var(--wrap);padding:0 var(--gutter);margin:0 auto}.section{padding:calc(clamp(80px,11vw,140px)) 0;position:relative}.section+.section{border-top:1px solid var(--line)}.eyebrow{font:500 12.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2);align-items:center;gap:10px;display:inline-flex}.eyebrow:before{content:"";opacity:.6;background:currentColor;width:18px;height:1px}.h2{font:600 calc(clamp(32px,4.6vw,54px))/1.06 var(--display);letter-spacing:-.025em;text-wrap:balance;margin:18px 0 0}.h2 em{color:var(--accent-2);font-style:normal}.lead{color:var(--text-2);text-wrap:pretty;max-width:640px;margin:22px 0 0;font-size:calc(clamp(17px,1.6vw,19px));line-height:1.6}.btn{height:48px;font:600 15px/1 var(--font);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 30px -8px #4f8cffb3}.btn-primary:hover{background:#6b9dff}.btn-ghost{border-color:var(--line-2);color:var(--text);background:#ffffff05}.btn-ghost:hover{background:#ffffff0d;border-color:#96afe666}.btn svg{width:16px;height:16px}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#ffffff06,#ffffff03)}.sev{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.sev-olumlu{background:var(--fatal);box-shadow:0 0 10px var(--fatal)}.sev-yarali{background:var(--injury);box-shadow:0 0 10px var(--injury)}.sev-maddi{background:var(--material);box-shadow:0 0 10px var(--material)}.mono{font-family:var(--mono)}.num{font-variant-numeric:tabular-nums}.reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}[id]{scroll-margin-top:76px}:root[data-theme=light]{--bg:#f6f8fc;--bg-2:#eef2f9;--surface:#fff;--surface-2:#f1f5fb;--line:#14285a1a;--line-2:#14285a29;--text:#0b1220;--text-2:#46536b;--muted:#7a869e;--accent:#2563eb;--accent-2:#2563eb;--accent-soft:#2563eb17;--fatal:#e5384a;--injury:#f08c00;--material:#0a8fd1;--ok:#12a86b;--glass:#ffffffdb;--glass-strong:#fffffff5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light] ::selection{background:#2563eb2e}:root[data-theme=light] .card:not(.code):not(.console):not(.art),:root[data-theme=light] .gain,:root[data-theme=light] .step{background:#fff;box-shadow:0 1px 2px #0f1e460a,0 16px 40px -24px #0f1e462e}:root[data-theme=light] .step{background:linear-gradient(#2563eb0d,#fff 45%)}:root[data-theme=light] .art,:root[data-theme=light] .code,:root[data-theme=light] .console{border-color:#0000;box-shadow:0 30px 60px -30px #0f1e4673}:root[data-theme=light] .code .code-head,:root[data-theme=light] .console .pane+.pane,:root[data-theme=light] .console .tab-note,:root[data-theme=light] .console .tabs{border-color:#96afe61f}:root[data-theme=light] .console .tabs button{color:#a4afc6}:root[data-theme=light] .console .tabs button.on{color:#e9eef8;background:#4f8cff29}:root[data-theme=light] .console .docs{color:#8db4ff}:root[data-theme=light] .code .code-head,:root[data-theme=light] .console .tab-note{color:#a4afc6}:root[data-theme=light] .art .lbl{fill:#a4afc6}:root[data-theme=light] .art .lbl.muted{fill:#6d7894}:root[data-theme=light] .art .badge{color:#e9eef8;border-color:#96afe633}:root[data-theme=light] .nav.open,:root[data-theme=light] .nav.scrolled{background:#f6f8fcd9}@media (width<=860px){:root[data-theme=light] .links{background:#f6f8fcfa}}:root[data-theme=light] .links a:hover{background:#14285a0d}:root[data-theme=light] .btn-primary{box-shadow:0 10px 24px -10px #2563eb8c}:root[data-theme=light] .btn-primary:hover{background:#1d4fd8}:root[data-theme=light] .btn-ghost{background:#fff}:root[data-theme=light] .btn-ghost:hover{background:#fff;border-color:#14285a4d}:root[data-theme=light] .hero .glow{background:radial-gradient(50% 40% at 55% 70%,#2563eb1a,#0000 70%),radial-gradient(30% 30% at 12% 8%,#2563eb0f,#0000 70%)}:root[data-theme=light] .hero .hl{background-image:linear-gradient(90deg,#1d4fd8,#2563eb 45%,#f08c00)}:root[data-theme=light] .hero .pill{background:#fff}:root[data-theme=light] .hero .stats dd{text-shadow:none}:root[data-theme=light] .tip{box-shadow:0 10px 30px -12px #0f1e464d}:root[data-theme=light] .legend .bar{background:linear-gradient(90deg,#2563eb0f,#2563eb4d,#1e40afd9)}:root[data-theme=light] .ours .line:before{box-shadow:0 0 12px #2563eb59}:root[data-theme=light] .form,:root[data-theme=light] .items .item{background:#fff}:root[data-theme=light] .form input,:root[data-theme=light] .form textarea{background:var(--bg)}:root[data-theme=light] .contact .halo{background:radial-gradient(closest-side,#2563eb1a,#0000)}:root[data-theme=light] .code pre{color:#a4afc6}:root[data-theme=light] .console .cap{color:#6d7894}
