:root{--bg: #f5f6f8;--bg2: #eef0f4;--surface: rgba(255, 255, 255, .96);--card: rgba(255, 255, 255, .96);--card2: rgba(255, 255, 255, .86);--border: rgba(17, 24, 39, .1);--text: #0b1220;--muted: rgba(11, 18, 32, .62);--muted2: rgba(11, 18, 32, .5);--shadow: 0 10px 28px rgba(0, 0, 0, .1);--shadow2: 0 18px 42px rgba(0, 0, 0, .12);--primary: #0b1220;--primaryText: #ffffff;--ok: #16a34a;--bad: #e11d48;--warn: #f59e0b;--radius: 16px;--radius2: 22px;--container: 1100px;--focus: 0 0 0 4px rgba(59, 130, 246, .18);--input-bg: var(--surface);--input-border: rgba(17, 24, 39, .14);--btn: rgba(17, 24, 39, .06);--btnText: var(--text);--hover: rgba(17, 24, 39, .06);--okBg: rgba(22, 163, 74, .1);--okBorder: rgba(22, 163, 74, .3);--okText: rgba(22, 163, 74, .95);--badBg: rgba(225, 29, 72, .1);--badBorder: rgba(225, 29, 72, .3);--badText: rgba(225, 29, 72, .95);--dangerBorder: rgba(225, 29, 72, .3);--dangerText: rgba(225, 29, 72, .95);--dangerSolid: #9f1239;--dangerSolidText: #ffffff}html[data-theme=dark]{--bg: #141821;--bg2: #10141c;--surface: rgba(28, 34, 45, .92);--card: rgba(28, 34, 45, .92);--card2: rgba(28, 34, 45, .8);--border: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--muted2: rgba(255, 255, 255, .52);--shadow: 0 14px 40px rgba(0, 0, 0, .38);--shadow2: 0 22px 60px rgba(0, 0, 0, .44);--primary: #e5e7eb;--primaryText: #0b1220;--focus: 0 0 0 4px rgba(96, 165, 250, .22);--input-bg: rgba(22, 28, 38, .92);--input-border: rgba(255, 255, 255, .14);--btn: rgba(255, 255, 255, .1);--hover: rgba(255, 255, 255, .08);--okBg: rgba(34, 197, 94, .14);--okBorder: rgba(34, 197, 94, .26);--okText: rgba(34, 197, 94, .95);--badBg: rgba(244, 63, 94, .16);--badBorder: rgba(244, 63, 94, .26);--badText: rgba(244, 63, 94, .95);--dangerBorder: rgba(244, 63, 94, .26);--dangerText: rgba(244, 63, 94, .95);--dangerSolid: #e11d48;--dangerSolidText: #ffffff}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(900px 450px at 50% 0%,rgba(255,255,255,.06),transparent 60%),linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);overflow-x:hidden}html[data-theme=dark] body{background:var(--bg)}a{color:inherit}button,input{font-family:inherit}img{max-width:100%;height:auto}.mockStage.mockTheme-light{--mock-bg: rgba(255, 255, 255, .92);--mock-border: rgba(17, 24, 39, .12);--mock-text: rgba(11, 18, 32, .92);--mock-muted: rgba(11, 18, 32, .62);--mock-line: rgba(11, 18, 32, .14);--mock-pill: rgba(22, 163, 74, .28);--mock-shadow: 0 18px 45px rgba(0, 0, 0, .14)}.mockStage.mockTheme-dark{--mock-bg: rgba(28, 34, 45, .92);--mock-border: rgba(255, 255, 255, .12);--mock-text: rgba(255, 255, 255, .92);--mock-muted: rgba(255, 255, 255, .68);--mock-line: rgba(255, 255, 255, .16);--mock-pill: rgba(34, 197, 94, .26);--mock-shadow: 0 22px 60px rgba(0, 0, 0, .38)}.mockStage .mockCard{background:var(--mock-bg);border:1px solid var(--mock-border);box-shadow:var(--mock-shadow)}.mockStage .mockTitle{color:var(--mock-text)}.mockStage .mockInner{color:var(--mock-muted)}.mockStage .mockLine{background:var(--mock-line)}.mockStage .mockPill{background:var(--mock-pill);border:1px solid var(--mock-border)}.app-shell{min-height:100vh}.container{max-width:var(--container);margin:0 auto;padding:0 16px}.header{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(0,0,0,.02),transparent)}.header-inner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px}.logo{height:32px;width:auto;display:block;opacity:.95}.main{padding:22px 0 34px}.card{border:1px solid var(--border);background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:14px}.card-title{font-weight:800;font-size:14px}.muted{color:var(--muted)}.muted2{color:var(--muted2)}.btn{border:1px solid var(--border);background:#ffffff1a;color:var(--text);padding:10px 12px;border-radius:12px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px #0000001a}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:none;box-shadow:var(--focus)}.btn-primary{background:var(--primary);color:var(--primaryText);border-color:transparent}.btn-ghost{background:#ffffff0f}.btn-danger{border-color:#e11d4859;background:#e11d481a;color:#e11d48f2}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);outline:none;background:#ffffff14;color:var(--text)}.input:focus{box-shadow:var(--focus);border-color:#3b82f673}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:#ffffff14;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.grid{display:grid;gap:12px;min-width:0}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:980px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.header-inner{height:58px}.logo{height:28px}.main{padding:16px 0 26px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.section{margin-top:18px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.section-head h3{margin:0;font-size:14px;font-weight:900}.section-body{margin-top:10px;width:100%;min-width:0}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:3000;max-width:min(520px,calc(100vw - 28px));padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text);box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;font-size:13px;font-weight:900;line-height:1.2;pointer-events:none}:root{--accent: #22c55e;--accent2: #60a5fa;--heroGlow1: rgba(99, 102, 241, .28);--heroGlow2: rgba(34, 197, 94, .18);--heroGlow3: rgba(96, 165, 250, .16)}.landing-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border)}html[data-theme=dark] .landing-hero{background:radial-gradient(900px 520px at 20% 10%,var(--heroGlow1),transparent 55%),radial-gradient(820px 520px at 85% 20%,var(--heroGlow2),transparent 55%),radial-gradient(720px 520px at 55% 0%,var(--heroGlow3),transparent 60%),linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%)}.landing-wrap{max-width:var(--container);margin:0 auto;padding:72px 16px 44px;display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center}@media(max-width:900px){.landing-wrap{grid-template-columns:1fr;padding:56px 16px 32px}}.landing-h1{font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.03em;margin:0}.landing-h1 .hl{color:var(--accent);text-shadow:0 0 24px rgba(34,197,94,.25)}.landing-sub{margin-top:12px;color:var(--muted);font-size:16px;line-height:1.55;max-width:52ch}.landing-cta{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.btnPrimary{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#22c55ef2,#16a34aeb);color:#06110a;padding:12px 14px;border-radius:14px;font-weight:700;cursor:pointer;box-shadow:0 18px 40px #22c55e38;transition:transform .15s ease,filter .15s ease}.btnPrimary:hover{transform:translateY(-1px);filter:brightness(1.02)}.btnGhost{border:1px solid var(--border);background:#ffffff0f;color:var(--text);padding:12px 14px;border-radius:14px;font-weight:650;cursor:pointer;transition:transform .15s ease,background .15s ease}.btnGhost:hover{transform:translateY(-1px);background:#ffffff14}.mockStage{position:relative;min-height:360px}.mockCard{position:absolute;width:78%;border-radius:26px;background:#1c222dd1;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow2);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateZ(0)}.mockCard:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 240px at 30% 10%,rgba(99,102,241,.22),transparent 55%);pointer-events:none}.mock1{left:12%;top:22px;transform:rotate(-2deg)}.mock2{left:0%;top:130px;transform:rotate(2deg);width:86%}.mock3{left:18%;top:240px;transform:rotate(-1deg);width:74%;opacity:.92}@media(max-width:900px){.mockStage{min-height:320px;margin-top:10px}.mock1,.mock2,.mock3{position:relative;left:0;top:0;width:100%;transform:none;margin-top:12px}}@media(prefers-reduced-motion:no-preference){.float1{animation:floaty 5.5s ease-in-out infinite}.float2{animation:floaty 6.7s ease-in-out infinite}.float3{animation:floaty 7.9s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}}.mockInner{padding:16px}.mockTitle{font-weight:800;font-size:13px;letter-spacing:.02em;color:#ffffffdb}.mockRow{margin-top:10px;display:grid;grid-template-columns:1fr 72px;gap:10px;align-items:center}.mockLine{height:10px;border-radius:999px;background:#ffffff14}.mockPill{height:28px;border-radius:999px;background:#22c55e24;border:1px solid rgba(34,197,94,.26)}