/* =============================================================================
 * website-check.css — Stile des Website-Checks (Donauwebdesign)
 * Tokens (--primary, --dark, --text, --light-text, --bg-light, --white, --red,
 * --border-color, --radius-*, --transition) kommen aus style.css (wird mitgeladen).
 * Alle Klassen sind wc-praefixt und unter #website-check gescopt -> kein Konflikt.
 * Statusfarben werden IMMER mit Icon + Text gepaart (Farbe nie allein).
 * ========================================================================== */
#website-check{
  --primary-dark:#003ecc;
  --good:#16a34a;   --good-bg:rgba(22,163,74,.10);   --good-bd:rgba(22,163,74,.24);
  --warn:#b45309;   --warn-bg:rgba(217,119,6,.10);   --warn-bd:rgba(217,119,6,.26);
  --bad:#dc2626;    --bad-bg:rgba(220,38,38,.09);    --bad-bd:rgba(220,38,38,.24);
  /* Dunklere Textvarianten: die Grafikfarben oben verfehlen als Badge-Text auf getöntem Grund den WCAG-AA-Kontrast (4,5:1). */
  --good-text:#166534; --warn-text:#92400e; --bad-text:#b91c1c;
  --neutral-bg:rgba(15,23,42,.045); --neutral-bd:var(--border-color);
}

/* ---- Section / Kopf ---- */
.wc-section{background:var(--bg-light);padding:108px 0 80px;}
.wc-container{max-width:960px;margin:0 auto;padding:0 24px;}
.wc-head{text-align:center;max-width:660px;margin:0 auto 36px;}
.wc-head-left{text-align:left;margin-left:0;}
.wc-eyebrow{display:block;color:var(--primary);font-size:.85rem;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;}
.wc-head h1,.wc-head h2{margin:0;color:var(--dark);letter-spacing:-.02em;}
.wc-head h1{font-size:clamp(1.9rem,4.2vw,2.7rem);line-height:1.1;}
.wc-head p{color:var(--light-text);font-size:1.12rem;line-height:1.6;margin-top:16px;}

/* ---- Eingabe-Formular (visueller Einstiegspunkt) ---- */
.wc-form{max-width:680px;margin:0 auto;}
.wc-field-label{display:block;font-weight:700;font-size:.85rem;color:var(--dark);
  letter-spacing:.04em;margin:0 0 9px 4px;text-transform:uppercase;}
.wc-field-row{display:flex;align-items:stretch;gap:10px;background:var(--white);
  border:1.5px solid var(--border-color);border-radius:16px;padding:8px;
  box-shadow:0 24px 60px -34px rgba(15,23,42,.30);transition:var(--transition);}
.wc-field-row:focus-within{border-color:var(--primary);box-shadow:0 24px 60px -28px rgba(0,82,255,.4);}
.wc-field-icon{flex:0 0 auto;width:46px;display:grid;place-items:center;color:var(--light-text);font-size:1.05rem;}
.wc-input{flex:1;min-width:0;border:none;background:transparent;font:inherit;font-size:1.08rem;
  color:var(--text);padding:12px 2px;outline:none;}
.wc-input::placeholder{color:#94a3b8;}
.wc-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;cursor:pointer;
  font:inherit;font-weight:700;border-radius:12px;white-space:nowrap;
  background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;
  font-size:1.02rem;padding:15px 26px;box-shadow:0 10px 25px -6px rgba(0,82,255,.4);transition:var(--transition);}
.wc-btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px -8px rgba(0,82,255,.5);}
.wc-btn-primary:disabled{opacity:.55;cursor:wait;transform:none;box-shadow:none;}
.wc-btn-primary i{transition:transform .3s ease;}
.wc-btn-primary:hover:not(:disabled) i{transform:translateX(4px);}
.wc-field-error{color:var(--bad);font-size:.92rem;font-weight:600;margin:12px 0 0 4px;}
.wc-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:20px 0 0;
  color:var(--light-text);font-size:.92rem;}
.wc-trust span{display:inline-flex;align-items:center;gap:7px;}
.wc-trust i{color:var(--good);}

