:root{--ink:#162119;--navy:#183e2a;--cream:#f1eee5;--paper:#f7f5ee;--acid:#9bc59c;--orange:#285c3d;--blue:#769b84;--line:#d4d0c4}
body{background:var(--paper);background-image:radial-gradient(circle at 82% 7%,rgba(36,83,55,.06),transparent 24%)}
.nav{border-color:#d8d4c9}.logo b{font-family:var(--sans);font-size:22px;background:var(--navy);color:#fff;border:0;border-radius:50%;width:46px;height:46px;padding:0;display:grid;place-items:center;letter-spacing:-.08em}.hero{min-height:720px}.hero h1{font-size:clamp(58px,6.5vw,96px);line-height:.93;max-width:760px}.hero h1 em{display:inline-block;color:var(--navy);font-weight:500}.hero-art:before,.hero-art:after{content:'';position:absolute;border:1px solid rgba(35,77,51,.18);border-radius:50%;inset:9% 3% 5%;transform:rotate(-12deg)}.hero-art:after{inset:17% 8% 8%;transform:rotate(22deg)}.hero-art .advisor{filter:sepia(.15) saturate(.65);position:relative;z-index:1}.orbit{position:absolute;inset:4% 0 0;z-index:2;font:22px var(--mono);color:var(--navy)}.orbit i,.orbit span,.orbit b{position:absolute;width:50px;height:50px;border:1px solid #9bad9f;border-radius:50%;display:grid;place-items:center;background:var(--paper);font-style:normal}.orbit i{left:6%;top:29%}.orbit span{right:4%;top:21%}.orbit b{right:13%;bottom:18%}.scribble{z-index:3;color:var(--navy)}.cta{background:var(--navy);color:#fff;border-radius:28px;box-shadow:none}.wallet{border-radius:24px}
.markets{padding:42px 0 110px}.market-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.market-head h2{font:600 46px/1 var(--serif);margin:8px 0 0}.market-head>p{font:9px var(--mono);color:#72766f}.market-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);background:#eeece4}.market-card{min-width:0;padding:20px 18px;background:var(--paper);border-right:1px solid var(--line)}.market-card:last-child{border:0}.market-card.featured{background:#e7eee6}.market-card>div{display:flex;align-items:baseline;justify-content:space-between}.market-card span{font:600 21px var(--serif)}.market-card small{font:8px var(--mono);color:#73766f}.market-card svg{display:block;width:100%;margin:13px 0 7px}.spark-line{fill:none;stroke:var(--navy);stroke-width:2;vector-effect:non-scaling-stroke}.spark-area{fill:rgba(41,92,61,.07)}.market-card footer{background:none;color:var(--ink);padding:0;display:flex;justify-content:space-between;font:8px var(--mono)}.market-card footer em{color:#538060;font-style:normal}.premise{background:var(--navy)}.run{background:var(--navy);border-radius:3px;box-shadow:none}.results{background:#ecebe4}.already .retire-age{background:var(--navy)}.summary{background:#dce8db}.what-grid>div:last-child{background:#e8ede6}.slider input{accent-color:var(--navy)}
.fields{grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line)}.fields>label{min-width:0;min-height:178px;border-bottom:1px solid var(--line);padding:22px 24px}.fields>label:nth-child(n+4){border-bottom:0}.input{width:100%;gap:7px}.input input{min-width:0;font-size:clamp(22px,2.5vw,34px)}.input i{flex:0 0 auto}.fields select{font-size:18px;min-width:0}.pens-field{background:#e7eee6}.pens-field small{color:var(--navy);white-space:normal}.pens-field small b{font-weight:600}.restored{white-space:nowrap}
@media(max-width:900px){.market-grid{grid-template-columns:repeat(2,1fr)}.market-card{border-bottom:1px solid var(--line)}.market-card:last-child{grid-column:1/-1}.market-head{align-items:start;flex-direction:column;gap:10px}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.fields>label:nth-child(n){border-bottom:1px solid var(--line)}.fields>label:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:600px){.markets{padding-bottom:75px}.market-grid{grid-template-columns:1fr}.market-card:last-child{grid-column:auto}.market-head h2{font-size:38px}.orbit{display:none}.fields{grid-template-columns:1fr}.fields>label:nth-child(n){border-bottom:1px solid var(--line)}.fields>label:last-child{border-bottom:0}.title-row{align-items:start;gap:20px}.restored{white-space:normal}}

/* Motion is restrained and informative: entries reveal, chart strokes draw, orbit tokens drift. */
.hero-scene{grid-column:1/-1;margin-top:-28px;padding-left:31%;align-self:end}.hero-scene figure{position:relative;z-index:1;margin:0;border:1px solid rgba(22,33,25,.24);overflow:hidden;background:#0d1a2c;box-shadow:0 28px 70px rgba(18,43,28,.17);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.hero-scene img{display:block;width:100%;height:auto;filter:saturate(.72) sepia(.08);transition:filter .5s ease,transform 1.2s cubic-bezier(.2,.8,.2,1)}.hero-scene:hover img{filter:saturate(.92);transform:scale(1.018)}.hero-scene figcaption{position:absolute;left:16px;bottom:14px;background:rgba(247,245,238,.9);border:1px solid rgba(22,33,25,.25);padding:7px 10px;font:8px var(--mono);letter-spacing:.08em}.hero-copy{position:relative;z-index:4;grid-column:1/-1;max-width:800px}.hero .orbit{inset:-14% 0 0}.orbit i{animation:token-float 5s ease-in-out infinite}.orbit span{animation:token-float 6.5s ease-in-out -1.7s infinite}.orbit b{animation:token-float 5.8s ease-in-out -3s infinite}.cta span{transition:transform .25s ease}.cta:hover span{transform:translate(4px,4px)}.market-card{transition:transform .35s ease,background-color .35s ease,box-shadow .35s ease}.market-card:hover{position:relative;z-index:2;transform:translateY(-6px);background:#fff;box-shadow:0 18px 38px rgba(26,57,39,.12)}.spark-line{stroke-dasharray:360;stroke-dashoffset:360}.market-card.is-visible .spark-line{animation:draw-line 1.5s cubic-bezier(.2,.8,.2,1) forwards}.base-path,.bull-path,.bear-path{stroke-dasharray:1800;stroke-dashoffset:1800}.chart-card.is-visible .base-path{animation:draw-line 1.8s ease forwards}.chart-card.is-visible .bull-path{animation:draw-line 1.8s .18s ease forwards}.chart-card.is-visible .bear-path{animation:draw-line 1.8s .34s ease forwards}.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}.market-card.reveal:nth-child(2){transition-delay:.08s}.market-card.reveal:nth-child(3){transition-delay:.16s}.market-card.reveal:nth-child(4){transition-delay:.24s}.market-card.reveal:nth-child(5){transition-delay:.32s}@keyframes token-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(5deg)}}@keyframes draw-line{to{stroke-dashoffset:0}}
@media(max-width:900px){.hero-scene{padding-left:0;margin-top:30px}.hero{display:block;padding-bottom:50px}.hero .orbit{inset:-5% 0 0}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.orbit i,.orbit span,.orbit b,.spark-line,.base-path,.bull-path,.bear-path{animation:none!important;stroke-dashoffset:0}.hero-scene figure,.hero-scene img,.market-card,.cta span{transition:none!important}}