@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Unbounded:wght@500;700&display=swap";:root{--canvas:#071327;--surface:#081933b8;--text:#f7fbff;--muted:#b8cae1;--accent:#57f0dd;--accent-2:#ffcb73;--success:#6fe7a4;--danger:#ff8d8d;--border:#add2ff33;--shadow:0 28px 54px #00000052;--radius-lg:28px;--radius-md:16px;--radius-sm:12px;--space-1:6px;--space-2:10px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:72px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 20% 0%, #173a6d 0%, var(--canvas) 42%, #050c1d 100%);color:var(--text);font-family:Manrope,Segoe UI,sans-serif}.page-shell{min-height:100vh;position:relative;overflow:hidden}.page-shell:before,.page-shell:after{content:"";filter:blur(2px);opacity:.45;pointer-events:none;border-radius:999px;position:absolute}.page-shell:before{background:radial-gradient(circle,#4fd1c599,#4fd1c500);width:420px;height:420px;animation:11s ease-in-out infinite driftA;top:-180px;right:-120px}.page-shell:after{background:radial-gradient(circle,#f4b06b66,#f4b06b00);width:360px;height:360px;animation:14s ease-in-out infinite driftB;bottom:-200px;left:-120px}.landing{z-index:1;gap:var(--space-6);padding-bottom:var(--space-6);display:grid;position:relative}.hero{padding:clamp(14px, 2.6vw, 24px) clamp(18px, 5vw, 72px) var(--space-4);border-bottom:1px solid var(--border);background:linear-gradient(115deg,#0c2853ed 0%,#0a1c3ab3 60%,#0813275c 100%),radial-gradient(circle at 85% 20%,#4fd1c540,#4fd1c500)}.hero__tag{color:var(--accent);text-transform:uppercase;letter-spacing:.13em;margin:0;font-size:.8rem;font-weight:700}.hero__free{margin:var(--space-2) 0 0;color:#bcffed;background:#206f5e40;border:1px solid #92ffe585;border-radius:999px;width:fit-content;padding:8px 14px;font-size:.88rem;font-weight:600}.hero h1{margin:var(--space-4) 0 0;max-width:860px;font-family:Unbounded,Manrope,sans-serif;font-size:clamp(1.72rem,6.8vw,3.18rem);line-height:1.2}.hero h1 span{color:var(--accent-2)}.hero__subtitle{margin:var(--space-3) 0 0;max-width:760px;color:var(--muted);font-size:clamp(1.02rem,3.8vw,1.2rem);line-height:1.55}.choice-grid,.insight,.landing-footer{padding-inline:clamp(18px,5vw,72px)}.choice-grid{gap:var(--space-3);margin-top:calc(var(--space-3) * -1);display:grid}.yield-card{text-align:left;border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-2);cursor:pointer;appearance:none;box-shadow:var(--shadow);background:#0f274db3;transition:transform .22s,border-color .22s,background-color .22s;display:grid}.yield-card--calm{background:linear-gradient(145deg,#0c2e5cf2,#0b1e3cd9)}.yield-card--bold{background:linear-gradient(145deg,#4a2c0dcc,#1e2648f2)}.yield-card:hover{transform:translateY(-3px)}.yield-card.is-selected{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 18px 34px #18c3b147}.yield-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.yield-card__subtitle{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:.8rem;font-weight:700}.yield-card__value{color:var(--text);font-family:Unbounded,Manrope,sans-serif;font-size:clamp(1.7rem,7vw,2.6rem)}.yield-card__title{font-size:1.18rem;font-weight:700}.yield-card__body{color:var(--muted);font-size:1rem;line-height:1.55}.insight{gap:var(--space-3);opacity:0;max-height:0;transition:opacity .28s,transform .28s;display:grid;overflow:hidden;transform:translateY(16px)}.insight.is-visible{opacity:1;max-height:5000px;transform:translateY(0)}.analysis-grid{gap:var(--space-3);display:grid}.outcome-panel,.lead-panel{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.insight-placeholder{margin:var(--space-2) 0 0;padding:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-md);color:#d8e8fd;background:#0a1f3e94;font-size:1.03rem;line-height:1.5}.outcome-panel{padding:var(--space-4);align-content:start;display:grid}.outcome-panel__eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.11em;margin:0;font-size:.82rem;font-weight:700}.outcome-panel__title{margin:var(--space-3) 0 0;font-size:clamp(1.25rem,4.8vw,1.9rem);line-height:1.35}.outcome-panel__text{margin:var(--space-3) 0 0;color:var(--muted);line-height:1.56}.scenario-amount-control{margin-top:var(--space-3);border-radius:var(--radius-sm);background:#08182e75;border:1px solid #a6c5e83d;padding:12px 14px}.scenario-amount-control__label{color:#c8dcf5;margin:0;font-size:.92rem}.scenario-amount-control input[type=range]{accent-color:#57f0ddc7;width:100%;margin-top:10px}.scenario-amount-control__limits{color:#95afcb;justify-content:space-between;margin-top:6px;font-size:.8rem;display:flex}.outcome-metrics{margin-top:var(--space-4);gap:var(--space-3);display:grid}.beginner-note{margin-top:var(--space-4);border-top:1px solid #add2ff33;padding-top:12px}.beginner-note__title{color:#d7ebff;margin:0;font-size:.94rem;font-weight:700}.beginner-note ul{color:#aec4df;gap:6px;margin:10px 0 0;padding-left:18px;font-size:.92rem;line-height:1.45;display:grid}.metric-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.9rem}.metric-value{margin:var(--space-1) 0 0;font-size:clamp(1.05rem,4vw,1.3rem);font-weight:700}.metric-value--accent{color:var(--success)}.lead-panel{gap:var(--space-3);background:linear-gradient(150deg, #1946408c 0%, #0a1e3cc7 48%, #071730eb 100%), var(--surface);border-width:2px;border-color:#70f7ddcc;flex-direction:column;padding:20px;display:flex;box-shadow:0 18px 40px #49e7c342}.lead-panel__badge{text-transform:uppercase;letter-spacing:.07em;background:#3ea87e33;border:1px solid #7effd780;border-radius:999px;width:fit-content;padding:6px 12px;font-size:.86rem;font-weight:700;color:#b9ffd9!important}.lead-panel h3{margin:0;font-size:clamp(1.1rem,3.8vw,1.4rem)}.lead-panel p{color:var(--muted);margin:0;line-height:1.55}.lead-label{color:var(--text);font-size:.94rem;font-weight:600}.lead-input-row{gap:var(--space-2);display:grid}.lead-input-row input,.lead-input-row button{border-radius:var(--radius-sm);min-height:50px;font-size:1rem}.lead-input-row input{color:var(--text);background:#04102399;border:1px solid #aec9ea73;padding:0 14px}.lead-input-row input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lead-input-row button{background:linear-gradient(120deg, var(--accent), #35c0ef);color:#041220;cursor:pointer;border:none;font-weight:700;transition:transform .2s,filter .2s}.lead-input-row button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px)}.lead-input-row button:disabled{opacity:.7;cursor:not-allowed}.lead-hint{font-size:.9rem;color:#ffd7a3!important}.lead-success{font-weight:600;color:var(--success)!important}.lead-error{font-weight:600;color:var(--danger)!important}.lead-values{gap:var(--space-2);padding-top:var(--space-2);margin-top:auto;display:grid}.lead-values__item{border-radius:var(--radius-sm);background:#08172d73;border:1px solid #b0cdec3b;padding:12px}.lead-values__item h4{color:#e8f2ff;margin:0;font-size:.96rem}.lead-values__item p{color:#a9c1dc;margin:6px 0 0;font-size:.88rem;line-height:1.45}.landing-footer p{padding:0 var(--space-1);color:#c3d3e9d9;margin:0;font-size:.9rem}@media (width>=760px){.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-input-row{grid-template-columns:minmax(0,1fr) auto}.lead-input-row button{padding-inline:24px}.lead-values{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-values__item--wide{grid-column:1/-1}}@media (width>=1024px){.landing{gap:var(--space-6)}.hero{align-content:end;min-height:min(58svh,620px);display:grid}.insight{padding-top:var(--space-2)}.analysis-grid{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:stretch}.analysis-grid>.outcome-panel,.analysis-grid>.lead-panel{height:100%}.lead-panel{justify-self:end;width:100%;max-width:460px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes driftA{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-16px,14px)scale(1.05)}}@keyframes driftB{0%,to{transform:translate(0)scale(1)}50%{transform:translate(18px,-12px)scale(1.08)}}