:root{--paper:#f6f5f2;--paper-2:#eeece7;--white:#fff;--navy:#0b1220;--ink:#141c2e;--text:#263147;--muted:#626a79;--quiet:#858b96;--line:#ded9d0;--blue:#2f6bc4;--sky:#59c9e9;--sky-2:#86d6f0;--teal:#34b6b0;--soft:#eaf7fb;--coral:#e29c76}*{box-sizing:border-box}html{max-width:100%;scroll-behavior:smooth}body{max-width:100%;margin:0;background:var(--paper);color:var(--text);font-family:Archivo,Arial,sans-serif;font-size:16px;line-height:1.55}h1,h2,p{margin:0;overflow-wrap:break-word}h1,h2{color:var(--ink);font-weight:760;letter-spacing:-.06em}input,output{font:inherit}.shell{width:min(1160px,calc(100% - 48px));margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.preview-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink)}.brand svg{width:29px;height:29px}.brand strong{font-size:22px;letter-spacing:-.045em}.preview-label{padding:7px 10px;border:1px solid #c8c2b7;border-radius:999px;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.hero{padding:clamp(68px,8vw,116px) 0 clamp(54px,6vw,88px)}.hero-copy{display:grid;grid-template-columns:1fr .72fr;gap:60px;align-items:end}.eyebrow,.section-number{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hero h1{margin-top:15px;max-width:8ch;font-size:clamp(66px,9vw,126px);line-height:.86}.hero h1 span{display:block;color:var(--blue)}.hero-line{max-width:530px;padding-bottom:7px;color:var(--ink);font-size:clamp(22px,2.4vw,31px);font-weight:650;line-height:1.35;letter-spacing:-.025em}.calculator-section{padding:0 0 clamp(82px,9vw,130px)}.calculator-frame{display:grid;grid-template-columns:.94fr 1.06fr;overflow:hidden;border:1px solid rgba(222,217,208,.86);border-radius:20px;background:var(--white);box-shadow:0 26px 75px rgba(11,18,32,.09)}.inputs{padding:clamp(30px,4vw,52px);border-right:1px solid var(--line)}.control{margin-top:29px}.control-copy{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:12px}.control-copy label strong{display:block;color:var(--ink);font-size:15px}.control-copy label span{display:block;max-width:340px;margin-top:3px;color:var(--quiet);font-size:11px;line-height:1.4}.control-copy output{color:var(--blue);font-size:14px;font-weight:750;white-space:nowrap}.control input[type=range]{width:100%;height:28px;margin:0;accent-color:var(--blue);cursor:pointer}.control input[type=range]:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.range-ends{display:flex;justify-content:space-between;margin-top:-2px;color:var(--quiet);font-size:9px;font-weight:700;letter-spacing:.06em}.primary-result{position:relative;overflow:hidden;padding:clamp(32px,4vw,52px);background:var(--navy);color:#fff}.primary-result:after{content:'25';position:absolute;right:-.07em;bottom:-.31em;color:rgba(255,255,255,.025);font-size:260px;font-weight:800;line-height:1;letter-spacing:-.1em}.primary-result>*{position:relative;z-index:1}.section-number.pale{color:var(--sky-2)}.result-value{margin-top:28px}.result-value strong{display:block;color:#fff;font-size:clamp(58px,6.3vw,84px);font-weight:760;line-height:.92;letter-spacing:-.065em}.result-value span{display:block;margin-top:11px;color:#cbd7e7;font-size:15px}.progress-block{margin-top:32px;padding:25px 0;border-block:1px solid #34425c}.progress-heading,.progress-meta{display:flex;justify-content:space-between;gap:20px}.progress-heading span,.progress-meta{color:var(--sky-2);font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.progress-heading strong{color:#fff;font-size:18px}.progress-track{position:relative;height:10px;margin:17px 7px 14px 0;border-radius:999px;background:#28354d}.progress-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--sky),var(--blue));transition:width .25s ease}.progress-track b{position:absolute;top:50%;width:17px;height:17px;border:3px solid #fff;border-radius:50%;background:var(--blue);transform:translate(-50%,-50%);transition:left .25s ease}.status-block{margin-top:27px}.status-block strong{display:block;color:#fff;font-size:clamp(23px,2.7vw,34px);line-height:1.12;letter-spacing:-.04em}.status-block p{margin-top:10px;color:#cbd7e7;font-size:13px}.weekly-total{display:grid;grid-template-columns:1fr auto;gap:4px 24px;align-items:end;margin-top:28px;padding:24px 0 20px;border-top:1px solid #34425c;border-bottom:1px solid #34425c}.weekly-total span{max-width:220px;color:#cbd7e7;font-size:11px;font-weight:750;line-height:1.45;letter-spacing:.08em;text-transform:uppercase}.weekly-total strong{color:var(--sky-2);font-size:clamp(28px,3vw,39px);line-height:1;letter-spacing:-.045em;white-space:nowrap}.weekly-total small{grid-column:1/-1;color:#899ab4;font-size:10px}.shared-thought{margin-top:18px;color:#fff;font-weight:700}.composition{grid-column:1/-1;padding:clamp(32px,4.2vw,52px);background:#eef5fb;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end}.section-heading h2{margin-top:11px;font-size:clamp(43px,5.4vw,72px);line-height:.96}.section-heading>p{max-width:520px;color:var(--muted);font-size:17px}.section-heading.compact h2{font-size:clamp(31px,3.8vw,48px)}.section-heading.compact>p{font-size:14px}.composition-bar{display:flex;height:22px;margin-top:31px;overflow:hidden;border-radius:999px;background:#dce5ef}.composition-bar i{display:block;height:100%;transition:width .25s ease}.composition-bar #composition-parents{background:var(--sky)}.composition-bar #composition-network{background:var(--teal)}.composition-bar #composition-occasions{background:var(--sky-2)}.composition-bar #composition-growth{background:var(--blue)}.composition-key{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:21px}.composition-key div{display:grid;grid-template-columns:9px 1fr;gap:8px;align-items:start}.composition-key i{width:9px;height:9px;margin-top:4px;border-radius:50%}.composition-key i.parents{background:var(--sky)}.composition-key i.network{background:var(--teal)}.composition-key i.occasions{background:var(--sky-2)}.composition-key i.growth{background:var(--blue)}.composition-key span{color:var(--muted);font-size:11px;line-height:1.4}.composition-key strong{grid-column:2;color:var(--ink);font-size:15px}.method-note{max-width:100ch;margin:18px auto 0;color:var(--quiet);font-size:10.5px;line-height:1.6}.waiting-section{padding:clamp(82px,9vw,126px) 0;background:var(--navy);color:#fff}.waiting-heading h2{color:#fff}.waiting-heading>p{color:#cbd7e7}.waiting-heading>p strong{display:block;margin-bottom:6px;color:#fff;font-size:21px}.waiting-rows{margin-top:52px;border-top:1px solid #34425c}.waiting-row{display:grid;grid-template-columns:170px minmax(0,1fr) 180px;gap:30px;align-items:center;padding:24px 0;border-bottom:1px solid #34425c}.waiting-row>div small{display:block;color:#899ab4;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.waiting-row>div strong{display:block;margin-top:4px;color:#fff;font-size:18px}.waiting-row>span{height:8px;overflow:hidden;border-radius:999px;background:#28354d}.waiting-row>span i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--sky),var(--blue));transition:width .25s ease}.waiting-row>b{text-align:right;color:#fff;font-size:22px;letter-spacing:-.03em}.waiting-row>b em{margin-left:3px;color:#899ab4;font-size:10px;font-style:normal;letter-spacing:0}.waiting-row.current>div small,.waiting-row.current>b{color:var(--sky-2)}.waiting-note{margin-top:22px;color:#899ab4;font-size:11px}.later-section{padding:clamp(86px,10vw,140px) 0;background:var(--paper)}.later-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(60px,10vw,140px);align-items:start}.later-copy h2{margin-top:13px;font-size:clamp(34px,4vw,54px);line-height:1}.later-copy h3{margin:24px 0 0;color:var(--blue);font-size:clamp(30px,3.7vw,50px);font-weight:760;line-height:1.02;letter-spacing:-.05em}.later-copy>p:last-child{margin-top:22px;max-width:520px;color:var(--muted);font-size:16px}.later-copy>p:last-child strong{color:var(--ink)}.later-timeline{border-top:1px solid var(--line)}.later-step{display:grid;grid-template-columns:100px 1fr;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}.later-step span{color:var(--muted);font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.later-step strong{color:var(--ink);text-align:right;font-size:clamp(28px,3.5vw,47px);letter-spacing:-.045em}.later-step.payoff{margin-top:18px;padding:27px 28px;border:0;border-radius:14px;background:var(--blue);box-shadow:0 22px 48px rgba(47,107,196,.18)}.later-step.payoff span,.later-step.payoff strong{color:#fff}.later-step.payoff strong{font-size:clamp(47px,6vw,76px)}.later-step.payoff small{grid-column:1/-1;margin-top:7px;color:#dbeafb;text-align:right;font-size:10px}footer{padding:42px 0;background:#080e19;color:#8794aa}.footer-inner{display:flex;justify-content:space-between;gap:40px;align-items:start}.footer-inner strong{color:#fff;font-size:20px}.footer-inner p{max-width:760px;font-size:11px;line-height:1.6;text-align:right}@media (max-width: 980px){.hero-copy,.section-heading,.later-grid{grid-template-columns:1fr}.hero-copy{gap:28px}.hero-line{padding:0}.calculator-frame{grid-template-columns:1fr}.inputs{border-right:0;border-bottom:1px solid var(--line)}.section-heading{gap:24px}.later-grid{gap:48px}}@media (max-width: 760px){.shell{width:calc(100% - 32px)}.header-inner{min-height:66px}.preview-label{max-width:170px;text-align:center;font-size:8px;line-height:1.35}.hero{padding:58px 0 45px}.hero h1{max-width:100%;font-size:clamp(59px,19vw,79px)}.hero-line{max-width:100%;padding:0;font-size:21px}.calculator-frame,.inputs,.primary-result,.composition,.control,.control-copy label{min-width:0}.calculator-frame{border-radius:14px}.inputs,.primary-result,.composition{padding:28px 20px}.control-copy{align-items:start}.control-copy label span{max-width:210px}.control-copy output{font-size:12px}.result-value strong{font-size:52px}.progress-meta{font-size:9px}.weekly-total{grid-template-columns:1fr}.weekly-total strong{display:block;margin-top:7px}.weekly-total small{grid-column:1}.composition-key{grid-template-columns:1fr 1fr}.waiting-section,.later-section{padding:74px 0}.waiting-row{grid-template-columns:102px minmax(0,1fr);gap:11px 16px}.waiting-row>b{grid-column:2;text-align:left;font-size:18px}.later-step{grid-template-columns:76px minmax(0,1fr)}.footer-inner{display:block}.footer-inner p{margin-top:12px;text-align:left}}@media (max-width: 460px){.composition-key{grid-template-columns:1fr}.header-inner{gap:12px}.preview-label{max-width:148px}.control-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.control-copy label span{max-width:100%}.control-copy output{white-space:normal}.result-value strong{font-size:46px}.status-block strong{font-size:25px}.later-step.payoff{grid-template-columns:1fr;padding:24px 20px}.later-step.payoff strong{font-size:42px;text-align:left}.later-step.payoff small{text-align:left}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.progress-track i,.progress-track b,.composition-bar i,.waiting-row>span i{transition:none}}