:root{font-family:Arial,Helvetica,sans-serif;color:#233e32;background:#fbfaf6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green: #264b3c;--ink: #233e32;--muted: #62685f;--line: #dddfd5;--cream: #f1eee4;--orange: #a9502d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button,summary{cursor:pointer}button:disabled{cursor:default}svg{display:block;width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;letter-spacing:-.035em}h2{font-size:clamp(28px,3.2vw,40px);line-height:1.15}h3{font-size:21px;line-height:1.3}p{line-height:1.65}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #ac552f;outline-offset:4px}.container{max-width:1200px;padding:0 40px;margin:auto}.site-header{border-bottom:1px solid var(--line);background:#fbfaf6}.header-inner{max-width:1200px;margin:auto;padding:25px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:27px;font-weight:700;text-decoration:none;letter-spacing:-1.1px;white-space:nowrap}.brand svg{width:31px;height:31px}.brand-light{font-weight:400}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px}.site-header nav a{padding:10px 0;text-decoration:none}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--orange)}.about-link{border-left:1px solid var(--line);padding-left:28px!important}.eyebrow{display:block;font-size:10px;line-height:1.4;font-weight:700;letter-spacing:1.8px}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;padding:17px 24px;border:1px solid var(--green);border-radius:5px;background:var(--green);color:#fff;font-size:14px;font-weight:600;text-decoration:none;min-height:50px;transition:background .15s}.button:hover{background:#173729}.button span{font-size:20px;font-weight:400}.button.secondary{color:var(--green);background:transparent;border-color:#a8b7a6}.button.secondary:hover{background:#e2e8dc}.button.full{width:100%;justify-content:space-between}.home-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:42px;padding:70px 0 66px}.pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #d4d8c9;border-radius:50px;padding:8px 11px;font-size:9px;font-weight:700;letter-spacing:1.2px}.pill span{font-size:8px;color:#7b8c56}.home-hero h1{font-size:clamp(48px,5.4vw,68px);line-height:1.08;letter-spacing:-3.5px;margin:25px 0 23px}.home-hero h1 em{font-family:Georgia,Times New Roman,serif;font-weight:400;color:#607651}.hero-copy>p{max-width:400px;color:var(--muted);font-size:16px;margin-bottom:29px}.hero-benefits{display:flex;gap:20px;color:var(--muted);font-size:11px;margin-top:20px}.hero-benefits span span{margin-right:5px;color:var(--green)}.hero-art{border:1px solid #d9dccd;border-radius:8px;background:#eef0e5;transform:rotate(-2deg);padding:23px 22px 18px}.art-caption,.art-bottom{display:flex;justify-content:space-between;align-items:center}.art-caption .eyebrow{font-size:8px;letter-spacing:1.5px}.tiny-cross{font-size:22px}.hero-illustration{margin:8px 0}.art-bottom{padding-top:13px;border-top:1px solid #cdd4c1;font-size:12px}.art-stamp{font-family:monospace;font-size:10px;letter-spacing:1px}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:27px}.section-intro .eyebrow{margin-bottom:12px}.section-intro h2{margin-bottom:0}.section-intro p{font-size:13px;color:var(--muted);margin:0}.section-intro>a{font-size:13px}.calculators-section{padding:20px 0 66px;scroll-margin-top:25px}.calculator-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.calculator-card{display:block;border:1px solid #d9ddd2;border-radius:7px;background:#f0f1e9;padding:22px 24px;text-decoration:none;transition:transform .15s,border-color .15s}.calculator-card:hover{transform:translateY(-4px);border-color:#7c9278}.card-deck{background:#f3ede2;border-color:#e1dacc;color:#5e5036}.card-concrete{background:#eaf0ed;border-color:#d2ded7}.card-top{display:flex;justify-content:space-between;align-items:center}.card-top .eyebrow{font-size:8px;letter-spacing:1.3px}.card-arrow{font-size:20px}.calculator-card .illustration{height:150px;margin:11px 0 14px}.calculator-card h3{font-size:26px;margin-bottom:6px}.calculator-card p{font-size:13px;margin-bottom:20px;color:#5d6458}.card-materials{display:block;border-top:1px solid #d4d9cc;padding-top:15px;font-size:10px;color:#5d6458;letter-spacing:.4px}.how-section{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;padding:48px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.how-section .eyebrow{margin-bottom:17px}.how-section h2{margin-bottom:20px}.how-section p{font-size:14px;color:var(--muted);margin-bottom:0}.how-steps{list-style:none;padding:0;margin:0}.how-steps li{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}.how-steps li:first-child{padding-top:0}.how-steps li:last-child{border-bottom:0;padding-bottom:0}.how-steps li>span{font-size:12px;color:#626e53;padding-top:5px;font-family:monospace}.how-steps h3{font-size:18px;letter-spacing:-.3px;margin-bottom:7px}.how-steps p{font-size:13px}.home-notice{display:flex;gap:17px;align-items:flex-start;margin:29px 0 45px;color:var(--muted)}.home-notice>span{font-size:21px}.home-notice p{font-size:12px;max-width:880px;margin:0}.site-footer{border-top:1px solid var(--line);background:#f1f0e9}.footer-inner{max-width:1200px;margin:auto;padding:35px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px}.site-footer .brand{font-size:23px}.site-footer .brand svg{width:26px}.site-footer p{font-size:11px;color:var(--muted);margin:9px 0 0}.footer-links{display:flex;gap:24px;font-size:12px}.footer-links a{text-decoration:none;padding:12px 0}.footer-note{font-size:10px;color:var(--muted)}.breadcrumbs{display:flex;gap:12px;font-size:11px;color:var(--muted);padding:24px 0 0}.breadcrumbs a{text-decoration:none}.calculator-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 0 24px}.calculator-hero h1{font-size:clamp(32px,4vw,47px);line-height:1.1;margin:15px 0}.calculator-hero p{color:var(--muted);max-width:530px;font-size:15px;margin:0}.calculator-hero .illustration{width:220px;height:150px;flex-shrink:0}.calculator-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:30px}.calculator-tabs a{font-size:13px;text-decoration:none;padding:15px 24px;display:flex;gap:24px;border-bottom:2px solid transparent}.calculator-tabs a[aria-current]{border-color:var(--green);background:#eef0e5;border-radius:5px 5px 0 0}.calculator-tabs a:hover{background:#f1f0e9}.calculator-layout{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start;margin-bottom:55px}.calculator-form{border:1px solid var(--line);background:#fff;padding:28px;border-radius:8px}.section-label{display:flex;align-items:center;gap:10px;margin-bottom:24px}.section-label h2{font-size:20px;letter-spacing:-.4px;margin:0}.step{display:grid;place-content:center;border:1px solid var(--line);border-radius:50%;width:27px;height:27px;font-size:12px}.auto-note{font-size:9px;color:var(--muted);margin-left:auto;white-space:nowrap}.fields{display:grid;grid-template-columns:1fr 1fr;gap:19px 16px}.field{min-width:0}.field>label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.input-wrap{display:flex;align-items:center;border:1px solid #c8cec2;background:#fbfcf9;border-radius:4px;min-height:47px;overflow:hidden}.input-wrap:focus-within{outline:2px solid var(--green);outline-offset:1px}.input-wrap input{border:0;min-width:0;width:100%;padding:13px 12px;background:transparent;color:var(--green);font-size:16px;outline:0}.input-wrap input:focus-visible{outline:0}.input-wrap>span{font-size:11px;white-space:nowrap;margin-right:12px;color:var(--muted)}.input-wrap.invalid{border-color:#aa422b}.field-error{color:#a23424!important}.field small{display:block;font-size:9px;line-height:1.5;color:var(--muted);margin-top:5px}.field select{width:100%;border:1px solid #c8cec2;border-radius:4px;background:#fbfcf9;color:var(--ink);min-height:47px;padding:10px;font-size:14px}.checkbox{display:flex;align-items:center;gap:11px;margin-top:23px;padding:15px;background:#f5f6ef;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer}.checkbox input{accent-color:var(--green);width:19px;height:19px;margin:0;flex-shrink:0}.checkbox small{display:block;font-size:10px;color:var(--muted);margin-top:4px;font-weight:400}.price-settings{margin:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.price-settings summary{display:flex;justify-content:space-between;font-size:12px;gap:12px;min-height:25px;align-items:center;list-style:none}.price-settings summary strong{margin-left:13px;font-weight:600}.price-settings p{font-size:11px;color:var(--muted);margin:13px 0 16px}.price-settings[open] summary>span:last-child{transform:rotate(45deg)}.form-note{font-size:10px;color:var(--muted);text-align:center;margin:12px 0 0}.result-panel{background:#eef1e7;border:1px solid #d3dbc9;border-radius:8px;padding:28px;scroll-margin-top:20px}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.result-heading .eyebrow{font-size:9px;letter-spacing:1.4px}.live-dot{font-size:9px;color:#58674e;white-space:nowrap}.live-dot:before{content:"";display:inline-block;width:5px;height:5px;background:#627e44;border-radius:50%;margin-right:5px}.result-panel h2{font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:400;letter-spacing:-.7px;line-height:1.2;margin:18px 0 27px}.result-summary{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #ccd5c2;padding-bottom:25px;margin-bottom:25px}.total>span,.total>small,.area>span{display:block;font-size:10px;color:#57664e}.total>strong{display:block;font-size:40px;letter-spacing:-1.8px;line-height:1.3;margin:5px 0}.total small{font-size:9px}.area{text-align:right}.area strong{display:block;font-size:21px;font-weight:500;white-space:nowrap;margin-bottom:8px}.area strong span{font-size:13px}.volume-detail{font-size:12px;margin:0 0 24px}.shopping-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:5px}.shopping-header h3{font-size:16px;margin:0;letter-spacing:-.3px}.shopping-header>span{font-size:10px;color:var(--muted)}.shopping-list{margin-bottom:24px}.shopping-row{display:flex;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid #d3dbc9;font-size:12px;align-items:center}.shopping-row>div{min-width:0}.shopping-row>div strong{display:block;font-weight:500;font-size:12px;line-height:1.45}.shopping-row>div span{display:block;font-size:11px;color:#626e57;margin-top:5px}.shopping-row>strong{white-space:nowrap;font-size:12px;font-weight:600}.result-note{font-size:10px;color:#596650;margin:13px 0 0}.empty-result .illustration{max-height:180px}.empty-result h3{font-size:20px}.empty-result p{font-size:13px;color:var(--muted)}.assumptions{display:grid;grid-template-columns:1fr 2fr;gap:60px;border-top:1px solid var(--line);padding:43px 0}.assumptions h2{margin-top:14px;margin-bottom:15px;font-size:31px}.assumptions p{font-size:13px;color:var(--muted)}.assumptions ul{margin:0;padding-left:18px;color:var(--muted);font-size:12px;line-height:1.7}.assumptions li{padding:0 0 12px 6px}.disclaimer{font-size:12px;color:#684d30;background:#f4eee2;border-left:2px solid #a56b38;padding:17px 20px;line-height:1.65;margin-top:10px}.disclaimer strong{display:block;color:#624524;margin-bottom:5px}.faq{max-width:780px;margin:25px auto 60px}.faq h2{font-size:31px;margin:12px 0 25px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;justify-content:space-between;gap:24px;padding:21px 0;font-size:14px;font-weight:500;align-items:center}.faq summary span{font-size:20px}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:13px;color:var(--muted);padding-right:32px;margin-bottom:23px}.related{padding:35px 0 60px;border-top:1px solid var(--line)}.related h2{font-size:28px}.related .calculator-cards{grid-template-columns:1fr 1fr}.related .calculator-card .illustration{height:140px}.prose{max-width:770px;margin:66px auto 85px}.prose h1{font-size:clamp(35px,4.5vw,52px);line-height:1.15;margin:20px 0}.prose .lead{font-size:20px;color:#52624e;margin-bottom:38px}.prose h2{font-size:26px;margin-top:35px;margin-bottom:12px}.prose p{color:var(--muted);font-size:15px}.prose .button{margin-top:22px}.muted{font-size:12px!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:10;top:8px;left:8px;transform:translateY(-150%);background:var(--green);color:#fff;padding:15px}.skip-link:focus{transform:translateY(0)}summary::-webkit-details-marker{display:none}@media(min-width:1100px){.result-panel{position:sticky;top:24px}}@media(max-width:900px){.container{padding:0 26px}.header-inner{padding:22px 26px}.home-hero{gap:25px;padding:48px 0}.home-hero h1{font-size:54px;letter-spacing:-2.5px}.hero-art{padding:18px 14px}.site-header nav{gap:18px}.about-link{padding-left:18px!important}.calculator-card{padding:18px}.calculator-card .illustration{height:120px}.calculator-layout{gap:20px}.calculator-form,.result-panel{padding:22px}.result-summary{flex-wrap:wrap}.total>strong{font-size:36px}.assumptions{gap:30px}.footer-note{display:none}.footer-inner{padding:30px 26px}}@media(max-width:650px){.container{padding:0 20px}.header-inner{padding:19px 20px 12px;flex-wrap:wrap;gap:16px}.brand{font-size:25px}.site-header nav{width:100%;gap:0;justify-content:space-between;font-size:12px}.site-header nav a{padding:12px 4px}.about-link{border:0;padding-left:4px!important}.home-hero{grid-template-columns:1fr;padding:38px 0 32px;gap:35px}.home-hero h1{font-size:53px;letter-spacing:-2.5px;margin:24px 0 19px}.hero-copy>p{font-size:15px;max-width:420px}.hero-art{max-width:440px;width:95%;margin:0 auto;transform:rotate(-1deg);padding:18px 20px 15px}.hero-art .illustration{max-height:255px}.hero-benefits{gap:17px;font-size:10px}.calculators-section{padding:28px 0 38px}.section-intro{display:block;margin-bottom:22px}.section-intro p{margin-top:15px;font-size:12px}.calculator-cards{grid-template-columns:1fr;gap:14px}.calculator-card{padding:20px;position:relative;min-height:182px;overflow:hidden}.calculator-card .illustration{position:absolute;right:-6px;top:38px;width:49%;height:127px;opacity:.9}.calculator-card h3{position:relative;z-index:1;margin:26px 0 7px;font-size:25px}.calculator-card p{position:relative;z-index:1;max-width:170px;font-size:11px;margin-bottom:17px}.card-materials{position:relative;font-size:9px;padding-top:12px}.how-section{grid-template-columns:1fr;gap:32px;padding:35px 0}.how-section h2{font-size:32px}.how-steps li{gap:19px}.home-notice{margin:24px 0 33px}.home-notice p{font-size:11px}.footer-inner{padding:29px 20px;align-items:flex-start;flex-direction:column;gap:18px}.footer-links{gap:20px;font-size:11px}.footer-links a{padding:8px 0}.breadcrumbs{font-size:10px;padding-top:20px}.calculator-hero{padding:28px 0 25px}.calculator-hero .illustration{display:none}.calculator-hero h1{font-size:33px;letter-spacing:-1.5px;overflow-wrap:anywhere}.calculator-hero p{font-size:14px}.calculator-hero .eyebrow{font-size:8px}.calculator-tabs{gap:0;margin-bottom:24px}.calculator-tabs a{flex:1;justify-content:space-between;padding:14px 13px;font-size:12px;gap:8px}.calculator-layout{grid-template-columns:1fr;gap:22px;margin-bottom:35px}.calculator-form,.result-panel{padding:22px 20px}.fields{gap:18px 13px}.field label{font-size:11px}.field small{font-size:9px}.input-wrap>span{font-size:10px;margin-right:9px}.input-wrap input{padding:13px 10px}.section-label h2{font-size:19px}.result-panel h2{font-size:25px}.total>strong{font-size:40px}.result-summary{flex-wrap:nowrap}.area strong{font-size:21px}.area>span{font-size:9px}.assumptions{grid-template-columns:1fr;gap:14px;padding:33px 0}.assumptions h2{font-size:29px}.assumptions p{max-width:260px}.assumptions li{font-size:12px}.disclaimer{padding:15px;font-size:11px}.faq{margin:10px auto 40px}.faq h2{font-size:28px}.faq summary{font-size:13px;padding:18px 0}.related{padding:29px 0 40px}.related .section-intro>a{display:block;margin-top:14px;font-size:12px}.related .calculator-cards{grid-template-columns:1fr}.related .calculator-card .illustration{height:127px}.prose{margin:40px auto 55px}.prose .lead{font-size:18px}.prose h2{font-size:24px}.prose p{font-size:14px}}@media(max-width:360px){.container{padding:0 14px}.header-inner{padding-left:14px;padding-right:14px}.home-hero h1{font-size:46px}.fields{grid-template-columns:1fr}.result-summary{align-items:flex-start;flex-wrap:wrap}.area{text-align:left}.calculator-form,.result-panel{padding:20px 16px}.hero-benefits{flex-wrap:wrap;gap:10px}.calculator-card .illustration{opacity:.5}.total>strong{font-size:37px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media print{.site-header,.site-footer,.calculator-tabs,.calculator-form,.related,.faq,.breadcrumbs,.calculator-hero .illustration,.button{display:none}.container{max-width:none;padding:0}.calculator-layout{display:block}.result-panel{background:#fff;border:1px solid #bbb;position:static}.assumptions{display:block;padding:20px 0}.calculator-hero{padding:0 0 20px}}.arrow-icon{display:inline-block;vertical-align:middle;width:18px;height:18px;flex-shrink:0}
