/* Approved bright collage: photographs keep their original colour and brightness.
   Presentation is scoped to the opening section; quiz and report rules remain intact. */
.audit-header .audit-logo-light{display:none}
body:has(#intro:not([hidden])){background:#fff;color:#0a1628;color-scheme:light;overflow-x:clip}
body:has(#intro:not([hidden])) .audit-header{height:90px;background:#fff;border-bottom:1px solid #e5ebef}
body:has(#intro:not([hidden])) .audit-header .audit-logo-dark{display:none}
body:has(#intro:not([hidden])) .audit-header .audit-logo-light{display:block}
body:has(#intro:not([hidden])) .audit-header>a:last-child{color:#415163}
body:has(#intro:not([hidden])) .audit-header>a:last-child:hover{color:#0a1628;text-decoration:underline;text-underline-offset:5px}
.audit-header a:active{transform:translateY(1px)}
#intro{--muted:#526375;--panel:#fff;--text:#0a1628;--line:#d9e4e9;--gold:#0a1628;padding:0 0 40px;font-family:Questrial,Inter,Arial,sans-serif;color:#0a1628}
#intro .audit-hero{position:relative;isolation:isolate;display:grid;place-items:center;width:100vw;margin-inline:calc(50% - 50vw);min-height:max(860px,calc(100svh - 90px));padding:220px 20% 190px;background:#fff}
.audit-hero-montage{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:7px;overflow:hidden}
.audit-hero-photo{margin:0;overflow:hidden;background:#f1f5f7}
.audit-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.audit-hero-montage .photo-1{grid-area:1/1/6/3}
.audit-hero-montage .photo-2{grid-area:1/3/4/5}
.audit-hero-montage .photo-3{grid-area:1/5/4/7}
.audit-hero-montage .photo-4{grid-area:1/7/6/9}
.audit-hero-montage .photo-5{grid-area:6/1/9/3}
.audit-hero-montage .photo-6{grid-area:6/3/9/6}
.audit-hero-montage .photo-7{grid-area:6/6/9/9}
.audit-hero-montage .photo-1 img{object-position:45% 44%}
.audit-hero-montage .photo-4 img{object-position:56% 30%}
.audit-hero-montage .photo-6 img{object-position:50% 30%}
.audit-hero-montage .photo-7 img{object-position:50% 65%}
.audit-hero-copy{position:relative;z-index:1;width:100%;padding:32px 36px 30px;background:#fff;text-align:center;box-shadow:0 4px 18px #0a16280a,0 22px 50px #263e5212}
#intro .audit-hero .tag{border:0;border-radius:0;background:none;padding:0;color:#0a1628;font-size:15px;line-height:1.4;margin:0 0 14px}
.audit-hero .tag::before{content:'';display:inline-block;width:22px;height:3px;background:#38b6ff;vertical-align:middle;margin-right:10px}
#intro .audit-hero h1{font-size:clamp(42px,4.4vw,66px);font-weight:400;letter-spacing:-.045em;line-height:1.02;margin:0;color:#0a1628}
#intro .audit-hero .lead{font-size:18px;line-height:1.5;color:#415163;max-width:650px;margin:18px auto 22px}
.audit-hero .audit-entry-actions{justify-content:center;gap:12px}
#intro .audit-hero .primary,#intro .audit-hero .secondary{min-height:54px;padding:15px 22px;border-radius:6px;font-family:inherit;font-size:17px;line-height:1.2;font-weight:400;gap:22px;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
#intro .audit-hero .primary{background:#38b6ff;border:1px solid #38b6ff;color:#0a1628}
#intro .audit-hero .primary:hover{background:#73ccff;transform:translateY(-2px)}
#intro .audit-hero .deep-entry{background:#ee7f3a;border:1px solid #ee7f3a;color:#0a1628}
#intro .audit-hero .deep-entry:hover{background:#f49459;border-color:#f49459;transform:translateY(-2px)}
#intro .audit-hero :is(button,a):focus-visible{outline:3px solid #0a1628;outline-offset:5px}
#intro .audit-hero :is(button,a):active{transform:translateY(1px)}
#intro .audit-hero .fine{font-size:12px;line-height:1.5;color:#5a6876;margin:18px 0 0}
#intro .audit-hero .resume{margin:24px 0 0;padding:16px;border-color:#d9e4e9;background:#f5fafc}
#intro .audit-hero .resume p{color:#415163;font-size:16px;margin-bottom:12px}
#intro .audit-hero .resume .secondary{background:#fff;border:1px solid #526375;color:#0a1628}
#intro .audit-hero .resume .secondary:hover{background:#eaf4fa}
#intro .audit-hero .resume .text-button{color:#415163}
#intro .audit-hero .resume .text-button:hover{color:#0a1628}
#intro .audit-hero-explainer{max-width:760px;margin:36px auto 0;color:#526375;font-size:15px;line-height:1.55}
#intro .benefits article{background:#fff;border-color:#d9e4e9;box-shadow:0 2px 6px #0a162805,0 12px 28px #173e5b08}
#intro .benefits h2{font-weight:400}
#intro .benefits p,#intro .privacy-note{color:#526375}
/* Keep more of the desktop photographs visible without shrinking the text or actions. */
@media(min-width:768px){.audit-hero-copy{max-width:840px;padding:24px 28px 22px}}
@media(min-width:1800px){#intro .audit-hero{padding-inline:25%}}
@media(max-width:1100px){#intro .audit-hero{padding-inline:15%}.audit-hero-copy{padding-inline:28px}#intro .audit-hero .primary,#intro .audit-hero .secondary{font-size:15px;padding:14px 16px}}
@media(max-width:767px){
 body:has(#intro:not([hidden])) .audit-header{height:72px;padding:12px 20px}
 body:has(#intro:not([hidden])) .audit-header img{width:133px;height:40px}
 body:has(#intro:not([hidden])) .audit-header>a:last-child{font-size:13px}
 #intro .audit-hero{display:block;min-height:0;padding:0 0 14px}
 .audit-hero-montage{position:relative;inset:auto;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);height:258px;gap:5px;margin:10px 10px 0}
 .audit-hero-montage .audit-hero-photo{grid-area:auto}
 .audit-hero-montage .photo-1{border-top-left-radius:22px}
 .audit-hero-montage .photo-4{grid-column:4;grid-row:1/3}
 .audit-hero-copy{padding:28px 20px 0;box-shadow:none;max-width:680px;margin:auto}
 #intro .audit-hero .tag{font-size:13px;margin-bottom:16px}
 #intro .audit-hero h1{font-size:clamp(40px,7.2vw,52px)}
 .audit-hero h1 br{display:none}
 #intro .audit-hero .lead{font-size:17px;margin:20px auto 24px}
 .audit-hero .audit-entry-actions{display:grid;grid-template-columns:1fr;gap:10px}
 #intro .audit-hero .primary,#intro .audit-hero .secondary{width:100%;min-height:52px;padding:14px 20px;font-size:16px}
 #intro .audit-hero-explainer{margin-top:28px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){#intro .audit-hero :is(a,button){transition:none}}