:root{--ink:#eef3ff;--muted:#a8b3cf;--panel:#0a0e20b8;--line:#ffffff1f;--track:#ffffff14;--spend:#ff6a3d;--save:#3dffb0;--accent:#6ab8ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:#05060f}body{color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:400 17px/1.55 Inter,system-ui,sans-serif}#world{z-index:-2;position:fixed;inset:0}.veil{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#05060fbf,#05060f00 65%),linear-gradient(#05060f33,#05060fa6 75%);position:fixed;inset:0}h1,h2,h3{letter-spacing:-.01em;margin:0;font-family:Chakra Petch,sans-serif;font-weight:700}.hero{flex-direction:column;justify-content:center;max-width:1100px;min-height:100svh;padding:0 clamp(16px,6vw,96px);display:flex}.name{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 18px;font:600 15px IBM Plex Mono,monospace}h1{text-shadow:0 4px 30px #0009;font-size:clamp(38px,7vw,84px);line-height:1.02}h1 .from{color:var(--spend);text-decoration:line-through;text-decoration-thickness:.08em}h1 .to{color:var(--save)}.lede{color:#d3dbef;text-shadow:0 1px 12px #000000e6;max-width:34em;margin:24px 0 32px;font-size:clamp(17px,2vw,20px)}.cta{color:#05060f;background:var(--save);border-radius:999px;align-self:flex-start;padding:14px 26px;font:700 17px Chakra Petch,sans-serif;text-decoration:none;transition:box-shadow .25s,transform .25s;box-shadow:0 0 #3dffb080}.cta:hover{transform:translateY(-2px);box-shadow:0 0 32px 4px #3dffb073}.cta:focus-visible,.mail:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.ledger{height:320vh;position:relative}.ledger-sticky{place-items:center;height:100svh;padding:16px;display:grid;position:sticky;top:0}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);border-radius:22px;width:min(760px,100%);padding:clamp(18px,4vw,36px);box-shadow:0 30px 80px #00000080}.panel h2{margin-bottom:18px;font-size:22px}.rows{gap:12px;margin:0;padding:0;list-style:none;display:grid}.rows li{grid-template-columns:minmax(130px,190px) 1fr 56px;align-items:center;gap:14px;display:grid}.row-label{align-content:center;min-height:2.6em;display:grid;position:relative}.row-label span{grid-area:1/1;font-size:15px;line-height:1.25}.tool{opacity:calc(1 - var(--swap,0))}.swap{opacity:var(--swap,0);color:var(--save)}.cost{text-align:right;font-variant-numeric:tabular-nums;font:600 15px IBM Plex Mono,monospace}.track{background:var(--track);border-radius:999px;height:10px;position:relative;overflow:hidden}.track i{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg, var(--spend), #ffb03d);position:absolute;inset:0;box-shadow:0 0 14px #ff6a3d8c}.rows li.is-cut .track i{background:var(--save);box-shadow:0 0 14px #3dffb080}.totals{border-top:1px solid var(--line);gap:18px;margin-top:26px;padding-top:22px;display:grid}.meter-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.meter-head span{color:var(--muted);font-size:15px}.meter-head strong{font-variant-numeric:tabular-nums;font:700 clamp(26px,4vw,36px) Chakra Petch,sans-serif}.meter .track{height:16px;overflow:visible}.meter[data-kind=spend] strong{color:var(--spend)}.meter[data-kind=spend] .track.under i{background:var(--save);box-shadow:0 0 20px #3dffb099}.meter[data-kind=spend]:has(.under) strong{color:var(--save)}.meter[data-kind=saved] strong{color:var(--save)}.meter[data-kind=saved] .track i{background:linear-gradient(90deg, #1fb57c, var(--save));box-shadow:0 0 18px #3dffb080}.target{background:var(--ink);opacity:.8;border-radius:2px;width:2px;position:absolute;top:-6px;bottom:-6px}.target:after{content:"$50";color:var(--ink);font:600 12px IBM Plex Mono,monospace;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;max-width:1200px;margin:0 auto;padding:12vh clamp(16px,6vw,96px);display:grid}.steps article{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:18px;padding:24px}.steps h3{color:var(--accent);margin-bottom:8px;font-size:24px}.steps p{color:var(--muted);margin:0}.about{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:18px;max-width:760px;margin:0 auto 8vh;padding:clamp(20px,4vw,32px)}@media (width<=792px){.about{margin-inline:16px}}.about h2{margin-bottom:10px;font-size:24px}.about p{color:var(--muted);margin:0 0 12px}.about ul{color:var(--muted);gap:6px;margin:0;padding-left:1.2em;display:grid}.about a{color:var(--accent)}.about a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.contact{text-align:center;place-content:center;gap:14px;min-height:70svh;padding:0 16px 10vh;display:grid}.contact h2{font-size:clamp(30px,5vw,52px)}.mail{color:var(--save);overflow-wrap:anywhere;text-shadow:0 0 24px #3dffb073;font:700 clamp(20px,4.5vw,40px) Chakra Petch,sans-serif;text-decoration:none}.mail:hover{text-decoration:underline}@media (width<=560px){body{font-size:16px}.rows li{grid-template-columns:1fr 52px;gap:6px 10px}.rows li .track{grid-area:2/1/auto/-1}.rows{gap:10px}.row-label{min-height:1.3em}.row-label span{font-size:14px}.panel h2{margin-bottom:12px}.totals{gap:14px;margin-top:16px;padding-top:16px}}