:root{--blue:#4f46e5;--blue-600:#4338ca;--blue-50:#eef2ff;--blue-100:#e0e7ff;--purple:#a855f7;--purple-50:#faf5ff;--navy:#0f172a;--navy-800:#1e1b4b;--slate:#64748b;--slate-400:#94a3b8;--gray:#f1f5f9;--line:#e2e8f0;--white:#fff;--green:#059669;--green-50:#ecfdf5;--amber:#b45309;--amber-50:#fffbeb;--red:#dc2626;--red-50:#fef2f2;--grad:linear-gradient(120deg, #4f46e5 0%, #6d4aea 45%, #a855f7 100%);--grad-soft:linear-gradient(120deg, #4f46e514, #a855f714);--shadow-sm:0 1px 2px #0f172a0f, 0 1px 3px #0f172a0a;--shadow:0 1px 2px #0f172a0a, 0 8px 24px -8px #312e8129;--shadow-lg:0 24px 60px -20px #312e8159;--r:14px;--r-sm:10px;--font-head:"Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--navy);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#f8fafc;margin:0;font-size:16px;line-height:1.55}h1,h2,h3,h4{font-family:var(--font-head);letter-spacing:-.02em;margin:0;line-height:1.15}p{margin:0}a{color:var(--blue);text-underline-offset:3px}button{font:inherit;color:inherit}img,svg{max-width:100%;display:block}:focus-visible{outline-offset:2px;border-radius:6px;outline:3px solid #4f46e573}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}.wrap-narrow{max-width:720px}.topbar{z-index:30;-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--line);background:#ffffffdb;position:sticky;top:0}.topbar.dark{color:#fff;background:#0f172ab8;border-bottom-color:#ffffff14}.topbar .wrap{justify-content:space-between;align-items:center;gap:16px;height:60px;display:flex}.brand{color:inherit;font-family:var(--font-head);letter-spacing:-.02em;align-items:center;gap:10px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.brand svg{width:30px;height:24px}.brand span{font-size:15px}.topbar nav{align-items:center;gap:6px;display:flex}.topbar nav a{color:inherit;opacity:.8;border-radius:8px;padding:8px 10px;font-size:14px;font-weight:500;text-decoration:none}.topbar nav a:hover{opacity:1;background:#7f7f7f1a}@media (width<=640px){.topbar nav .hide-sm{display:none}}.btn{cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn svg{width:18px;height:18px}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 6px 18px -6px #4f46e599}.btn-primary:hover{background:var(--blue-600);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary[disabled]{box-shadow:none;cursor:not-allowed;background:#a5b4fc;transform:none}.btn-grad{background:var(--grad);color:#fff;box-shadow:0 10px 30px -10px #7c3aedb3}.btn-grad:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-secondary{color:var(--blue);background:#fff;border-color:#c7d2fe}.btn-secondary:hover{border-color:var(--blue);background:var(--blue-50)}.btn-ghost{color:var(--slate);background:0 0}.btn-ghost:hover{color:var(--navy);background:var(--gray)}.btn-light{color:#fff;background:#ffffff1a;border-color:#ffffff38}.btn-light:hover{background:#ffffff2e}.btn-sm{border-radius:9px;min-height:36px;padding:0 12px;font-size:14px}.btn-block{width:100%}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);min-height:38px;color:var(--navy);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.chip:hover{background:var(--blue-50);border-color:#a5b4fc}.chip[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 4px 12px -4px #4f46e58c}.chip.soft[aria-pressed=true]{background:var(--blue-50);color:var(--blue-600);box-shadow:none;border-color:#a5b4fc}.badge{letter-spacing:.01em;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge svg{width:13px;height:13px}.badge-blue{background:var(--blue-50);color:var(--blue-600);border-color:#c7d2fe}.badge-purple{background:var(--purple-50);color:#7e22ce;border-color:#e9d5ff}.badge-green{background:var(--green-50);color:var(--green);border-color:#a7f3d0}.badge-amber{background:var(--amber-50);color:var(--amber);border-color:#fde68a}.badge-slate{background:var(--gray);color:var(--slate);border-color:var(--line)}.badge-navy{background:var(--navy);color:#fff}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--blue);font-size:12px;font-weight:700}.muted{color:var(--slate)}.small{font-size:14px}.tiny{font-size:12.5px}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.card{border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);background:#fff}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:28px}@media (width<=640px){.panel{border-radius:16px;padding:20px}}.field{gap:8px;display:grid}.field label,.label{color:var(--navy);font-size:14px;font-weight:600}.input,.textarea{width:100%;min-height:48px;font:inherit;color:var(--navy);background:#fff;border:1px solid #cbd5e1;border-radius:11px;padding:12px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.textarea{resize:vertical;min-height:120px;line-height:1.5}.input:focus,.textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 4px #4f46e526}.hint{color:var(--slate);font-size:13px}.notice{background:var(--blue-50);color:#312e81;border:1px solid #c7d2fe;border-radius:12px;gap:12px;padding:14px 16px;font-size:14px;line-height:1.5;display:flex}.notice svg{flex:none;width:18px;height:18px;margin-top:2px}.notice.amber{background:var(--amber-50);color:#78350f;border-color:#fde68a}.notice.slate{background:var(--gray);border-color:var(--line);color:#334155}.sample-ribbon{color:#78350f;letter-spacing:.06em;text-transform:uppercase;background:repeating-linear-gradient(135deg,#fef3c7,#fef3c7 12px,#fde68a 12px 24px);justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:flex}.footer{color:var(--slate);padding:40px 0 56px;font-size:13px}.footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:12px 24px;display:flex}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rise{animation:.35s both rise}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.sample-ribbon svg{flex:none;width:16px;height:16px}svg[viewBox="0 0 24 24"]{flex:none;width:1.1em;height:1.1em}