/* ---- Ergebnis-Bereich ---- */
.wc-results{max-width:880px;margin:40px auto 0;scroll-margin-top:96px;} /* sticky Header verdeckt sonst die Oberkante */
.wc-results:empty{margin:0;}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.wc-overview{display:flex;align-items:center;gap:18px;background:var(--white);border:1px solid var(--border-color);
  border-radius:var(--radius-lg);padding:20px 22px;margin-bottom:26px;box-shadow:0 24px 60px -40px rgba(15,23,42,.3);}
.wc-overview-ic{flex:0 0 auto;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;
  font-size:1.4rem;background:rgba(0,82,255,.08);color:var(--primary);}
.wc-overview-tx b{display:block;color:var(--dark);font-size:1.06rem;}
.wc-overview-tx span{color:var(--light-text);font-size:.92rem;}
.wc-overview-tx code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--primary);font-size:.92em;}

/* ---- Gesamt-Score (Hero der Ergebnisse) ---- */
.wc-hero-score{display:flex;align-items:center;gap:22px;background:var(--white);border:1px solid var(--border-color);
  border-radius:var(--radius-lg);padding:24px 26px;margin-bottom:26px;box-shadow:0 30px 70px -40px rgba(15,23,42,.35);}
.wc-hscore-ring{flex:0 0 auto;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;
  font-weight:800;font-variant-numeric:tabular-nums;color:var(--light-text);
  background:conic-gradient(currentColor calc(var(--v,0)*1%),rgba(15,23,42,.08) 0);}
