.audit-hero { position: relative; overflow: clip; padding: clamp(72px, 9vw, 122px) 0 clamp(64px, 8vw, 96px); color: #f7f8fb; background: linear-gradient(125deg, #0d1230 0%, #18183b 56%, #5a173f 100%); }
.audit-hero::before { content: ""; position: absolute; width: 620px; height: 620px; right: -260px; top: -360px; border: 1px solid rgba(255,90,95,.24); border-radius: 50%; box-shadow: 0 0 0 80px rgba(255,90,95,.045), 0 0 0 170px rgba(255,90,95,.025); }
.audit-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.6fr); gap: clamp(42px,8vw,110px); align-items: center; }
.audit-hero h1 { max-width: 900px; margin-top: 22px; font-size: clamp(3rem,7vw,6.5rem); line-height: .98; }
.audit-hero .lede { max-width: 720px; margin-top: 25px; color: #c3c8d8; }
.audit-hero-actions { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; margin-top: 32px; }
.audit-hero-actions > span { color: #9da5ba; font-size: .78rem; }
.audit-preview { padding: clamp(26px,4vw,38px); border: 1px solid rgba(255,255,255,.13); border-radius: 28px; background: rgba(255,255,255,.075); box-shadow: 0 24px 80px rgba(0,0,0,.24); backdrop-filter: blur(18px); }
.audit-preview-label { display: block; color: #ff9397; font-size: .7rem; font-weight: 780; letter-spacing: .1em; text-transform: uppercase; }
.audit-preview > strong { display: block; margin-top: 18px; font-size: clamp(3.8rem,7vw,6rem); letter-spacing: -.07em; }
.audit-preview ul { display: grid; gap: 10px; margin-top: 18px; }
.audit-preview li { padding-top: 10px; border-top: 1px solid rgba(255,255,255,.09); color: #d3d7e2; font-size: .83rem; }
.audit-preview small { display: block; margin-top: 22px; color: #959db1; line-height: 1.5; }
.audit-layout { display: grid; grid-template-columns: minmax(0,1fr) 350px; gap: clamp(30px,6vw,76px); align-items: start; }
.audit-heading { margin-bottom: 30px; }
.audit-heading h2 { max-width: 760px; margin-top: 12px; }
.audit-heading p { max-width: 720px; margin-top: 14px; }
.audit-checklist fieldset { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; border: 0; }
.audit-option { position: relative; display: flex; min-height: 150px; gap: 14px; padding: 22px; border: 1px solid var(--line); border-radius: 19px; background: var(--surface); cursor: pointer; transition: transform var(--speed), border-color var(--speed), box-shadow var(--speed); }
.audit-option:hover { transform: translateY(-2px); border-color: var(--line-strong); box-shadow: var(--shadow-xs); }
.audit-option:has(input:checked) { border-color: var(--green); background: color-mix(in srgb, var(--green-soft) 55%, var(--surface)); }
.audit-option input { width: 20px; height: 20px; flex: 0 0 auto; margin-top: 1px; accent-color: var(--green); }
.audit-option b { display: block; font-size: .9rem; }
.audit-option small { display: block; margin-top: 8px; color: var(--muted); line-height: 1.55; }
.audit-result { position: sticky; top: 104px; padding: 30px; border-radius: 25px; color: #f7f8fb; background: var(--dark); box-shadow: var(--shadow-lg); }
.audit-score { display: flex; align-items: end; gap: 8px; margin-top: 24px; }
.audit-score strong { font-size: 4.8rem; line-height: .8; letter-spacing: -.08em; }
.audit-score span { color: #9ea8b9; }
.audit-meter { height: 8px; margin-top: 24px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.1); }
.audit-meter i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#ff7d4f,#ff2f86); transition: width .35s var(--ease); }
.audit-result h3 { margin-top: 25px; font-size: 1.35rem; }
.audit-result p { min-height: 76px; margin-top: 10px; color: #aeb6c6; font-size: .85rem; }
.audit-result .button { margin-top: 22px; }
.audit-result > small { display: block; margin-top: 13px; color: #80899c; text-align: center; }
.audit-contact-layout { align-items: center; }
.audit-contact-layout .contact-copy h2 { margin-top: 12px; font-size: clamp(2.4rem,5vw,4.5rem); }
.audit-benefits { display: grid; gap: 12px; margin-top: 25px; }
.audit-benefits li { display: flex; gap: 10px; align-items: center; color: var(--ink-2); }
.audit-benefits .icon { color: var(--green); }
.audit-trust { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(30px,7vw,90px); align-items: end; padding: clamp(34px,6vw,64px); border: 1px solid var(--line); border-radius: var(--radius-xl); background: var(--surface); }
.audit-trust h2 { margin-top: 10px; }
.audit-trust p { font-size: 1.02rem; }
@media (max-width: 980px) { .audit-hero-grid,.audit-layout { grid-template-columns: 1fr; } .audit-preview { max-width: 600px; } .audit-result { position: static; } }
@media (max-width: 680px) { .audit-hero { padding-top: 58px; } .audit-hero-actions { align-items: stretch; flex-direction: column; } .audit-hero-actions .button { width: 100%; } .audit-checklist fieldset,.audit-trust { grid-template-columns: 1fr; } .audit-option { min-height: 0; } }