:root{
  color-scheme:dark;
  --hvs-bg:#050606;
  --hvs-panel:#0d0f0e;
  --hvs-panel2:#121412;
  --hvs-line:rgba(255,255,255,.12);
  --hvs-text:#f3f5f4;
  --hvs-muted:#919893;
  --hvs-accent:#a8ff00;
}

*{
  box-sizing:border-box;
}

html{
  background:var(--hvs-bg);
}

body{
  margin:0;
  background:
    radial-gradient(
      circle at 75% 9%,
      rgba(168,255,0,.075),
      transparent 31rem
    ),
    var(--hvs-bg);
  color:var(--hvs-text);
  font-family:
    Inter,
    Arial,
    sans-serif;
}

.hvs-shell{
  width:min(
    1180px,
    calc(100% - 40px)
  );
  margin:0 auto;
}

.hvs-hero{
  padding:
    110px 0
    72px;
}

.hvs-kicker{
  color:var(--hvs-accent);
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
}

.hvs-hero h1{
  max-width:950px;
  margin:18px 0 24px;
  font-size:clamp(
    46px,
    6vw,
    84px
  );
  line-height:.98;
  letter-spacing:-.058em;
}

.hvs-lead{
  max-width:820px;
  margin:0;
  color:#abb0ad;
  font-size:19px;
  line-height:1.7;
}

.hvs-form{
  margin-top:44px;
  padding:24px;
  border:
    1px solid
    var(--hvs-line);
  border-radius:20px;
  background:
    rgba(13,15,14,.86);
  box-shadow:
    0 30px 90px
    rgba(0,0,0,.28);
}

.hvs-form label{
  display:block;
  margin-bottom:11px;
  color:#c4c8c5;
  font-size:13px;
  font-weight:700;
}

.hvs-form-row{
  display:grid;
  grid-template-columns:
    minmax(0,1fr)
    auto;
  gap:12px;
}

.hvs-form input{
  width:100%;
  min-height:62px;
  padding:0 18px;
  border:
    1px solid
    rgba(255,255,255,.15);
  border-radius:12px;
  outline:0;
  background:#070807;
  color:#fff;
  font-size:17px;
}

.hvs-form input:focus{
  border-color:
    rgba(168,255,0,.55);
  box-shadow:
    0 0 0 3px
    rgba(168,255,0,.07);
}

.hvs-form button{
  min-height:62px;
  padding:0 28px;
  border:0;
  border-radius:12px;
  background:var(--hvs-accent);
  color:#081000;
  font-weight:950;
  letter-spacing:.04em;
  cursor:pointer;
}

.hvs-form button:disabled{
  opacity:.5;
  cursor:wait;
}

.hvs-note{
  margin:12px 0 0;
  color:#696f6b;
  font-size:12px;
  line-height:1.55;
}

.hvs-capabilities{
  padding:
    36px 0
    100px;
}

.hvs-section-head span{
  color:#767d78;
  font-size:12px;
  font-weight:800;
  letter-spacing:.16em;
}

.hvs-section-head h2{
  max-width:800px;
  margin:12px 0 32px;
  font-size:clamp(
    32px,
    4vw,
    52px
  );
  line-height:1.05;
  letter-spacing:-.045em;
}

.hvs-grid{
  display:grid;
  grid-template-columns:
    repeat(4,1fr);
  gap:14px;
}

.hvs-grid article{
  min-height:190px;
  padding:22px;
  border:
    1px solid
    var(--hvs-line);
  border-radius:17px;
  background:
    linear-gradient(
      145deg,
      #111311,
      #090a09
    );
}

.hvs-grid article>span{
  color:#616762;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
}

.hvs-grid h3{
  margin:33px 0 10px;
  font-size:20px;
}

.hvs-grid p{
  margin:0;
  color:var(--hvs-muted);
  line-height:1.55;
}

.hvs-results{
  padding:
    0 0
    110px;
}

