:root{--bg:#f7f9f8;--paper:#fff;--ink:#182b28;--mute:#637773;--muted:#7a8b86;--green:#08785f;--green-dark:#065c49;--light:#e8f4ef;--line:#e2eae6;--navy:#173e34;--shadow:0 14px 44px rgba(31,65,54,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.6}a{color:inherit}button,input{font:inherit}button{cursor:pointer}.shell{width:min(1230px,calc(100% - 48px));margin-inline:auto}.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:2}.nav-layout{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:850;font-size:21px;letter-spacing:-1.1px;text-decoration:none;line-height:1.05}.brand small{display:block;font-size:9px;color:#82938b;letter-spacing:1.35px;margin-top:5px;font-weight:800}.brand-icon{font-size:26px;background:var(--green);color:white;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:500}.brand-green{color:var(--green)}.top-nav{display:flex;gap:31px;font-weight:650;font-size:13px}.top-nav a{text-decoration:none;color:#596b63}.top-nav a:hover,.site-footer a:hover{color:var(--green)}.nav-cta,.outline-link{padding:10px 17px;border:1px solid #b9d9cc;border-radius:10px;text-decoration:none;font-weight:750;color:var(--green);font-size:13px;display:inline-flex;align-items:center;gap:10px}.nav-cta:hover,.outline-link:hover{background:var(--light)}.home-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.75fr);align-items:center;gap:70px;padding:77px 0 72px}.eyebrow,.overline,.tool-kicker{font-size:11px;letter-spacing:1.5px;color:var(--green);font-weight:850;text-transform:uppercase}.green-dot{display:inline-block;background:#34b487;width:8px;height:8px;border-radius:50%;margin-right:8px}.hero-left h1{font-size:clamp(48px,5.8vw,76px);line-height:1.05;letter-spacing:-3.5px;font-weight:830;margin:17px 0 25px}.hero-left h1 em{font-style:normal;color:var(--green)}.hero-left>p{max-width:630px;color:#647871;font-size:17px;line-height:1.78;margin:0}.searchbox{display:flex;align-items:center;gap:11px;background:white;border:1px solid #d0dfd6;border-radius:13px;margin:29px 0 0;height:63px;padding:0 18px;max-width:670px;box-shadow:0 12px 35px rgba(16,80,53,.06)}.searchbox:focus-within{outline:3px solid #cfebe0}.searchbox>span{font-size:33px;line-height:1;color:var(--green)}.searchbox input{flex:1;min-width:0;outline:none;background:transparent;border:0;font-size:14px}.searchbox kbd{background:#f4f8f5;color:#8ba19a;padding:2px 7px;border:1px solid #dce9e2;border-radius:5px;font-size:12px}.hero-signals{display:flex;gap:19px;flex-wrap:wrap;margin-top:18px;color:#5a8a77;font-weight:650;font-size:12px}.hero-visual{position:relative;background:white;border:1px solid #e2ebe7;border-radius:24px;padding:27px 30px;box-shadow:0 30px 70px rgba(28,69,50,.08);overflow:hidden;min-height:364px}.hero-visual:before{content:'';position:absolute;width:250px;height:250px;border-radius:50%;background:#e9f5ef;right:-90px;top:-100px}.visual-head{position:relative;display:flex;flex-direction:column;gap:5px}.visual-head span{color:var(--green);font-size:10px;letter-spacing:1.5px;font-weight:800}.visual-head b{font-size:14px;font-weight:750}.visual-number{font-size:45px;letter-spacing:-2px;font-weight:850;color:#0c614d;position:relative;margin:20px 0 9px}.visual-number small{font-size:14px;letter-spacing:0;color:#97a9a2;margin-left:4px}.visual-sep{height:1px;background:#edf0ed;margin:0 0 15px}.visual-row{display:flex;align-items:center;justify-content:space-between;margin:8px 0;color:#73837a;font-size:12px;position:relative}.visual-row b{color:#28473d}.mini-bars{display:flex;align-items:end;gap:10px;height:72px;margin-top:20px;position:relative}.mini-bars i{flex:1;background:linear-gradient(#40b58a,#cbeadd);border-radius:5px 5px 0 0;opacity:.84}.visual-small{font-size:10px;color:#849a8d;margin-top:9px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{font-size:28px;letter-spacing:-1px;line-height:1.18;margin:7px 0 0}.section-heading p{margin:8px 0 0;color:var(--mute)}.muted,.small-copy{font-size:12px;color:#7a8b83}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.category-card{display:grid;grid-template-columns:1fr auto;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;gap:3px 10px;transition:transform .18s,border-color .18s}.category-card:hover,.tool-card:hover{transform:translateY(-2px);border-color:#9bc8b4;box-shadow:var(--shadow)}.category-glyph{grid-column:1/3;width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:var(--light);color:var(--green);font-size:12px;font-weight:800;margin-bottom:9px}.category-card strong{font-size:14px}.category-card small{grid-column:1;color:#81958b}.category-card>span:last-child{grid-column:2;grid-row:2/4;color:var(--green);align-self:center}.featured{padding-top:64px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.featured-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{display:flex;flex-direction:column;min-height:225px;border:1px solid var(--line);background:#fff;border-radius:15px;padding:21px;transition:transform .18s,border-color .18s,box-shadow .18s;text-decoration:none}.tool-card[hidden]{display:none!important}.tool-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.tool-emoji{width:42px;height:42px;border-radius:12px;background:#eaf5ef;display:grid;place-items:center;font-size:21px}.tag{font-size:10px;font-weight:750;color:var(--green);background:#f2f8f5;border-radius:50px;padding:5px 8px;white-space:nowrap}.tool-card h3{font-size:17px;letter-spacing:-.45px;line-height:1.3;margin:18px 0 8px}.tool-card p{font-size:12px;color:#70817a;line-height:1.65;margin:0 0 16px;flex:1}.tool-card-arrow{display:flex;justify-content:space-between;color:var(--green);font-size:12px;font-weight:780;align-items:center}.tool-card-arrow b{font-size:18px;font-weight:500}.ad-slot{border:1px dashed #d9e4dc;background:linear-gradient(135deg,#fbfcfb,#f3f7f5);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#99aaa2;text-align:center}.ad-tag{font-size:11px;font-weight:700;letter-spacing:.5px;color:#859b8e}.ad-note{font-size:10px;color:#a7b4ae}.ad-slot--banner{width:min(1230px,calc(100% - 48px));margin:48px auto;min-height:102px}.ad-slot--rail{min-height:280px;margin:20px 0}.ad-slot--incontent{min-height:100px;margin:30px 0}.directory{padding:4px 0 52px}.count-pill{font-size:12px;background:#e7f2eb;color:#247056;padding:8px 13px;border-radius:40px;font-weight:800}.filterbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.filter{border:1px solid #dbe6de;background:#fff;border-radius:80px;padding:9px 15px;color:#60776a;font-weight:750;font-size:12px}.filter:hover,.filter.active{color:white;background:var(--green);border-color:var(--green)}.no-results{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;color:var(--mute)}.trust-strip{background:#eaf3ee;border-radius:21px;margin-bottom:66px;padding:30px 36px;display:flex;justify-content:space-between;gap:34px;align-items:center}.trust-strip h2{margin:5px 0;font-size:24px;letter-spacing:-.6px}.trust-strip p{margin:0;font-size:13px;max-width:760px;color:#61786d}.trust-strip .outline-link{background:white;flex-shrink:0}.site-footer{border-top:1px solid var(--line);background:#fff}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;padding:39px 0}.footer-brand{font-size:19px;font-weight:850;color:var(--green);text-decoration:none;letter-spacing:-.5px}.footer-content p{font-size:12px;color:var(--mute);max-width:270px}.footer-content div:not(:first-child){display:flex;flex-direction:column;gap:9px;font-size:13px}.footer-content strong{font-size:12px;margin-bottom:4px}.footer-content a{text-decoration:none;color:#65766f}.footer-bottom{border-top:1px solid #eef1ee;padding:16px 0 25px;display:flex;justify-content:space-between;gap:20px;color:#8b9a91;font-size:11px}.breadcrumb{padding:27px 0 0;display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#86968e}.breadcrumb a{text-decoration:none;color:#638375}.breadcrumb span{color:#b0bbb3}.detail-hero{padding:30px 0 31px}.detail-hero h1{font-size:clamp(35px,4vw,51px);letter-spacing:-1.8px;line-height:1.14;margin:11px 0 12px}.detail-hero p{font-size:15px;color:var(--mute);max-width:800px;margin:0;line-height:1.72}.h1-emoji{font-size:.81em;vertical-align:5%}.tool-kicker{display:inline-block;background:#e7f3ee;padding:6px 11px;border-radius:7px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:25px;align-items:start}.detail-content{min-width:0}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.panel{border-radius:17px;background:#fff;border:1px solid var(--line);padding:24px;box-shadow:var(--shadow);min-width:0}.panel-title h2{margin:0 0 3px;font-size:20px;letter-spacing:-.5px}.panel-title p{margin:0 0 21px;font-size:12px;color:var(--mute)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:block;min-width:0}.field-label{font-size:11px;font-weight:800;display:block;margin-bottom:7px}.field-wrap{display:flex;align-items:center;border:1px solid #d8e5df;background:#fafcfb;border-radius:10px;min-height:44px;overflow:hidden}.field-wrap:focus-within{outline:2px solid #bde0cf}.field-wrap input{border:0;background:transparent;min-width:0;outline:0;padding:9px 10px;font-size:14px;font-weight:700;flex:1;width:100%;color:var(--ink)}.field-unit{font-size:10px;color:#718679;max-width:85px;line-height:1.2;padding:0 8px 0 2px;word-break:normal}.form-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.btn{border:0;border-radius:10px;padding:12px 16px;font-size:12px;font-weight:800}.btn-dark{background:var(--green);color:white}.btn-muted{background:#eaf3ee;color:#2c7059}.form-error{padding:12px;background:#fff0ed;color:#9e412d;border-radius:10px;font-size:12px;margin:14px 0 0}.result-panel{background:#183f34;color:#fff;border-color:#183f34}.result-panel .panel-title h2{color:#fff}.result-panel .panel-title p{color:#b4cfc3}.result-item{display:flex;justify-content:space-between;gap:15px;align-items:baseline;border-top:1px solid #ffffff22;padding:14px 0}.result-item span{color:#c2d9cf;font-size:11px}.result-item strong{font-size:16px;text-align:right;letter-spacing:-.3px}.result-item strong small{font-size:11px;color:#c5d9cd}.result-item.main-result{display:block;padding:15px 0 17px;border-top:0}.result-item.main-result span{text-transform:uppercase;letter-spacing:1px;font-weight:800;font-size:10px;display:block}.result-item.main-result strong{font-size:31px;text-align:left;display:block;line-height:1.24;margin-top:7px;letter-spacing:-1px}.result-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.result-buttons button{padding:9px 11px;border-radius:8px;border:1px solid #ffffff35;background:#ffffff19;color:#fff;font-size:11px;font-weight:750}.result-buttons button:hover{background:#ffffff27}.sidebar-help,.sidebar-links{background:#fff;border:1px solid var(--line);padding:22px;border-radius:15px}.sidebar-help strong{font-size:14px;display:block;margin:7px 0}.sidebar-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--light);color:var(--green);font-size:19px}.sidebar-help p{margin:0;color:var(--mute);font-size:12px}.sidebar-links h3{font-size:13px;margin:0 0 9px}.sidebar-links a{display:block;text-decoration:none;padding:8px 0;font-size:12px;color:#527663}.sidebar-links a:hover{color:var(--green)}.chart-card,.explainer,.related{border-radius:16px;background:#fff;border:1px solid var(--line);padding:26px;margin-top:23px}.chart-card[hidden]{display:none!important}.chart-header h2,.explainer h2,.related h2{margin:4px 0 5px;letter-spacing:-.6px;font-size:23px}.chart-header p{font-size:12px;color:var(--mute);margin:0}.chart-card svg{max-width:100%;height:auto;display:block;margin:20px 0 0}.chart-data{border-top:1px solid var(--line);margin-top:7px;padding-top:10px;color:#57796a;font-size:12px}.chart-data summary{cursor:pointer;font-weight:750}.chart-table-wrap{overflow-x:auto}.chart-data table{border-collapse:collapse;width:100%;margin:12px 0}.chart-data th,.chart-data td{padding:7px;text-align:left;border-bottom:1px solid #e9efe9}.explainer h3{font-size:16px;margin:23px 0 8px}.explainer p{color:#63766a;font-size:13px;line-height:1.9}.formula{background:#f2f7f3;padding:16px 18px;border-radius:10px;font-weight:750;color:#265846!important;overflow-wrap:anywhere}.warning{background:#fdf7eb;padding:14px 16px;border-radius:10px;border:1px solid #f2e8d4;font-size:13px}.warning p{margin:3px 0;color:#7a6a4d}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.related-grid a{border:1px solid var(--line);padding:15px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;gap:10px;font-weight:700;font-size:12px}.related-grid a:hover{border-color:#a4cdb9}.related-grid a span:last-child{color:var(--green)}.detail-page{padding-bottom:58px}.info-page{max-width:850px;padding:70px 0 120px;min-height:55vh}.info-page h1{font-size:43px;line-height:1.2;letter-spacing:-1.5px}.info-page p{font-size:16px;color:var(--mute);line-height:1.9}.info-page .outline-link{margin-top:18px}.no-js{padding:15px;background:#fff2dd}.ad-slot--rail{position:relative}.ad-slot--incontent{width:100%}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #77caaa;outline-offset:3px}
@media(max-width:1120px){.detail-grid{grid-template-columns:minmax(0,1fr) 215px;gap:14px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-layout{grid-template-columns:1fr}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.home-hero{grid-template-columns:1fr;gap:26px;padding:50px 0}.hero-visual{display:none}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}.detail-sidebar{display:none}.tool-layout{grid-template-columns:1fr 1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-content{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:630px){.shell{width:calc(100% - 30px)}.nav-layout{min-height:72px}.top-nav{display:none}.nav-cta{font-size:11px;padding:9px}.brand{font-size:19px}.brand small{font-size:8px}.home-hero{padding:46px 0 43px}.hero-left h1{font-size:44px;letter-spacing:-2px}.hero-left>p{font-size:14px}.searchbox{height:57px;padding:0 13px}.searchbox kbd{display:none}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card{padding:15px}.section-heading h2{font-size:25px}.featured{padding-top:47px}.cards,.featured-cards{grid-template-columns:1fr}.tool-card{min-height:0;padding:18px}.tool-card h3{margin:12px 0 5px}.filterbar{gap:6px}.filter{padding:8px 12px}.ad-slot--banner{width:calc(100% - 30px);min-height:78px;margin:30px auto}.ad-slot--incontent{min-height:80px}.trust-strip{display:block;padding:25px}.trust-strip .outline-link{margin-top:18px}.footer-content{grid-template-columns:1fr 1fr}.footer-content div:first-child{grid-column:1/3}.footer-bottom{display:block}.footer-bottom span{display:block;margin:3px 0}.detail-hero{padding:21px 0}.detail-hero h1{font-size:35px}.tool-layout{grid-template-columns:1fr}.panel,.chart-card,.explainer,.related{padding:19px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid{grid-template-columns:1fr}.info-page{padding:50px 0}.info-page h1{font-size:34px}}
@media(max-width:390px){.field-grid{grid-template-columns:1fr}.nav-cta{display:none}.category-grid{grid-template-columns:1fr 1fr}.result-item.main-result strong{font-size:26px}}
@media print{.site-header,.site-footer,.detail-sidebar,.ad-slot,.form-actions,.result-buttons,.related,.breadcrumb,.site-nav{display:none!important}.detail-grid{display:block}.tool-layout{display:block}.panel,.explainer,.chart-card{box-shadow:none;border:1px solid #ccc;margin:14px 0;break-inside:avoid}.result-panel{background:#fff;color:#000}.result-panel .panel-title h2,.result-item span,.result-item strong,.result-item strong small{color:#000}.detail-hero{padding:0}.field-wrap{border:1px solid #999}}