.hero {
  min-height:620px;
  grid-template-columns:.92fr 1.08fr;
  gap:28px
}
.hero h1 {
  font-size:clamp(40px,4.4vw,55px);
  letter-spacing:-2.4px
}
.hero-signals {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:23px
}
.hero-signals span {
  padding:8px 10px;
  border:1px solid #e7edf1;
  border-radius:6px;
  color:#64758a;
  font-size:10px;
  font-weight:600
}
.hero-actions {
  margin-top:21px
}
.report-scene {
  min-height:570px
}
.report-scene:before {
  width:470px;
  height:470px
}
.request-card,.request-result {
  position:relative;
  width:min(460px,94%);
  background:white;
  padding:23px 25px;
  border:1px solid #edf1f4;
  border-radius:14px;
  box-shadow:0 20px 65px #1e49621a;
  transform:rotate(-1deg)
}
.request-kicker,.sample-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#8493a4;
  font-size:8px;
  font-weight:800;
  letter-spacing:.9px
}
.free-pill {
  padding:6px 8px;
  border-radius:5px;
  color:#23815e;
  background:#e8f7ef;
  font-size:7px
}
.request-card h2,.request-result h2 {
  font:800 20px var(--display);
  letter-spacing:-.5px;
  margin:14px 0 5px
}
.request-intro {
  font-size:10px;
  line-height:1.55;
  color:#768598;
  margin:0 0 14px
}
.field-label {
  display:block;
  margin:10px 0 5px;
  font-size:9px;
  font-weight:700;
  color:#465a70
}
.request-card input:not([type=checkbox]):not([type=hidden]) {
  display:block;
  width:100%;
  height:36px;
  padding:0 10px;
  border:1px solid #dde5eb;
  border-radius:5px;
  background:#fff;
  color:var(--ink);
  font:11px var(--font);
  outline:none
}
.request-card input:focus {
  border-color:#62a7d6;
  box-shadow:0 0 0 3px #1682c51a
}
.request-card input::placeholder {
  color:#b2bdc8
}
.field-pair {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px
}
.consent-copy {
  margin-top:13px;
  padding:10px;
  background:#f7fafb;
  border-radius:6px
}
.consent-title {
  display:block;
  font-size:9px;
  font-weight:700;
  line-height:1.5;
  color:#344b63
}
.consent-line {
  display:flex;
  align-items:flex-start;
  gap:7px;
  margin-top:7px;
  color:#69798c;
  font-size:8px;
  line-height:1.55;
  cursor:pointer
}
.consent-line input {
  width:14px;
  height:14px;
  flex:none;
  margin:1px 0 0;
  accent-color:var(--blue)
}
.consent-policy {
  margin:6px 0 0;
  font-size:8px;
  line-height:1.4
}
.consent-policy a {
  color:var(--blue)
}
.request-submit {
  width:100%;
  min-height:39px;
  margin-top:11px;
  border:0;
  border-radius:5px;
  cursor:pointer;
  font:700 11px var(--font)
}
.request-submit:disabled {
  opacity:.62;
  cursor:wait
}
.form-message {
  min-height:23px;
  margin:8px 0 0;
  text-align:center;
  color:#8492a1;
  font-size:8px;
  line-height:1.5
}
.form-note {
  margin:3px 0 0;
  text-align:center;
  color:#8492a1;
  font-size:8px;
  line-height:1.45
}
.fi-flag {
  position:relative;
  display:inline-block;
  width:1.64em;
  height:1em;
  margin-left:.18em;
  vertical-align:-.18em;
  box-sizing:border-box;
  overflow:hidden;
  border:1px solid #dce2ea;
  background:#fff
}
.fi-flag::before,.fi-flag::after {
  position:absolute;
  content:"";
  background:#003580
}
.fi-flag::before {
  top:0;
  left:27.78%;
  width:16.67%;
  height:100%
}
.fi-flag::after {
  top:36.36%;
  left:0;
  width:100%;
  height:27.28%
}
.status-refresh {
  display:block;
  margin:8px auto 0;
  font-size:10px
}
.website-check {
  position:absolute!important;
  left:-10000px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important
}
.request-result {
  transform:rotate(-1deg);
  max-height:540px;
  overflow:auto
}
.result-kicker {
  font-size:8px;
  font-weight:800;
  letter-spacing:1px;
  color:var(--blue)
}
.result-summary,.result-time {
  color:#68798d;
  font-size:10px;
  line-height:1.6
}
.result-findings {
  list-style:none;
  padding:0;
  counter-reset:findings
}
.result-findings li {
  padding:12px 0;
  border-top:1px solid #edf1f4
}
.result-findings strong {
  display:block;
  font:700 11px var(--display)
}
.result-findings p {
  margin:5px 0 0;
  color:#6b7b8f;
  font-size:9px;
  line-height:1.55
}
.result-priority {
  display:block;
  margin-top:4px;
  color:#718196;
  font-size:8px
}
.request-result details {
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid #edf1f4
}
.request-result summary {
  cursor:pointer;
  font-size:10px;
  font-weight:700
}
.request-result[hidden],.request-card[hidden] {
  display:none
}
.sample-section {
  padding:84px 0;
  background:#f7fafc
}
.sample-layout {
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:54px;
  align-items:center
}
.sample-layout h2 {
  font:800 37px/1.17 var(--display);
  letter-spacing:-1.6px;
  margin:14px 0
}
.sample-layout h2 span {
  color:var(--blue)
}
.sample-layout>div:first-child>p {
  max-width:380px;
  color:#718095;
  font-size:12px;
  line-height:1.8
}
.sample-card {
  padding:23px 25px;
  background:white;
  border:1px solid #e8eef2;
  border-radius:11px;
  box-shadow:0 12px 34px #1d3e5c08
}
.sample-header {
  padding-bottom:13px;
  border-bottom:1px solid #edf1f4
}
.sample-header span:last-child {
  color:#bd8a2e
}
.sample-card article {
  display:grid;
  grid-template-columns:25px 1fr auto;
  gap:10px;
  padding:14px 0;
  border-bottom:1px solid #edf1f4
}
.sample-priority {
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:6px;
  background:#eff6fb;
  color:#237fbb;
  font-size:9px
}
.sample-card h3 {
  margin:1px 0 5px;
  font:700 10px var(--display)
}
.sample-card article p {
  margin:0;
  color:#8391a1;
  font-size:9px;
  line-height:1.55
}
.sample-effort {
  color:#8593a2;
  font-size:8px;
  white-space:nowrap
}
.sample-disclaimer {
  margin:12px 0 0;
  color:#8995a3;
  font-size:8px;
  line-height:1.5
}
.closing-cta {
  margin-top:72px
}
.hero-note {
  margin-top:20px
}
@media(max-width:900px) {
  .hero {
    grid-template-columns:1fr 1fr;
    gap:15px
  }
  .hero h1 {
    font-size:43px
  }
  .report-scene {
    transform:scale(.96)
  }
  .request-card,.request-result {
    width:96%;
    padding:20px
  }
  .sample-layout {
    gap:30px
  }
}
@media(max-width:700px) {
  .hero {
    display:flex;
    min-height:unset;
    gap:8px
  }
  .hero h1 {
    font-size:clamp(39px,10vw,52px)
  }
  .hero-signals {
    gap:6px
  }
  .hero-signals span {
    font-size:9px;
    padding:7px
  }
  .report-scene {
    min-height:555px;
    transform:none;
    margin-top:12px
  }
  .report-scene:before {
    width:350px;
    height:350px
  }
  .request-card,.request-result {
    width:min(420px,94%);
    padding:21px 19px
  }
  .request-card h2,.request-result h2 {
    font-size:19px
  }
  .sample-section {
    padding:63px 0
  }
  .sample-layout {
    grid-template-columns:1fr;
    gap:22px
  }
  .sample-layout h2 {
    font-size:32px
  }
  .sample-card {
    padding:19px 15px
  }
  .sample-card article {
    grid-template-columns:24px 1fr;
    gap:8px
  }
  .sample-effort {
    grid-column:2
  }
  .request-result {
    max-height:600px
  }
}
.skip-link {
  position:fixed;
  z-index:20;
  top:8px;
  left:8px;
  padding:10px 14px;
  background:white;
  color:var(--blue-deep);
  border:2px solid var(--blue);
  border-radius:5px;
  transform:translateY(-150%)
}
.skip-link:focus {
  transform:translateY(0)
}
:focus-visible {
  outline:3px solid #f0ab35!important;
  outline-offset:3px
}
.field-label {
  font-size:10px
}
.request-card input:not([type=checkbox]):not([type=hidden]) {
  font-size:13px
}
.consent-title {
  font-size:10px
}
.consent-line {
  font-size:10px
}
.form-message {
  font-size:9px
}
.hero-note {
  font-size:11px
}
@media(max-width:700px) {
  .request-card input:not([type=checkbox]):not([type=hidden]) {
    font-size:16px
  }
  .consent-title {
    font-size:10px
  }
  .consent-line {
    font-size:10px
  }
  .form-message {
    font-size:9px
  }
}