.hvs-status{
  padding:18px 20px;
  border:
    1px solid
    var(--hvs-line);
  border-radius:14px;
  background:var(--hvs-panel);
  color:#aeb3af;
}

.hvs-summary{
  display:grid;
  grid-template-columns:
    230px
    1fr;
  gap:16px;
  margin-top:16px;
}

.hvs-score,
.hvs-count{
  padding:22px;
  border:
    1px solid
    var(--hvs-line);
  border-radius:17px;
  background:var(--hvs-panel);
}

.hvs-score span,
.hvs-count span{
  display:block;
  color:#777e79;
  font-size:11px;
  font-weight:800;
  letter-spacing:.11em;
}

.hvs-score strong{
  display:block;
  margin-top:8px;
  color:var(--hvs-accent);
  font-size:54px;
  letter-spacing:-.05em;
}

.hvs-counts{
  display:grid;
  grid-template-columns:
    repeat(4,1fr);
  gap:12px;
}

.hvs-count strong{
  display:block;
  margin-top:10px;
  font-size:30px;
}

.hvs-meta{
  margin-top:18px;
  color:#777e79;
  font-size:14px;
}

.hvs-issues{
  display:grid;
  gap:12px;
  margin-top:20px;
}

.hvs-issue{
  padding:20px;
  border:
    1px solid
    var(--hvs-line);
  border-radius:16px;
  background:#0c0e0d;
}

.hvs-issue-top{
  display:flex;
  align-items:center;
  justify-content:
    space-between;
  gap:18px;
}

