/* Match Step 2’s 58cqw mascot height; reserve space below the existing portrait artwork. */
/* Step 3 uses the same navy, blue, white and gorilla branding as Step 2. */
.third-page .funnel{container-type:inline-size;background:#00233e;overflow:hidden}
.third-page header{padding:0 6%;height:15cqw;gap:12%}
.third-page .brand{width:49%;flex-shrink:0}
.third-page .brand>span,.third-page .header-tagline,.third-page .stage,.third-page .progress,.third-page nav{display:none}
.third-page .step-two-logo{display:block;width:100%;height:auto}
.third-page .first-step-progress{display:block;width:37%;font:900 2.7cqw/1.15 Inter,Arial,sans-serif;white-space:nowrap}
.third-page .step-dots{margin-top:1.6cqw}
.third-page .step-dots i{width:2cqw;height:2cqw}
.third-page .step-dots i:first-child{width:4.2cqw}
.third-page .step-dots i:nth-child(-n+3){background:#008bff}
.third-page .body{padding:0 6%}
.third-page .hero{display:block;position:relative;padding:5cqw 0 3cqw;min-height:60cqw}
.third-page .hero>div{width:60%;position:relative;z-index:2}
.third-page .hero h1{font:900 7.4cqw/.98 Inter,Arial,sans-serif;letter-spacing:-.3cqw;text-wrap:initial;text-shadow:none}
.third-page .hero mark{color:#00b7ed;font-size:7cqw}
.third-page .hero mark:after{content:'';display:block;height:.5cqw;width:93%;background:#00b7ed;transform:rotate(-3deg);margin:1.8cqw 0}
.third-page .hero p{font:700 max(14px,3cqw)/1.25 Inter,Arial,sans-serif;max-width:85%;margin-top:3cqw;background:none}
.third-page .hero #mascot{position:absolute;width:auto;height:58cqw;max-height:none;max-width:none;object-fit:contain;top:0;right:-2%;bottom:auto;margin:0;z-index:1}
.third-page .compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3cqw}
.third-page .compact .choice{display:grid;grid-template-columns:1fr auto;grid-template-rows:max(22px,5cqw) 1fr;gap:1.2cqw;align-items:start;min-height:0;padding:2.3cqw 2cqw;border:1px solid #dce4ec;border-radius:1.6cqw;box-shadow:none}
.third-page .compact .option-symbol{grid-column:1;grid-row:1;text-align:left;color:#008bff}
.third-page .compact .option-symbol .ui-icon{width:5cqw;height:5cqw;min-width:22px;min-height:22px}
.third-page .compact .choice>span:nth-of-type(2){grid-column:1/-1;grid-row:2}
.third-page .compact .choice strong{font:900 max(14px,3cqw)/1.15 Inter,Arial,sans-serif;letter-spacing:-.1cqw}
.third-page .compact .choice small{font:400 max(12px,2.3cqw)/1.3 Arial,sans-serif;margin-top:1cqw}
.third-page .compact .choice i{grid-column:2;grid-row:1;width:4.4cqw;height:4.4cqw;min-width:18px;min-height:18px;border:2px solid #071838;border-radius:50%}
.third-page .choice:has(input:checked),.third-page .check-card:has(input:checked){background:#e7f5ff;border-color:#008bff;box-shadow:0 0 0 2px #008bff}
.third-page .choice:has(input:checked) i{background:#008bff;border-color:#008bff}
.third-page .choice:has(input:checked) i:after{font-size:3cqw;line-height:3.5cqw}
.third-page .section-heading,.third-page .interest-heading{font:900 max(17px,3.8cqw)/1.15 Inter,Arial,sans-serif;letter-spacing:-.12cqw;margin:4cqw 0 1.2cqw}
.third-page .interest-heading span{color:#00b7ed;font-size:.7em}
.third-page .hint{font-size:max(12px,2.3cqw);line-height:1.35;margin:0 0 1.8cqw;color:#c7dce9}
.third-page .issue-grid,.third-page .interest-extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4cqw;margin:1.8cqw 0}
.third-page .issue-grid .check-card,.third-page .interest-extras .check-card{grid-template-columns:5cqw minmax(0,1fr) 4cqw;gap:1.6cqw;min-height:max(48px,10cqw);padding:1.8cqw;border:1px solid #dce4ec;border-radius:1.5cqw}
.third-page .check-card .ui-icon{width:5cqw;height:5cqw;color:#008bff}
.third-page .check-card strong{font:800 max(13px,2.5cqw)/1.15 'Barlow Condensed',Arial,sans-serif}
.third-page .check-card i{width:4cqw;height:4cqw;min-width:16px;min-height:16px;border:2px solid #071838;border-radius:.7cqw}
.third-page .actions{margin-top:3cqw;gap:1.6cqw}
.third-page .actions button{min-height:12cqw;border-radius:2cqw}
.third-page #back{width:25%;padding:1cqw;font-size:3.7cqw;border-color:#fff}
.third-page .actions .primary{padding:1cqw;font:900 7.4cqw/1 Inter,Arial,sans-serif;background:#008bff}
.third-page .primary b{position:static;margin-left:1cqw}
.third-page .reassurance{font-size:max(13px,2.6cqw);margin:2.5cqw 0 4cqw}
.third-page footer{border:0;padding-top:0}
/* Approved condition photos are larger than the supporting option thumbnails. */
.third-page .step-three-photo{display:block;width:100%;height:100%;overflow:hidden}
.third-page .compact.condition-choices .choice{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;position:relative}
.third-page .condition-photo{display:block;width:100%;aspect-ratio:1.2;background:#dbe4e9;overflow:hidden}
.third-page .condition-copy{display:block;padding:2.3cqw 2cqw;width:100%;text-align:left}
.third-page #driveway-form .condition-choices .choice i{position:absolute;top:1.5cqw;right:1.5cqw;background:#fff;box-shadow:0 1px 4px #001a3240}
.third-page #driveway-form .condition-choices .choice:has(input:checked) i{background:#008bff;border-color:#008bff}
.third-page .issue-grid .check-card,.third-page .interest-extras .check-card{grid-template-columns:12cqw minmax(0,1fr) 4cqw;gap:1.3cqw;padding:1.5cqw;min-height:13cqw}
.third-page .check-photo{display:block;width:12cqw;height:10cqw;overflow:hidden;border-radius:.8cqw;background:#dbe4e9}