*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f8f6;color:#13261f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.site-header{background:#102d24;color:#fff;border-bottom:1px solid #ffffff14;position:sticky;top:0;z-index:20}.nav{max-width:1180px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#d8f66a;color:#102d24;font-size:11px;font-weight:900}.brand strong{font-size:18px}.nav nav{display:flex;gap:24px;color:#c2d0ca;font-size:14px}.nav nav a:hover,.footer-links a:hover,.text-link:hover{color:#d8f66a}.hero{background:#102d24;color:#fff;padding:72px 22px 76px}.hero-inner{max-width:1040px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:900;color:#a9c3b8;margin-bottom:13px}.hero h1{font-size:clamp(44px,7vw,78px);line-height:.98;letter-spacing:-4px;margin:0 0 22px;max-width:900px}.hero h1 span{color:#d8f66a}.hero p{font-size:18px;line-height:1.7;color:#c4d1ca;max-width:720px;margin:0}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:30px;flex-wrap:wrap}.primary-btn{display:inline-flex;align-items:center;gap:14px;background:#d8f66a;color:#102d24;padding:13px 17px;border-radius:10px;font-weight:850}.secondary-btn{display:inline-flex;align-items:center;padding:12px 16px;border:1px solid #ffffff2e;border-radius:10px;color:#fff}.trust{font-size:13px;color:#9eb2a9}.ad-wrap{max-width:1180px;margin:0 auto;padding:16px 22px}.ad{min-height:88px;border:1px dashed #c7d0ca;background:#edf1ed;color:#7a8881;display:grid;place-items:center;align-content:center;gap:4px;font-size:12px}.ad>span{font-size:9px;text-transform:uppercase;letter-spacing:1.6px}.ad ins{min-height:72px;width:100%}.wrap{max-width:1180px;margin:auto;padding:54px 22px}.intro-copy{max-width:900px}.section-kicker{font-size:10px;letter-spacing:2px;font-weight:900;color:#718179;margin-bottom:9px}.wrap h2{font-size:34px;letter-spacing:-1.4px;line-height:1.15;margin:0 0 12px}.intro-copy p,.content-section p{color:#617169;line-height:1.75}.tool-section{padding-top:26px}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-title-row p{color:#66766e;margin:7px 0 0}.tool-count{color:#66766e;font-size:13px}.search-box{display:flex;align-items:center;background:#fff;border:1px solid #dfe6e1;border-radius:12px;padding:4px 14px;margin-top:22px}.search-box span{font-size:24px;color:#829089}.search-box input{border:0;outline:0;width:100%;padding:12px;font-size:15px;background:transparent}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0 19px}.chip{border:1px solid #dfe6e1;background:#fff;border-radius:999px;padding:8px 13px;color:#66766e;cursor:pointer;font-size:12px}.chip.active{background:#102d24;border-color:#102d24;color:#fff}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tool-card{position:relative;text-align:left;border:1px solid #dfe6e1;background:#fff;border-radius:15px;padding:18px;min-height:168px;cursor:pointer;transition:.18s}.tool-card:hover,.tool-card.selected{transform:translateY(-2px);border-color:#aebdb4;box-shadow:0 12px 30px #17352b0c}.tool-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eaf0eb;font-weight:900;margin-bottom:12px}.tool-category{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:#84918b;font-weight:850}.tool-card strong{display:block;font-size:16px;margin:5px 0 6px}.tool-card small{display:block;color:#66766e;line-height:1.45;padding-right:8px}.card-arrow{position:absolute;right:16px;bottom:15px;color:#819089}.seo-links{margin-top:25px;padding:20px;border:1px solid #dfe6e1;border-radius:14px;background:#fbfcfb;color:#66766e}.seo-links strong{color:#13261f}.seo-links div{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px}.seo-links a{font-size:13px;color:#456057}.seo-links a:hover{color:#102d24;text-decoration:underline}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.content-card{background:#fff;border:1px solid #dfe6e1;border-radius:15px;padding:22px}.content-card h3{margin:0 0 8px;font-size:19px}.content-card p{margin:0;font-size:14px}.workspace{display:grid;grid-template-columns:1.7fr .7fr;gap:20px;padding-top:10px}.calculator-card{background:#fff;border:1px solid #dfe6e1;border-radius:18px;padding:30px;box-shadow:0 14px 40px #16362a08}.calculator-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.calculator-top h2{margin-bottom:0}.calculator-top p{color:#66766e;margin:8px 0 0}.active-pill{background:#eaf0eb;color:#506159;border-radius:999px;padding:7px 10px;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:900}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.form-grid label,.fraction-grid label,.wide-field{font-size:11px;font-weight:800;color:#66766e}.form-grid input,.form-grid select,.fraction-grid input,.fraction-grid select,.wide-field input,.calculator-card select{display:block;width:100%;margin-top:7px;border:1px solid #dfe6e1;border-radius:10px;padding:12px;background:#fff;outline:0;color:#10231c}.result{background:#102d24;color:#fff;border-radius:12px;padding:15px 17px;margin-top:16px;display:flex;flex-direction:column;gap:4px}.result small{color:#b4c9bf;font-size:11px}.result strong{font-size:25px;letter-spacing:-.5px}.fraction-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.note{font-size:11px;color:#66766e;margin-top:10px}.side-ad .ad{height:100%;min-height:300px}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dfe6e1;padding-top:0;padding-bottom:0;margin-top:30px}.feature-strip>div{background:#f6f8f6;padding:34px 28px}.feature-number{font-size:10px;letter-spacing:2px;color:#829089;font-weight:900}.feature-strip h3{margin:13px 0 8px;font-size:20px}.feature-strip p{color:#66766e;line-height:1.6;margin:0;font-size:13px}.faq{max-width:900px}.faq h2{margin-bottom:22px}.faq details{border-top:1px solid #dfe6e1;padding:19px 0}.faq details:last-child{border-bottom:1px solid #dfe6e1}.faq summary{cursor:pointer;font-weight:800}.faq details p{color:#66766e;line-height:1.7;max-width:760px}.page-main{max-width:980px;margin:auto;padding:52px 22px 70px}.page-main h1{font-size:48px;letter-spacing:-2px;margin:0 0 15px}.page-main .lead{font-size:18px;color:#617169;max-width:760px}.prose{margin-top:35px;max-width:820px}.prose h2{font-size:26px;margin-top:34px}.prose p,.prose li{color:#52645b;line-height:1.8}.prose ul{padding-left:22px}.notice{padding:16px 18px;background:#eef4f0;border-left:4px solid #102d24;border-radius:8px;margin:22px 0;color:#42554c}.tool-page{max-width:1120px;margin:auto;padding:34px 22px 70px}.tool-breadcrumb{font-size:13px;color:#718179;margin-bottom:28px}.tool-breadcrumb a{text-decoration:underline}.tool-lead{font-size:18px;color:#617169;max-width:760px}.tool-layout{display:grid;grid-template-columns:1.6fr .8fr;gap:20px;margin-top:25px}.tool-info{background:#fff;border:1px solid #dfe6e1;border-radius:16px;padding:24px}.tool-info h2{font-size:22px;margin:0 0 9px}.tool-info p{color:#617169;line-height:1.75}.tool-info ul{color:#617169;line-height:1.8;padding-left:20px}.tool-formula{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f4f7f4;padding:12px;border-radius:9px;color:#31473e!important}.related-tools{display:grid;gap:8px}.related-tools a{padding:9px 11px;border:1px solid #dfe6e1;border-radius:8px;color:#456057;font-size:13px}.related-tools a:hover{border-color:#9aaea3;color:#102d24}.tool-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.tool-page-footer{margin-top:28px}.last-updated{font-size:12px;color:#89958f;margin-top:30px}footer{border-top:1px solid #dfe6e1;margin-top:20px}.footer-inner{max-width:1180px;margin:auto;padding:42px 22px;display:flex;justify-content:space-between;gap:30px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;color:#66766e;font-size:13px}.footer-inner p{color:#66766e;font-size:12px}.copyright{max-width:1180px;margin:auto;padding:0 22px 30px;color:#8a9690;font-size:11px}@media(max-width:950px){.tool-grid{grid-template-columns:repeat(3,1fr)}.workspace,.tool-layout{grid-template-columns:1fr}.side-ad{display:none}}@media(max-width:700px){.nav{padding:12px 17px}.nav nav{display:none}.hero{padding:56px 18px 62px}.hero h1{letter-spacing:-3px}.hero p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.ad-wrap,.wrap,.page-main,.tool-page{padding-left:17px;padding-right:17px}.section-title-row{align-items:flex-start;flex-direction:column;gap:7px}.tool-grid{grid-template-columns:repeat(2,1fr);gap:10px}.tool-card{min-height:160px;padding:16px}.calculator-card{padding:21px}.calculator-top{flex-direction:column}.form-grid,.fraction-grid,.content-grid,.tool-content-grid{grid-template-columns:1fr}.feature-strip{grid-template-columns:1fr;padding-left:17px;padding-right:17px;background:transparent;gap:1px}.feature-strip>div{border:1px solid #dfe6e1}.footer-inner{flex-direction:column;padding-left:17px;padding-right:17px}.copyright{padding-left:17px;padding-right:17px}.page-main h1{font-size:38px}}