.serp-tool{--serp-blue:#1e40af;--serp-blue-soft:#dbeafe;--serp-amber:#d97706;display:grid;grid-gap:1.1rem;gap:1.1rem}.serp-tool .hero-line{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem}.serp-tool h2{margin:0;letter-spacing:-.03em;font-size:1.55rem}.serp-tool .sub{color:var(--color-muted-foreground);margin:.25rem 0 0;max-width:52ch}.serp-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:.75rem;gap:.75rem}.serp-kpi{padding:1rem 1.05rem;border-radius:var(--radius);border:1px solid var(--color-border);background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(219,234,254,.35));transition:transform .2s ease,box-shadow .2s ease}.serp-kpi:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(30,64,175,.08)}.serp-kpi .n{font-size:1.55rem;font-weight:700;letter-spacing:-.03em;color:var(--serp-blue);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.serp-kpi .l{margin-top:.2rem;font-size:.78rem;color:var(--color-muted-foreground);font-weight:600}.serp-panel{padding:1.1rem;border-radius:var(--radius);border:1px solid var(--color-border);background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.serp-panel h3{margin:0 0 .85rem;font-size:.95rem}.serp-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem}.serp-tabs button{background:transparent;border:1px solid var(--color-border);color:var(--color-muted-foreground);min-height:44px}.serp-tabs button.active{background:var(--serp-blue);color:#fff;border-color:var(--serp-blue)}.serp-progress{height:8px;border-radius:999px;background:var(--serp-blue-soft);overflow:hidden}.serp-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--serp-blue),#3b82f6);transition:width .35s ease}.serp-err{color:var(--color-destructive);font-size:.9rem}.serp-ok{color:#047857;font-size:.9rem}@media (max-width:720px){.serp-tool h2{font-size:1.3rem}}