:root{--bg:#fcfcfd;--bg-grad:radial-gradient(1200px 600px at 50% -10%,#f4f3ff 0%,#fcfcfd 55%);--surface:#ffffff;--surface-2:#f7f7f9;--surface-3:#f1f1f4;--border:#ececef;--border-2:#e2e2e6;--border-strong:#d4d4d9;--text:#16161a;--text-2:#5a5b66;--text-3:#8b8c97;--text-on:#ffffff;--accent:#5b5bf0;--accent-2:#7c6cff;--accent-grad:linear-gradient(180deg,#6b63ff,#5751e6);--accent-weak:#eeeefe;--accent-ring:rgba(91,91,240,0.28);--accent-text:#4039c7;--green:#117a52;--green-weak:#e7f6ee;--green-bd:#bfe5d0;--amber:#8a5a00;--amber-weak:#fcf2da;--amber-bd:#ecd6a0;--red:#c0392b;--red-weak:#fdeceb;--red-bd:#f1c4bf;--r-sm:8px;--r:12px;--r-lg:16px;--r-pill:999px;--sp:8px;--sh-1:0 1px 2px rgba(20,20,35,0.05),0 1px 1px rgba(20,20,35,0.04);--sh-2:0 4px 14px rgba(20,20,35,0.07),0 1px 3px rgba(20,20,35,0.05);--sh-3:0 18px 50px rgba(20,20,35,0.14),0 4px 14px rgba(20,20,35,0.08);--sh-pop:0 12px 40px rgba(20,20,35,0.16);--sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Inter",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"SF Mono","JetBrains Mono",SFMono-Regular,Menlo,Consolas,monospace;--maxw:1180px;--ease:cubic-bezier(0.22,1,0.36,1);--hero-grad:linear-gradient(180deg,#16161a 30%,#43425a);color-scheme:light}[data-theme=dark]{color-scheme:dark;--bg:#0b0b0f;--bg-grad:radial-gradient(1200px 600px at 50% -10%,#161430 0%,#0b0b0f 55%);--surface:#141419;--surface-2:#1b1b22;--surface-3:#24242f;--border:#26262f;--border-2:#30303b;--border-strong:#3c3c49;--text:#f2f2f6;--text-2:#a8a9b5;--text-3:#74757f;--accent:#6d68ff;--accent-2:#8d7dff;--accent-grad:linear-gradient(180deg,#7a72ff,#5f57f0);--accent-weak:#1e1c33;--accent-ring:rgba(124,108,255,0.45);--accent-text:#b4abff;--green:#4fc78c;--green-weak:#122a20;--green-bd:#1f4a36;--amber:#e0b252;--amber-weak:#2c2310;--amber-bd:#50421d;--red:#f0857a;--red-weak:#2c1614;--red-bd:#532824;--hero-grad:linear-gradient(180deg,#f4f4f8 30%,#b9b7df);--sh-1:0 1px 2px rgba(0,0,0,0.5),0 1px 1px rgba(0,0,0,0.4);--sh-2:0 4px 16px rgba(0,0,0,0.55),0 1px 3px rgba(0,0,0,0.5);--sh-3:0 22px 60px rgba(0,0,0,0.66),0 6px 18px rgba(0,0,0,0.5);--sh-pop:0 16px 50px rgba(0,0,0,0.62)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0b0b0f;--bg-grad:radial-gradient(1200px 600px at 50% -10%,#161430 0%,#0b0b0f 55%);--surface:#141419;--surface-2:#1b1b22;--surface-3:#24242f;--border:#26262f;--border-2:#30303b;--border-strong:#3c3c49;--text:#f2f2f6;--text-2:#a8a9b5;--text-3:#74757f;--accent:#6d68ff;--accent-2:#8d7dff;--accent-grad:linear-gradient(180deg,#7a72ff,#5f57f0);--accent-weak:#1e1c33;--accent-ring:rgba(124,108,255,0.45);--accent-text:#b4abff;--green:#4fc78c;--green-weak:#122a20;--green-bd:#1f4a36;--amber:#e0b252;--amber-weak:#2c2310;--amber-bd:#50421d;--red:#f0857a;--red-weak:#2c1614;--red-bd:#532824;--hero-grad:linear-gradient(180deg,#f4f4f8 30%,#b9b7df);--sh-1:0 1px 2px rgba(0,0,0,0.5),0 1px 1px rgba(0,0,0,0.4);--sh-2:0 4px 16px rgba(0,0,0,0.55),0 1px 3px rgba(0,0,0,0.5);--sh-3:0 22px 60px rgba(0,0,0,0.66),0 6px 18px rgba(0,0,0,0.5);--sh-pop:0 16px 50px rgba(0,0,0,0.62)}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--sans);color:var(--text);background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;font-size:14px;line-height:1.6;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent-weak);color:var(--accent-text)}a{color:var(--accent-text);text-decoration:none;transition:color .15s var(--ease)}a:hover{color:var(--accent)}h1,h2,h3,h4{margin:0 0 .4em;font-weight:640;line-height:1.18;letter-spacing:-.02em;color:var(--text)}h1{font-size:32px}h2{font-size:22px}h3{font-size:15.5px;letter-spacing:-.01em}p{margin:0 0 1em;color:var(--text-2)}small{color:var(--text-3);font-size:12.5px}hr{border:0;border-top:1px solid var(--border);margin:20px 0}.mono,code{font-family:var(--mono);font-size:12.5px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:999px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:content-box}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.col,.row{display:flex;gap:16px}.col{flex-direction:column}.spread{display:flex;align-items:center;justify-content:space-between;gap:16px}.grid{display:grid;grid-gap:18px;gap:18px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:860px){.grid-2,.grid-3,.shell{grid-template-columns:1fr}.side{display:none}}.muted{color:var(--text-3)}.center{text-align:center}.mt0{margin-top:0}.mb0{margin-bottom:0}.stack>*+*{margin-top:16px}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(252,252,253,.72);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--border)}.nav .wrap{gap:24px;height:62px}.brand,.nav .wrap{display:flex;align-items:center}.brand{gap:10px;font-weight:680;font-size:15px;color:var(--text);letter-spacing:-.02em}.brand .dot{width:18px;height:18px;border-radius:6px;background:var(--accent-grad);display:inline-block;box-shadow:0 2px 8px var(--accent-ring),inset 0 1px 0 rgba(255,255,255,.3)}.nav .links{display:flex;gap:22px;margin-left:6px}.nav .links a{color:var(--text-2);font-weight:500}.nav .links a:hover{color:var(--text)}.nav .spacer{flex:1 1}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.side{background:rgba(255,255,255,.7);border-right:1px solid var(--border);padding:20px 14px;display:flex;flex-direction:column;gap:3px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.side .brand{padding:4px 10px 18px;font-size:16px}.side a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--r-sm);color:var(--text-2);font-weight:500;font-size:13.5px;transition:background .15s var(--ease),color .15s var(--ease)}.side a:hover{background:var(--surface-2);color:var(--text)}.side a.active{background:var(--accent-weak);color:var(--accent-text);font-weight:600;box-shadow:inset 0 0 0 1px rgba(91,91,240,.12)}.side .sep{height:1px;background:var(--border);margin:14px 6px}.side .grow{flex:1 1}.main{padding:32px 40px;min-width:0}.page-head{margin-bottom:26px}.page-head h1{font-size:24px;margin-bottom:5px}.page-head p{font-size:13.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh-1);transition:box-shadow .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}.card.clickable:hover,a.card:hover{box-shadow:var(--sh-2);border-color:var(--border-2);transform:translateY(-1px)}.card .pad{padding:20px 22px}.card .hd{border-bottom:1px solid var(--border);font-weight:620;font-size:13.5px;letter-spacing:-.01em}.card .ft,.card .hd{padding:15px 22px;display:flex;align-items:center;justify-content:space-between}.card .ft{border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--r) var(--r);gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font:inherit;font-weight:600;font-size:13.5px;padding:9px 15px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);white-space:nowrap;box-shadow:var(--sh-1);transition:background .15s var(--ease),border-color .15s var(--ease),transform .06s var(--ease),box-shadow .15s var(--ease),filter .15s var(--ease)}.btn,.btn:hover{color:var(--text)}.btn:hover{background:var(--surface-2);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring)}.btn.primary{background:var(--accent-grad);border-color:transparent;color:var(--text-on);box-shadow:0 2px 10px var(--accent-ring),inset 0 1px 0 rgba(255,255,255,.18)}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{border-color:transparent;background:transparent;color:var(--text-2);box-shadow:none}.btn.ghost:hover{background:var(--surface-2);color:var(--text)}.btn.danger{color:var(--red);border-color:var(--red-bd);background:var(--red-weak);box-shadow:none}.btn.danger:hover{filter:brightness(.99);background:#fbe2df}.btn.sm{padding:6px 11px;font-size:12.5px;border-radius:7px}.btn.lg{padding:12px 22px;font-size:15px;border-radius:var(--r)}.badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);letter-spacing:-.01em}.badge.green{background:var(--green-weak);color:var(--green);border-color:var(--green-bd)}.badge.amber{background:var(--amber-weak);color:var(--amber);border-color:var(--amber-bd)}.badge.red{background:var(--red-weak);color:var(--red);border-color:var(--red-bd)}.badge.accent{background:var(--accent-weak);color:var(--accent-text);border-color:#d9d9fb}.badge .d{width:6px;height:6px;border-radius:50%;background:currentColor}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:13px 18px;border-bottom:1px solid var(--border)}th{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:600}tr:last-child td{border-bottom:none}tbody tr{transition:background .12s var(--ease)}tbody tr:hover{background:var(--surface-2)}label{display:block;font-weight:600;font-size:13px;margin:0 0 7px;color:var(--text);letter-spacing:-.01em}.field{margin-bottom:18px}.input,select,textarea{width:100%;font:inherit;font-size:13.5px;padding:10px 13px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.input::placeholder,textarea::placeholder{color:var(--text-3)}.input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.hint{color:var(--text-3);margin-top:6px;line-height:1.5}.code,.hint{font-size:12.5px}.code{font-family:var(--mono);background:#14141b;color:#e7e7ec;border:1px solid #23232e;border-radius:var(--r-sm);padding:16px 18px;overflow:auto;line-height:1.7;box-shadow:var(--sh-1)}.code .cm{color:#6f7080}.diff{font-family:var(--mono);font-size:12.5px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.diff .ln{padding:2px 16px;white-space:pre}.diff .add{background:var(--green-weak);color:var(--green);box-shadow:inset 3px 0 0 var(--green-bd)}.diff .del{background:var(--red-weak);color:var(--red);box-shadow:inset 3px 0 0 var(--red-bd)}.diff .hh{background:var(--surface-2);color:var(--text-3)}.steps{display:flex;gap:10px;margin-bottom:26px}.step{flex:1 1;padding:11px 14px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);font-size:13px;color:var(--text-3);box-shadow:var(--sh-1)}.step.active{border-color:var(--accent);background:var(--accent-weak);color:var(--accent-text);font-weight:600}.step.done{color:var(--green);border-color:var(--green-bd);background:var(--green-weak)}.step .n{font-weight:700;margin-right:8px}.tiers{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.tier{border:1.5px solid var(--border);border-radius:var(--r);padding:18px;cursor:pointer;background:var(--surface);transition:border-color .15s var(--ease),box-shadow .15s var(--ease),transform .15s var(--ease)}.tier:hover{transform:translateY(-1px);box-shadow:var(--sh-2)}.tier.sel{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.tier h3{display:flex;align-items:center;justify-content:space-between}.tier ul{margin:10px 0 0;padding-left:18px;color:var(--text-2);font-size:13px}.tier li{margin:5px 0}.callout{border-radius:var(--r-sm);padding:14px 16px;font-size:13px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);line-height:1.55}.callout.amber{background:var(--amber-weak);border-color:var(--amber-bd);color:#6b4400}.callout.red{background:var(--red-weak);border-color:var(--red-bd);color:#8c241a}.callout.green{background:var(--green-weak);border-color:var(--green-bd);color:#0d5a3c}.callout.accent{background:var(--accent-weak);border-color:#d9d9fb;color:var(--accent-text)}.empty{text-align:center;padding:64px 24px;color:var(--text-3)}.empty .big{font-size:18px;color:var(--text);font-weight:640;margin-bottom:7px;letter-spacing:-.01em}.empty p{max-width:380px;margin:0 auto 18px}.modal-bg{position:fixed;inset:0;background:rgba(16,16,28,.42);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:60}.modal{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-3);max-width:460px;width:100%;border:1px solid var(--border)}.hero{padding:110px 0 76px;text-align:center}.hero .kicker{margin-bottom:22px}.hero h1{font-size:56px;line-height:1.05;letter-spacing:-.035em;margin-bottom:20px;background:var(--hero-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p.lead{font-size:18.5px;color:var(--text-2);max-width:600px;margin:0 auto 30px;line-height:1.6}.hero .cta{display:flex;gap:12px;justify-content:center}.kicker{display:inline-block;font-size:11.5px;font-weight:680;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-weak);padding:6px 13px;border-radius:var(--r-pill);border:1px solid #dedefc}.section{padding:72px 0}.feature{padding:24px}.feature .ic{width:38px;height:38px;border-radius:10px;background:var(--accent-weak);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:14px;border:1px solid #dedefc}.feature h3{font-size:16px}.foot{border-top:1px solid var(--border);padding:32px 0;color:var(--text-3);font-size:13px}.banner{background:#15151c;color:#d8d8e4;text-align:center;padding:8px;font-size:12.5px;letter-spacing:-.01em}.banner a{color:#a9a8ff}.tag{font-family:var(--mono);font-size:11px;color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);padding:3px 8px;border-radius:6px}.bar{height:8px;background:var(--surface-3);overflow:hidden}.bar,.bar>i{border-radius:999px}.bar>i{display:block;height:100%;background:var(--accent-grad)}