.wc-hscore-ring span{width:78px;height:78px;border-radius:50%;background:var(--white);display:grid;place-items:center;color:var(--dark);font-size:2rem;}
.wc-hscore-ring.is-loading{color:var(--primary);background:conic-gradient(var(--primary) 0 25%,rgba(15,23,42,.08) 25% 100%);animation:wc-rot 1s linear infinite;}
.wc-hscore-ring.is-loading span{font-size:1.4rem;color:var(--light-text);}
.wc-hscore-ring.is-good{color:var(--good);} .wc-hscore-ring.is-warn{color:var(--warn);} .wc-hscore-ring.is-bad{color:var(--bad);}
.wc-hscore-tx{min-width:0;}
.wc-hscore-label{font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--light-text);}
.wc-hscore-label code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--primary);text-transform:none;letter-spacing:0;overflow-wrap:anywhere;}
.wc-hscore-verdict{font-size:1.4rem;font-weight:800;color:var(--dark);letter-spacing:-.01em;margin:4px 0 6px;line-height:1.15;}
.wc-hscore-verdict.is-good{color:#15803d;} .wc-hscore-verdict.is-warn{color:var(--warn);} .wc-hscore-verdict.is-bad{color:var(--bad);}
.wc-hscore-sub{font-size:.86rem;color:var(--light-text);line-height:1.5;}
.wc-hscore-break{color:var(--text);font-weight:600;}
.wc-hero-score:focus{outline:none;} /* programmatischer Fokus nach Submit – kein sichtbarer Ring für Maus-Nutzer */
.wc-hscore-cta{margin-top:10px;font-size:.92rem;color:var(--light-text);line-height:1.5;}
.wc-hscore-cta a{color:#15803d;font-weight:700;text-decoration:none;white-space:nowrap;}
.wc-hscore-cta a:hover{text-decoration:underline;}
.wc-hscore-cta i{margin-right:3px;}
@media (max-width:560px){ .wc-hero-score{flex-direction:column;text-align:center;gap:14px;padding:22px 18px;} .wc-hscore-tx{text-align:center;} }

.wc-zone{margin-bottom:30px;}
.wc-zone-head{display:flex;align-items:center;gap:12px;margin:0 0 16px;}
.wc-zone-ic{flex:0 0 auto;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:rgba(0,82,255,.08);color:var(--primary);font-size:1rem;}
.wc-zone-title{margin:0;font-weight:800;color:var(--dark);font-size:1.18rem;letter-spacing:-.01em;}
.wc-zone-sub{margin:2px 0 0;color:var(--light-text);font-size:.9rem;}

.wc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:14px;}

/* ---- Ergebnis-Karte ---- */
.wc-card{position:relative;background:var(--white);border:1px solid var(--border-color);
  border-left:4px solid var(--border-color);border-radius:14px;padding:18px 18px 16px;
  display:flex;flex-direction:column;gap:10px;}
.wc-card.is-good{border-left-color:var(--good);}
.wc-card.is-warn{border-left-color:var(--warn);}
.wc-card.is-bad{border-left-color:var(--bad);}
.wc-card.is-info,.wc-card.is-neutral{border-left-color:#94a3b8;}
.wc-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.wc-card-title{font-weight:700;color:var(--dark);font-size:.98rem;line-height:1.3;}
.wc-card-metric{font-weight:800;color:var(--dark);font-size:1.05rem;white-space:nowrap;
  font-variant-numeric:tabular-nums;}

/* Status-Badge: Punkt/Icon + Text (nie nur Farbe) */
.wc-badge{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:.78rem;
  padding:5px 11px;border-radius:50px;line-height:1;border:1px solid transparent;white-space:nowrap;}
.wc-badge i{font-size:.82em;}
.is-good .wc-badge{color:var(--good-text);background:var(--good-bg);border-color:var(--good-bd);}
.is-warn .wc-badge{color:var(--warn-text);background:var(--warn-bg);border-color:var(--warn-bd);}
.is-bad .wc-badge{color:var(--bad-text);background:var(--bad-bg);border-color:var(--bad-bd);}
.is-info .wc-badge,.is-neutral .wc-badge{color:var(--light-text);background:var(--neutral-bg);border-color:var(--neutral-bd);}

/* Score-Kreis (PageSpeed-Kategorien) */
.wc-score{flex:0 0 auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  font-weight:800;font-size:1.02rem;font-variant-numeric:tabular-nums;
  background:conic-gradient(currentColor calc(var(--v,0)*1%),rgba(15,23,42,.07) 0);}
.wc-score span{width:36px;height:36px;border-radius:50%;background:var(--white);display:grid;place-items:center;color:var(--dark);font-size:.92rem;}
.is-good .wc-score{color:var(--good);}
.is-warn .wc-score{color:var(--warn);}
.is-bad .wc-score{color:var(--bad);}

.wc-card-explain{color:var(--text);font-size:.9rem;line-height:1.5;}
.wc-card-fix{display:flex;gap:8px;font-size:.86rem;line-height:1.45;color:var(--text);
  background:var(--neutral-bg);border-radius:10px;padding:10px 12px;}
.wc-card-fix i{color:var(--primary);margin-top:3px;flex:0 0 auto;font-size:.8rem;}
.wc-card-note{color:var(--light-text);font-size:.78rem;line-height:1.4;font-style:italic;}

/* ---- Skeleton / Laden ---- */
.wc-skeleton{position:relative;overflow:hidden;color:transparent!important;}
.wc-skel-line{height:12px;border-radius:6px;background:rgba(15,23,42,.07);margin:8px 0;}
.wc-skel-line.w60{width:60%;} .wc-skel-line.w40{width:40%;} .wc-skel-line.w80{width:80%;}
.wc-skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:wc-shimmer 1.3s infinite;}
@keyframes wc-shimmer{100%{transform:translateX(100%);}}
.wc-loading-msg{display:inline-flex;align-items:center;gap:9px;color:var(--light-text);font-size:.92rem;}
.wc-spin{width:16px;height:16px;border:2px solid rgba(0,82,255,.25);border-top-color:var(--primary);
  border-radius:50%;animation:wc-rot .7s linear infinite;}
@keyframes wc-rot{100%{transform:rotate(360deg);}}

/* ---- Vorschau-Karten (Startzustand, vor dem Prüfen) ---- */
.wc-teasers{margin-top:40px;}
.wc-teasers-h{text-align:center;color:var(--light-text);font-size:.9rem;font-weight:600;margin:0 0 16px;}
.wc-card.is-teaser{background:var(--bg-light);border-style:dashed;border-left-color:#cbd5e1;}
.wc-card.is-teaser .wc-card-title i{color:var(--primary);margin-right:9px;}
.wc-card.is-teaser .wc-card-explain{color:var(--light-text);}

/* ---- Skeleton-Karten + ladender Score-Ring (während des Ladens) ---- */
.wc-card.is-skeleton{border-left-color:#cbd5e1;gap:12px;}
.wc-card.is-skeleton .wc-card-top{align-items:center;}
.wc-score.is-loading{color:var(--primary);
  background:conic-gradient(var(--primary) 0 25%,rgba(15,23,42,.08) 25% 100%);
  animation:wc-rot .9s linear infinite;}
.wc-score.is-loading span{color:transparent;}

/* ---- KI-Sichtbarkeit ---- */
.wc-ki-intro{color:var(--text);font-size:.94rem;line-height:1.55;margin:0 0 14px;}
.wc-ki-refine{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px;}
.wc-ki-refine label{font-size:.86rem;color:var(--light-text);font-weight:600;}
.wc-ki-refine input{flex:1;min-width:160px;border:1.5px solid var(--border-color);border-radius:11px;
  padding:10px 13px;font:inherit;font-size:.95rem;color:var(--text);background:var(--white);}
.wc-ki-refine input:focus-visible{outline:none;border-color:var(--primary);}
.wc-ki-btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:11px;}
.wc-ki-btn{display:flex;align-items:center;gap:11px;text-decoration:none;background:var(--white);
  border:1.5px solid var(--border-color);border-radius:13px;padding:14px 16px;color:var(--dark);transition:var(--transition);}
.wc-ki-btn:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(0,82,255,.4);}
.wc-ki-btn:focus-visible{outline:3px solid rgba(0,82,255,.35);outline-offset:2px;}
.wc-ki-logo{flex:0 0 auto;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;
  font-size:1.05rem;color:#fff;}
.wc-ki-logo.perplexity{background:#20808d;}
.wc-ki-logo.bing{background:#0c8484;}
.wc-ki-logo.google{background:#1a73e8;}
.wc-ki-btn b{display:block;font-size:.95rem;}
.wc-ki-btn small{display:block;color:var(--light-text);font-size:.78rem;font-weight:500;}
.wc-ki-disclaimer{display:flex;gap:9px;margin-top:14px;color:var(--light-text);font-size:.82rem;line-height:1.5;}
.wc-ki-disclaimer i{color:var(--warn);margin-top:2px;flex:0 0 auto;}

/* ---- Abschluss-CTA unter dem Ergebnis ---- */
.wc-result-cta{text-align:center;background:var(--white);border:1px solid var(--border-color);
  border-radius:var(--radius-lg);padding:30px 24px;margin-top:6px;box-shadow:0 24px 60px -42px rgba(15,23,42,.3);}
.wc-result-cta h3{margin:0 0 8px;color:var(--dark);font-size:1.25rem;letter-spacing:-.01em;}
.wc-result-cta p{margin:0 auto 20px;color:var(--light-text);font-size:.98rem;max-width:480px;line-height:1.55;}
.wc-cta-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.wc-cta-row .wc-btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 10px 25px -6px rgba(22,163,74,.45);}
.wc-cta-row .wc-btn-primary:hover{box-shadow:0 18px 34px -8px rgba(22,163,74,.55);}

.wc-btn-ghost{display:inline-flex;align-items:center;gap:9px;text-decoration:none;background:transparent;
  color:var(--light-text);font-weight:600;font-size:.96rem;padding:14px 16px;border-radius:12px;transition:var(--transition);}
.wc-btn-ghost:hover{color:var(--primary);}
.wc-btn-ghost i{transition:transform .3s ease;}
.wc-btn-ghost:hover i{transform:translateX(4px);}
button.wc-btn-ghost{border:none;cursor:pointer;font-family:inherit;}
/* Sekundär-Aktionen unter der Haupt-CTA (andere Domain, Link/Text kopieren) */
.wc-cta-sub{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--border-color);}
.wc-mini-btn{font-size:.9rem;padding:9px 12px;}
.wc-mini-btn:hover i{transform:none;}
.wc-retry-row{margin-top:12px;text-align:center;}
.wc-retry-row .wc-btn-ghost{color:var(--primary);}
/* Fußnote „so entsteht die Teilnote" – spannt volle Breite im Karten-Grid */
.wc-score-note{grid-column:1/-1;margin:0;padding:8px 4px 0;font-size:.78rem;font-style:italic;color:var(--light-text);line-height:1.45;}

/* =============================================================================
 * Lade-Fortschritt (PageSpeed-Messung dauert ein paar Sekunden)
 * ========================================================================== */
.wc-loading{padding:6px 2px 2px;}
.wc-progress{height:8px;border-radius:50px;background:rgba(15,23,42,.07);overflow:hidden;margin:0 0 14px;}
.wc-progress-fill{height:100%;width:2%;border-radius:50px;
  background:linear-gradient(90deg,var(--primary),var(--primary-dark));
  transition:width .6s cubic-bezier(.25,.8,.3,1);}
.wc-load-msg{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:600;font-size:.96rem;}
.wc-load-msg .wc-spin{flex:0 0 auto;}
.wc-load-hint{color:var(--light-text);font-size:.86rem;margin:9px 0 0 26px;}

/* =============================================================================
 * On-Page-SEO-Checkliste (einzelne Google-Prüfungen)
 * ========================================================================== */
.wc-checklist{background:var(--white);border:1px solid var(--border-color);border-radius:14px;
  border-left:4px solid #94a3b8;overflow:hidden;}
.wc-checklist.is-good{border-left-color:var(--good);}
.wc-checklist.is-warn{border-left-color:var(--warn);}
.wc-checklist.is-bad{border-left-color:var(--bad);}
.wc-cl-head{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--border-color);}
.wc-cl-head .wc-score{width:50px;height:50px;}
.wc-cl-head-tx b{display:block;color:var(--dark);font-size:1rem;}
.wc-cl-head-tx span{color:var(--light-text);font-size:.88rem;}
.wc-cl-row{display:flex;align-items:flex-start;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border-color);}
.wc-cl-row:last-of-type{border-bottom:none;}
.wc-cl-ic{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;margin-top:1px;}
.wc-cl-ic.good{color:var(--good-text);background:var(--good-bg);}
.wc-cl-ic.bad{color:var(--bad-text);background:var(--bad-bg);}
.wc-cl-ic.warn{color:var(--warn-text);background:var(--warn-bg);}
.wc-cl-ic.info{color:var(--light-text);background:var(--neutral-bg);}
.wc-cl-tx{min-width:0;}
.wc-cl-tx b{font-weight:600;color:var(--dark);font-size:.93rem;}
.wc-cl-tx span{display:block;color:var(--light-text);font-size:.84rem;line-height:1.45;margin-top:2px;}
.wc-cl-note{color:var(--light-text);font-size:.78rem;font-style:italic;padding:12px 18px 14px;}
.wc-cl-sub{padding:14px 18px 4px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--light-text);}
.wc-cl-head .wc-badge{margin-left:auto;flex:0 0 auto;}

/* ---- Welle 2: Such-/Social-Vorschau ---- */
.wc-previews{display:grid;gap:18px;margin-bottom:16px;}
.wc-preview-label{font-size:.82rem;font-weight:600;color:var(--light-text);margin:0 0 8px;}
.wc-snippet{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:14px 16px;max-width:600px;}
.wc-snip-url{color:#5f6368;font-size:.8rem;margin-bottom:3px;overflow-wrap:anywhere;}
.wc-snip-title{color:#1a0dab;font-size:1.15rem;line-height:1.3;margin-bottom:3px;}
.wc-snip-desc{color:#4d5156;font-size:.88rem;line-height:1.5;}
.wc-socialcard{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border-color);
  border-radius:12px;overflow:hidden;max-width:480px;}
.wc-sc-img{height:170px;background-size:cover;background-position:center;background-color:var(--bg-light);}
img.wc-sc-img{width:100%;object-fit:cover;display:block;} /* og:image jetzt als <img> (kein CSS-Injection-Vektor) */
.wc-sc-noimg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--light-text);font-size:.85rem;}
.wc-sc-noimg i{font-size:1.7rem;}
.wc-sc-body{padding:12px 15px;border-top:1px solid var(--border-color);}
.wc-sc-body small{display:block;text-transform:uppercase;letter-spacing:.03em;color:var(--light-text);font-size:.72rem;margin-bottom:3px;}
.wc-sc-body b{display:block;color:var(--dark);font-size:.98rem;line-height:1.3;}
.wc-sc-body span{display:block;color:var(--light-text);font-size:.85rem;margin-top:3px;line-height:1.45;}

/* ---- Welle 2: Social-Chips ---- */
.wc-social-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;}
.wc-social-chip{display:inline-flex;align-items:center;gap:7px;background:var(--bg-light);border:1px solid var(--border-color);
  border-radius:50px;padding:6px 13px;font-size:.86rem;font-weight:600;color:var(--text);}