.hvs-severity{
  display:inline-flex;
  padding:6px 9px;
  border:
    1px solid
    rgba(255,255,255,.15);
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.hvs-code{
  color:#6d736f;
  font:11px/1.4 monospace;
}

.hvs-issue h3{
  margin:15px 0 8px;
  font-size:18px;
}

.hvs-url{
  color:#7f8681;
  font-size:13px;
  overflow-wrap:anywhere;
}

.hvs-evidence{
  margin-top:14px;
  padding:14px;
  border-radius:10px;
  background:#060706;
  color:#89908b;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  font:
    12px/1.55
    ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;
}

.hvs-empty{
  color:#aeb3af;
}

.hvs-footer{
  padding:30px 0;
  border-top:
    1px solid
    var(--hvs-line);
  color:#656b67;
}

.hvs-footer .hvs-shell{
  display:flex;
  justify-content:
    space-between;
  gap:20px;
}

@media(max-width:900px){
  .hvs-grid{
    grid-template-columns:
      repeat(2,1fr);
  }

  .hvs-summary{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .hvs-shell{
    width:
      calc(100% - 24px);
  }

  .hvs-hero{
    padding:
      72px 0
      52px;
  }

  .hvs-form-row{
    grid-template-columns:1fr;
  }

  .hvs-grid{
    grid-template-columns:1fr;
  }

  .hvs-counts{
    grid-template-columns:
      repeat(2,1fr);
  }

  .hvs-footer .hvs-shell{
    flex-direction:column;
  }
}

/* HVA SITE AUDIT — ISSUE EXPLANATION V2 */

.hvs-guide{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}

.hvs-guide-block{
  padding:16px;
  border:
    1px solid
    rgba(255,255,255,.09);
  border-radius:12px;
  background:
    rgba(255,255,255,.025);
}

.hvs-guide-fix{
  border-color:
    rgba(168,255,0,.18);
  background:
    rgba(168,255,0,.035);
}

.hvs-guide-label{
  display:block;
  margin-bottom:8px;
  color:#8c938e;
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
}

.hvs-guide-fix
.hvs-guide-label{
  color:#a8ff00;
}

.hvs-guide-block p{
  margin:0;
  color:#aeb4b0;
  font-size:13px;
  line-height:1.65;
}

@media(max-width:720px){
  .hvs-guide{
    grid-template-columns:1fr;
  }
}

/* HVA SITE AUDIT FIX CTA V3 */

.hvs-fix-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;

  margin-top:28px;
  padding:28px 30px;

  border:
    1px solid
    rgba(168,255,0,.20);

  border-radius:18px;

  background:
    linear-gradient(
      115deg,
      rgba(168,255,0,.065),
      rgba(168,255,0,.012)
    );
}

.hvs-fix-cta__copy{
  max-width:720px;
}

.hvs-fix-cta__kicker{
  display:block;
  margin-bottom:9px;

  color:#a8ff00;

  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
}

.hvs-fix-cta h3{
  margin:0;

  color:#f5f7f6;

  font-size:
    clamp(
      24px,
      3vw,
      34px
    );

  letter-spacing:-.035em;
}

.hvs-fix-cta p{
  margin:10px 0 0;

  color:#919893;

  font-size:14px;
  line-height:1.65;
}

.hvs-fix-cta__button{
  display:inline-flex;
  flex:0 0 auto;

  align-items:center;
  justify-content:center;

  min-height:58px;

  padding:
    0 25px;

  border-radius:999px;

  background:#a8ff00;

  color:#071000 !important;

  text-decoration:none !important;

  white-space:nowrap;

  font-size:12px;
  font-weight:950;
  letter-spacing:.035em;

  transition:
    transform .18s ease,
    box-shadow .18s ease;
}

.hvs-fix-cta__button:hover{
  transform:translateY(-2px);

  box-shadow:
    0 12px 34px
    rgba(168,255,0,.20);
}

@media(max-width:760px){

  .hvs-fix-cta{
    flex-direction:column;
    align-items:flex-start;
  }

  .hvs-fix-cta__button{
    width:100%;
  }

}

/* HVA SITE AUDIT LIVE PROGRESS V1 */

.hvs-live-progress{
  position:relative;
  overflow:hidden;

  margin-top:12px;
  padding:17px 19px;

  border:
    1px solid
    rgba(255,255,255,.11);

  border-radius:14px;

  background:
    linear-gradient(
      110deg,
      rgba(13,15,14,.98),
      rgba(8,10,9,.98)
    );
}

.hvs-live-progress__top,
.hvs-live-progress__bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.hvs-live-progress__top{
  margin-bottom:12px;
}

.hvs-live-progress__top span{
  min-width:0;

  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;

  color:#b0b6b2;

  font-size:12px;
}

.hvs-live-progress__top strong{
  flex:0 0 auto;

  color:#a8ff00;

  font-size:17px;
  font-weight:950;
}

.hvs-live-progress__track{
  position:relative;
  overflow:hidden;

  width:100%;
  height:9px;

  border-radius:999px;

  background:
    rgba(255,255,255,.07);
}

.hvs-live-progress__bar{
  position:relative;

  width:0;
  height:100%;

  border-radius:inherit;

  background:
    linear-gradient(
      90deg,
      #67d800 0%,
      #a8ff00 65%,
      #d7ff83 100%
    );

  box-shadow:
    0 0 15px
    rgba(168,255,0,.35);

  transition:
    width .45s
    cubic-bezier(.22,.65,.32,1);
}

.hvs-live-progress__bar::after{
  content:"";

  position:absolute;

  top:0;
  bottom:0;

  width:90px;

  transform:
    translateX(-120px);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.80),
      transparent
    );

  filter:
    blur(2px);

  animation:
    hvaSiteAuditProgressSweep
    1.4s
    linear
    infinite;
}

.hvs-live-progress__bottom{
  margin-top:10px;

  color:#69706b;

  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
}

.hvs-live-progress__state{
  color:#a8ff00;

  font-size:9px;
  font-weight:950;
  letter-spacing:.13em;
}

.hvs-live-progress.is-running::before{
  content:"";

  position:absolute;

  width:120px;
  height:120px;

  right:-35px;
  top:-55px;

  border-radius:50%;

  background:
    rgba(168,255,0,.065);

  filter:
    blur(34px);

  pointer-events:none;
}

