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

.sixth-page header .preview,.sixth-page .other-page-footer{display:none}
.sixth-page .page-one-footer{display:inline}
.sixth-page .hero #mascot{width:46%;right:-3%}
.sixth-page [data-step="5"]>h2{font:900 max(19px,4cqw)/1.15 Inter,Arial,sans-serif;letter-spacing:-.1cqw;margin:0 0 1cqw}
.sixth-page [data-step="5"]>.section-heading{margin-top:4cqw}
.sixth-page .hint{font:400 max(13px,2.5cqw)/1.35 Arial,sans-serif;margin:0 0 2cqw;color:#c7dce9}
.sixth-page .field-label{font:800 max(14px,2.8cqw)/1.2 Inter,Arial,sans-serif;margin:1.5cqw 0}
.sixth-page .text-field{width:100%;min-width:0;min-height:48px;margin:0 0 2cqw;padding:2.5cqw;border:1px solid #dce4ec;border-radius:1.5cqw;font:400 max(16px,3cqw)/1.3 Arial,sans-serif}
.sixth-page .text-field:focus{outline:3px solid #008bff;outline-offset:2px}
.sixth-page .address-locality{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:2cqw}

/* Normal document scrolling; mobile editing gains a stable scroll runway. */

/* Step 6 stays one funnel step. Phones show one short section at a time. */
.sixth-page .details-section h3{font:900 max(17px,3.5cqw)/1.2 Inter,Arial,sans-serif;margin:3cqw 0 1.5cqw}
.sixth-page .details-sections{display:flex;gap:3cqw;list-style:none;padding:0;margin:1cqw 0 4cqw;color:#9ab6ca;font:700 max(14px,3cqw)/1.2 Inter,Arial,sans-serif}
.sixth-page .details-sections li{display:flex;align-items:center;gap:1.5cqw}
.sixth-page .details-sections span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #6386a2;border-radius:50%;font-size:14px}
.sixth-page .details-sections [aria-current]{color:#fff}
.sixth-page .details-sections [aria-current] span{background:#008bff;border-color:#008bff}
.sixth-page .actions .details-continue{font-size:max(18px,4.8cqw)}
@media(max-width:780px){
  .sixth-page .funnel{padding-bottom:var(--details-scroll-room,0px)}
  .sixth-page [data-step="5"]>h2{display:none}
  .sixth-page .details-section h3{margin-top:0}
  .sixth-page .address-locality{grid-template-columns:minmax(0,1fr);gap:0}
  .sixth-page .suburb-field{margin-bottom:2cqw}
}

.sixth-page .service-area-notice{margin:3cqw 0;padding:3cqw;overflow-wrap:anywhere}
.sixth-page .service-area-notice p{font:400 max(14px,2.7cqw)/1.45 Arial,sans-serif;margin:0}