.wc-social-chip i{color:var(--primary);}

/* ---- Welle 3: Technologie-Stack (Chips je Gruppe) ---- */
.wc-tech-group{padding:12px 18px 2px;border-top:1px solid var(--border-color);}
.wc-tech-group:first-of-type{border-top:none;}
.wc-tech-lbl{font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--light-text);}
.wc-tech-chips{display:flex;flex-wrap:wrap;gap:8px;margin:9px 0 12px;}
.wc-tech-chip{display:inline-flex;align-items:center;gap:8px;background:var(--bg-light);border:1px solid var(--border-color);
  border-radius:50px;padding:7px 14px;font-size:.88rem;font-weight:600;color:var(--text);}
.wc-tech-chip i{color:var(--primary);font-size:.95em;}
.wc-tech-chip.is-soft{color:var(--light-text);font-weight:500;background:transparent;}
.wc-tech-chip.is-soft i{color:var(--light-text);}

/* ===== Info ===== */
.wc-info{background:var(--bg-light);padding:72px 0;}
.wc-info-inner{max-width:760px;margin:0 auto;padding:0 24px;}
.wc-info h2{color:var(--dark);font-weight:800;font-size:1.5rem;letter-spacing:-.01em;margin:34px 0 12px;}
.wc-info h2:first-child{margin-top:0;}
.wc-info p{color:var(--text);font-size:1.02rem;line-height:1.7;margin:0 0 14px;}
.wc-info code{background:rgba(15,23,42,.06);border-radius:5px;padding:1px 6px;font-size:.92em;}
.wc-info-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;}
.wc-info-cta .wc-btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 10px 25px -6px rgba(22,163,74,.45);text-decoration:none;}

