:root{--color-mist:#e6ecf4;--color-paper:#f6f8fb;--color-white:#fff;--color-ink:#13213c;--color-ink-muted:#48556f;--color-line:#13213c21;--color-current:#2c46c9;--color-current-deep:#1e3299;--color-marshmallow:#f5b7cd;--color-marshmallow-soft:#fbe5ed;--color-steel:#565c68;--color-steel-light:#d5d8de;--color-night:#0f1a33;--color-night-text:#e9eef8;--font-display:"Fraunces", Georgia, serif;--font-body:"Figtree", system-ui, sans-serif;--header-height:72px;--gutter:clamp(16px, 4vw, 48px);--content-width:1180px;--radius-soft:32px;--radius-medium:20px;--section-space:clamp(72px, 10vw, 136px)}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:calc(var(--header-height) + 16px);-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--color-mist);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1.125rem;line-height:1.6}img,svg{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-display);font-optical-sizing:auto;font-variation-settings:"SOFT" 100, "WONK" 0;text-wrap:balance;margin:0;font-weight:600}h2{letter-spacing:-.015em;font-size:clamp(2rem,4.2vw,3.25rem);line-height:1.08}h3{font-size:1.5rem;line-height:1.2}p{text-wrap:pretty;margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--color-current);outline-offset:3px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--color-ink);color:var(--color-white);border-radius:999px;padding:10px 16px;position:absolute;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{transform:none}.button{background:var(--color-current);min-height:48px;color:var(--color-white);font:600 1rem/1 var(--font-body);cursor:pointer;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 26px;text-decoration:none;transition:background-color .2s;display:inline-flex}.button:hover{background:var(--color-current-deep)}.button-small{min-height:40px;padding:0 18px;font-size:.92rem}.button-ghost{color:var(--color-ink);background:#fff9;border-color:#13213c47}.button-ghost:hover{background:var(--color-white)}.button-light{background:var(--color-white);color:var(--color-current-deep)}.button-light:hover{background:var(--color-marshmallow-soft)}.site-header{z-index:20;height:var(--header-height);padding-inline:var(--gutter);-webkit-backdrop-filter:blur(14px);background:#e6ecf4db;justify-content:space-between;align-items:center;gap:24px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 0;align-items:center;gap:10px;font-size:1.4rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-wave{width:40px;height:18px}.brand-wave path{fill:none;stroke:var(--color-current);stroke-width:3px;stroke-linecap:round}.site-nav ul{gap:clamp(16px,2.4vw,32px);margin:0;padding:0;list-style:none;display:flex}.site-nav a{color:var(--color-ink-muted);font-size:.95rem;font-weight:500;text-decoration:none}.site-nav a:hover{color:var(--color-ink)}.hero{min-height:clamp(620px, calc(100svh - var(--header-height)), 940px);display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:1;background:radial-gradient(62% 70% at 20% 34%,#e6ecf4e6 0%,#e6ecf4b8 55%,#e6ecf400 100%),linear-gradient(#e6ecf4f2 0%,#e6ecf4b3 34%,#e6ecf400 62%);position:absolute;inset:0}.hero-image{object-fit:cover;object-position:center 62%;width:100%;height:100%;position:absolute;inset:0}.hero-content{z-index:2;max-width:calc(780px + var(--gutter));padding:clamp(40px, 9vh, 104px) var(--gutter) 0;position:relative}.hero-title{letter-spacing:-.025em;font-size:clamp(2.5rem,5.6vw,4.9rem);font-weight:650;line-height:1.02;animation:1.6s cubic-bezier(.6,0,.3,1) .25s both soften}@keyframes soften{0%{font-variation-settings:"SOFT" 0, "WONK" 1}to{font-variation-settings:"SOFT" 100, "WONK" 0}}.hero-lead{max-width:50ch;color:var(--color-ink-muted);margin-top:24px;font-size:clamp(1.1rem,1.6vw,1.3rem)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-wave{z-index:2;width:100%;height:clamp(90px,13vw,170px);position:absolute;bottom:9%;left:0;right:0}.hero-wave path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.hero-wave-line{stroke:var(--color-white);stroke-width:3px}.hero-wave-glow{stroke:var(--color-marshmallow);stroke-width:14px;opacity:.55;filter:blur(7px)}.section{max-width:calc(var(--content-width) + 2 * var(--gutter));padding:var(--section-space) var(--gutter);margin-inline:auto}.section-intro{max-width:660px}.section-intro p{color:var(--color-ink-muted);margin-top:18px;font-size:1.2rem}.contrast{grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,40px);margin-top:56px;display:grid}.contrast-side{flex-direction:column;padding:14px;display:flex}.contrast-side img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}.contrast-text{padding:22px 10px 12px}.contrast-text p{color:var(--color-ink-muted);margin-top:10px}.contrast-hard{background:var(--color-steel-light)}.contrast-hard h3{font-variation-settings:"SOFT" 0, "WONK" 0;letter-spacing:-.01em;font-size:1.9rem;font-weight:850}.contrast-soft{border-radius:var(--radius-soft);background:var(--color-marshmallow-soft)}.contrast-soft img{border-radius:calc(var(--radius-soft) - 12px)}.contrast-soft h3{font-size:1.9rem;font-weight:500}.proof{grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,40px);margin-top:clamp(16px,3vw,40px);display:grid}.race,.price{border:1px solid var(--color-line);border-radius:var(--radius-medium);background:var(--color-white);padding:clamp(24px,3vw,36px)}.proof-header{margin-bottom:20px}.proof-header h3{font-size:1.75rem}.proof-header p{color:var(--color-ink-muted);margin-top:8px;font-size:1rem}.race-track,.coin-row{grid-template-columns:7rem 1fr 7.5rem;align-items:center;gap:14px;margin-block:20px;display:grid}.race-label,.coin-label{font-size:.95rem;font-weight:600}.race-wire{height:18px;position:relative}.race-wire:before{content:"";height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.race-track-hard .race-wire:before{background:var(--color-steel-light)}.race-track-soft .race-wire:before{background:var(--color-marshmallow)}.race-runner{width:18px;height:18px;position:absolute;top:0;left:0}.race-track-hard .race-runner{background:var(--color-steel);border-radius:2px}.race-track-soft .race-runner{background:var(--color-current);border-radius:50%;box-shadow:0 0 0 6px #2c46c929}.race.is-running .race-track-hard .race-runner{animation:2.44s steps(8,end) forwards race-run}.race.is-running .race-track-soft .race-runner{animation:2s cubic-bezier(.4,0,.3,1) forwards race-run}.race-track.has-arrived .race-runner{left:calc(100% - 18px)}@keyframes race-run{to{left:calc(100% - 18px)}}.race-time,.coin-price{font-variant-numeric:tabular-nums;text-align:right;font-size:.95rem}.race-time{opacity:0;transition:opacity .3s}.race-track.has-arrived .race-time{opacity:1}.race-footer{flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px;display:flex}.race-result{color:var(--color-current-deep);font-weight:600}.coins{gap:8px;display:flex}.coin{width:36px;height:36px}.coin-row-hard .coin{background:var(--color-steel);border-radius:3px}.coin-row-soft .coin{background:var(--color-current);border-radius:50%}.coin-row-soft .coin-saved{border:2px dashed var(--color-current);background:0 0}.coin-price{font-weight:600}.price-note{color:var(--color-ink-muted);margin-top:24px;font-size:.95rem}.explain{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(32px,6vw,80px);display:grid}.explain-text p{max-width:60ch;color:var(--color-ink-muted);margin-top:20px}.waveforms{border-radius:var(--radius-soft);background:var(--color-paper);margin:0;padding:clamp(20px,3vw,32px)}.waveform+.waveform{margin-top:24px}.waveform-caption{color:var(--color-ink-muted);margin-bottom:8px;font-size:.9rem;font-weight:600}.waveform svg{width:100%;height:auto}.waveform path{fill:none;stroke-width:3.5px}.waveform-axis{stroke:var(--color-steel-light);stroke-width:1.5px;stroke-dasharray:4 6}.waveform-hard path{stroke:var(--color-steel);stroke-linejoin:miter}.waveform-soft path{stroke:var(--color-current);stroke-linecap:round}.traits{grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,48px);margin:clamp(56px,8vw,88px) 0 0;display:grid}.trait{border-top:2px solid var(--color-ink);padding-top:20px}.trait dt{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 0;font-size:1.4rem;font-weight:600}.trait dd{color:var(--color-ink-muted);margin:8px 0 0}.table-wrap{margin-top:clamp(56px,8vw,88px);overflow-x:auto}.compare-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:520px}.compare-table caption{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 0;text-align:left;padding-bottom:20px;font-size:1.75rem;font-weight:600}.compare-table th,.compare-table td{border-bottom:1px solid var(--color-line);text-align:left;padding:16px 18px}.compare-table thead th{font-size:1rem}.compare-table tbody th{color:var(--color-ink-muted);font-weight:500}.compare-table .col-hard{color:var(--color-steel)}.compare-table .col-soft{color:var(--color-current-deep);border-radius:16px 16px 0 0}.compare-table .col-soft,.compare-table td:last-child{background:var(--color-marshmallow-soft);font-weight:600}.calculator{padding:var(--section-space) var(--gutter);background:var(--color-night);color:var(--color-night-text)}.calculator-inner{max-width:var(--content-width);grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,5vw,72px);margin-inline:auto;display:grid}.calculator-image{mix-blend-mode:screen;width:100%;height:auto;-webkit-mask-image:radial-gradient(50% 50%,#000 80%,#0000 100%);mask-image:radial-gradient(50% 50%,#000 80%,#0000 100%)}.calculator-panel h2{color:var(--color-white)}.calculator-panel>p{color:#e9eef8c7;margin-top:18px}.usage-field{justify-content:space-between;align-items:baseline;gap:16px;margin-top:36px;display:flex}.usage-field label{font-weight:600}.usage-field output{color:var(--color-marshmallow);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-variation-settings:"SOFT" 100, "WONK" 0;font-size:1.6rem;font-weight:600}.calculator input[type=range]{--fill:27%;background:linear-gradient(to right, var(--color-marshmallow) var(--fill), #ffffff29 var(--fill));cursor:pointer;appearance:none;border-radius:999px;width:100%;height:8px;margin:18px 0 0}.calculator input[type=range]::-webkit-slider-thumb{border:4px solid var(--color-marshmallow);background:var(--color-white);-webkit-appearance:none;border-radius:50%;width:28px;height:28px}.calculator input[type=range]::-moz-range-thumb{border:4px solid var(--color-marshmallow);background:var(--color-white);border-radius:50%;width:20px;height:20px}.calculator :focus-visible{outline-color:var(--color-marshmallow)}.calculator-results{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:32px 0 0;display:grid}.result{padding:18px 20px}.result dt{font-size:.9rem}.result dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-variation-settings:"SOFT" 100, "WONK" 0;margin:4px 0 0;font-size:1.6rem;font-weight:600}.result-hard{background:#ffffff12;border-radius:3px}.result-hard dd{font-variation-settings:"SOFT" 0, "WONK" 0}.result-soft{border-radius:var(--radius-medium);background:#2c46c973}.result-saving{border-radius:var(--radius-medium);background:var(--color-marshmallow);color:var(--color-night)}.guide-progress{flex-wrap:wrap;align-items:center;gap:16px;margin-top:40px;font-weight:600;display:flex}.guide-bar{background:var(--color-steel-light);border-radius:999px;width:min(260px,100%);height:8px;overflow:hidden}.guide-bar-fill{border-radius:inherit;background:var(--color-current);width:0;height:100%;transition:width .4s;display:block}.steps{border-top:1px solid var(--color-line);counter-reset:step;margin:28px 0 0;padding:0;list-style:none}.step{border-bottom:1px solid var(--color-line);counter-increment:step;grid-template-columns:3.5rem 1fr auto;align-items:start;gap:clamp(16px,3vw,32px);padding-block:30px;display:grid}.step:before{content:counter(step);background:var(--color-marshmallow-soft);width:3.5rem;height:3.5rem;color:var(--color-current);font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 0;border-radius:50%;place-items:center;font-size:1.7rem;font-weight:600;transition:background-color .25s,color .25s;display:grid}.step-body p{max-width:62ch;color:var(--color-ink-muted);margin-top:8px}.step-check{white-space:nowrap;cursor:pointer;border:1.5px solid #13213c38;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:.95rem;font-weight:600;transition:background-color .25s,color .25s;display:inline-flex}.step-check input{width:18px;height:18px;accent-color:var(--color-current);margin:0}.step-check:focus-within{outline:3px solid var(--color-current);outline-offset:3px}.step-check input:focus-visible{outline:none}.step.is-done:before{background:var(--color-current);color:var(--color-white)}.step.is-done .step-check{border-color:var(--color-current);background:var(--color-current);color:var(--color-white)}.step.is-done .step-check input{accent-color:var(--color-white)}.faq{grid-template-columns:1fr 1.7fr;align-items:start;gap:clamp(32px,6vw,80px);display:grid}.faq h2{top:calc(var(--header-height) + 24px);position:sticky}.faq-list details{border-bottom:1px solid var(--color-line)}.faq-list details:first-child{border-top:1px solid var(--color-line)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding-block:22px;font-size:1.15rem;font-weight:600;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--color-current);font-family:var(--font-display);flex-shrink:0;font-size:1.8rem;font-weight:400;line-height:1;transition:transform .25s}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list details p{max-width:64ch;color:var(--color-ink-muted);padding-bottom:24px}.closing{padding:clamp(88px, 12vw, 160px) var(--gutter);background:var(--color-current);color:var(--color-white);text-align:center;position:relative;overflow:hidden}.closing-wave{opacity:.2;width:100%;height:70%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.closing-wave path{fill:none;stroke:var(--color-white);stroke-width:2px;vector-effect:non-scaling-stroke}.closing h2,.closing p,.closing .button{position:relative}.closing h2{font-size:clamp(2.4rem,5.4vw,4.4rem)}.closing p{color:#ffffffd9;margin:16px auto 32px;font-size:1.2rem}.closing :focus-visible{outline-color:var(--color-white)}.site-footer{padding:56px var(--gutter);background:var(--color-paper);color:var(--color-ink-muted);font-size:.92rem}.footer-inner{max-width:var(--content-width);grid-template-columns:1fr auto;gap:32px 64px;margin-inline:auto;display:grid}.footer-identity .brand{color:var(--color-ink)}.footer-tagline{margin-top:10px}.footer-nav ul{grid-template-columns:repeat(2,auto);gap:10px 48px;margin:0;padding:0;list-style:none;display:grid}.footer-nav a{text-decoration:none}.footer-nav a:hover,.footer-nav a[aria-current=page]{color:var(--color-ink);text-underline-offset:3px;text-decoration:underline}.footer-legal{border-top:1px solid var(--color-line);grid-column:1/-1;padding-top:24px}.info h1{letter-spacing:-.02em;font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.05}.info-lead{color:var(--color-ink-muted);margin-top:16px;font-size:1.2rem}.info-block{margin-top:56px}.info-block>p{max-width:62ch;color:var(--color-ink-muted);margin-top:12px}.credit-list{border-top:1px solid var(--color-line);margin:32px 0 0;padding:0;list-style:none}.credit{border-bottom:1px solid var(--color-line);grid-template-columns:160px 1fr;align-items:center;gap:24px;padding-block:24px;display:grid}.credit img{aspect-ratio:4/3;object-fit:cover;border-radius:12px;width:100%;height:auto}.credit h3{font-size:1.3rem}.credit p{color:var(--color-ink-muted);margin-top:4px;font-size:1rem}.credit-license a{white-space:nowrap}@media (width<=960px){.site-nav{display:none}}@media (width<=860px){.contrast,.proof,.explain,.calculator-inner,.faq,.traits,.footer-inner{grid-template-columns:1fr}.faq h2{position:static}.calculator-image{max-width:480px;margin-inline:auto}}@media (width<=640px){.table-wrap{overflow:visible}.compare-table,.compare-table tbody,.compare-table caption{min-width:0;display:block}.compare-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.compare-table tbody tr{border-bottom:1px solid var(--color-line);grid-template-columns:1fr 1fr;gap:8px;padding-block:16px;display:grid}.compare-table tbody tr:first-child{border-top:1px solid var(--color-line)}.compare-table tbody th{color:var(--color-ink);border:0;grid-column:1/-1;padding:0 0 4px;font-weight:600}.compare-table td{border:0;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.compare-table td:before{content:attr(data-label);color:var(--color-ink-muted);font-size:.8rem;font-weight:500}.compare-table td:first-of-type{background:#565c681a;border-radius:3px}.compare-table td:last-child{border-radius:14px}}@media (width<=560px){.footer-nav ul{grid-template-columns:1fr}.credit{grid-template-columns:96px 1fr;gap:16px}.hero-content{padding-top:40px}.hero-actions .button{flex:auto}.race-track{grid-template-columns:5.6rem 1fr auto;gap:10px}.coin-row{grid-template-columns:auto 1fr;gap:8px 12px}.coin-label{grid-column:1/-1}.coin-price{white-space:nowrap}.calculator-results{grid-template-columns:1fr 1fr}.result-saving{grid-column:1/-1}.coin{width:28px;height:28px}.step{grid-template-columns:2.75rem 1fr}.step:before{width:2.75rem;height:2.75rem;font-size:1.4rem}.step-check{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){.hero-title{animation:none}*,:before,:after{transition-duration:.01ms!important}}
