:root{--bg:#edf4ff;--panel:#fafcffe6;--panel-strong:#f5f9fff7;--stroke:#18365e1f;--text:#10223b;--muted:#5a6e8d;--accent:#1f6feb;--accent-strong:#1553b7;--accent-soft:#1f6feb1f;--signal:#f18f01;--danger:#bb3e03;--success:#0f766e;--shadow:0 18px 50px #16386b1f;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;color:var(--text);background:radial-gradient(circle at 0 0,#f18f012e,#0000 28%),radial-gradient(circle at 100% 0,#1f6feb33,#0000 24%),linear-gradient(#f6faff 0%,#dfeafb 100%);font-family:Space Grotesk,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-width:320px}a{color:inherit}button,input,select{font:inherit}.shell{width:min(1320px,100vw - 32px);margin:0 auto;padding:28px 0 72px}.hero{border-radius:var(--radius-xl);color:#f8f4ee;box-shadow:var(--shadow);background:linear-gradient(135deg,#1f6febf2,#124aa5eb),linear-gradient(160deg,#5dadff47,#0000 55%);gap:24px;padding:28px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";background:#ffffff14;border-radius:999px;width:280px;height:280px;position:absolute;inset:auto -64px -76px auto}.hero__kicker{color:#ffffffd6;letter-spacing:.05em;text-transform:uppercase;background:#ffffff1f;border-radius:999px;width:fit-content;padding:8px 12px;font-size:.9rem;display:inline-flex}.hero__title{max-width:12ch;margin:0;font-size:clamp(2.3rem,4vw,4.8rem);line-height:.96}.hero__copy{color:#ffffffd6;max-width:72ch;margin:0}.hero__meta{flex-wrap:wrap;gap:12px;display:flex}.hero-pill{color:#ffffffeb;background:#ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.95rem;display:inline-flex}.section{margin-top:22px}.section-grid{gap:18px;display:grid}.section-grid--double{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{border:1px solid var(--stroke);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:24px;animation:.55s both lift-in}.panel--feature{background:linear-gradient(160deg, #1f6feb14, transparent 60%), var(--panel-strong)}.panel__eyebrow{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.82rem}.panel__title{margin:0;font-size:1.45rem}.panel__subtitle{color:var(--muted);margin:10px 0 0}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric{border-radius:var(--radius-md);background:#ffffff8f;border:1px solid #261b0f14;padding:18px}.metric__label{color:var(--muted);margin:0 0 8px;font-size:.88rem}.metric__value{word-break:break-word;margin:0;font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.1}.metric__hint{color:var(--muted);margin:8px 0 0;font-size:.9rem}.stack{gap:14px;display:grid}.status-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status-badge{color:var(--text);background:#261b0f14;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:.92rem;display:inline-flex}.status-badge[data-tone=success]{color:var(--success);background:#0f766e24}.status-badge[data-tone=warning]{color:#9a5d00;background:#f18f0129}.status-badge[data-tone=danger]{color:var(--danger);background:#bb3e0324}.actions{flex-wrap:wrap;gap:10px;display:flex}.button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.button--primary{background:var(--accent);color:#fbf8f2;box-shadow:0 14px 28px #1f6feb3d}.button--primary:hover{background:var(--accent-strong)}.button--secondary{color:var(--text);background:#261b0f14}.button--ghost{color:var(--text);background:0 0;border:1px solid #261b0f1f}.button--signal{background:var(--signal);color:#22170a}.form{gap:14px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{gap:8px;display:grid}.field label{color:var(--muted);font-size:.94rem}.field input,.field select{border-radius:var(--radius-sm);width:100%;color:var(--text);background:#ffffffe0;border:1px solid #261b0f1f;padding:13px 14px}.field input:focus,.field select:focus{border-color:#1f6feb75;outline:2px solid #1f6feb38}.helper{color:var(--muted);margin:0;font-size:.9rem}.quote{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-strong);padding:12px 14px}.notice{border-radius:var(--radius-md);color:var(--text);background:#261b0f0f;border:1px solid #0000;padding:16px 18px}.notice[data-tone=success]{background:#0f766e1a;border-color:#0f766e2e}.notice[data-tone=error]{background:#bb3e031a;border-color:#bb3e032e}.notice[data-tone=info]{background:#1f6feb1a;border-color:#1f6feb29}.code-block{border-radius:var(--radius-md);background:#261b0f0d;padding:14px;overflow:auto}.list{color:var(--muted);margin:0;padding-left:18px}.list li+li{margin-top:6px}.mono{font-family:IBM Plex Mono,monospace}@keyframes lift-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=1080px){.section-grid--double,.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.shell{width:min(100vw - 18px,100%);padding-top:16px}.hero,.panel{padding:20px}.section-grid--double,.metrics,.form-grid{grid-template-columns:minmax(0,1fr)}.hero__title{max-width:100%}}