/* ===== FAQ ===== */
.wc-faq{background:var(--white);padding:72px 0 92px;}
.wc-faq-inner{max-width:760px;margin:0 auto;padding:0 24px;}
.wc-faq-inner>.wc-eyebrow{text-align:left;}
.wc-faq-inner>h2{color:var(--dark);font-weight:800;font-size:1.5rem;letter-spacing:-.01em;margin:6px 0 24px;}
.wc-faq-item{border:1px solid var(--border-color);border-radius:14px;margin-bottom:12px;background:var(--white);overflow:hidden;}
.wc-faq-item>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;
  padding:18px 20px;font-weight:700;color:var(--dark);font-size:1.02rem;-webkit-tap-highlight-color:transparent;}
.wc-faq-item>summary::-webkit-details-marker{display:none;}
.wc-faq-item>summary::after{content:"";flex:none;margin-left:auto;width:10px;height:10px;
  border-right:2px solid var(--light-text);border-bottom:2px solid var(--light-text);
  transform:rotate(45deg);transition:transform .25s ease;}
.wc-faq-item[open]>summary{color:var(--primary);}
.wc-faq-item[open]>summary::after{transform:rotate(-135deg);border-color:var(--primary);}
.wc-faq-item>summary:focus-visible{outline:3px solid rgba(0,82,255,.35);outline-offset:-3px;}
.wc-faq-a{padding:0 20px 18px;color:var(--text);line-height:1.65;}
.wc-faq-a p{margin:0;}

/* ===== Responsive ===== */
@media (max-width:560px){
  .wc-section{padding:34px 0 52px;}
  .wc-head{margin-bottom:24px;}
  .wc-head p{font-size:1rem;}
  .wc-field-row{flex-wrap:wrap;padding:10px;}
  .wc-field-icon{display:none;}
  .wc-input{flex:1 1 100%;padding:8px 10px;font-size:1rem;}
  .wc-btn-primary{flex:1 1 100%;}
  .wc-info,.wc-faq{padding:48px 0 64px;}
  .wc-cards{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
  #website-check *{transition:none!important;animation:none!important;}
  .wc-skeleton::after{display:none;}
}