/* Photo-led agency treatment, guided by Ian's reference. */
:root{--ink:#f6f6f1;--muted:#c4cfca;--line:#ffffff38;--gold:#d9ed9b;color-scheme:dark}
body{background:#f4f4f0;color:var(--ink);font-family:'Segoe UI',Arial,sans-serif;line-height:1.6;min-height:100vh}
.preview{background:#18362d;border:0;color:#e3e9df;font-size:12px;letter-spacing:.07em;padding:5px 16px}
header{max-width:none;padding:22px 4vw;background:#f4f4f0;color:#172c25}.brand{color:#172c25;font-size:14px}.brand small{font-size:12px}.monogram{background:none;border:1px solid #809187;border-radius:50%;color:#18392c;box-shadow:none;font-size:22px;width:48px;height:48px}.header-note{color:#40574a;font-size:12px;letter-spacing:.12em}
main{--scene:url('ian-portrait.jpg');position:relative;isolation:isolate;max-width:none;margin:0 18px 24px;padding:48px 4vw 54px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5vw;align-items:start;background:#112a22;border:0;overflow:clip;border-radius:4px;min-height:710px}
main:before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--scene);background-size:cover;background-position:center;opacity:.55}
main:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#07171170,#091812e8 65%)}
.workspace{grid-column:2;grid-row:1;border:0;border-radius:0;box-shadow:none;background:none;padding:4px 0 12px;min-width:0;color:#f5f5ee}
.intro{grid-column:1;grid-row:1;position:sticky;top:32px;min-width:0;padding:30px 8px 0;align-self:start;width:100%;background:none;border:0}
.intro figure.scene-photo{margin:0;position:relative;border:1px solid #ffffff3b;border-radius:3px;overflow:hidden;width:100%;max-width:none;aspect-ratio:1.05;transform:rotate(-3deg);box-shadow:0 22px 50px #0005;background:#16382a}
.scene-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.opening-photo img{object-position:72% top}.scene-photo figcaption{position:absolute;inset:auto 0 0;padding:45px 25px 20px;background:linear-gradient(transparent,#07180fe8);font-size:15px;color:#fff;line-height:1.5}.scene-note{font-size:15px;color:#e0e8dc;margin:30px 0 0;text-align:center;letter-spacing:.02em}
.progress-top{color:#e0e9df;font-size:12px;letter-spacing:.12em}#stage-label{font-weight:400;text-align:right}#quiz-progress{height:3px;margin:14px 0 10px;border-radius:0;background:#ffffff30}#quiz-progress::-webkit-progress-bar{background:#ffffff30;border-radius:0}#quiz-progress::-webkit-progress-value{background:#d9ed9b;border-radius:0}#quiz-progress::-moz-progress-bar{background:#d9ed9b;border-radius:0}.progress-note{color:#c8d3ca;font-size:13px;margin:0 0 28px}
#question,#result-title{font-family:'Segoe UI',Arial,sans-serif;font-weight:350;font-size:clamp(31px,3vw,53px);line-height:1.1;letter-spacing:-1.4px;color:#fff!important;background:none;border:0;padding:0;border-radius:0;box-shadow:none;text-align:left;margin:0 0 22px;text-wrap:balance}.hint{text-align:left;color:#cbd6cc;font-size:16px;margin-bottom:25px;line-height:1.6}
.answers{grid-template-columns:1fr;gap:10px}.answer{filter:none;border-radius:0}.card{clip-path:none;isolation:auto;min-height:64px;height:100%;padding:16px 23px;display:flex;flex-direction:row;align-items:center;gap:18px;border:1px solid #d6e4d666;border-radius:40px;background:#ffffff08;color:#fff;box-shadow:none;font-weight:400;font-size:17px;line-height:1.4;transition:background .16s,border-color .16s}.card:before{display:none}.card .icon{color:#d9ed9b;font-size:14px;font-family:inherit;font-weight:500;flex:0 0 22px;align-self:center}.answer:hover .card{transform:none;filter:none;border:1px solid #d9ed9b;background:#ffffff12}.answer:has(input:checked){filter:none}.answer input:checked+.card{background:#d9ed9b;color:#183329;border:1px solid #d9ed9b;box-shadow:none}.answer input:checked+.card .icon{color:#24452c}.answer input:checked+.card:after{content:none}.answer:focus-within{outline:3px solid #e8f7bf;outline-offset:4px}.answer input:focus-visible+.card{outline:none}
.navigation{margin-top:26px}.primary{background:#d9ed9b;color:#183329;border:1px solid #d9ed9b;border-radius:30px;box-shadow:none;min-height:51px;font-weight:600;padding:13px 23px;font-size:16px}.primary:hover{background:#e8f6c7;color:#183329}.primary:disabled{background:#ffffff08;color:#b6c5b9;border-color:#718174;box-shadow:none}.navigation #next{margin-left:auto}.back{color:#d2ded2;font-size:15px}.secondary{border:1px solid #c3d1c5;border-radius:28px;background:none;color:#edf5e8;font-size:16px;font-weight:500}.secondary:hover{background:#ffffff15}
.answer-visual{display:none}.tip{margin-top:27px;background:#142d24e8;border:1px solid #627c67;border-left:3px solid #d9ed9b;border-radius:4px;padding:22px 24px;box-shadow:none}.tip-tag{color:#d9ed9b;font-size:12px;letter-spacing:.13em}.tip p{color:#edf3e8;font-size:16px;line-height:1.75}.evidence-note{border-color:#566e5a}.evidence-note strong{color:#dcebbb;font-size:14px}.evidence-note a{color:#dbeebe;font-size:14px}.evidence-new-tab{color:#bccfbe;font-size:12px}
.summary-label{background:none;border:0;border-bottom:1px solid #b6cc83;border-radius:0;padding:0 0 10px;color:#d9ed9b;font-size:12px}.summary-text,.small{color:#d1dccf;line-height:1.75}.result-section{border-color:#59715c}.result-section h3,.offer h3{font-weight:400;font-size:26px;color:#fff}.steps li{line-height:1.7}.steps li:before{background:#d9ed9b;color:#183329;border-radius:50%}.offer{background:#122a21ed;border:1px solid #68816b;border-radius:4px;padding:24px}.offer p,.coaching-detail p{color:#dce6d8;line-height:1.75}.coaching-detail,.call-next{border-color:#536d56}.coaching-detail h4{color:#e1eec8}.summary-photo{margin:22px 0 0}.summary-photo img{display:block;width:100%;height:auto;border-radius:3px}.summary-photo figcaption{position:static;background:none;color:#bfcebc;padding:9px 0;font-size:13px}
.hesitation{background:#173328;border:1px solid #617966;border-radius:4px;color:#edf4e7;padding:22px}.hesitation-options button{background:none;color:#e3ecd9;border:1px solid #78917b;font-size:15px;border-radius:22px}.hesitation-options button[aria-pressed=true]{background:#d9ed9b;border-color:#d9ed9b;color:#19372b}.ready-celebration{background:#d9ed9b;color:#183329;border:0;border-radius:4px}.ready-starburst{background:#244d34;color:#ecf6d0}.ready-celebration strong{font-weight:500}
.callback input{background:#f5f7ef;color:#183329;border-color:#becab7;border-radius:5px}.callback label{color:#edf3e6}.callback a{color:#d9ed9b}.demo{background:#213e33;border-color:#728874;color:#ecf3e5}.success{background:#d9ed9b;color:#193b2a}footer{max-width:none;padding:0 4vw 25px;color:#506557;font-size:12px}footer a{color:#23513c}
@media(max-width:1100px){main{gap:4vw;padding:35px 30px}.intro{padding-top:40px}#question,#result-title{font-size:37px}.card{font-size:16px}.scene-photo figcaption{font-size:14px}}
@media(max-width:850px){header{padding:18px 22px}.header-note{display:none}main{display:block;margin:0 12px 22px;padding:26px 24px;min-height:0}.workspace{width:100%;padding:0}.intro{display:none}.answer-visual{display:block;margin:25px 0 0;border:1px solid #789178;border-radius:3px;overflow:hidden;background:#142e23}.answer-visual img{display:block;width:100%;height:auto;max-height:340px;object-fit:cover}.answer-visual figcaption{position:static;background:#183c2c;color:#e5efda;padding:12px 17px;font-size:14px}.answer-visual+.tip{margin-top:0;border-top:0}.progress-note{margin-bottom:24px}#question,#result-title{font-size:35px;letter-spacing:-.8px}.answers{grid-template-columns:1fr}.card{min-height:64px;padding:16px 19px}.preview span{display:block;margin:2px 0 0}.hint{font-size:15px}.brand small{font-size:12px}.scene-note{display:none}}
@media(max-width:420px){main{padding:23px 18px}.brand{font-size:12px}.monogram{width:40px;height:40px}#question,#result-title{font-size:32px}.card{border-radius:25px}.tip,.hesitation,.offer{padding:19px 17px}.hesitation-options{grid-template-columns:1fr}.navigation{gap:12px}.primary{padding:13px 19px;font-size:15px}.progress-top{font-size:11px}.progress-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.card{transition:none}}
.answer{border-radius:34px}.answer:focus-within{outline:none}.answer:has(input:focus-visible){outline:3px solid #e8f7bf;outline-offset:4px}
#entry-title{font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(30px,3vw,48px);font-weight:350;line-height:1.15;letter-spacing:-1px;color:#fff;margin:0 0 22px}
.entry-form{display:grid;gap:15px}.entry-form>label{display:grid;gap:5px;font-size:16px;color:#edf3e8}.entry-form input:not([type=checkbox]):not([type=radio]){display:block;width:100%;min-width:0;box-sizing:border-box;background:#f3f6ee;color:#183329;border:1px solid #becab7;border-radius:6px;padding:12px;font:inherit}.entry-form .consent{display:flex;gap:12px;align-items:flex-start;font-size:14px}.entry-form input[type=checkbox],.entry-form input[type=radio]{width:20px;height:20px;flex:0 0 20px;accent-color:#d9ed9b;margin:4px 0 0}.entry-form a{color:#d9ed9b}.entry-form .small{font-size:14px;margin:0}.entry-form [hidden]{display:none!important}.call-choice{border:1px solid #819585;border-radius:8px;padding:14px 16px;min-width:0}.call-choice legend{color:#eff5e8;font-size:16px;padding:0 5px}.call-choice label{display:flex;gap:12px;align-items:flex-start;padding:7px 0;color:#eff5e8;font-size:16px}.entry-form :focus-visible{outline:3px solid #d9ed9b;outline-offset:3px}#callback-panel a{color:#d9ed9b}