:root{font-family:'DM Sans',sans-serif;color:#243d35;background:#faf9f5;font-synthesis:none;line-height:1.6;--green:#244f41;--muted:#66776d;--line:#dfe3d9}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bf6b42;outline-offset:5px}header,main,footer{max-width:1200px;margin:auto}header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 28px}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:22px;font-weight:800;letter-spacing:-1px}.brand-mark{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--green);color:white;border-radius:10px;font-size:25px}.brand-mark span{font-size:17px}.brand .beta{font-family:'DM Sans',sans-serif;font-size:9px;border:1px solid #ccd5c9;padding:3px 7px;border-radius:5px;letter-spacing:1px;margin-left:5px;color:#66776d}nav{display:flex;gap:30px;font-size:13px}nav a:hover{color:#a75536}main{padding:0 28px}.hero{position:relative;padding:80px 0 70px;min-height:490px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;color:#53715d;display:block}.dot{width:7px;height:7px;border-radius:50%;background:#769269;display:inline-block;margin-right:8px}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.18;letter-spacing:-1.5px}h1{font-size:53px;font-weight:600;margin:22px 0;max-width:780px}h1 em{font-style:normal;color:#6c8565}h2{font-size:28px;font-weight:600}h3{font-size:23px;font-weight:600;letter-spacing:-.6px}.hero p{color:var(--muted);font-size:16px;margin:0 0 28px}.primary{display:inline-flex;align-items:center;gap:38px;border-radius:7px;padding:14px 20px;color:#fff;background:var(--green);font-size:13px;font-weight:600}.primary:hover{background:#35644e}.trust{display:flex;gap:13px;margin-top:20px;font-size:11px;color:var(--muted)}.hero-decoration{position:absolute;right:30px;top:90px;width:320px;height:300px}.orbit{position:absolute;inset:0;border:1px solid #dfe5d6;border-radius:50%;transform:rotate(-20deg);background:repeating-linear-gradient(0deg,transparent,transparent 25px,#e8ecdf 26px,transparent 27px)}.price-tag{position:absolute;inset:24px 15px 22px 30px;background:#e9eddf;transform:rotate(8deg);border:1px solid #d1dac6;border-radius:12px 50px 12px 12px;box-shadow:10px 15px 0 #edf0e7;padding:26px}.price-tag small{font-size:8px;letter-spacing:1.5px}.price-tag b{display:block;font-size:35px;font-weight:500;line-height:1.3;margin:20px 0}.price-tag em{color:#728567;font-style:normal}.price-tag>span{font-size:8px;letter-spacing:1px}.section-top{display:flex;justify-content:space-between;align-items:end;margin:20px 0 28px}.section-top h2{margin:10px 0 0}.section-top p{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;padding:26px;background:#fffefa;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-4px);box-shadow:0 10px 22px #233c350b}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#839080}.tool-icon{display:grid;place-items:center;width:42px;height:42px;background:#eef0e6;border-radius:10px;font-size:27px;color:#41664e}.tool-card:nth-child(2) .tool-icon{background:#f5e9df;color:#ac724e}.tool-card:nth-child(3) .tool-icon{background:#e9edef;color:#5a7782}.tool-card h3{margin:27px 0 10px}.tool-card p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 27px}.tool-card strong{display:flex;justify-content:space-between;margin-top:auto;border-top:1px solid var(--line);padding-top:18px;font-size:12px;font-weight:600}.approach{padding:50px 36px;margin:65px 0;background:#eef0e7;border-radius:12px}.approach h2{margin:10px 0 30px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps b{font-size:13px}.steps p{font-size:13px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:32px 28px 40px;display:flex;gap:30px;align-items:center}footer .brand{font-size:18px}footer p{font-size:12px;color:var(--muted)}footer small{margin-left:auto;font-size:10px;color:var(--muted)}.breadcrumbs{font-size:12px;color:var(--muted);padding-top:28px}.breadcrumbs a{text-decoration:underline}.page-hero{padding:35px 0}.page-hero h1{font-size:42px;margin:14px 0}.page-hero p{color:var(--muted);max-width:670px;font-size:16px}.calculator{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fffefa}.inputs{padding:32px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading h2{font-size:22px;letter-spacing:-.7px;margin:0}.text-button{border:0;background:none;font-size:11px;color:var(--green);cursor:pointer;text-decoration:underline}.small{font-size:11px;color:var(--muted)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}label{font-size:12px;font-weight:500}.input-wrap{display:flex;align-items:center;border:1px solid #d5dbd0;border-radius:6px;background:white;margin-top:7px;overflow:hidden}.input-wrap:focus-within{outline:2px solid #658361;outline-offset:2px}.input-wrap input{width:100%;min-width:0;border:0;outline:none;padding:10px 12px;background:transparent;font-size:16px;color:#243d35}.input-wrap span{font-size:11px;color:var(--muted);padding-right:12px;white-space:nowrap}.result{background:#234e40;color:#fff;padding:35px;display:flex;flex-direction:column}.result .eyebrow{color:#b9ccb1;font-size:9px}.big-number{font-family:Manrope,sans-serif;font-size:53px;font-weight:500;letter-spacing:-2px;line-height:1.2;margin:20px 0 7px}.result-caption{font-size:12px;color:#c3d4c7;margin:0 0 22px}.result dl{font-size:12px;margin:0}.result dl>div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff25;padding:12px 0}.result dt{color:#c3d4c7}.result dd{margin:0;font-weight:600}.copy{background:#f0f0df;color:#244f41;border:0;border-radius:5px;padding:11px;margin-top:22px;cursor:pointer;font-size:12px;font-weight:600}.result .small{color:#d1e1ca;margin-top:8px}.result-note{font-size:10px;color:#b8cfbf;line-height:1.8;margin:20px 0 0}.warning{padding:10px;background:#ffe5b5;color:#513c1e;border-radius:6px;font-size:12px}.explain{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;padding:60px 0}.explain h2{font-size:25px}.explain h3{font-size:19px;margin-top:30px}.explain p{font-size:13px;color:var(--muted);line-height:1.9}.formula{padding:20px;border-left:3px solid #8da080;background:#eef0e7}.explain .small{font-size:11px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:13px;font-weight:600}details p{margin-bottom:0}.related{border-top:1px solid var(--line);padding:25px 0 50px}.related h2{font-size:23px}.related a{display:inline-block;margin:0 25px 12px 0;font-size:13px;text-decoration:underline}.skip{position:absolute;top:-100px;z-index:20;background:white;padding:10px}.skip:focus{top:0}@media(min-width:1400px){header,main,footer{max-width:1280px}.hero{padding-top:95px;padding-bottom:90px}.hero-decoration{right:60px}}@media(max-width:960px){.hero-decoration{right:-100px;opacity:.45;z-index:-1}.hero h1{font-size:46px}.section-top{display:block}.cards{gap:12px}.tool-card{padding:20px}.explain{gap:30px}.calculator{grid-template-columns:1.1fr 1fr}.inputs,.result{padding:24px}}@media(max-width:680px){header{height:80px;padding:0 20px}.brand{font-size:20px}.brand .beta{display:none}nav{gap:14px;font-size:11px}main{padding:0 20px}.hero{padding:45px 0}.hero h1{font-size:36px;letter-spacing:-1.5px}.hero p{font-size:14px}.hero-decoration{display:none}.hero .eyebrow{font-size:9px}.cards,.steps,.calculator,.explain{grid-template-columns:1fr}.section-top h2{font-size:25px}.tool-card h3{margin-top:20px}.tool-card p{margin-bottom:20px}.approach{margin:40px 0;padding:30px 24px}.steps{gap:14px}.approach h2{font-size:26px}footer{padding:25px 20px;align-items:start;flex-direction:column;gap:8px}footer p{margin:0}footer small{margin:0}.page-hero h1{font-size:33px}.page-hero p{font-size:14px}.inputs,.result{padding:24px 20px}.field-grid{gap:16px 12px}.explain{padding:40px 0;gap:15px}.big-number{font-size:48px}.panel-heading h2{font-size:20px}}

/* Dark pixel theme. Body copy stays readable; display type carries the arcade style. */
@font-face{font-family:'Silkscreen';font-style:normal;font-display:swap;font-weight:400;src:url('/assets/fonts/silkscreen-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:400;src:url('/assets/fonts/dm-sans-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:500;src:url('/assets/fonts/dm-sans-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:600;src:url('/assets/fonts/dm-sans-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:700;src:url('/assets/fonts/dm-sans-latin-700-normal.woff2') format('woff2')}
.info-page{max-width:780px;padding-bottom:55px}.info-page h1{font-size:34px;margin-top:40px}.info-page h2{margin-top:32px;font-size:21px}.info-page p{color:var(--muted);line-height:1.9}.info-page a{text-decoration:underline;color:#b4f56b}.footer-links{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;text-decoration:underline}
@media(max-width:680px){header{flex-wrap:wrap;height:auto!important;min-height:88px;gap:10px;padding-top:14px!important;padding-bottom:14px!important}.brand{font-size:12px!important}.info-page h1{font-size:26px}.info-page h2{font-size:19px}}
:root{color-scheme:dark;--green:#b4f56b;--muted:#a6b2ae;--line:#35443e;color:#e8eee6;background:#101613;font-family:'DM Sans',sans-serif}
body{background-image:linear-gradient(#b4f56b04 1px,transparent 1px),linear-gradient(90deg,#b4f56b04 1px,transparent 1px);background-size:24px 24px}
::selection{background:#b4f56b;color:#101613}
header{border-bottom:2px solid var(--line)}
.brand,h1,h2,h3,.big-number,.price-tag b{font-family:'Silkscreen','Courier New',monospace;font-weight:400;letter-spacing:-1px}
.brand{font-size:19px;gap:10px}.brand-mark{border-radius:0;background:#b4f56b;color:#152019;box-shadow:3px 3px 0 #59753c;font-family:'Silkscreen',monospace}.brand-mark span{font-size:14px}
.brand .beta{color:#b4f56b;border:1px solid #526d42;border-radius:0;background:#202c20}
nav a:hover,.breadcrumbs a:hover,.related a:hover{color:#b4f56b}
.eyebrow{font-family:'Courier New',monospace;color:#b4f56b;letter-spacing:2px}.dot{background:#b4f56b;border-radius:0;box-shadow:3px 3px 0 #3f5632}
h1{font-size:42px;line-height:1.35;max-width:800px}h1 em{color:#b4f56b}h2{font-size:23px;line-height:1.4}h3{font-size:20px;line-height:1.4}
.hero{padding:72px 0 65px}.hero p{color:#b5c1b9}.hero h1{max-width:800px;font-size:40px}.hero-decoration{right:0;top:110px;width:270px;height:265px}
.primary,.copy{border-radius:0;background:#b4f56b;border:2px solid #b4f56b;color:#142014;box-shadow:4px 4px 0 #506d37;font-family:'Courier New',monospace;font-weight:700}
.primary:hover,.copy:hover{background:#c8ff8f;color:#101613;transform:translate(-1px,-1px);box-shadow:5px 5px 0 #506d37}
.primary:active,.copy:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #506d37}
.orbit{border-radius:0;transform:none;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 23px,#35443e 24px,transparent 25px);border:2px dashed #455a40}
.price-tag{inset:20px 15px 16px 14px;transform:none;border-radius:0;background:#1d2b20;border:2px solid #739657;box-shadow:8px 8px 0 #0b100d;padding:22px}
.price-tag:before{content:'';position:absolute;width:10px;height:10px;right:12px;top:12px;background:#b4f56b;box-shadow:-14px 0 #587840,0 14px #587840}
.price-tag small{color:#b7c8af;font-family:'Courier New',monospace;font-size:9px}.price-tag b{font-size:25px;line-height:1.5;margin:24px 0}.price-tag em{color:#b4f56b}.price-tag>span{color:#a7be9b;font-size:8px}
.tool-card{border:2px solid var(--line);border-radius:0;background:#18211c;box-shadow:5px 5px 0 #080d0a;transition:transform .15s, border-color .15s}
.tool-card:hover{border-color:#b4f56b;transform:translateY(-3px);box-shadow:5px 8px 0 #080d0a}.card-top{color:#8d9f90;font-family:'Courier New',monospace}.tool-icon{border-radius:0;background:#283b23;color:#b4f56b;border:1px solid #506840}.tool-card:nth-child(2) .tool-icon{background:#382d22;color:#ffc48b;border-color:#785c3e}.tool-card:nth-child(3) .tool-icon{background:#23353b;color:#99ddeb;border-color:#446874}.tool-card strong{color:#c1f293;border-top:1px dashed #40513f;font-family:'Courier New',monospace}.tool-card p{color:#afbbb2}
.approach{border-radius:0;border:2px solid #354b35;background:#19251c;box-shadow:6px 6px 0 #0a100c}.steps b{color:#c3dfa9;font-family:'Courier New',monospace}.steps p{color:#aebdaf}
.page-hero h1{font-size:34px}.calculator{border-radius:0;border:2px solid #435642;background:#18211c;box-shadow:6px 6px 0 #080d0a}.panel-heading h2{font-size:20px}.text-button{color:#b4f56b}.field-grid label{color:#c6d3c7}.input-wrap{background:#0e1711;border:2px solid #425240;border-radius:0}.input-wrap input{color:#ecf7e9;font-family:'Courier New',monospace}.input-wrap span{color:#b0c1ad}.input-wrap:focus-within{outline:2px solid #b4f56b;outline-offset:3px}
.result{background:#21321f;border-left:2px solid #435642;color:#f0ffe8}.result .eyebrow{color:#bded94}.big-number{color:#bdff7b;font-size:43px;overflow-wrap:anywhere;letter-spacing:-2px}.result-caption{color:#b8c9af}.result dl>div{border-top:1px dashed #51634a}.result dt{color:#c3d0bc}.result dd{color:#eaffda;font-family:'Courier New',monospace}.result-note{color:#b3c4a9}.result .small{color:#cff4b5}.warning{border-radius:0;background:#3c2c1f;color:#ffd29c;border:1px solid #8b6337}.copy{margin-bottom:5px}
.formula{background:#1b291d;border-left:4px solid #b4f56b;color:#bdcdb6!important}.explain h2{font-size:21px}.explain h3{font-size:17px}.explain p{color:#b1beb1}summary{color:#d8e8cf}.related h2{font-size:20px}details{border-bottom:1px dashed #43533d}.related a{color:#bbec94}
footer{border-top:2px solid var(--line)}footer .brand{font-size:17px}.skip{background:#b4f56b;color:#101613}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#b4f56b}
@media(min-width:1400px){.hero-decoration{right:25px}.hero{padding-top:85px;padding-bottom:80px}}
@media(max-width:1100px){.hero-decoration{display:none}.hero h1{max-width:900px}}
@media(max-width:680px){header{padding:0 16px}.brand{font-size:14px;gap:7px}.brand-mark{width:30px;height:30px;font-size:21px}nav{gap:12px;font-size:10px}h1,.hero h1{font-size:28px;letter-spacing:-1px;line-height:1.45}.hero{padding:40px 0}.section-top h2{font-size:21px}.page-hero h1{font-size:25px;overflow-wrap:anywhere}.approach h2{font-size:22px}.result{border-left:0;border-top:2px solid #435642}.big-number{font-size:37px}.panel-heading h2{font-size:18px}.related h2{font-size:19px}.explain h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