.hvs-live-progress.is-complete{
  border-color:
    rgba(168,255,0,.24);
}

.hvs-live-progress.is-complete
.hvs-live-progress__state::before{
  content:"✓ ";
}

@keyframes hvaSiteAuditProgressSweep{

  from{
    left:0;
    transform:
      translateX(-120px);
  }

  to{
    left:100%;
    transform:
      translateX(120px);
  }

}

@media(max-width:640px){

  .hvs-live-progress__top{
    align-items:flex-start;
  }

  .hvs-live-progress__top span{
    white-space:normal;
  }

}

/* HVA SITE AUDIT SEO CONTENT V1 */

.hvs-seo-content{
  padding:
    82px 0
    60px;
}

.hvs-seo-content__intro{
  max-width:920px;
}

.hvs-seo-content__kicker{
  display:block;

  margin-bottom:14px;

  color:#a8ff00;

  font-size:11px;
  font-weight:950;
  letter-spacing:.15em;
}

.hvs-seo-content h2{
  margin:
    0 0
    20px;

  color:#f4f6f5;

  font-size:
    clamp(
      31px,
      4vw,
      50px
    );

  line-height:1.05;
  letter-spacing:-.045em;
}

.hvs-seo-content__intro p,
.hvs-seo-content__accuracy p{
  color:#9ca39f;

  font-size:15px;
  line-height:1.78;
}

.hvs-seo-grid{
  display:grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    );

  gap:14px;

  margin-top:34px;
}

.hvs-seo-grid article{
  padding:23px;

  border:
    1px solid
    rgba(255,255,255,.11);

  border-radius:16px;

  background:#0d100e;
}

.hvs-seo-grid h3{
  margin:
    0 0
    10px;

  color:#f3f6f4;

  font-size:17px;
}

.hvs-seo-grid p{
  margin:0;

  color:#8d958f;

  font-size:13px;
  line-height:1.7;
}

.hvs-seo-content__accuracy{
  max-width:980px;

  margin-top:62px;
}

.hvs-seo-content__accuracy h2,
.hvs-seo-faq h2{
  font-size:
    clamp(
      28px,
      3.4vw,
      42px
    );
}

.hvs-seo-content__accuracy strong{
  color:#a8ff00;
}

.hvs-seo-faq{
  max-width:980px;

  margin-top:58px;
}

.hvs-seo-faq details{
  border-top:
    1px solid
    rgba(255,255,255,.11);
}

.hvs-seo-faq details:last-child{
  border-bottom:
    1px solid
    rgba(255,255,255,.11);
}

.hvs-seo-faq summary{
  cursor:pointer;

  padding:
    20px 3px;

  color:#eef1ef;

  font-size:15px;
  font-weight:800;
}

.hvs-seo-faq details p{
  max-width:820px;

  margin:
    -3px 0
    22px;

  color:#929a95;

  font-size:14px;
  line-height:1.72;
}

@media(max-width:900px){

  .hvs-seo-grid{
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );
  }

}

@media(max-width:620px){

  .hvs-seo-content{
    padding-top:58px;
  }

  .hvs-seo-grid{
    grid-template-columns:1fr;
  }

}

/* HVA SITE AUDIT EVIDENCE V2.6A */

.hvs-proof{
  margin-top:18px;
  padding:18px;

  border:
    1px solid
    rgba(255,255,255,.10);

  border-radius:14px;

  background:
    rgba(255,255,255,.022);
}

.hvs-proof-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;

  margin-bottom:15px;
}

.hvs-confidence,
.hvs-score-state{
  display:inline-flex;
  align-items:center;

  min-height:27px;

  padding:5px 9px;

  border-radius:999px;

  font-size:10px;
  font-weight:950;
  line-height:1;
  letter-spacing:.075em;
}

