/* Live photo-hero challenger. Quiz steps retain the shared light theme. */
html[data-landing-photo="yes"] body[data-stage="intro"]{background:#fbfcfe}
html[data-landing-photo="yes"] body[data-stage="intro"] main{max-width:none;padding:0}
html[data-landing-photo="yes"] body[data-stage="intro"] .quiz-header{position:absolute;inset:0 0 auto;z-index:3;width:100%;padding:28px 24px;min-height:100px}
html[data-landing-photo="yes"] body[data-stage="intro"] .quiz-header .brand img{filter:brightness(0) invert(1)}
html[data-landing-photo="yes"] #intro-screen .photo-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:0;min-height:max(800px,100svh);color:#fff;background:#061c2d;overflow:hidden;gap:0}
.photo-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;z-index:-3}
.photo-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#06192b12 0%,#06192b00 25%,#06192b38 43%,#06192b80 65%,#06192bb0 100%)}
.photo-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06192b65 0%,transparent 70%)}
html[data-landing-photo="yes"] #intro-screen .phone-art{display:none}
.photo-content{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:80px;align-items:end;width:100%;max-width:1264px;margin:clamp(180px,29vh,290px) auto auto;padding:0 24px 40px}
.photo-message{min-width:0;text-shadow:0 3px 20px #0006}.photo-conversion{min-width:0;max-width:440px}
.photo-hero .landing-title{grid-area:auto}.photo-hero .eyebrow{color:#ffe347;font-size:10px}.photo-hero .eyebrow:before{background:#ffe347}
.photo-hero h1{font-size:clamp(46px,4.6vw,65px);line-height:1.045;color:#fff;letter-spacing:-.05em;max-width:700px}.photo-hero h1 span{display:block;color:#ffdf3e}
html[data-landing-photo="yes"] #intro-screen .intro-copy{font-size:18px;line-height:1.55;color:#f0f5fb;margin:23px 0 0;max-width:560px;text-shadow:0 2px 12px #0008}
html[data-landing-photo="yes"] #intro-screen .intro-copy strong{display:inline;color:#fff;font-weight:850}
html[data-landing-photo="yes"] #intro-screen .lead-card{background:#06192b73;border-color:#ffffff30;backdrop-filter:blur(9px);padding:22px;box-shadow:0 20px 50px #0002}
.photo-form-promise{font-size:20px;font-weight:800;color:#fff;margin:0 0 15px}
.photo-hero .lead-fields{grid-template-columns:1fr}.photo-hero #quiz-first-name-label{display:none!important}
.photo-hero .lead-card .primary{font-size:17px;background:#ffcd00;color:#0f2636}.photo-hero .lead-card .primary:hover{background:#ffe04d}
html[data-landing-photo="yes"] #intro-screen .landing-proof{margin-top:20px;filter:drop-shadow(0 2px 8px #0006)}
html[data-landing-photo="yes"] #intro-screen .landing-proof p{font-size:12px;color:#fff}html[data-landing-photo="yes"] #intro-screen .landing-proof p span{color:#e5edf7}
html[data-landing-photo="yes"] #intro-screen .praise-section{max-width:1180px;margin:0 auto;padding:50px 28px 20px}
html[data-landing-photo="yes"] #intro-screen .mobile-bottom-start{max-width:500px;margin:auto;padding:22px 20px}
@media(max-width:760px){
 html[data-landing-photo="yes"] body[data-stage="intro"] .quiz-header{min-height:80px;padding:23px 20px}
 .photo-content{display:block;padding:140px 20px 30px;margin:0 auto;max-width:540px}.photo-conversion{max-width:none;margin-top:23px}
 .photo-hero-bg{height:390px;object-position:50% 8%}
 .photo-hero:before{background:linear-gradient(180deg,#06192b0c 0px,#06192b00 170px,#06192b35 245px,#06192b85 320px,#06192bd0 385px,#06192b 440px)}
 .photo-hero h1{font-size:clamp(40px,10.5vw,54px);line-height:1.025}.photo-hero .eyebrow{font-size:8px;margin-bottom:13px;letter-spacing:.12em}
 html[data-landing-photo="yes"] #intro-screen .intro-copy{font-size:16px;margin-top:18px;line-height:1.55}
 html[data-landing-photo="yes"] #intro-screen .lead-card{padding:20px 18px}.photo-form-promise{font-size:18px;margin-bottom:12px}
 html[data-landing-photo="yes"] #intro-screen .landing-proof p{font-size:12px}
 html[data-landing-photo="yes"] #intro-screen .praise-section{padding:34px 20px 10px}
}
@media(max-width:360px){.photo-content{padding:132px 16px 30px}.photo-hero h1{font-size:38px}.photo-hero .lead-card .primary{font-size:15px}}