:root {
  --sp-ink: #071426;
  --sp-ink-2: #10243d;
  --sp-red: #d62828;
  --sp-coral: #ff595e;
  --sp-orange: #f4522f;
  --sp-green: #50e39a;
  --sp-cloud: #f4f7fb;
  --sp-line: #dce5f0;
  --sp-muted: #607089;
  --sp-white: #fff;
  --sp-shadow: 0 28px 75px rgba(7, 20, 38, .14);
}

body.sp-security-check-page { overflow-x: hidden; background: #f5f8fc; }
.sp-security-check-page #main-content { overflow: visible; }
.sp-check, .sp-check * { box-sizing: border-box; }
.sp-check { width: 100%; min-width: 0; overflow: clip; color: var(--sp-ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.55; }
.sp-check [hidden] { display: none !important; }
.sp-check button, .sp-check input, .sp-check textarea { font: inherit; }
.sp-check button { cursor: pointer; }
.sp-check button:disabled { cursor: not-allowed; }
body.sp-security-check-page .sp-check h1, body.sp-security-check-page .sp-check h2, body.sp-security-check-page .sp-check h3 { padding: 0; color: inherit; font-family: inherit; font-weight: 800; letter-spacing: -.04em; line-height: 1.08; }
.sp-check p { padding: 0; }
.sp-check :focus-visible { outline: 3px solid rgba(255, 89, 94, .34); outline-offset: 3px; }

.sp-check__landing {
  position: relative;
  min-height: min(820px, calc(100vh - 82px));
  padding: clamp(68px, 7.5vw, 118px) max(20px, calc((100vw - 1180px) / 2)) clamp(72px, 8vw, 120px);
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 82% 23%, rgba(214, 40, 40, .22), transparent 28%),
    radial-gradient(circle at 72% 82%, rgba(24, 91, 154, .36), transparent 34%),
    linear-gradient(132deg, #050d19 0%, #091d35 56%, #0d3157 100%);
}
.sp-check__landing::before { position: absolute; inset: 0; opacity: .2; pointer-events: none; content: ""; background-image: linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(to bottom, black 30%, transparent 92%); }
.sp-check__landing::after { position: absolute; right: -180px; top: -180px; width: 520px; height: 520px; border: 1px solid rgba(255,89,94,.16); border-radius: 50%; box-shadow: 0 0 0 80px rgba(255,89,94,.025), 0 0 0 160px rgba(255,89,94,.018); content: ""; }
.sp-check__landing-grid { position: relative; z-index: 2; display: grid; width: min(1180px, 100%); margin: 0 auto; align-items: center; grid-template-columns: 1.08fr .92fr; gap: clamp(50px, 7vw, 95px); }
.sp-check__landing-copy { min-width: 0; }
.sp-check__brandline { display: flex; align-items: center; gap: 11px; margin-bottom: clamp(42px, 6vw, 72px); color: #9eb0c6; font-size: .78rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.sp-check__brand-chip { display: inline-grid; width: 38px; height: 32px; place-items: center; border-radius: 8px; background: linear-gradient(135deg, var(--sp-red), var(--sp-coral)); color: #fff; font-size: .67rem; font-weight: 900; letter-spacing: .08em; box-shadow: 0 8px 22px rgba(214,40,40,.26); }
.sp-check__eyebrow { display: inline-flex; align-items: center; gap: 11px; margin-bottom: 18px; color: #ff8b8f; font-size: .76rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.sp-check__eyebrow::before { width: 28px; height: 2px; background: currentColor; content: ""; }
body.sp-security-check-page .sp-check__landing h1 { max-width: 760px; margin: 0 0 25px; color: #fff; font-size: clamp(3rem, 5.4vw, 5.7rem); }
body.sp-security-check-page .sp-check__landing h1 span { display: block; color: var(--sp-coral); }
.sp-check__intro { max-width: 700px; margin: 0 0 26px; color: #c5d1e0; font-size: clamp(1.05rem, 1.6vw, 1.24rem); }
.sp-check__proof { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 31px; }
.sp-check__proof span { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; background: rgba(255,255,255,.045); color: #d8e2ee; font-size: .8rem; font-weight: 700; }
.sp-check__proof span::before { color: var(--sp-green); content: "✓"; font-weight: 900; }
.sp-check__primary, .sp-check__submit { display: inline-flex; min-height: 56px; align-items: center; justify-content: center; gap: 20px; padding: 14px 25px; border: 0; border-radius: 13px; background: linear-gradient(135deg, var(--sp-red), #fb5432); box-shadow: 0 18px 38px rgba(214,40,40,.28); color: #fff; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease; }
.sp-check__primary:hover, .sp-check__submit:hover { transform: translateY(-2px); box-shadow: 0 24px 46px rgba(214,40,40,.34); }
.sp-check__microcopy { margin: 16px 0 0; color: #7f93aa; font-size: .72rem; }

.sp-check__object-map { min-width: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 27px; background: rgba(3,12,24,.73); box-shadow: 0 38px 90px rgba(0,0,0,.36); backdrop-filter: blur(12px); transform: rotate(.7deg); }
.sp-check__object-map-head { display: flex; align-items: center; gap: 7px; padding: 19px 23px; border-bottom: 1px solid rgba(255,255,255,.1); }
.sp-check__object-map-head > span { width: 9px; height: 9px; border-radius: 50%; background: #ff666b; }
.sp-check__object-map-head > span:nth-child(2) { background: #ffc85b; }
.sp-check__object-map-head > span:nth-child(3) { background: var(--sp-green); }
.sp-check__object-map-head b { margin-left: auto; color: #6f849d; font-size: .63rem; letter-spacing: .13em; }
.sp-check__object-plan { position: relative; min-height: 410px; padding: 34px; }
.sp-check__object-plan svg { position: absolute; inset: 30px; width: calc(100% - 60px); height: calc(100% - 60px); fill: rgba(14,48,78,.42); stroke: rgba(113,154,190,.22); stroke-width: 2; }
.sp-check__zone { position: absolute; z-index: 3; min-width: 132px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.11); border-radius: 13px; background: rgba(15,39,63,.94); box-shadow: 0 15px 35px rgba(0,0,0,.24); }
.sp-check__zone small { display: block; margin-bottom: 3px; color: #7187a1; font-size: .57rem; font-weight: 850; letter-spacing: .12em; }
.sp-check__zone strong { display: block; color: #e7eef7; font-size: .78rem; }
.sp-check__zone i { position: absolute; right: 12px; top: 14px; width: 7px; height: 7px; border-radius: 50%; background: var(--sp-green); box-shadow: 0 0 0 5px rgba(80,227,154,.1); }
.sp-check__zone--entry { left: 9%; top: 17%; }
.sp-check__zone--perimeter { right: 8%; top: 38%; }
.sp-check__zone--blind { left: 20%; bottom: 10%; }
.sp-check__zone--blind i { background: var(--sp-coral); box-shadow: 0 0 0 5px rgba(255,89,94,.12); }
.sp-check__scanner { position: absolute; z-index: 2; left: 51%; top: 49%; width: 145px; height: 145px; border: 1px solid rgba(255,89,94,.35); border-radius: 50%; transform: translate(-50%,-50%); }
.sp-check__scanner::before,.sp-check__scanner::after { position: absolute; inset: 20px; border: 1px solid rgba(255,89,94,.18); border-radius: 50%; content: ""; }
.sp-check__scanner::after { inset: 48%; background: var(--sp-coral); border: 0; box-shadow: 0 0 25px var(--sp-coral); }
.sp-check__scanner span { position: absolute; left: 50%; top: 50%; width: 50%; height: 1px; background: linear-gradient(to right,var(--sp-coral),transparent); transform-origin: left; animation: sp-scan 5s linear infinite; }
@keyframes sp-scan { to { transform: rotate(360deg); } }
.sp-check__object-status { display: flex; justify-content: space-between; gap: 12px; padding: 17px 22px; border-top: 1px solid rgba(255,255,255,.09); color: #7d91a9; font-size: .65rem; font-weight: 700; }
.sp-check__object-status span { display: flex; align-items: center; gap: 6px; }
.sp-check__object-status i { width: 6px; height: 6px; border-radius: 50%; background: var(--sp-green); }
.sp-check__object-status span:nth-child(2) i { background: var(--sp-coral); }

.sp-check__quiz, .sp-check__loading { min-height: min(780px, calc(100vh - 82px)); padding: clamp(48px, 7vw, 88px) 20px; background: radial-gradient(circle at 82% 5%, rgba(214,40,40,.08), transparent 26%), #f4f7fb; }
.sp-check__quiz-shell { width: min(960px, 100%); margin: 0 auto; overflow: hidden; border: 1px solid var(--sp-line); border-radius: 25px; background: #fff; box-shadow: var(--sp-shadow); }
.sp-check__quiz-top { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 27px; border-bottom: 1px solid #e7edf4; color: #75869c; font-size: .74rem; font-weight: 750; }
.sp-check__quiz-top > div { display: flex; align-items: center; gap: 11px; color: #4b5c72; }
.sp-check__quiz-top .sp-check__brand-chip { width: 32px; height: 27px; font-size: .58rem; }
.sp-check__progress { height: 5px; overflow: hidden; background: #edf1f6; }
.sp-check__progress span { display: block; width: 0; height: 100%; border-radius: 0 999px 999px 0; background: linear-gradient(90deg,var(--sp-red),var(--sp-coral)); transition: width .35s ease; }
.sp-check__question-body { padding: clamp(34px, 6vw, 66px); }
.sp-check__step { display: grid; width: 42px; height: 36px; margin-bottom: 20px; place-items: center; border-radius: 10px; background: #fff0f0; color: var(--sp-red); font-size: .7rem; font-weight: 900; letter-spacing: .08em; }
.sp-check__question-body h2 { max-width: 760px; margin: 0 0 12px; color: var(--sp-ink); font-size: clamp(1.8rem, 4vw, 3.15rem); }
.sp-check__question-description { max-width: 720px; margin: 0 0 28px; color: var(--sp-muted); font-size: .95rem; }
.sp-check__options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; margin-top: 30px; }
.sp-check__option { position: relative; display: grid; min-height: 76px; align-items: center; grid-template-columns: 42px 1fr auto; gap: 13px; padding: 14px 16px; border: 1px solid #dbe4ef; border-radius: 14px; background: #fbfcfe; cursor: pointer; transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease; }
.sp-check__option:hover { transform: translateY(-2px); border-color: #f2a5a8; box-shadow: 0 12px 28px rgba(7,20,38,.07); }
.sp-check__option:has(input:checked) { border-color: var(--sp-red); background: #fff7f7; box-shadow: 0 0 0 3px rgba(214,40,40,.08); }
.sp-check__option input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.sp-check__option-marker { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 10px; background: #eef3f8; color: #718198; font-size: .66rem; font-weight: 900; transition: background .18s,color .18s; }
.sp-check__option:has(input:checked) .sp-check__option-marker { background: var(--sp-red); color: #fff; }
.sp-check__option-text { color: #26374e; font-size: .91rem; font-weight: 720; line-height: 1.35; }
.sp-check__option-arrow { color: #9babbe; font-size: 1rem; }
.sp-check__option:has(input:checked) .sp-check__option-arrow { color: var(--sp-red); }
.sp-check__selection-hint { margin: 17px 0 0; color: #b42318; font-size: .82rem; }
.sp-check__quiz-actions { display: flex; justify-content: space-between; gap: 18px; padding: 19px 27px; border-top: 1px solid #e7edf4; background: #fafbfd; }
.sp-check__back, .sp-check__continue, .sp-check__restart { padding: 10px 4px; border: 0; background: transparent; color: #687990; font-size: .86rem; font-weight: 750; }
.sp-check__continue { padding: 11px 20px; border-radius: 10px; background: var(--sp-ink); color: #fff; }

.sp-check__loading { display: grid; place-items: center; }
.sp-check__loading-card { width: min(680px, 100%); padding: clamp(40px, 7vw, 70px); border: 1px solid var(--sp-line); border-radius: 25px; background: #fff; box-shadow: var(--sp-shadow); text-align: center; }
.sp-check__radar { position: relative; width: 100px; height: 100px; margin: 0 auto 27px; overflow: hidden; border: 1px solid #f2b3b5; border-radius: 50%; background: repeating-radial-gradient(circle,transparent 0 15px,rgba(214,40,40,.08) 16px 17px); }
.sp-check__radar::before,.sp-check__radar::after { position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: rgba(214,40,40,.13); content: ""; }
.sp-check__radar::after { transform: rotate(90deg); }
.sp-check__radar span { position: absolute; left: 50%; top: 50%; width: 50%; height: 1px; background: linear-gradient(to right,var(--sp-red),transparent); transform-origin: left; animation: sp-scan 1.6s linear infinite; }
.sp-check__radar i { position: absolute; left: 68%; top: 32%; width: 7px; height: 7px; border-radius: 50%; background: var(--sp-red); box-shadow: 0 0 0 5px rgba(214,40,40,.1); }
.sp-check__loading-card h2 { margin: 0 0 13px; font-size: clamp(1.8rem,4vw,2.8rem); }
.sp-check__loading-card > p { color: var(--sp-muted); }
.sp-check__loading-line { height: 5px; margin: 29px 0 18px; overflow: hidden; border-radius: 999px; background: #edf1f5; }
.sp-check__loading-line span { display: block; width: 42%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--sp-red),var(--sp-coral)); animation: sp-loading 1.15s ease-in-out infinite alternate; }
@keyframes sp-loading { from { transform: translateX(-90%); } to { transform: translateX(230%); } }
.sp-check__loading-error { padding: 12px; border-radius: 10px; background: #fff1f0; color: #b42318 !important; }
.sp-check__loading-error button { border: 0; background: none; color: inherit; text-decoration: underline; }
.sp-check__loading-back { margin-top: 8px; }

.sp-check__result { padding: clamp(50px,7vw,96px) 20px 110px; background: #f5f8fc; }
.sp-check__result-hero { display: grid; width: min(1120px,100%); margin: 0 auto; align-items: center; grid-template-columns: 260px 1fr; gap: clamp(35px,6vw,78px); padding: clamp(35px,6vw,68px); border-radius: 28px 28px 0 0; color: #fff; background: radial-gradient(circle at 90% 10%,rgba(214,40,40,.32),transparent 30%),linear-gradient(135deg,#050d19,#0c2c4d); }
.sp-check__score-ring { --score: 0deg; display: grid; width: 220px; height: 220px; margin: 0 auto; place-items: center; border-radius: 50%; background: conic-gradient(var(--risk-color,var(--sp-red)) var(--score),rgba(255,255,255,.1) 0); box-shadow: 0 25px 55px rgba(0,0,0,.3); }
.sp-check__score-ring::before { position: absolute; width: 176px; height: 176px; border-radius: 50%; background: #0b1d31; content: ""; }
.sp-check__score-ring { position: relative; }
.sp-check__score-ring > div { position: relative; z-index: 1; display: flex; align-items: baseline; }
.sp-check__score-ring strong { color: #fff; font-size: 4.25rem; letter-spacing: -.07em; line-height: 1; }
.sp-check__score-ring span { color: #8ea2ba; font-size: .9rem; }
.sp-check__result-copy .sp-check__eyebrow { margin-bottom: 14px; }
body.sp-security-check-page .sp-check__result-copy h1 { margin: 0 0 15px; color: var(--risk-color,var(--sp-coral)); font-size: clamp(2.4rem,5vw,4.8rem); }
.sp-check__result-copy > p { max-width: 690px; margin: 0; color: #c2cfdd; font-size: clamp(1rem,1.6vw,1.18rem); }
.sp-check__result-object { display: inline-flex; align-items: center; gap: 10px; margin-top: 22px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.13); border-radius: 9px; color: #8297af; font-size: .74rem; }
.sp-check__result-object strong { color: #fff; }
.sp-check[data-risk="good"] { --risk-color: #31c98d; }
.sp-check[data-risk="improve"] { --risk-color: #f0a43c; }
.sp-check[data-risk="high"] { --risk-color: #f06a4d; }
.sp-check[data-risk="serious"] { --risk-color: #ff4d54; }
.sp-check__result-content { width: min(1120px,100%); margin: 0 auto; overflow: hidden; border: 1px solid var(--sp-line); border-top: 0; border-radius: 0 0 28px 28px; background: #fff; box-shadow: var(--sp-shadow); }
.sp-check__result-panel { display: grid; grid-template-columns: 62px 1fr; gap: 24px; padding: clamp(31px,5vw,58px); border-bottom: 1px solid var(--sp-line); }
.sp-check__result-panel:last-child { border-bottom: 0; }
.sp-check__section-number { display: grid; width: 50px; height: 44px; place-items: center; border-radius: 11px; background: #fff0f0; color: var(--sp-red); font-size: .67rem; font-weight: 900; }
.sp-check__result-panel h2 { margin: 4px 0 25px; font-size: clamp(1.55rem,3vw,2.35rem); }
.sp-check__findings { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; }
.sp-check__findings li { display: grid; align-items: start; grid-template-columns: 34px 1fr; gap: 13px; padding: 15px; border-radius: 12px; background: #f8fafc; }
.sp-check__findings li > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: #ffe9e8; color: #c93732; font-size: .73rem; font-weight: 900; }
.sp-check__findings li.is-positive > span { background: #ddf8ec; color: #087b54; }
.sp-check__findings li.is-info > span { background: #e8f1fb; color: #356a9b; }
.sp-check__findings p { margin: 3px 0 0; color: #4d5e73; font-size: .91rem; }
.sp-check__recommendations { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; counter-reset: recommendation; }
.sp-check__recommendations li { display: grid; align-items: center; grid-template-columns: 43px 1fr; gap: 14px; padding: 16px 18px; border: 1px solid #dce5ee; border-radius: 12px; }
.sp-check__recommendations li > span { color: var(--sp-red); font-size: .68rem; font-weight: 900; letter-spacing: .08em; }
.sp-check__recommendations p { margin: 0; color: #34465c; font-weight: 720; }
.sp-check__result-note { margin: 20px 0 0; color: #7b8ba0; font-size: .81rem; }
.sp-check__disclaimer { width: min(1060px,calc(100% - 40px)); margin: 22px auto 0; padding: 14px 18px; border-left: 3px solid #b8c6d6; color: #6b7c92; font-size: .76rem; }

.sp-check__lead { display: grid; width: min(1120px,100%); margin: 55px auto 0; overflow: hidden; grid-template-columns: .82fr 1.18fr; border-radius: 28px; color: #fff; background: #071426; box-shadow: 0 30px 75px rgba(7,20,38,.2); }
.sp-check__lead-copy { padding: clamp(34px,5vw,58px); background: radial-gradient(circle at 15% 90%,rgba(214,40,40,.23),transparent 34%); }
body.sp-security-check-page .sp-check__lead-copy h2 { margin: 0 0 17px; color: #fff; font-size: clamp(2rem,3.7vw,3.35rem); }
.sp-check__lead-copy > p { color: #b6c4d6; }
.sp-check__lead-copy ul { display: grid; gap: 10px; margin: 27px 0 0; padding: 0; list-style: none; }
.sp-check__lead-copy li { position: relative; padding-left: 25px; color: #c9d5e3; font-size: .86rem; }
.sp-check__lead-copy li::before { position: absolute; left: 0; color: var(--sp-green); content: "✓"; font-weight: 900; }
.sp-check__lead-form { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; padding: clamp(30px,5vw,52px); border: 1px solid rgba(255,255,255,.13); border-radius: 25px; background: #10243d; }
.sp-check__field--wide { grid-column: 1 / -1; }
.sp-check__field label { display: block; margin-bottom: 6px; color: #b9c7d8; font-size: .75rem; font-weight: 750; }
.sp-check__field label span { color: #7f93aa; font-weight: 500; }
.sp-check__field input, .sp-check__field textarea { width: 100%; padding: 12px 13px; border: 1px solid #40536c; border-radius: 10px; outline: none; background: #0b1c30; color: #fff; transition: border-color .18s,box-shadow .18s; }
.sp-check__field input:focus, .sp-check__field textarea:focus { border-color: var(--sp-coral); box-shadow: 0 0 0 3px rgba(255,89,94,.13); }
.sp-check__field input[readonly] { color: #aebfd1; background: #152a43; }
.sp-check__field textarea { min-height: 105px; resize: vertical; }
.sp-check__honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.sp-check__consent { display: grid; align-items: start; grid-template-columns: 18px 1fr; gap: 10px; color: #aebdd0; font-size: .72rem; }
.sp-check__consent input { width: 16px; height: 16px; margin-top: 2px; accent-color: var(--sp-red); }
.sp-check__consent a { color: #ff979a; text-decoration: underline; text-underline-offset: 2px; }
.sp-check__submit { width: 100%; margin-top: 2px; }
.sp-check__submit:disabled { transform: none; opacity: .68; }
.sp-check__form-status { padding: 13px 15px; border-radius: 10px; font-size: .82rem; font-weight: 700; }
.sp-check__form-status.is-success { background: rgba(50,201,141,.15); color: #bdf6df; }
.sp-check__form-status.is-error { background: rgba(255,89,94,.15); color: #ffc4c6; }
.sp-check__privacy-note { margin: 0; color: #73879f; font-size: .67rem; }
.sp-check__restart { display: block; margin: 25px auto 0; color: #71839a; }

@media (max-width: 980px) {
  .sp-check__landing-grid { grid-template-columns: 1fr; }
  .sp-check__object-map { max-width: 680px; }
  .sp-check__result-hero { grid-template-columns: 220px 1fr; }
  .sp-check__score-ring { width: 190px; height: 190px; }
  .sp-check__score-ring::before { width: 150px; height: 150px; }
  .sp-check__score-ring strong { font-size: 3.7rem; }
  .sp-check__lead { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .sp-check__landing { min-height: auto; padding: 48px 14px 65px; }
  .sp-check__landing::after { right: -330px; }
  .sp-check__brandline { margin-bottom: 42px; }
  body.sp-security-check-page .sp-check__landing h1 { font-size: clamp(2.65rem,13vw,4rem); overflow-wrap: normal; }
  body.sp-security-check-page .sp-check__landing h1 span { display: inline; }
  .sp-check__intro { font-size: 1rem; }
  .sp-check__primary { width: 100%; }
  .sp-check__object-plan { min-height: 330px; padding: 20px; }
  .sp-check__object-plan svg { inset: 20px; width: calc(100% - 40px); height: calc(100% - 40px); }
  .sp-check__zone { min-width: 118px; padding: 11px 12px; }
  .sp-check__zone--entry { left: 5%; top: 12%; }
  .sp-check__zone--perimeter { right: 4%; top: 43%; }
  .sp-check__zone--blind { left: 9%; bottom: 7%; }
  .sp-check__scanner { width: 115px; height: 115px; }
  .sp-check__object-status { flex-wrap: wrap; justify-content: flex-start; }
  .sp-check__quiz, .sp-check__loading { min-height: calc(100vh - 72px); padding: 24px 10px 45px; }
  .sp-check__quiz-shell { border-radius: 18px; }
  .sp-check__quiz-top { padding: 14px 16px; }
  .sp-check__question-body { padding: 28px 17px 32px; }
  .sp-check__question-body h2 { font-size: clamp(1.75rem,8vw,2.35rem); }
  .sp-check__options { grid-template-columns: 1fr; margin-top: 24px; }
  .sp-check__option { min-height: 66px; padding: 11px 13px; }
  .sp-check__quiz-actions { padding: 14px 17px; }
  .sp-check__loading-card { padding: 38px 20px; border-radius: 18px; }
  .sp-check__result { padding: 28px 10px 75px; }
  .sp-check__result-hero { grid-template-columns: 1fr; gap: 28px; padding: 36px 20px; border-radius: 20px 20px 0 0; text-align: center; }
  .sp-check__result-copy .sp-check__eyebrow { justify-content: center; }
  body.sp-security-check-page .sp-check__result-copy h1 { font-size: clamp(2.15rem,10vw,3.2rem); }
  .sp-check__result-object { justify-content: center; }
  .sp-check__score-ring { width: 176px; height: 176px; }
  .sp-check__score-ring::before { width: 140px; height: 140px; }
  .sp-check__score-ring strong { font-size: 3.35rem; }
  .sp-check__result-content { border-radius: 0 0 20px 20px; }
  .sp-check__result-panel { grid-template-columns: 1fr; gap: 12px; padding: 30px 17px; }
  .sp-check__section-number { width: 42px; height: 36px; }
  .sp-check__findings li { grid-template-columns: 30px 1fr; padding: 13px; }
  .sp-check__recommendations li { padding: 14px; }
  .sp-check__disclaimer { width: calc(100% - 14px); padding: 12px 13px; }
  .sp-check__lead { margin-top: 38px; border-radius: 20px; }
  .sp-check__lead-copy { padding: 34px 20px; }
  .sp-check__lead-form { grid-template-columns: 1fr; padding: 27px 17px; border-radius: 18px; }
  .sp-check__field--wide { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .sp-check *, .sp-check *::before, .sp-check *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}