.journey-page{min-height:100svh;background:radial-gradient(circle at 82% 12%,rgba(58,127,203,.25),transparent 28%),radial-gradient(circle at 10% 86%,rgba(232,158,83,.13),transparent 26%),#071426}
.journey-head{position:relative;border-bottom:1px solid rgba(255,255,255,.1)}
.journey{min-height:calc(100svh - 80px);padding:26px clamp(18px,4vw,64px) 60px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.choice-trail{max-width:1420px;margin:0 auto 28px;display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}.choice-trail::-webkit-scrollbar{display:none}.choice-trail a,.choice-trail button{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#dcecff;font:750 12px/1 var(--sans);text-decoration:none;cursor:pointer}.choice-trail button[hidden]{display:none}.choice-trail button[aria-current="step"]{border-color:rgba(244,198,78,.52);background:rgba(244,198,78,.12);color:#ffe89b}
.stage-intro{display:grid;grid-template-columns:minmax(260px,.62fr) minmax(500px,1.38fr);gap:clamp(28px,5vw,84px);align-items:end;max-width:1420px;margin:0 auto 34px}.stage-portrait{position:relative;min-height:360px;border-radius:46% 46% 32px 32px;overflow:hidden;isolation:isolate;box-shadow:0 30px 90px rgba(0,0,0,.38)}.stage-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(4,12,24,.85))}.stage-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stage-portrait span{position:absolute;z-index:2;left:24px;bottom:22px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.stage-copy{padding:18px 0}.stage-copy .eyebrow{margin-bottom:15px}.stage-copy h1{max-width:900px;margin:0;font:470 clamp(48px,6vw,94px)/.92 var(--serif);letter-spacing:-.055em}.stage-copy h1 em{font-style:normal;color:var(--gold)}.stage-copy>p{max-width:720px;margin:24px 0 0;color:#bed0e3;font-size:clamp(17px,1.45vw,21px);line-height:1.55}
.choice-grid{max-width:1420px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.choice-card{position:relative;min-width:0;display:grid;grid-template-rows:auto 1fr;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:26px;background:rgba(255,255,255,.065);color:#fff;text-align:left;overflow:hidden;cursor:pointer;box-shadow:0 18px 55px rgba(0,0,0,.22);transition:transform .35s,border-color .25s,background .25s}.choice-card:hover,.choice-card:focus-visible{transform:translateY(-7px);border-color:rgba(255,255,255,.62);background:rgba(255,255,255,.11);outline:none}.choice-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#13243a}.choice-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(6,15,29,.62))}.choice-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s}.choice-card:hover img,.choice-card:focus-visible img{transform:scale(1.04)}.choice-number{position:absolute;z-index:2;right:15px;bottom:12px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#071426;font-size:12px;font-weight:900}.choice-copy{display:block;padding:20px 20px 23px}.choice-copy strong{display:block;font:570 27px/1.03 var(--serif);letter-spacing:-.035em;text-wrap:balance}.choice-copy small{display:block;margin-top:9px;color:#b8cce0;font-size:14px;line-height:1.45}.not-sure{max-width:1420px;margin:18px auto 0;text-align:center}.not-sure button{border:0;background:none;color:#9fb9d3;font:700 13px var(--sans);text-decoration:underline;text-underline-offset:5px;cursor:pointer}
.audience-stage{max-width:1420px;margin:auto}.audience-head{max-width:850px;margin:8vh auto 42px;text-align:center}.audience-head h1{margin:0;font:470 clamp(53px,7vw,100px)/.9 var(--serif);letter-spacing:-.06em}.audience-head h1 em{font-style:normal;color:var(--gold)}.audience-head p{max-width:610px;margin:22px auto 0;color:#bfd0e1;font-size:19px;line-height:1.55}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.audience-card{min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;border:1px solid rgba(255,255,255,.18);border-radius:36% 36% 26px 26px;background-position:center;background-size:cover;color:#fff;text-align:left;cursor:pointer;isolation:isolate;overflow:hidden;position:relative;box-shadow:0 22px 60px rgba(0,0,0,.28);transition:transform .35s,border-color .25s}.audience-card:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(5,13,25,.05),rgba(5,13,25,.92))}.audience-card:hover,.audience-card:focus-visible{transform:translateY(-7px);border-color:#fff;outline:none}.audience-card strong{font:570 28px/1 var(--serif)}.audience-card small{margin-top:8px;color:#dce9f6;font-size:14px;line-height:1.4}
.result{max-width:1500px;margin:auto}.result-hero{min-height:76svh;display:grid;grid-template-columns:1.12fr .88fr;border:1px solid rgba(255,255,255,.17);border-radius:40px;overflow:hidden;background:#0c2039;box-shadow:0 36px 110px rgba(0,0,0,.42)}.result-image{position:relative;min-height:560px;overflow:hidden}.result-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.result-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#0c2039),linear-gradient(180deg,transparent 50%,rgba(4,12,24,.76))}.result-image .result-caption{position:absolute;z-index:2;left:30px;right:30px;bottom:28px}.result-caption small{display:block;color:#d9eaff;font-size:13px;font-weight:750;text-transform:uppercase;letter-spacing:.13em}.result-caption strong{display:block;max-width:620px;margin-top:8px;font:520 clamp(38px,4vw,68px)/.93 var(--serif);letter-spacing:-.05em}
.result-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,64px)}.result-panel .eyebrow{margin-bottom:13px}.result-panel h1{margin:0;font:500 clamp(42px,4.7vw,76px)/.91 var(--serif);letter-spacing:-.055em}.result-panel>p{margin:22px 0;color:#c2d3e5;font-size:17px;line-height:1.58}.capsule-preview{margin:10px 0 24px;padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(255,255,255,.065);backdrop-filter:blur(16px)}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-top span{font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#9fc9f5}.preview-top i{width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 20px var(--gold)}.preview-metric{margin:18px 0 7px;font:600 clamp(38px,4vw,64px)/.9 var(--serif);letter-spacing:-.045em}.preview-note{color:#c5d8ea;font-size:13px}.preview-people{display:flex;align-items:center;margin-top:18px}.preview-people span{width:34px;height:34px;display:grid;place-items:center;margin-left:-7px;border:2px solid #0c2039;border-radius:50%;background:#4e8fcd;color:#fff;font-size:11px;font-weight:900}.preview-people span:first-child{margin-left:0;background:#d66f8a}.preview-people span:nth-child(2){background:#db9c45}.preview-people span:nth-child(3){background:#4ea98b}.preview-people small{margin-left:10px;color:#bdd0e3}
.result-story{padding:70px 0 20px}.result-story>header{max-width:770px;margin-bottom:32px}.result-story h2{margin:0;font:480 clamp(42px,5vw,72px)/.94 var(--serif);letter-spacing:-.05em}.result-story>header p{margin:17px 0 0;color:#b8cbdf;font-size:17px;line-height:1.55}.story-frames{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.story-frame{position:relative;min-height:390px;border-radius:30px;overflow:hidden;background:#10233a;isolation:isolate}.story-frame>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.story-frame:nth-child(2)>img{object-position:65% center}.story-frame:nth-child(3)>img{object-position:35% center}.story-frame:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(5,13,25,.02) 32%,rgba(5,13,25,.95))}.story-frame span{position:absolute;left:24px;right:24px;bottom:24px}.story-frame b{display:block;color:#ffe184;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.story-frame strong{display:block;margin-top:8px;font:550 28px/1.03 var(--serif)}.story-frame small{display:block;margin-top:9px;color:#d5e2ef;font-size:14px;line-height:1.4}
.result-close{text-align:center;padding:70px 20px 30px}.result-close p{margin:0 0 24px;color:#bdd0e2;font-size:18px}.result-close a{min-height:54px;display:inline-flex;align-items:center;padding:0 25px;border-radius:999px;background:var(--gold);color:#152238;font-weight:900;text-decoration:none}
@media(max-width:980px){.stage-intro{grid-template-columns:1fr}.stage-portrait{min-height:43svh}.choice-grid,.audience-grid{grid-template-columns:repeat(2,1fr)}.result-hero{grid-template-columns:1fr}.result-image{min-height:55svh}.result-image:after{background:linear-gradient(180deg,transparent 50%,#0c2039)}.story-frames{grid-template-columns:1fr 1fr}.story-frame:last-child{grid-column:1/-1}}
@media(max-width:620px){.journey-head{height:68px}.journey-head nav a:not(.create-link):first-child{display:none}.journey{padding:18px 12px 42px}.choice-trail{margin-bottom:18px}.stage-intro{gap:22px;margin-bottom:22px}.stage-portrait{min-height:42svh;border-radius:38% 38% 22px 22px}.stage-copy{padding:0 5px}.stage-copy h1{font-size:50px}.stage-copy>p{font-size:17px}.choice-grid,.audience-grid{grid-template-columns:1fr 1fr;gap:9px}.choice-card{border-radius:21px}.choice-image{aspect-ratio:4/3}.choice-copy{padding:15px 14px 18px}.choice-copy strong{font-size:21px}.choice-copy small{font-size:12px}.audience-head{margin:5vh auto 28px}.audience-head h1{font-size:53px}.audience-head p{font-size:17px}.audience-card{min-height:250px;padding:18px;border-radius:34% 34% 22px 22px}.audience-card strong{font-size:22px}.audience-card small{font-size:12px}.result-hero{border-radius:25px}.result-image{min-height:54svh}.result-caption strong{font-size:42px}.result-panel{padding:28px 20px 34px}.result-panel h1{font-size:48px}.preview-metric{font-size:44px}.result-story{padding-top:54px}.story-frames{grid-template-columns:1fr}.story-frame,.story-frame:last-child{grid-column:auto;min-height:360px}.result-close{padding-top:54px}}
@media(max-width:380px){.choice-grid,.audience-grid{grid-template-columns:1fr}.audience-card{min-height:220px}}
@media(prefers-reduced-motion:reduce){.choice-card,.choice-image img,.audience-card{transition:none}}
.journey-stage h1[tabindex="-1"]:focus{outline:none}
.not-sure button{min-height:44px;padding:8px 14px;color:#b8cae0}
.journey-fallback{max-width:760px;margin:12vh auto;padding:40px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:#0b1b31}.journey-fallback h1{font:800 clamp(42px,6vw,76px)/.94 var(--serif);margin:0}.journey-fallback p{color:#b8c9df}.journey-fallback nav{display:flex;flex-wrap:wrap;gap:10px}.journey-fallback a{display:inline-flex;min-height:44px;align-items:center;padding:0 15px;border-radius:999px;background:#fff;color:#071426;text-decoration:none;font-weight:800}

html[data-theme='light'] .journey-page{background:radial-gradient(circle at 82% 12%,rgba(0,113,227,.09),transparent 28%),radial-gradient(circle at 10% 86%,rgba(173,128,9,.07),transparent 26%),#f5f5f7}
html[data-theme='light'] .journey-head{border-bottom-color:rgba(7,29,73,.11)}
html[data-theme='light'] .choice-trail a,html[data-theme='light'] .choice-trail button{border-color:rgba(7,29,73,.14);background:rgba(255,255,255,.78);color:#27405f}
html[data-theme='light'] .choice-trail button[aria-current='step']{border-color:rgba(145,103,0,.35);background:rgba(255,236,174,.55);color:#745200}
html[data-theme='light'] .stage-portrait{box-shadow:0 28px 70px rgba(7,29,73,.18)}
html[data-theme='light'] .stage-copy>p,html[data-theme='light'] .audience-head p{color:#475d77}
html[data-theme='light'] .choice-card{border-color:rgba(7,29,73,.13);background:#fff;color:#071d49;box-shadow:0 17px 45px rgba(7,29,73,.12)}
html[data-theme='light'] .choice-card:hover,html[data-theme='light'] .choice-card:focus-visible{border-color:rgba(0,113,227,.48);background:#fff;box-shadow:0 24px 55px rgba(7,29,73,.17)}
html[data-theme='light'] .choice-copy small{color:#50657e}
html[data-theme='light'] .not-sure button{color:#345979}
html[data-theme='light'] .audience-head h1{color:#071d49}
html[data-theme='light'] .audience-card{border-color:rgba(7,29,73,.13);box-shadow:0 20px 48px rgba(7,29,73,.18)}
html[data-theme='light'] .result-hero{border-color:rgba(7,29,73,.13);background:#fff;box-shadow:0 30px 80px rgba(7,29,73,.17)}
html[data-theme='light'] .result-image:after{background:linear-gradient(90deg,transparent 64%,rgba(7,20,38,.2)),linear-gradient(180deg,transparent 46%,rgba(4,12,24,.78))}
html[data-theme='light'] .result-panel{color:#071d49}
html[data-theme='light'] .result-panel>p{color:#495f78}
html[data-theme='light'] .capsule-preview{border-color:rgba(7,29,73,.13);background:#eef4fb;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:none}
html[data-theme='light'] .preview-top span{color:#0068d1}
html[data-theme='light'] .preview-note,html[data-theme='light'] .preview-people small{color:#526880}
html[data-theme='light'] .preview-people span{border-color:#eef4fb}
html[data-theme='light'] .result-story h2{color:#071d49}
html[data-theme='light'] .result-story>header p,html[data-theme='light'] .result-close p{color:#4e637b}
html[data-theme='light'] .result-close a{background:#0071e3;color:#fff}
html[data-theme='light'] .journey-fallback{border-color:rgba(7,29,73,.12);background:#fff;color:#071d49}
html[data-theme='light'] .journey-fallback p{color:#4e637b}
@media(max-width:980px){html[data-theme='light'] .result-image:after{background:linear-gradient(180deg,transparent 48%,rgba(4,12,24,.82))}}
.stage-portrait span,.result-caption strong,.story-frame strong{color:#fff}
body[data-family-age='baby']{--family-accent:#c66b50}
body[data-family-age='little']{--family-accent:#d16b00}
body[data-family-age='tween']{--family-accent:#087e98}
body[data-family-age='teen']{--family-accent:#6f54b5}
body[data-family-age='young']{--family-accent:#b5496c}
body[data-family-age='building']{--family-accent:#3f7d62}
body[data-family-age='midlife']{--family-accent:#285f92}
body[data-family-age='legacy']{--family-accent:#8a5b35}
body[data-family-age] .choice-trail button[aria-current='step']{border-color:color-mix(in srgb,var(--family-accent) 58%,white);background:color-mix(in srgb,var(--family-accent) 22%,transparent);color:#fff}
body[data-family-age] .choice-number{background:var(--family-accent);color:#fff}
body[data-family-age] .choice-card:hover,body[data-family-age] .choice-card:focus-visible{border-color:color-mix(in srgb,var(--family-accent) 60%,white)}
body[data-family-age] .family-result .capsule-preview{border-color:color-mix(in srgb,var(--family-accent) 52%,transparent)}
body[data-family-age] .family-result .preview-top span{color:color-mix(in srgb,var(--family-accent) 62%,white)}
body[data-family-age] .family-result .preview-top i{background:var(--family-accent);box-shadow:0 0 20px var(--family-accent)}
.family-result .result-detail{margin-top:-7px!important;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:15px!important}
html[data-theme='light'] body[data-family-age] .choice-trail button[aria-current='step']{border-color:color-mix(in srgb,var(--family-accent) 52%,transparent);background:color-mix(in srgb,var(--family-accent) 10%,white);color:#071d49}
html[data-theme='light'] body[data-family-age] .choice-card:hover,html[data-theme='light'] body[data-family-age] .choice-card:focus-visible{border-color:var(--family-accent)}
html[data-theme='light'] body[data-family-age] .family-result .capsule-preview{border-color:color-mix(in srgb,var(--family-accent) 28%,transparent);background:color-mix(in srgb,var(--family-accent) 7%,white)}
html[data-theme='light'] body[data-family-age] .family-result .preview-top span{color:color-mix(in srgb,var(--family-accent) 78%,#071d49)}
html[data-theme='light'] .family-result .result-detail{border-top-color:rgba(7,29,73,.13)}