:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:linear-gradient(135deg,#eef4ff,#f7f9fc 40%,#eef2f8);line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{max-width:1360px;margin:0 auto;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:28px;background:linear-gradient(135deg,#0f172a,#172554);color:#fff;border-radius:28px;box-shadow:0 24px 60px #0f172a33}.topbar h1{margin:6px 0 4px;font-size:clamp(1.8rem,3vw,2.4rem)}.topbar p{margin:0;color:#ffffffd1;max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;opacity:.8}.header-badge{padding:12px 16px;border-radius:999px;background:#ffffff1f;white-space:nowrap}.tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:18px 0}.tab{border:1px solid #d6ddeb;background:#ffffffe6;border-radius:16px;padding:14px 12px;color:#23314f;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.tab:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0f172a14}.tab.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.content,.grid{display:grid;gap:16px}.two-col{grid-template-columns:1.1fr .9fr}.panel{background:#ffffffe6;border:1px solid #dde4f0;border-radius:28px;padding:24px;box-shadow:0 16px 40px #0f172a0f}.panel h2{margin-top:0;margin-bottom:16px}.hero-panel{min-height:220px}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hero-tags span{background:#e8f0ff;color:#1847b8;border-radius:999px;padding:8px 12px;font-size:.92rem}.feature-list{margin:0;padding-left:18px}.feature-list li+li{margin-top:8px}.field-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:8px}.field span{font-size:.92rem;font-weight:600;color:#334155}.field input,.field select{width:100%;border:1px solid #cfd8e7;border-radius:14px;padding:12px 14px;background:#fff;outline:none}.field input:focus,.field select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.check-field{display:flex;align-items:center;gap:10px;border:1px solid #d7e0ed;background:#f8fbff;border-radius:14px;padding:12px 14px}.button-row{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.button-row button,.tabs button,.compare-head button{border:none}.button-row button{background:#1d4ed8;color:#fff;padding:12px 16px;border-radius:14px}.button-row button.secondary,.compare-head button.ghost{background:#e8eef9;color:#223150}.button-row button:hover{background:#1e40af}.button-row button.secondary:hover,.compare-head button.ghost:hover{background:#dbe7f5}.banner{border-radius:18px;padding:14px 16px;margin-bottom:16px;font-weight:600}.banner.good{background:#dcfce7;color:#166534}.banner.warn{background:#fef3c7;color:#92400e}.banner.bad{background:#fee2e2;color:#991b1b}.banner.info{background:#e0f2fe;color:#075985}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.stat-card{border:1px solid #dde4f0;background:#f8fbff;border-radius:20px;padding:16px}.stat-card.good{background:#ecfdf5}.stat-card.warn{background:#fffbeb}.stat-card.bad{background:#fef2f2}.stat-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:6px}.stat-value{font-size:1.2rem;font-weight:700;color:#0f172a}.detail-list{display:grid;gap:10px}.detail-list.compact{font-size:.92rem}.detail-list>div{border-bottom:1px dashed #d6deeb;padding-bottom:8px}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.compare-card{border:1px solid #dce3ef;border-radius:24px;background:#f8fbff;padding:18px;display:grid;gap:12px}.compare-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.compare-title{font-size:1.1rem;font-weight:700}.muted{color:#64748b}@media (max-width: 1050px){.tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.two-col,.compare-grid{grid-template-columns:1fr}}@media (max-width: 720px){.app-shell{padding:14px}.topbar{padding:20px;flex-direction:column}.tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid,.checkbox-grid,.stat-grid{grid-template-columns:1fr}}.field input::placeholder{color:#94a3b8}.toolbar-note{color:#64748b;font-size:.95rem}.button-row{align-items:center}