/* ============================================================
   Panicci Ventures — SEO audit thank-you / lead-capture state
   Shared by homepage (#audit) and /free-seo-audit/.
   Relies on design tokens defined in each page's :root.
   ============================================================ */
.audit-thanks{
  max-width:620px; margin:36px auto 0; text-align:center;
  background:hsl(var(--surface-2)); border:1px solid hsl(var(--border));
  border-radius:18px; padding:clamp(28px,5vw,38px) clamp(22px,4vw,32px);
  box-shadow:var(--shadow-card); animation:atIn .45s var(--ease);
}
@keyframes atIn{ from{ opacity:0; transform:translateY(14px) scale(.99); } to{ opacity:1; transform:none; } }

.at-badge{
  width:54px; height:54px; margin:0 auto 16px; border-radius:50%;
  display:grid; place-items:center; background:hsl(var(--green) / .12); color:hsl(var(--green));
}
.at-badge svg{ width:27px; height:27px; }
.at-title{ font-size:1.32rem; letter-spacing:-.02em; }
.at-sub{ margin-top:10px; color:hsl(var(--muted)); font-size:.96rem; }
.at-sub b{ color:hsl(var(--ink)); font-weight:600; }
.at-sub a, .at-alt a, .at-error a, .at-success a{
  color:hsl(var(--green)); font-weight:600; text-decoration:underline; text-underline-offset:2px;
}
.at-sub a:hover, .at-alt a:hover, .at-success a:hover{ color:hsl(var(--green-deep)); }

.at-capture{ margin-top:24px; padding-top:24px; border-top:1px solid hsl(var(--border)); }
.at-caphead{ font-weight:600; font-size:1.04rem; }
.at-form{ display:flex; gap:10px; flex-wrap:wrap; margin-top:16px; }
.at-form .audit-input{ flex:1 1 240px; box-shadow:none; }
.at-form .btn{ flex:0 0 auto; }
.at-hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.at-alt{ margin-top:14px; font-size:.85rem; color:hsl(var(--muted)); }
.at-error{ margin-top:12px; font-size:.88rem; color:hsl(8 62% 46%); }

.at-success .at-badge{ background:hsl(var(--gold) / .18); color:hsl(43 62% 30%); }
.at-success h3{ font-size:1.28rem; letter-spacing:-.02em; }
.at-success p{ margin-top:10px; color:hsl(var(--muted)); font-size:.95rem; }

@media (max-width:520px){ .at-form .btn{ width:100%; } }