/* Match Step 2’s 58cqw mascot height; reserve space below the existing portrait artwork. */
.fourth-page .funnel{container-type:inline-size;background:#00233e;overflow:hidden}
.fourth-page header{padding:0 6%;height:15cqw;gap:12%}
.fourth-page .brand{width:49%;flex-shrink:0}
.fourth-page .brand>span,.fourth-page .header-tagline,.fourth-page .stage,.fourth-page .progress,.fourth-page nav{display:none}
.fourth-page .step-two-logo{display:block;width:100%;height:auto}
.fourth-page .first-step-progress{display:block;width:37%;font:900 2.7cqw/1.15 Inter,Arial,sans-serif;white-space:nowrap}
.fourth-page .step-dots{margin-top:1.6cqw}
.fourth-page .step-dots i{width:2cqw;height:2cqw}
.fourth-page .step-dots i:first-child{width:4.2cqw}
.fourth-page .step-dots i:nth-child(-n+4){background:#008bff}
.fourth-page .body{padding:0 6%}
.fourth-page .hero{display:block;position:relative;padding:5cqw 0 3cqw;min-height:60cqw}
.fourth-page .hero>div{width:60%;position:relative;z-index:2}
.fourth-page .hero h1{font:900 7.4cqw/.98 Inter,Arial,sans-serif;letter-spacing:-.3cqw;text-wrap:initial;text-shadow:none}
.fourth-page .hero mark{color:#00b7ed;font-size:7cqw}
.fourth-page .hero mark:after{content:'';display:block;height:.5cqw;width:93%;background:#00b7ed;transform:rotate(-3deg);margin:1.8cqw 0}
.fourth-page .hero p{font:700 max(14px,3cqw)/1.25 Inter,Arial,sans-serif;max-width:85%;margin-top:3cqw;background:none}
.fourth-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}
.fourth-page .actions{margin-top:3cqw;gap:1.6cqw}
.fourth-page .actions button{min-height:12cqw;border-radius:2cqw}
.fourth-page #back{width:25%;padding:1cqw;font-size:3.7cqw;border-color:#fff}
.fourth-page .actions .primary{padding:1cqw;font:900 7.4cqw/1 Inter,Arial,sans-serif;background:#008bff}
.fourth-page .primary b{position:static;margin-left:1cqw}
.fourth-page .reassurance{font-size:max(13px,2.6cqw);margin:2.5cqw 0 4cqw}
.fourth-page footer{border:0;padding-top:0}

.fourth-page #photo-hint{font:400 max(14px,2.8cqw)/1.4 Inter,Arial,sans-serif;margin:0 0 2cqw;color:#d4e5f0}
.fourth-page .upload-box{background:#fff;color:#071d39;border:2px dashed #008bff;border-radius:2cqw;padding:4cqw 3cqw;cursor:default}
.fourth-page .upload-box>.phone-upload{display:none}
.fourth-page .upload-box strong{font:900 max(20px,4.3cqw)/1.1 Inter,Arial,sans-serif;margin:0}
.fourth-page .upload-box p{font-size:max(13px,2.6cqw);line-height:1.4;color:#35516b;margin:1.5cqw 0 3cqw}
.fourth-page .upload-actions{gap:2cqw}
.fourth-page .upload-actions button{min-height:52px;padding:2.5cqw 1cqw;border-radius:1.5cqw;font:800 max(16px,3.1cqw)/1.15 'Barlow Condensed',Arial,sans-serif}
.fourth-page #take-photo{background:#e9f5ff;color:#0069c7;border:1px solid #008bff}
.fourth-page #choose-photos{background:#008bff;color:#fff;box-shadow:none}
.fourth-page .hint{font-size:max(12px,2.3cqw);color:#c7dce9}
.fourth-page #photo-count:empty,.fourth-page #photo-message:empty,.fourth-page #photo-grid:empty{display:none}
.fourth-page #photo-count{margin:2cqw 0}
.fourth-page #photo-message{font-size:max(13px,2.5cqw)}
.fourth-page [data-step="3"]>.note{font-size:max(12px,2.2cqw);padding:2cqw;background:transparent;border:1px solid #32546d}
.fourth-page #photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2cqw}
.fourth-page #photo-grid figure{margin:0;overflow:hidden;border-radius:1.5cqw}
.fourth-page #photo-grid img{width:100%;height:20cqw;object-fit:cover}
.fourth-page #photo-grid figcaption{overflow-wrap:anywhere;font-size:max(12px,2cqw)}
.fourth-page #next{font-size:max(19px,4.6cqw);padding:2cqw}