.landing-view{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;max-width:1180px;margin:auto;padding:70px 32px;background:radial-gradient(circle at 88% 18%,#dff8ed 0,transparent 31%)}
.landing-copy h1{font:800 clamp(42px,5.2vw,70px)/1.04 'Manrope';letter-spacing:-.045em;margin:18px 0;color:var(--ink)}.landing-copy h1 em{font-style:normal;color:var(--green)}.landing-copy>p{font-size:20px;line-height:1.55;color:var(--muted);max-width:650px}.landing-actions{display:flex;gap:12px;margin:30px 0 16px}.landing-actions button{padding:14px 22px}.landing-copy>small{color:#667b90}
.promise-map{position:relative;min-height:490px}.orbit{position:absolute;width:225px;height:225px;border-radius:50%;padding:42px 32px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 22px 60px rgba(10,53,84,.13);border:1px solid #cde1ec;background:#fff}.orbit:nth-child(1){top:0;left:0}.orbit:nth-child(2){top:134px;right:0;background:linear-gradient(145deg,#ecfbf3,#fff);border-color:#9dddb8}.orbit:nth-child(3){bottom:0;left:36px;background:linear-gradient(145deg,#eff7ff,#fff);border-color:#acd1f1}.orbit span{font-weight:800;color:var(--blue);font-size:12px;letter-spacing:.12em}.orbit strong{font:800 24px 'Manrope';margin:8px 0}.orbit small{font-size:14px;line-height:1.35;color:var(--muted)}
.open-question{display:block}.open-question>span{display:block;font:700 17px/1.35 'Manrope';margin-bottom:12px}.open-question textarea{width:100%;resize:vertical;min-height:92px;border:1px solid #ccd9e5;border-radius:8px;padding:13px 14px;font:16px/1.45 'DM Sans';color:var(--ink);background:#fbfdff}.open-question textarea:focus{outline:2px solid #98cdf8;border-color:var(--blue)}
.analysis-view{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:40px;background:radial-gradient(circle at center,#edf9f4,#f7fafc 55%,#eef4f8)}.analysis-card{width:min(620px,100%);background:white;border:1px solid var(--line);border-radius:20px;padding:42px;text-align:center;box-shadow:0 28px 80px rgba(12,47,77,.13)}.analysis-mark{width:112px;height:112px;border:9px solid #dfe9ef;border-top-color:var(--green);border-right-color:var(--blue);border-radius:50%;display:grid;place-items:center;margin:0 auto 26px;animation:slowspin 2.4s linear infinite}.analysis-mark strong{font:800 23px 'Manrope';animation:slowspin 2.4s linear infinite reverse}.analysis-card h1{font:800 30px 'Manrope';margin:10px 0 7px}.analysis-card>p{color:var(--muted);min-height:24px}.analysis-track{height:8px;background:#e8eef2;border-radius:10px;overflow:hidden;margin:24px 0}.analysis-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:10px;transition:width .1s linear}.analysis-card ul{text-align:left;list-style:none;padding:0;margin:0}.analysis-card li{padding:9px 0;color:#8998a8}.analysis-card li:before{content:'○';margin-right:10px}.analysis-card li.done{color:var(--green2);font-weight:600}.analysis-card li.done:before{content:'✓'}@keyframes slowspin{to{transform:rotate(360deg)}}
#results-view .report-panel{display:block;scroll-margin-top:76px;padding-top:8px}#results-view .report-panel+.report-panel{border-top:1px solid var(--line);margin-top:20px}.continue-report{display:flex;align-items:center;justify-content:center;gap:14px;margin:30px 0 0;color:#537089;font-weight:800;font-size:12px;letter-spacing:.15em}.continue-report i{font-style:normal;font-size:20px;color:var(--blue)}.voice-card{background:linear-gradient(135deg,#f0f8ff,#f2fbf6);border:1px solid #b9d9ea;border-radius:12px;padding:22px 25px;margin-top:16px}.voice-card p{font:600 20px/1.45 'Manrope';margin:10px 0}.voice-card small{display:block;color:var(--muted);font-size:14px}
.scenario-spotlight{margin-top:16px;padding:22px;background:linear-gradient(135deg,#0b2742,#164c70);border-radius:14px;color:white;box-shadow:0 18px 40px rgba(8,38,64,.18)}.scenario-spotlight .eyebrow{color:#8ed6ff}.scenario-spotlight-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.scenario-spotlight-head h2{font:800 22px/1.25 'Manrope';margin:7px 0 0}.scenario-spotlight-head button{background:#ffffff12;color:white;border-color:#7fa3ba}.scenario-outlook{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:18px}.future-card{background:#ffffff0d;border:1px solid #ffffff25;border-radius:10px;padding:14px;min-height:154px}.future-card>span{font-size:10px;letter-spacing:.1em;color:#9ab5c9}.future-card h3{font:700 14px/1.25 'Manrope';margin:8px 0}.future-score{display:flex;align-items:baseline;gap:7px}.future-score b{font:800 28px 'Manrope'}.future-score small{font-size:11px;font-weight:700}.future-card p{font-size:12px;color:#bdd0df;margin:10px 0 0}.future-card.exceptional{border-color:#49d58c;background:#0d6b4938}.future-card.exceptional .future-score{color:#66e3a1}.future-card.strong{border-color:#62bbed}.future-card.strong .future-score{color:#8ad2ff}.future-card.watch{border-color:#e1be4f;background:#936f1130}.future-card.watch .future-score{color:#ffd76a}.future-card.exposed{border-color:#ff8b62;background:#a83d2130}.future-card.exposed .future-score{color:#ffac8d}.scenario-takeaway{margin:15px 2px 0;color:#d5e4ee;font-size:14px}.scenario-takeaway strong{color:white}.scenario-takeaway b{color:#8ed6ff}
@media(max-width:900px){.landing-view{grid-template-columns:1fr;padding:48px 24px}.promise-map{min-height:370px;max-width:520px}.orbit{width:180px;height:180px;padding:28px 24px}.orbit:nth-child(2){top:95px}.orbit:nth-child(3){left:95px}.orbit strong{font-size:20px}}
@media(max-width:900px){.scenario-outlook{grid-template-columns:repeat(2,1fr)}.scenario-spotlight-head{align-items:flex-start}.scenario-spotlight-head button{display:none}}
@media(max-width:620px){.landing-view{display:block;padding:42px 20px}.landing-copy h1{font-size:43px}.landing-copy>p{font-size:18px}.landing-actions{flex-direction:column}.promise-map{margin-top:44px;min-height:620px}.orbit{position:relative!important;inset:auto!important;width:100%;height:auto;border-radius:18px;margin:12px 0;padding:24px}.analysis-card{padding:30px 20px}.analysis-view{padding:20px}}
@media(max-width:620px){.scenario-outlook{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:7px}.future-card{min-width:180px;scroll-snap-align:start}.scenario-spotlight{padding:18px}}