:root{--bg-1:#f7f9ff;--bg-2:#ffffff;--ink:#172036;--muted:#667085;--line:#E6E9F2;--brand:#2563eb;--accent:#16a34a;--warn:#ffb020;--bad:#dc2626;--ok:#16a34a;--shadow:0 10px 30px rgba(21,24,40,.08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Inter,Roboto,Arial,sans-serif;background:radial-gradient(1000px 600px at 10% -10%,#EDF2FF 40%,transparent 60%),linear-gradient(180deg,var(--bg-1),#fff)}a{color:#335bda;text-decoration:none}.content a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:24px 20px 60px}.title{font-size:28px;margin:0 0 16px;color:#0b1220}.subtitle{font-size:22px;margin:0}.mini-title{margin:0 0 8px;font-weight:700}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.ml-8{margin-left:8px}.center-row{display:flex;align-items:center}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.card{background:var(--bg-2);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.form-grid{display:grid;gap:14px}@media (min-width:720px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.field{display:grid;gap:6px}.label{font-weight:600}.help{font-size:12px;color:var(--muted)}.help.error{color:var(--bad)}.inline-help{font-size:12px;color:var(--bad);margin-left:8px}.actions{display:flex;align-items:center;gap:12px;margin-top:8px}.input,.select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink)}.btn{padding:10px 16px;border-radius:10px;border:1px solid transparent;font-weight:700;cursor:pointer}.table-wrap{border:1px solid var(--line);border-radius:12px;overflow:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{padding:10px;border-bottom:1px solid #eef1f7;text-align:left}.table thead th{position:sticky;top:0;background:#f8faff;z-index:1}.badge{padding:2px 8px;border-radius:999px}.bad{color:var(--bad);font-weight:700}.ok{color:var(--ok);font-weight:700}.warn{color:var(--warn);font-weight:700}.alert{color:#b91c1c;background:#fee2e2;padding:12px 14px;border:1px solid #fecaca;border-radius:10px;margin-top:12px}.grid-2{display:grid;gap:16px}.grid-3{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.col-span-3{grid-column:1 / -1}.metric{background:#f6f8ff;padding:12px;border-radius:10px}.spinner{width:16px;height:16px;border:2px solid #9aa7c4;border-top-color:transparent;border-radius:50%;display:inline-block;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.navbar{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:saturate(1.1) blur(6px);backdrop-filter:saturate(1.1) blur(6px);background:#ffffffeb;border-bottom:1px solid var(--line)}.navbar-inner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:#0b1220;letter-spacing:.3px}.brand svg{width:24px;height:24px}.nav{display:flex;align-items:center;gap:8px}.navlink{color:#3b455b;padding:8px 12px;border-radius:10px;transition:all .18s ease;text-decoration:none}.nav-toggle{display:none}@media (max-width:720px){.nav-toggle{display:block}.nav{display:none;position:absolute;right:20px;top:68px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;flex-direction:column;min-width:200px;box-shadow:var(--shadow)}.nav.open{display:flex}}.hero{margin-top:16px;padding:36px 24px;background:linear-gradient(180deg,#f7faff,#fff);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.hero h1{margin:0 0 8px;font-size:32px;letter-spacing:.4px;color:#0b1220}.hero p{margin:0;color:var(--muted)}.mb-12{margin-bottom:12px}.tiles{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:18px}.tile{position:relative;overflow:hidden}.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(51,91,218,.08),transparent 70%);transform:translate(-100%);transition:transform .6s ease}.tile:hover:after{transform:translate(100%)}.footer{margin-top:60px;padding:26px 0;color:#51607a;background:linear-gradient(180deg,#fff,#f7f9ff);border-top:1px solid var(--line)}.footer .cols{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dash-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}@media (max-width:1100px){.dash-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.dash-grid{grid-template-columns:1fr}}.span-2{grid-column:span 2}.span-3{grid-column:1 / -1}.chart-card{height:420px}.chart-card>.chart-host,.chart-card-lg>.chart-host{width:100%;height:calc(100% - 28px)}.wizard{display:grid;gap:18px}.wizard-head{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow)}.wizard-title{margin:0 0 6px;font-size:18px}.wizard-title .emoji{margin-right:6px}.progress{position:relative;height:6px;background:#edf0f7;border-radius:999px;margin:12px 0}.progress .bar{height:100%;background:linear-gradient(90deg,#1f2a44,#0b0b14);border-radius:999px}.progress .step-label{position:absolute;right:0;top:-20px;font-size:12px;color:var(--muted)}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px}.tab{padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#f8faff}.tab.active{background:#0b0b14;color:#fff;border-color:#0b0b14}.step-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow)}.section-title{margin:0 0 4px}.grid-1{display:grid;gap:14px}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}.input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#fff}.hint{color:#8c92a3;font-size:12px}.slider-row{margin-top:6px}.slider{width:100%;accent-color:var(--brand)}.spread{display:flex;justify-content:space-between;font-size:12px;color:#8c92a3;margin-bottom:8px}.note{margin-top:12px;background:#f6f7fb;border:1px solid var(--line);padding:12px;border-radius:12px}.ok-box{margin-top:12px;padding:12px;border-radius:12px;background:#ecfdf5;color:#065f46;border:1px solid #bbf7d0}.error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;padding:10px 12px;border-radius:10px}.info{color:#334155;background:#e2e8f0;border:1px solid #cbd5e1;padding:10px 12px;border-radius:10px}.actions-row{margin-top:16px;display:flex;justify-content:space-between}.btn{padding:10px 16px;border-radius:10px;border:1px solid transparent;background:#fff;cursor:pointer}.btn.primary{background:#0b0b14;color:#fff;border-color:#0b0b14}.btn.success{background:var(--accent);color:#06210f;border-color:var(--accent)}.metrics{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{background:#f5f8ff;border:1px solid #e4ecff;border-radius:16px;padding:16px}.metric-value{font-size:28px;font-weight:800;color:var(--accent)}.metric-title{font-weight:600;margin-top:6px;color:#334155}.metric-tag{font-size:12px;color:var(--muted)}.result-card{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.rate-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0 14px}.pill{background:#f5f7fb;border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}.big{font-size:22px;font-weight:800}.blue{color:#2563eb}.green{color:#16a34a}.red{color:#dc2626}.muted-xs{font-size:12px;color:var(--muted)}.barband{position:relative;height:18px;margin-top:6px}.band{position:absolute;inset:0;border-radius:999px;background:linear-gradient(90deg,#fecaca,#fde68a,#dcfce7)}.marker{position:absolute;top:-4px;width:10px;height:26px;border-radius:999px;background:#111827;border:2px solid #fff;transform:translate(-50%)}.marker.ok{background:#16a34a}.marker.bad{background:#dc2626}.center{text-align:center}.verdict{margin-top:6px;font-weight:700}.verdict.ok{color:#16a34a}.verdict.bad{color:#dc2626}:root{--font-sans: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--ink:#0f172a;--muted:#64748b;--line:#E6E9F2;--brand:#2563eb;--brand-600:#1d4ed8;--accent:#16a34a;--accent-600:#15803d;--radius:12px;--radius-sm:10px;--nav-h:56px;--shadow:0 10px 30px rgba(21,24,40,.08)}html{font-size:16px}body{font-family:var(--font-sans);color:var(--ink);line-height:1.6;letter-spacing:.2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.h1,.hero h1{font-size:clamp(28px,3.2vw,40px);line-height:1.2;font-weight:800;margin:0 0 8px}h2,.h2,.title{font-size:clamp(22px,2.2vw,28px);font-weight:700;color:var(--ink)}h3,.h3,.subtitle{font-size:clamp(18px,1.6vw,22px);font-weight:700;color:var(--ink)}.muted{color:var(--muted)}.container{max-width:1080px;padding:20px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:var(--radius-sm);font-weight:700;line-height:1;border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,transform .02s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible{outline:3px solid rgba(37,99,235,.25);outline-offset:2px}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-600)}.btn-success{background:var(--accent);color:#06210f}.btn-success:hover{background:var(--accent-600)}.btn-outline{background:#fff;color:var(--brand);border-color:var(--brand)}.btn-outline:hover{background:#eef3ff}.btn-sm{padding:8px 12px;font-weight:600}.btn-lg{padding:12px 18px;font-size:1.05rem}.input,.select{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px}.input:focus,.select:focus{outline:none;border-color:#b9c7f9;box-shadow:0 0 0 3px #335bda26}.navbar{position:sticky;top:0;z-index:50;height:var(--nav-h);background:#ffffffeb;border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(1.05) blur(6px);backdrop-filter:saturate(1.05) blur(6px)}.navbar-inner{height:var(--nav-h);padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{font-weight:800;letter-spacing:.2px;color:var(--ink)}.nav{display:flex;gap:6px}.navlink{color:#374151;text-decoration:none;padding:6px 10px;border-radius:999px;font-weight:600;transition:background-color .15s ease,color .15s ease}.navlink:hover{background:#eef3ff}.navlink.active{background:var(--brand);color:#fff}.navbar .nav-toggle{display:none!important}@media (max-width: 720px){.navbar .nav-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:10px;border:1px solid var(--brand);color:var(--brand);background:#fff}.navbar .nav{display:none;position:absolute;right:20px;top:calc(var(--nav-h) + 8px);background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;min-width:220px;flex-direction:column;gap:6px;box-shadow:var(--shadow)}.navbar .nav.open{display:flex}}.hero{margin-top:14px;padding:28px 22px;background:linear-gradient(180deg,#f7faff,#fff);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.tiles{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.tile{border-radius:var(--radius);box-shadow:var(--shadow)}.tile:hover{box-shadow:0 16px 40px #1518281a}.footer{margin-top:40px;padding:18px 0;background:linear-gradient(180deg,#fff,#f7f9ff);border-top:1px solid var(--line);color:#5b6b86}.footer .cols{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.footer h4{margin:0 0 6px;font-weight:700}.footer a{color:#335bda}.footer small{color:#7a89a8}.table thead th{background:#f6f8ff}.chart-card>h4,.chart-card-lg>h4{margin-bottom:6px}.metrics.two{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 720px){.metrics.two{grid-template-columns:1fr}}.result-card.insight{border-left:4px solid #cbd5e1}.result-card.insight.ok{border-left-color:#16a34a}.result-card.insight.good{border-left-color:#3b82f6}.result-card.insight.warn{border-left-color:#f59e0b}.result-card.insight.bad{border-left-color:#ec5656}.result-card.insight .badge{background:#eef3ff;border:1px solid #dbe4ff;color:#1d4ed8;padding:4px 8px;border-radius:999px;font-weight:700}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:8px 0 10px}.page-head .h1{margin:0}@media (max-width: 720px){.page-head{flex-direction:column;align-items:flex-start}}.summary-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px;margin-bottom:8px}@media (max-width: 900px){.summary-grid{grid-template-columns:1fr 1fr}}@media (max-width: 620px){.summary-grid{grid-template-columns:1fr}}.summary-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow)}.summary-label{color:var(--muted);font-weight:600}.summary-value{font-weight:800;font-size:clamp(18px,3.2vw,24px);margin-top:6px}.summary-sub{color:var(--muted);font-size:12px}.insights-grid{display:grid;gap:18px;grid-template-columns:340px minmax(0,1fr);align-items:start;margin-top:6px}@media (max-width: 1100px){.insights-grid{grid-template-columns:300px 1fr}}@media (max-width: 900px){.insights-grid{grid-template-columns:1fr}}.stack>.card+.card{margin-top:14px}.charts{display:grid;gap:14px}.chart-card-lg{height:520px}.chart-card-lg>.chart-host{height:calc(100% - 28px)}.chart-card.tight{min-height:280px}.card.equalize{visibility:hidden}.insights-list{margin:8px 0 0;padding-left:18px}.insights-list li{margin:4px 0;color:#475569}.score-card{display:flex;gap:18px;align-items:center;background:#f6f9ff;border:1px solid #e6eef9;border-radius:16px;padding:16px}@media (max-width:720px){.score-card{flex-direction:column;align-items:flex-start}}.gauge{position:relative;width:148px;height:148px;border-radius:50%;background:conic-gradient(var(--c) var(--g),#eaf0fa 0);box-shadow:0 4px 18px #0f172a0f,inset 0 0 0 1px #e6eef9}.gauge-hole{position:absolute;inset:14px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center;box-shadow:inset 0 0 0 1px #eef2f7}.gauge-num{font-weight:800;font-size:28px;color:var(--c);line-height:1}.gauge-num span{font-size:12px;color:#64748b;margin-left:4px}.gauge-chip{margin-top:4px;font-weight:700;font-size:12px;padding:2px 8px;border-radius:999px;color:#0f172a;background:color-mix(in oklab,var(--c) 15%,white);border:1px solid color-mix(in oklab,var(--c) 40%,#e6eef9)}.score-copy .score-title{font-weight:700}.score-legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;color:#475569;font-size:12px}