.hva-seo-scanner{position:relative;isolation:isolate;padding:clamp(70px,8vw,130px) 24px;background:#0b0b0c;color:#f4f3ef;overflow:hidden}.hva-seo-scanner:before{content:"";position:absolute;inset:-20%;z-index:-2;background:radial-gradient(circle at 12% 8%,rgba(255,82,58,.18),transparent 28%),radial-gradient(circle at 86% 28%,rgba(96,255,178,.08),transparent 24%),linear-gradient(180deg,#111113,#080809 70%)}.hva-seo-scanner:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}.hva-seo-shell{width:min(1240px,100%);margin:0 auto}.hva-seo-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:end;margin-bottom:36px}.hva-seo-copy{max-width:900px}.hva-seo-eyebrow{display:flex;align-items:center;gap:10px;font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.12em;color:#a7a7a9}.hva-seo-dot{width:8px;height:8px;border-radius:50%;background:#66ffae;box-shadow:0 0 20px rgba(102,255,174,.65)}.hva-seo-head h2{margin:18px 0 14px;font-size:clamp(34px,5vw,72px);line-height:.98;letter-spacing:-.055em;max-width:920px;color:#fff}.hva-seo-head p{margin:0;max-width:850px;color:#a9a9ad;font-size:clamp(15px,1.7vw,19px);line-height:1.65}.hva-seo-badge{display:flex;align-items:flex-end;gap:12px;padding:16px 18px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.035);backdrop-filter:blur(16px)}.hva-seo-badge span{font:700 12px/1 ui-monospace,monospace;color:#ff5b45}.hva-seo-badge strong{font:700 12px/1.35 ui-monospace,monospace;letter-spacing:.08em}.hva-seo-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.045);box-shadow:0 28px 90px rgba(0,0,0,.35)}.hva-seo-input-wrap{min-width:0;display:flex;align-items:center;gap:12px;padding:0 18px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#0d0d0f}.hva-seo-proto{flex:0 0 auto;font:800 10px/1 ui-monospace,monospace;letter-spacing:.13em;color:#6cffad}.hva-seo-input{width:100%;height:64px;border:0;outline:0;background:transparent;color:#fff;font:600 clamp(15px,1.8vw,19px)/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.hva-seo-input::placeholder{color:#66676b}.hva-seo-start{height:66px;padding:0 25px;border:0;border-radius:15px;background:#f14f38;color:#fff;display:flex;align-items:center;justify-content:center;gap:22px;cursor:pointer;font:800 12px/1 ui-monospace,monospace;letter-spacing:.08em;transition:transform .2s ease,filter .2s ease}.hva-seo-start:hover{transform:translateY(-1px);filter:brightness(1.08)}.hva-seo-start:disabled{cursor:wait;opacity:.72}.hva-seo-start b{font-size:18px}.hva-seo-error{margin-top:12px;padding:12px 14px;border:1px solid rgba(255,91,69,.35);border-radius:12px;background:rgba(255,91,69,.08);color:#ff988a;font:600 13px/1.5 ui-monospace,monospace}.hva-seo-console-wrap{margin-top:24px;border:1px solid rgba(255,255,255,.13);border-radius:22px;overflow:hidden;background:rgba(5,6,7,.9);box-shadow:0 32px 100px rgba(0,0,0,.42)}.hva-seo-console-top{height:54px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}.hva-seo-console-title{display:flex;align-items:center;gap:7px;font:700 10px/1 ui-monospace,monospace;letter-spacing:.12em;color:#929397}.hva-seo-console-title i{width:8px;height:8px;border-radius:50%;background:#393a3d}.hva-seo-console-title i:first-child{background:#ff5f57}.hva-seo-console-title i:nth-child(2){background:#febc2e}.hva-seo-console-title i:nth-child(3){background:#28c840;margin-right:8px}.hva-seo-progress-text{font:800 11px/1 ui-monospace,monospace;color:#6cffad}.hva-seo-progress{height:2px;background:#1d1e20}.hva-seo-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#ff5b45,#72ffb4);transition:width .25s ease}.hva-seo-console{height:430px;overflow:auto;padding:20px 22px;background:radial-gradient(circle at 80% 10%,rgba(87,255,176,.035),transparent 30%),#090a0b;scrollbar-width:thin;scrollbar-color:#323438 #090a0b}.hva-line{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 7px;font:500 12px/1.52 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#c3c6ca}.hva-line.is-ok{color:#72ffb4}.hva-line.is-warn{color:#ffd166}.hva-line.is-error{color:#ff7665}.hva-line.is-muted{color:#686b70}.hva-seo-stats{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid rgba(255,255,255,.08)}.hva-seo-stats>div{min-width:0;padding:16px 18px;border-right:1px solid rgba(255,255,255,.08)}.hva-seo-stats>div:last-child{border-right:0}.hva-seo-stats span{display:block;margin-bottom:8px;color:#707277;font:700 9px/1 ui-monospace,monospace;letter-spacing:.12em}.hva-seo-stats strong{display:block;color:#fff;font:800 clamp(17px,2vw,24px)/1 ui-monospace,monospace}.hva-seo-actions{display:flex;gap:10px;padding:16px;border-top:1px solid rgba(255,255,255,.08)}.hva-seo-download,.hva-seo-again{min-height:54px;border-radius:13px;display:flex;align-items:center;justify-content:center;text-decoration:none;font:800 11px/1.2 ui-monospace,monospace;letter-spacing:.07em}.hva-seo-download{flex:1;gap:18px;background:#f14f38;color:#fff;padding:0 20px}.hva-seo-download b{font-size:18px}.hva-seo-again{padding:0 20px;border:1px solid rgba(255,255,255,.16);background:#131416;color:#ddd;cursor:pointer}.hva-seo-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px;border-top:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}.hva-seo-cta p{margin:0;color:#9b9da2;font-size:13px;line-height:1.55}.hva-seo-cta a{flex:0 0 auto;color:#fff;text-decoration:none;font:800 10px/1.2 ui-monospace,monospace;letter-spacing:.08em}.hva-seo-scanner.is-running .hva-seo-dot{animation:hvaPulse 1.2s ease-in-out infinite}@keyframes hvaPulse{50%{opacity:.4;box-shadow:0 0 8px rgba(102,255,174,.25)}}@media(max-width:900px){.hva-seo-head{grid-template-columns:1fr}.hva-seo-badge{display:none}.hva-seo-stats{grid-template-columns:repeat(3,1fr)}.hva-seo-stats>div:nth-child(3){border-right:0}.hva-seo-stats>div:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.08)}}@media(max-width:680px){.hva-seo-scanner{padding:64px 14px}.hva-seo-head{margin-bottom:24px}.hva-seo-head h2{font-size:38px}.hva-seo-form{grid-template-columns:1fr;padding:8px}.hva-seo-start{width:100%}.hva-seo-console{height:390px;padding:16px 14px}.hva-line{font-size:11px}.hva-seo-actions,.hva-seo-cta{flex-direction:column;align-items:stretch}.hva-seo-download,.hva-seo-again{width:100%}.hva-seo-stats>div{padding:14px 12px}}

/* HVA SEO ENGINE V3 — visual human-readable result */
.hva-seo-result{padding:0 18px 18px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}
.hva-result-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:30px 2px 26px}
.hva-result-kicker{font:800 10px/1 ui-monospace,monospace;letter-spacing:.14em;color:#6cffad;margin-bottom:11px}
.hva-result-intro h3{margin:0;color:#fff;font:850 clamp(44px,7vw,82px)/.9 ui-monospace,monospace;letter-spacing:-.07em}
.hva-result-intro p{max-width:720px;margin:13px 0 0;color:#9fa2a7;font-size:14px;line-height:1.65}
.hva-result-meter{--score:0;position:relative;width:126px;height:126px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at center,#0b0c0e 57%,transparent 58%),conic-gradient(#6cffad calc(var(--score)*1%),rgba(255,255,255,.08) 0);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.hva-result-meter:after{content:"";position:absolute;inset:10px;border-radius:50%;border:1px solid rgba(255,255,255,.06)}
.hva-result-meter strong{position:relative;z-index:1;color:#fff;font:850 28px/1 ui-monospace,monospace}.hva-result-meter span{position:relative;z-index:1;margin-top:5px;color:#777b80;font:700 10px/1 ui-monospace,monospace}
.hva-result-section{padding:28px 0;border-top:1px solid rgba(255,255,255,.08)}
.hva-result-section-head{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);gap:28px;align-items:start;margin-bottom:18px}
.hva-result-section-head h4{margin:0;color:#fff;font:850 clamp(19px,2.2vw,28px)/1.1 ui-monospace,monospace;letter-spacing:-.035em}.hva-result-section-head p{margin:0;color:#8e9196;font-size:13px;line-height:1.6}
.hva-problem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hva-problem-card{position:relative;display:flex;flex-direction:column;min-height:245px;padding:19px;border:1px solid rgba(255,255,255,.09);border-left-width:3px;border-radius:16px;background:rgba(255,255,255,.026);overflow:hidden}
.hva-problem-card:before{content:"";position:absolute;inset:0 0 auto;height:80px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}
.hva-problem-card.severity-critical{border-left-color:#ff5f57}.hva-problem-card.severity-high{border-left-color:#ff8a52}.hva-problem-card.severity-medium{border-left-color:#e9c85c}.hva-problem-card.severity-low{border-left-color:#69a7ff}
.hva-problem-card-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px}.hva-severity-badge{display:inline-flex;align-items:center;width:max-content;padding:6px 8px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#d7d8da;background:#121315;font:800 9px/1 ui-monospace,monospace;letter-spacing:.08em}.severity-critical .hva-severity-badge{color:#ff7f76;border-color:rgba(255,95,87,.25);background:rgba(255,95,87,.06)}.severity-high .hva-severity-badge{color:#ffa16f;border-color:rgba(255,138,82,.25);background:rgba(255,138,82,.06)}.severity-medium .hva-severity-badge{color:#f1d66f;border-color:rgba(233,200,92,.25);background:rgba(233,200,92,.06)}.severity-low .hva-severity-badge{color:#8ab8ff;border-color:rgba(105,167,255,.25);background:rgba(105,167,255,.06)}
.hva-problem-rank{color:#505257;font:800 10px/1 ui-monospace,monospace}.hva-problem-card h5{position:relative;margin:20px 0 10px;color:#fff;font-size:17px;line-height:1.25;letter-spacing:-.02em}.hva-problem-card p{position:relative;margin:0 0 19px;color:#96999e;font-size:12px;line-height:1.62}.hva-problem-meta{position:relative;margin-top:auto;display:flex;align-items:flex-end;gap:8px}.hva-problem-meta strong{color:#fff;font:850 26px/1 ui-monospace,monospace}.hva-problem-meta span{padding-bottom:2px;color:#6f7277;font:700 9px/1.2 ui-monospace,monospace;letter-spacing:.06em}.hva-problem-jump{position:relative;margin-top:14px;width:max-content;padding:0;border:0;background:transparent;color:#cfd1d4;cursor:pointer;font:800 9px/1 ui-monospace,monospace;letter-spacing:.09em}.hva-problem-jump:hover{color:#fff}
.hva-priority-list{border:1px solid rgba(255,255,255,.09);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.018)}.hva-priority-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:16px;align-items:center;padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.07);border-left:3px solid transparent}.hva-priority-row:last-child{border-bottom:0}.hva-priority-row.severity-critical{border-left-color:#ff5f57}.hva-priority-row.severity-high{border-left-color:#ff8a52}.hva-priority-row.severity-medium{border-left-color:#e9c85c}.hva-priority-row.severity-low{border-left-color:#69a7ff}.hva-priority-num{color:#56595e;font:800 11px/1 ui-monospace,monospace}.hva-priority-copy strong{display:block;color:#ececef;font-size:13px;line-height:1.35}.hva-priority-copy p{margin:5px 0 0;color:#85888d;font-size:11px;line-height:1.55}
.hva-details-list{display:grid;gap:9px}.hva-issue-detail{border:1px solid rgba(255,255,255,.09);border-left-width:3px;border-radius:14px;background:rgba(255,255,255,.018);overflow:hidden}.hva-issue-detail.severity-critical{border-left-color:#ff5f57}.hva-issue-detail.severity-high{border-left-color:#ff8a52}.hva-issue-detail.severity-medium{border-left-color:#e9c85c}.hva-issue-detail.severity-low{border-left-color:#69a7ff}.hva-issue-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;cursor:pointer}.hva-issue-summary::-webkit-details-marker{display:none}.hva-issue-summary-title{display:flex;align-items:center;gap:10px;min-width:0}.hva-issue-summary-title strong{color:#e9eaec;font-size:12px;line-height:1.4}.hva-severity-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#69a7ff;box-shadow:0 0 12px currentColor}.severity-critical .hva-severity-dot{background:#ff5f57}.severity-high .hva-severity-dot{background:#ff8a52}.severity-medium .hva-severity-dot{background:#e9c85c}.hva-issue-summary-meta{flex:0 0 auto;color:#71747a;font:700 9px/1 ui-monospace,monospace}.hva-issue-body{padding:0 18px 19px;border-top:1px solid rgba(255,255,255,.06)}.hva-issue-lead{margin:17px 0;color:#b3b5b9;font-size:13px;line-height:1.65}.hva-issue-block{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.hva-issue-block>b{display:block;margin-bottom:9px;color:#fff;font:800 10px/1 ui-monospace,monospace;letter-spacing:.08em}.hva-issue-block p{margin:0;color:#a5a8ad;font-size:12px;line-height:1.65}.hva-issue-block ul{margin:0;padding-left:18px;color:#a5a8ad}.hva-issue-block li{margin:5px 0;font-size:12px;line-height:1.55}.hva-action-block{padding:14px;border:1px solid rgba(108,255,173,.12);border-radius:11px;background:rgba(108,255,173,.035)}.hva-signal-tags{display:flex;flex-wrap:wrap;gap:7px}.hva-signal-tags span{padding:6px 8px;border-radius:8px;background:#111214;color:#979aa0;font:700 9px/1 ui-monospace,monospace}.hva-url-list{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.hva-more-url{color:#6cffad!important}
.hva-good-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hva-good-card{position:relative;min-height:150px;padding:17px;border:1px solid rgba(108,255,173,.11);border-radius:14px;background:rgba(108,255,173,.026)}.hva-good-check{position:absolute;top:15px;right:15px;width:23px;height:23px;border-radius:50%;display:grid;place-content:center;background:rgba(108,255,173,.08);color:#6cffad;font:800 11px/1 ui-monospace,monospace}.hva-good-card strong{display:block;padding-right:35px;color:#e8ecea;font-size:12px;line-height:1.35}.hva-good-card span{display:block;margin-top:10px;color:#6cffad;font:850 18px/1 ui-monospace,monospace}.hva-good-card p{margin:10px 0 0;color:#83878b;font-size:11px;line-height:1.55}.hva-report-note{margin:14px 0 0;color:#666a70;font:600 10px/1.55 ui-monospace,monospace}.hva-empty-state{grid-column:1/-1;padding:22px;border:1px dashed rgba(255,255,255,.12);border-radius:13px;color:#8d9095;font-size:12px;line-height:1.55}
@media(max-width:900px){.hva-result-section-head{grid-template-columns:1fr;gap:8px}.hva-problem-grid,.hva-good-grid{grid-template-columns:1fr}.hva-priority-row{grid-template-columns:40px minmax(0,1fr) auto}}
@media(max-width:680px){.hva-seo-result{padding:0 12px 12px}.hva-result-intro{grid-template-columns:1fr;padding:24px 0}.hva-result-meter{width:108px;height:108px}.hva-problem-card{min-height:auto}.hva-priority-row{grid-template-columns:32px minmax(0,1fr);gap:10px}.hva-priority-row>.hva-severity-badge{grid-column:2}.hva-issue-summary{align-items:flex-start;flex-direction:column}.hva-issue-summary-meta{padding-left:17px}.hva-result-section{padding:24px 0}}
.hva-line.is-critical{color:#ff6b61;font-weight:700}.hva-line.is-high{color:#ff9a68}.hva-line.is-medium{color:#f0d36b}.hva-line.is-low{color:#8dbaff}

/* ==========================================================
   HVA SEO ENGINE V3.1
   READABILITY / TYPOGRAPHY HOTFIX
   ========================================================== */

/* Overall result explanatory text */
.hva-result-intro p {
  font-size: 17px;
  line-height: 1.7;
  color: rgba(255,255,255,.76);
}

.hva-result-section-head p {
  font-size: 16px;
  line-height: 1.68;
  color: rgba(255,255,255,.68);
  max-width: 72ch;
}

/* ==========================================================
   TOP PROBLEMS
   ========================================================== */

.hva-problem-card {
  min-height: 275px;
  padding: 22px;
}

.hva-problem-card h5 {
  margin-top: 20px;
  margin-bottom: 12px;
  font-size: 20px;
  line-height: 1.32;
  letter-spacing: -.02em;
}

.hva-problem-card p {
  margin-bottom: 22px;
  font-size: 16px;
  line-height: 1.72;
  color: rgba(255,255,255,.72);
}

.hva-severity-badge {
  padding: 7px 10px;
  font-size: 11.5px;
  line-height: 1;
}

.hva-problem-rank {
  font-size: 12px;
}

.hva-problem-meta {
  gap: 10px;
}

.hva-problem-meta strong {
  font-size: 36px;
  line-height: 1;
}

.hva-problem-meta span {
  padding-bottom: 4px;
  font-size: 13px;
  line-height: 1.35;
  color: rgba(255,255,255,.55);
}

.hva-problem-jump {
  margin-top: 16px;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: .07em;
}

/* ==========================================================
   PRIORITY PLAN
   ========================================================== */

.hva-priority-row {
  grid-template-columns: 58px minmax(0,1fr) auto;
  gap: 18px;
  padding: 20px 18px;
}

.hva-priority-num {
  font-size: 13px;
}

.hva-priority-copy strong {
  font-size: 17px;
  line-height: 1.4;
}

.hva-priority-copy p {
  margin-top: 7px;
  font-size: 15.5px;
  line-height: 1.65;
  color: rgba(255,255,255,.68);
}

.hva-priority-row > .hva-severity-badge {
  min-width: 76px;
  min-height: 32px;
  justify-content: center;
  font-size: 11.5px;
}

/* ==========================================================
   DETAILED EXPLANATION
   ========================================================== */

.hva-details-list {
  gap: 13px;
}

.hva-issue-summary {
  padding: 20px 20px;
}

.hva-issue-summary-title {
  gap: 12px;
}

.hva-issue-summary-title strong {
  font-size: 16px;
  line-height: 1.45;
}

.hva-severity-dot {
  width: 9px;
  height: 9px;
  flex-basis: 9px;
}

.hva-issue-summary-meta {
  font-size: 12px;
  line-height: 1.25;
}

.hva-issue-body {
  padding: 0 20px 23px;
}

.hva-issue-lead {
  margin: 20px 0;
  max-width: 78ch;
  font-size: 16.5px;
  line-height: 1.75;
  color: rgba(255,255,255,.78);
}

.hva-issue-block {
  margin-top: 18px;
  padding-top: 18px;
}

.hva-issue-block > b {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1.25;
  letter-spacing: .06em;
}

.hva-issue-block p {
  max-width: 80ch;
  font-size: 15.5px;
  line-height: 1.72;
  color: rgba(255,255,255,.72);
}

.hva-issue-block ul {
  padding-left: 22px;
}

.hva-issue-block li {
  margin: 8px 0;
  font-size: 15.5px;
  line-height: 1.68;
  color: rgba(255,255,255,.72);
}

.hva-action-block {
  padding: 18px;
}

.hva-signal-tags {
  gap: 9px;
}

.hva-signal-tags span {
  padding: 8px 10px;
  font-size: 12.5px;
  line-height: 1.25;
}

.hva-url-list,
.hva-url-list li,
.hva-url-list a {
  font-size: 14.5px !important;
  line-height: 1.7 !important;
}

.hva-more-url {
  font-size: 14px !important;
  font-weight: 800;
}

/* ==========================================================
   GOOD SIGNALS
   ========================================================== */

.hva-good-card {
  min-height: 175px;
  padding: 21px;
}

.hva-good-card strong {
  padding-right: 38px;
  font-size: 16px;
  line-height: 1.4;
}

.hva-good-card span {
  margin-top: 11px;
  font-size: 27px;
  line-height: 1.1;
}

.hva-good-card p {
  margin-top: 12px;
  font-size: 15.5px;
  line-height: 1.68;
  color: rgba(255,255,255,.66);
}

.hva-good-check {
  width: 28px;
  height: 28px;
  font-size: 14px;
}

/* ==========================================================
   REPORT NOTES / EMPTY STATES
   ========================================================== */

.hva-report-note {
  font-size: 13px;
  line-height: 1.65;
}

.hva-empty-state {
  font-size: 15px;
  line-height: 1.65;
}

/* ==========================================================
   LIVE CONSOLE — ALSO MORE READABLE
   ========================================================== */

.hva-line {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.62;
}

.hva-seo-console-title {
  font-size: 11px;
}

.hva-seo-progress-text {
  font-size: 12px;
}

.hva-seo-stats span {
  font-size: 11px;
  line-height: 1.25;
}

.hva-seo-cta p {
  font-size: 15px;
  line-height: 1.65;
}

/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 900px) {

  .hva-problem-card h5 {
    font-size: 19px;
  }

  .hva-problem-card p {
    font-size: 15.5px;
  }

  .hva-priority-copy strong {
    font-size: 16px;
  }

  .hva-priority-copy p {
    font-size: 15px;
  }

  .hva-issue-lead {
    font-size: 16px;
  }

  .hva-issue-block p,
  .hva-issue-block li {
    font-size: 15px;
  }
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 680px) {

  .hva-result-intro p {
    font-size: 16px;
  }

  .hva-result-section-head p {
    font-size: 15px;
  }

  .hva-problem-card {
    padding: 19px;
  }

  .hva-problem-card h5 {
    font-size: 18px;
  }

  .hva-problem-card p {
    font-size: 15px;
    line-height: 1.68;
  }

  .hva-problem-meta strong {
    font-size: 32px;
  }

  .hva-problem-meta span {
    font-size: 12px;
  }

  .hva-priority-copy strong {
    font-size: 16px;
  }

  .hva-priority-copy p {
    font-size: 15px;
  }

  .hva-issue-summary-title strong {
    font-size: 15px;
  }

  .hva-issue-lead {
    font-size: 15.5px;
    line-height: 1.7;
  }

  .hva-issue-block p,
  .hva-issue-block li {
    font-size: 15px;
  }

  .hva-url-list,
  .hva-url-list li,
  .hva-url-list a {
    font-size: 13.5px !important;
  }

  .hva-good-card strong {
    font-size: 15.5px;
  }

  .hva-good-card p {
    font-size: 15px;
  }

  .hva-line {
    font-size: 13px;
    line-height: 1.6;
  }
}


/* ==========================================================
   HVA SEO ENGINE V3.2
   REMOVE HUGE GAP AFTER SEO SCANNER
   ========================================================== */

/* Сам SEO scanner не повинен залишати великий низ */
.hva-seo-scanner {
  padding-bottom: 42px !important;
  margin-bottom: 0 !important;
}

/* Перша штатна секція сайту одразу після scanner */
.hva-seo-scanner + section {
  margin-top: 0 !important;
  padding-top: 58px !important;
}

/* На випадок внутрішнього верхнього відступу першого контейнера */
.hva-seo-scanner + section > :first-child {
  margin-top: 0 !important;
}

/* Tablet */
@media (max-width: 900px) {
  .hva-seo-scanner {
    padding-bottom: 36px !important;
  }

  .hva-seo-scanner + section {
    margin-top: 0 !important;
    padding-top: 48px !important;
  }
}

/* Mobile */
@media (max-width: 680px) {
  .hva-seo-scanner {
    padding-bottom: 30px !important;
  }

  .hva-seo-scanner + section {
    margin-top: 0 !important;
    padding-top: 38px !important;
  }
}


/* ==========================================================
   HVA SEO ENGINE V3.3
   REAL HUGE GAP FIX
   Scanner is isolated from generic SECTION geometry
   ========================================================== */

html body main > .hva-seo-scanner,
html body .hva-seo-scanner {
    display: block !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: clamp(70px, 8vw, 130px) !important;
    padding-right: 24px !important;
    padding-bottom: 42px !important;
    padding-left: 24px !important;

    align-self: auto !important;
    place-self: auto !important;

    flex: none !important;

    transform: none;
}

/* Shell must end exactly after its actual content */
html body .hva-seo-scanner > .hva-seo-shell {
    display: block !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-bottom: 0 !important;
}

/* Completed console/result must not reserve hidden space */
html body .hva-seo-console-wrap {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-bottom: 0 !important;
}

html body .hva-seo-result {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

/* Native hidden elements must physically take zero space */
html body .hva-seo-scanner [hidden] {
    display: none !important;
}

/* Normal transition into the original SCOPE section */
html body .hva-seo-scanner + section {
    margin-top: 0 !important;
}

/* Tablet */
@media (max-width: 900px) {

    html body main > .hva-seo-scanner,
    html body .hva-seo-scanner {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        padding-top: 72px !important;
        padding-bottom: 38px !important;
    }
}

/* Mobile */
@media (max-width: 680px) {

    html body main > .hva-seo-scanner,
    html body .hva-seo-scanner {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        padding: 56px 14px 32px !important;
    }
}


/* ==========================================================
   HVA SEO ENGINE V3.4
   FIX: SHELL WAS VISUALLY SHIFTED UP WHILE KEEPING LAYOUT SPACE
   ========================================================== */

html body .hva-seo-scanner .hva-seo-shell {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    inset: auto !important;

    transform: none !important;
    translate: none !important;
    scale: none !important;
    rotate: none !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    vertical-align: baseline !important;
}

/* Result and final controls must stay in normal document flow */
html body .hva-seo-scanner .hva-seo-result,
html body .hva-seo-scanner .hva-seo-actions,
html body .hva-seo-scanner .hva-seo-cta {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    transform: none !important;
    translate: none !important;

    margin-left: 0;
    margin-right: 0;
}

/* Scanner height must be defined only by actual content */
html body .hva-seo-scanner {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    padding-bottom: 42px !important;
    overflow: visible !important;
}

/* No phantom space after the final CTA */
html body .hva-seo-scanner .hva-seo-cta {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* The original site section starts normally */
html body .hva-seo-scanner + .hw-v4-section {
    margin-top: 0 !important;
}

/* Tablet */
@media (max-width: 900px) {
    html body .hva-seo-scanner {
        padding-bottom: 36px !important;
    }
}

/* Mobile */
@media (max-width: 680px) {
    html body .hva-seo-scanner {
        padding-bottom: 30px !important;
    }
}


/* ==========================================================
   HVA SEO ENGINE V3.5
   REMOVE BIG SCANNER BACKGROUND / GLOW PANEL
   ========================================================== */

/* Main scanner wrappers */
html body .hva-seo-scanner,
html body .hva-seo-scanner .hva-seo-shell {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Kill pseudo-element glows / overlays */
html body .hva-seo-scanner::before,
html body .hva-seo-scanner::after,
html body .hva-seo-scanner .hva-seo-shell::before,
html body .hva-seo-scanner .hva-seo-shell::after {
    content: none !important;
    display: none !important;
    background: none !important;
    box-shadow: none !important;
}

/* If the big colored area is on intro / hero wrapper inside scanner */
html body .hva-seo-scanner .hva-seo-intro,
html body .hva-seo-scanner .hva-seo-console-wrap,
html body .hva-seo-scanner .hva-seo-result-wrap {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border-color: rgba(255,255,255,.10) !important;
}

/* Keep content readable, but no big panel look */
html body .hva-seo-scanner .hva-seo-console,
html body .hva-seo-scanner .hva-seo-result,
html body .hva-seo-scanner .hva-seo-actions,
html body .hva-seo-scanner .hva-seo-cta {
    background-image: none !important;
}

/* Optional: tighten the scanner a bit visually */
html body .hva-seo-scanner {
    padding-bottom: 28px !important;
}



/* HVA_AUDIT_METHODOLOGY_UI_V1 */

.hva-audit-methodology-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
}

.hva-audit-methodology-btn {
  appearance: none;
  border: 1px solid rgba(137, 195, 255, 0.42);
  background:
    linear-gradient(
      180deg,
      rgba(156, 212, 255, 0.18) 0%,
      rgba(120, 185, 255, 0.10) 100%
    );
  color: #dff3ff;
  border-radius: 18px;
  min-height: 66px;
  padding: 14px 18px;
  min-width: 210px;
  cursor: pointer;
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
  box-shadow:
    0 10px 30px rgba(81, 164, 255, 0.12),
    inset 0 1px 0 rgba(255,255,255,.06);
  text-align: left;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.hva-audit-methodology-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(166, 214, 255, 0.72);
  box-shadow:
    0 14px 34px rgba(81, 164, 255, 0.18),
    0 0 0 1px rgba(166,214,255,.10);
}

.hva-audit-methodology-btn:focus-visible,
.hva-audit-methodology-close:focus-visible {
  outline: 2px solid rgba(171, 220, 255, 0.90);
  outline-offset: 2px;
}

.hva-audit-methodology-btn .hva-method-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.hva-audit-methodology-btn .hva-method-kicker {
  font-size: 10px;
  line-height: 1;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(220, 242, 255, 0.72);
}

.hva-audit-methodology-btn .hva-method-title {
  font-size: 12px;
  line-height: 1.25;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #f3fbff;
  white-space: nowrap;
}

.hva-audit-methodology-btn .hva-method-arrow {
  flex: 0 0 auto;
  font-size: 15px;
  color: #bce5ff;
  opacity: .9;
}

.hva-audit-methodology-shift {
  position: relative;
}

@media (min-width: 1100px) {
  .hva-audit-methodology-shift {
    transform: translateX(-24px);
  }
}

.hva-audit-methodology-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(2, 7, 12, 0.76);
  backdrop-filter: blur(10px);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.hva-audit-methodology-overlay.is-open {
  display: flex;
}

.hva-audit-methodology-modal {
  width: min(980px, 100%);
  max-height: min(88vh, 920px);
  overflow: auto;
  border-radius: 28px;
  border: 1px solid rgba(137, 195, 255, 0.26);
  background:
    radial-gradient(circle at top right, rgba(92, 155, 255, 0.10), transparent 32%),
    linear-gradient(180deg, rgba(8,13,18,0.98) 0%, rgba(6,10,14,0.98) 100%);
  box-shadow:
    0 40px 110px rgba(0, 0, 0, 0.52),
    0 0 0 1px rgba(255,255,255,0.02) inset;
  color: #edf6ff;
  padding: 28px 28px 24px;
}

.hva-audit-methodology-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 20px;
}

.hva-audit-methodology-head h3 {
  margin: 0;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1;
  letter-spacing: -.03em;
  color: #f7fbff;
}

.hva-audit-methodology-head p {
  margin: 10px 0 0;
  color: rgba(230, 240, 248, 0.76);
  max-width: 720px;
  line-height: 1.6;
}

.hva-audit-methodology-close {
  appearance: none;
  border: 1px solid rgba(137, 195, 255, 0.28);
  background: rgba(119, 185, 255, 0.10);
  color: #e9f7ff;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  cursor: pointer;
  flex: 0 0 auto;
  font-size: 20px;
  line-height: 1;
}

.hva-audit-methodology-grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 18px;
}

.hva-audit-methodology-card,
.hva-audit-methodology-formula,
.hva-audit-methodology-note {
  border: 1px solid rgba(137, 195, 255, 0.14);
  background: rgba(255,255,255,0.02);
  border-radius: 20px;
  padding: 18px 18px 16px;
}

.hva-audit-methodology-formula {
  background:
    linear-gradient(
      180deg,
      rgba(140, 205, 255, 0.12) 0%,
      rgba(120, 185, 255, 0.06) 100%
    );
  border-color: rgba(137, 195, 255, 0.24);
}

.hva-audit-methodology-formula .hva-formula-label {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(221, 241, 255, 0.70);
  margin-bottom: 10px;
}

.hva-audit-methodology-formula .hva-formula-main {
  font-size: clamp(24px, 2.5vw, 34px);
  line-height: 1.15;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 10px;
}

.hva-audit-methodology-formula .hva-formula-text {
  color: rgba(232, 242, 248, 0.78);
  line-height: 1.65;
  font-size: 15px;
}

.hva-audit-methodology-card h4,
.hva-audit-methodology-note h4 {
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #f1fbff;
}

.hva-audit-methodology-card p,
.hva-audit-methodology-note p {
  margin: 0;
  color: rgba(232, 242, 248, 0.78);
  line-height: 1.65;
  font-size: 14px;
}

.hva-audit-methodology-stack {
  display: grid;
  gap: 14px;
}

.hva-audit-methodology-list {
  margin: 10px 0 0;
  padding-left: 18px;
  color: rgba(232, 242, 248, 0.78);
  line-height: 1.6;
  font-size: 14px;
}

.hva-audit-methodology-list li + li {
  margin-top: 6px;
}

.hva-audit-methodology-note {
  margin-top: 18px;
}

.hva-audit-methodology-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.hva-audit-methodology-badge {
  border: 1px solid rgba(137, 195, 255, 0.20);
  background: rgba(140, 205, 255, 0.08);
  color: #eaf6ff;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 12px;
  letter-spacing: .04em;
}

body.hva-methodology-open {
  overflow: hidden;
}

@media (max-width: 980px) {
  .hva-audit-methodology-grid {
    grid-template-columns: 1fr;
  }

  .hva-audit-methodology-btn {
    min-width: 0;
    width: auto;
    min-height: 62px;
  }
}

@media (max-width: 767px) {
  .hva-audit-methodology-row {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .hva-audit-methodology-btn {
    width: 100%;
  }

  .hva-audit-methodology-btn .hva-method-title {
    white-space: normal;
  }

  .hva-audit-methodology-modal {
    padding: 20px 18px 18px;
    border-radius: 22px;
  }

  .hva-audit-methodology-head {
    gap: 12px;
  }

  .hva-audit-methodology-head h3 {
    font-size: 28px;
  }
}


/* HVA_AUDIT_METHODOLOGY_LAYOUT_V2 */

/*
 * Desktop:
 * copy stays on the left,
 * methodology + HUMAN AUDIT become one compact right-side row.
 */
.hva-seo-head.hva-audit-methodology-row {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 11px;
  flex-wrap: nowrap;
}

.hva-seo-head.hva-audit-methodology-row > .hva-seo-copy {
  min-width: 0;
  margin-right: auto;
}

.hva-seo-head.hva-audit-methodology-row > .hva-audit-methodology-btn,
.hva-seo-head.hva-audit-methodology-row > .hva-seo-badge {
  flex: 0 0 auto;
}

/* Gentle blue — deliberately secondary to START DEEP ANALYSIS */
.hva-seo-head .hva-audit-methodology-btn {
  min-width: 218px;
  min-height: 66px;
  padding: 13px 17px;

  border-color: rgba(151, 205, 255, 0.42);

  background:
    linear-gradient(
      135deg,
      rgba(143, 202, 255, 0.16) 0%,
      rgba(111, 176, 242, 0.10) 55%,
      rgba(112, 184, 255, 0.07) 100%
    );

  box-shadow:
    0 12px 30px rgba(89, 165, 235, 0.10),
    inset 0 1px 0 rgba(255,255,255,0.055);
}

.hva-seo-head .hva-audit-methodology-btn:hover {
  border-color: rgba(174, 218, 255, 0.68);

  background:
    linear-gradient(
      135deg,
      rgba(154, 211, 255, 0.21) 0%,
      rgba(115, 184, 248, 0.13) 100%
    );

  box-shadow:
    0 14px 34px rgba(92, 171, 244, 0.16),
    inset 0 1px 0 rgba(255,255,255,0.07);
}

/* Shift only the hero copy — not the form and not the buttons. */
@media (min-width: 1100px) {

  .hva-seo-copy.hva-audit-methodology-shift {
    transform: translateX(-24px);
  }
}


/*
 * Tablet:
 * preserve the same visual hierarchy,
 * but allow the methodology button to shrink.
 */
@media (min-width: 768px) and (max-width: 1099px) {

  .hva-seo-head.hva-audit-methodology-row {
    gap: 9px;
  }

  .hva-seo-head .hva-audit-methodology-btn {
    min-width: 180px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .hva-seo-head .hva-method-title {
    font-size: 11px;
  }
}


/*
 * Mobile:
 * hero copy occupies the first row.
 * Methodology + HUMAN AUDIT remain together below it.
 */
@media (max-width: 767px) {

  .hva-seo-head.hva-audit-methodology-row {
    align-items: stretch;
    flex-wrap: wrap;
    gap: 10px;
  }

  .hva-seo-head.hva-audit-methodology-row > .hva-seo-copy {
    flex: 1 0 100%;
    width: 100%;
    margin-right: 0;
  }

  .hva-seo-head.hva-audit-methodology-row > .hva-audit-methodology-btn {
    width: auto;
    min-width: 0;
    flex: 1 1 0;
  }

  .hva-seo-head.hva-audit-methodology-row > .hva-seo-badge {
    flex: 0 0 auto;
  }

  .hva-seo-copy.hva-audit-methodology-shift {
    transform: none;
  }
}


/* HVA_AUDIT_METHODOLOGY_SCROLLBAR_V1 */

.hva-audit-methodology-modal {
  scrollbar-gutter: stable;

  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color:
    rgba(131, 190, 240, 0.48)
    rgba(255, 255, 255, 0.025);
}


/* Chromium / Edge / Safari */
.hva-audit-methodology-modal::-webkit-scrollbar {
  width: 10px;
}

.hva-audit-methodology-modal::-webkit-scrollbar-track {
  background:
    rgba(255, 255, 255, 0.018);

  border-radius: 999px;

  margin-top: 18px;
  margin-bottom: 18px;
}

.hva-audit-methodology-modal::-webkit-scrollbar-thumb {
  background:
    linear-gradient(
      180deg,
      rgba(151, 205, 255, 0.52) 0%,
      rgba(102, 169, 224, 0.34) 100%
    );

  border-radius: 999px;

  border: 3px solid transparent;
  background-clip: padding-box;

  min-height: 48px;

  box-shadow:
    inset 0 0 0 1px rgba(187, 224, 255, 0.08);
}

.hva-audit-methodology-modal::-webkit-scrollbar-thumb:hover {
  background:
    linear-gradient(
      180deg,
      rgba(174, 218, 255, 0.68) 0%,
      rgba(115, 184, 240, 0.48) 100%
    );

  border: 3px solid transparent;
  background-clip: padding-box;
}

.hva-audit-methodology-modal::-webkit-scrollbar-corner {
  background: transparent;
}