.hvs-confidence--confirmed{
  border:
    1px solid
    rgba(168,255,0,.32);

  color:#b9ff36;

  background:
    rgba(168,255,0,.08);
}

.hvs-confidence--high{
  border:
    1px solid
    rgba(255,205,74,.28);

  color:#ffd86b;

  background:
    rgba(255,205,74,.07);
}

.hvs-confidence--suspected{
  border:
    1px solid
    rgba(255,255,255,.15);

  color:#a6ada9;

  background:
    rgba(255,255,255,.035);
}

.hvs-score-state--counted{
  border:
    1px solid
    rgba(255,255,255,.14);

  color:#e6eae7;

  background:
    rgba(255,255,255,.045);
}

.hvs-score-state--supporting{
  border:
    1px solid
    rgba(86,172,255,.28);

  color:#8dc7ff;

  background:
    rgba(86,172,255,.07);
}

.hvs-proof-stats{
  display:grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    );

  gap:8px;

  margin-bottom:16px;
}

.hvs-proof-stats > div{
  padding:12px;

  border:
    1px solid
    rgba(255,255,255,.08);

  border-radius:10px;

  background:
    rgba(0,0,0,.18);
}

.hvs-proof-stats span{
  display:block;

  margin-bottom:6px;

  color:#717b75;

  font-size:9px;
  font-weight:900;
  letter-spacing:.11em;
}

.hvs-proof-stats strong{
  color:#f1f5f2;

  font-size:15px;
}

.hvs-proof-block{
  display:grid;
  gap:7px;

  margin-top:10px;
  padding-top:10px;

  border-top:
    1px solid
    rgba(255,255,255,.07);
}

.hvs-proof-label{
  color:#717b75;

  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
}

.hvs-proof-block code{
  display:block;

  overflow-wrap:anywhere;

  color:#bfc8c2;

  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    monospace;

  font-size:11px;
  line-height:1.6;
}

.hvs-evidence-pages,
.hvs-raw-evidence{
  margin-top:12px;

  border-top:
    1px solid
    rgba(255,255,255,.07);
}

.hvs-evidence-pages summary,
.hvs-raw-evidence summary{
  cursor:pointer;

  padding:
    12px 0
    8px;

  color:#98a19b;

  font-size:10px;
  font-weight:900;
  letter-spacing:.07em;
}

.hvs-evidence-pages__list{
  display:grid;
  gap:5px;

  padding-bottom:8px;
}

.hvs-evidence-pages__list div{
  overflow-wrap:anywhere;

  color:#aab2ad;

  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    monospace;

  font-size:10px;
  line-height:1.55;
}

.hvs-raw-evidence pre{
  max-height:300px;
  overflow:auto;

  margin:4px 0 0;
  padding:13px;

  border-radius:9px;

  background:#070908;

  color:#aeb7b1;

  white-space:pre-wrap;
  overflow-wrap:anywhere;

  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    monospace;

  font-size:10px;
  line-height:1.55;
}

.hvs-correlation{
  display:grid;
  gap:5px;

  margin-top:12px;
  padding:12px;

  border:
    1px solid
    rgba(86,172,255,.20);

  border-radius:10px;

  background:
    rgba(86,172,255,.045);
}

.hvs-correlation strong{
  color:#8dc7ff;

  font-size:9px;
  letter-spacing:.11em;
}

.hvs-correlation span{
  color:#c2d7ea;

  font-size:11px;
}

.hvs-correlation small{
  color:#7e91a2;

  font-size:10px;
  line-height:1.5;
}

.hvs-proof-screenshot img{
  display:block;

  width:min(
    100%,
    760px
  );

  height:auto;

  margin-top:3px;

  border:
    1px solid
    rgba(255,255,255,.12);

  border-radius:10px;
}

@media(max-width:620px){

  .hvs-proof{
    padding:14px;
  }

  .hvs-proof-stats{
    grid-template-columns:1fr;
  }

}
