:root{--bg:#f6f5f0;--surface:#ffffff;--surface-muted:#edeae2;--ink:#1c2320;--muted:#5c655e;--line:#ded9cd;--line-soft:#e8e4da;--accent:#0d6b62;--accent-strong:#084c47;--accent-soft:rgba(13,107,98,0.08);--accent-ring:rgba(13,107,98,0.16);--warning:#7a4b11;--footer-ink:#d7e4e1;--footer-muted:#9db8b3;--radius:20px;--radius-small:12px;--shadow:0 4px 6px -1px rgba(28,35,32,0.05),0 18px 40px -10px rgba(28,35,32,0.08);--shadow-lift:0 10px 15px -3px rgba(28,35,32,0.08),0 25px 50px -12px rgba(28,35,32,0.12)}*{box-sizing:border-box}body,html{min-height:100%}html{scroll-behavior:smooth}body{display:flex;flex-direction:column;min-height:100dvh;margin:0;background:linear-gradient(180deg,rgba(246,245,240,.94),rgba(246,245,240,1)),url(/concrete-surface.svg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}main{flex:1 1}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}::selection{background:rgba(13,107,98,.18)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(222,217,205,.75);background:rgba(246,245,240,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.footer-inner,.header-inner,.page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:1.02rem;font-weight:760;letter-spacing:-.01em}.brand-mark{display:block;width:34px;height:34px;border-radius:9px;box-shadow:0 3px 10px rgba(8,76,71,.28)}.nav{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.nav,.nav-toggle{align-items:center}.nav-toggle{display:none;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface);color:var(--ink);cursor:pointer;transition:background-color .15s ease,color .15s ease}.nav-toggle:hover{background:var(--surface-muted)}.nav-toggle:focus-visible{outline:3px solid var(--accent-ring);outline-offset:1px}.footer-links a,.nav a{border-radius:999px;color:var(--muted);font-size:.95rem;font-weight:650;padding:8px 13px;transition:background-color .15s ease,color .15s ease}.nav a{border:1px solid transparent}.nav a:hover{background:var(--surface-muted);color:var(--ink)}.footer-links a[aria-current=page],.nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent-strong)}.nav a[aria-current=page]{border-color:rgba(13,107,98,.4);box-shadow:inset 0 0 0 1px rgba(13,107,98,.14)}.nav a:active{background:rgba(13,107,98,.16);color:var(--accent-strong)}.page-shell{padding:26px 0 72px}.tool-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,560px);align-items:start;grid-gap:40px;gap:40px;margin-bottom:44px}.hero-copy{padding-top:6px}.eyebrow{display:inline-block;margin:0 0 4px;border:1px solid rgba(13,107,98,.25);border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.76rem;font-weight:780;letter-spacing:.04em;text-transform:uppercase;padding:5px 12px}h1,h2,h3{line-height:1.12;letter-spacing:-.02em}h1{max-width:720px;margin:14px 0 16px;font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:820}h2{margin:0 0 16px;font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:780}h3{margin:0 0 8px;font-size:1.04rem;font-weight:740}.lead{max-width:640px;color:var(--muted);font-size:1.1rem;line-height:1.65}.free-note{margin:-6px 0 14px;color:#16a34a;font-weight:600}.tool-column{display:grid;grid-gap:10px;gap:10px}.trust-note{margin:0;color:var(--muted);font-size:.875rem;text-align:left}.breadcrumb{display:flex;gap:8px;margin:0 0 20px;color:var(--muted);font-size:.92rem}.breadcrumb a{color:var(--accent-strong);font-weight:700}.breadcrumb a:hover{text-decoration:underline}.calculator-card,.content-panel,.faq-item,.quick-cost,.result-card,.tool-link{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.calculator-card{position:relative;overflow:hidden;padding:26px 32px 28px;border-color:var(--line)}.calculator-diagram-container{display:flex;justify-content:center;align-items:center;height:100px;margin-bottom:16px;background:var(--surface-muted);border-radius:var(--radius-small);border:1px solid var(--line-soft);opacity:.9}.calculator-diagram{width:100%;max-width:240px;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bag-diagram-group{transition:transform .25s ease}.calculator-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--accent),#35998d)}.calculator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.field{display:grid;grid-gap:6px;gap:6px}.field.full{grid-column:1/-1}.field label,.field>span{color:var(--muted);font-size:.85rem;font-weight:700}.field input,.field select{width:100%;min-height:56px;border:1px solid #c9c3b4;border-radius:var(--radius-small);background:#ffffff;color:var(--ink);font-size:1.12rem;font-weight:700;padding:12px 16px;box-shadow:inset 0 1px 3px rgba(28,35,32,.07);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{padding-right:68px}.input-suffix{position:absolute;right:16px;color:var(--muted);font-weight:600;font-size:.95rem;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.unit-menu{position:absolute;right:6px;display:flex;align-items:center}.unit-toggle{display:inline-flex;align-items:center;gap:5px;width:auto;border:1px solid transparent;border-radius:999px;background:var(--surface-muted);color:var(--muted);font-weight:700;font-size:.88rem;line-height:1;padding:7px 10px;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.unit-toggle svg{opacity:.65;transition:transform .15s ease}.unit-toggle[aria-expanded=true]{background:var(--accent-soft);color:var(--accent-strong)}.unit-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.unit-toggle:hover{background:var(--accent-soft);color:var(--accent-strong)}.unit-toggle:focus-visible{outline:3px solid var(--accent-ring);outline-offset:1px}.unit-menu-list{position:absolute;top:calc(100% + 8px);right:0;z-index:30;display:grid;grid-gap:2px;gap:2px;min-width:168px;border:1px solid var(--line-soft);border-radius:var(--radius-small);background:var(--surface);box-shadow:var(--shadow-lift);padding:6px;animation:unitMenuIn .14s ease-out}@keyframes unitMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.unit-menu-option{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;border:none;border-radius:8px;background:transparent;color:var(--ink);font-size:.95rem;text-align:left;padding:10px 12px;cursor:pointer;transition:background-color .12s ease,color .12s ease}.unit-menu-option strong{min-width:26px;font-weight:750;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.unit-menu-option small{flex:1 1;color:var(--muted);font-size:.85rem;font-weight:600}.unit-menu-option:hover{background:var(--surface-muted)}.unit-menu-option:focus-visible{outline:3px solid var(--accent-ring);outline-offset:-2px}.unit-menu-option[aria-selected=true]{background:var(--accent-soft);color:var(--accent-strong)}.unit-menu-option[aria-selected=true] small{color:var(--accent-strong);opacity:.75}.unit-menu-check{flex-shrink:0}.field input:hover{border-color:#ada695}.field input:focus,.field select:focus{border-color:var(--accent);background:#ffffff;outline:3px solid var(--accent-ring)}.option-group{margin:0;border:0;padding:0}.option-group legend{color:var(--muted);font-size:.85rem;font-weight:700;margin:0 0 6px;padding:0}.segmented-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:4px;gap:4px;background:var(--line-soft);padding:4px;border-radius:var(--radius-small)}.bag-options{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented-option{cursor:pointer;min-width:0;position:relative}.segmented-option input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.segmented-option span{display:grid;min-height:48px;align-content:center;justify-items:center;text-align:center;grid-gap:2px;gap:2px;border:1px solid transparent;border-radius:calc(var(--radius-small) - 2px);color:var(--muted);font-weight:680;padding:8px 10px;transition:all .2s cubic-bezier(.4,0,.2,1)}.segmented-option span:hover{color:var(--ink)}.segmented-option small,.segmented-option strong{overflow-wrap:anywhere}.segmented-option small{color:inherit;opacity:.8;font-size:.76rem;font-weight:600;transition:color .15s ease}.segmented-option input:checked+span{background:var(--surface);color:var(--ink);border-color:rgba(0,0,0,.05);box-shadow:0 2px 6px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.08)}.segmented-option input:checked+span small{opacity:.7}.segmented-option input:focus-visible+span{outline:3px solid var(--accent-ring);outline-offset:2px}.calculate-button{display:block;width:100%;min-height:56px;margin-top:16px;border:none;border-radius:var(--radius-small);background:linear-gradient(155deg,var(--accent),var(--accent-strong));color:#ffffff;font-size:1.12rem;font-weight:780;letter-spacing:.01em;padding:14px 20px;cursor:pointer;box-shadow:0 6px 16px rgba(8,76,71,.3);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.calculate-button:hover{filter:brightness(1.06);box-shadow:0 8px 20px rgba(8,76,71,.36)}.calculate-button:active{transform:translateY(1px) scale(.995);box-shadow:0 4px 10px rgba(8,76,71,.3)}.calculate-button:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}@keyframes highlightPulse{0%{background-color:var(--accent-strong);transform:scale(1)}50%{background-color:#0b5e56;transform:scale(1.02)}to{background-color:var(--accent-strong);transform:scale(1)}}.result-card.highlight{animation:highlightPulse .4s ease-out}.results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:16px}.result-card{min-height:92px;padding:14px;border-color:transparent;border-radius:var(--radius-small);background:var(--surface-muted);box-shadow:none}.results .result-card:first-child{grid-column:1/-1;min-height:110px;padding:20px;border-color:var(--accent-strong);background:linear-gradient(155deg,var(--accent),var(--accent-strong));color:#ffffff;box-shadow:0 10px 24px rgba(8,76,71,.28)}.results .result-card:first-child .result-value{font-size:2.4rem}.results .result-card:first-child .result-label{color:rgba(255,255,255,.82)}.result-label{color:var(--muted);font-size:.8rem;font-weight:740;letter-spacing:.02em;text-transform:uppercase}.result-value{margin-top:6px;font-size:1.6rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.note{color:var(--muted)}.note,.warning{font-size:.92rem}.warning{color:var(--warning)}.section{margin-top:44px}.content-panel{max-width:calc(76ch + 56px);margin-left:auto;margin-right:auto;padding:28px}.content-panel p{max-width:76ch;color:var(--muted)}.tool-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.tool-section{margin-bottom:14px}.tool-section:last-child{margin-bottom:0}.tool-section a{color:var(--accent-strong);font-weight:740}.tool-section a:hover{text-decoration:underline}.content-panel .inline-link{color:var(--accent-strong);font-weight:700}.content-panel .inline-link:hover{text-decoration:underline}.tool-link{display:grid;align-content:start;grid-gap:8px;gap:8px;min-height:148px;padding:20px 18px;box-shadow:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.tool-link:hover{border-color:rgba(13,107,98,.45);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.tool-link span{color:var(--accent-strong);font-weight:780}.tool-link span:after{content:" \2192";opacity:0;transition:opacity .18s ease}.tool-link:hover span:after{opacity:1}.tool-link p{margin:0;color:var(--muted);font-size:.94rem}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.faq-item{padding:18px;background:var(--surface-muted);box-shadow:none}.faq-item h3{color:var(--ink)}.faq-item p{margin:0;color:var(--muted)}.quick-cost{margin-top:16px;box-shadow:none;overflow:hidden}.quick-cost summary{cursor:pointer;color:var(--accent-strong);font-weight:780;padding:14px 16px;transition:background-color .15s ease}.quick-cost summary:hover{background:var(--accent-soft)}.quick-cost-body{border-top:1px solid var(--line-soft);padding:16px}.ad-slot{display:flex;justify-content:center;width:100%;min-width:0}.ad-slot,.ad-slot>*{max-width:100%}.ad-slot--below-tool,.ad-slot--page-bottom{min-height:90px;margin:24px 0}.ad-slot--home-grid,.ad-slot--in-content{min-height:280px;margin:24px auto;max-width:336px}.ad-slot--sidebar{position:-webkit-sticky;position:sticky;top:88px;min-height:250px;max-width:300px}@media (max-width:1023px){.ad-slot--sidebar{display:none}}@media (max-width:767px){.ad-slot--below-tool,.ad-slot--page-bottom{width:calc(100% + 16px);max-width:calc(100% + 16px);min-height:100px;margin-left:-8px;margin-right:-8px}.ad-slot--home-grid,.ad-slot--in-content{min-height:250px;max-width:300px}}.site-footer{border-top:1px solid rgba(8,76,71,.4);background:#0f3b36;color:var(--footer-ink)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 0}.footer-copy{display:grid;grid-gap:6px;gap:6px}.copyright,.site-footer .note{color:var(--footer-muted)}.copyright{font-size:.88rem;margin:0}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.footer-links a{color:var(--footer-ink)}.footer-links a:hover{background:rgba(255,255,255,.1);color:#ffffff}.footer-links a[aria-current=page]{background:rgba(255,255,255,.14);color:#ffffff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}.footer-links a:active{background:rgba(255,255,255,.18);color:#ffffff}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}@media (max-width:820px){body{padding:0}.site-header{top:0;padding:8px 0}.footer-inner,.header-inner,.page-shell{width:calc(100% - 16px)}.footer-inner{align-items:flex-start;flex-direction:column}.header-inner{align-items:center;flex-wrap:wrap;padding:12px 0;gap:10px}.nav-toggle{display:inline-flex}.nav{display:none}.nav.is-open{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:2px;border-top:1px solid var(--line-soft);padding:10px 0 6px}.nav.is-open a{display:block;min-height:44px;line-height:28px;border-radius:var(--radius-small);font-size:1rem}.footer-links{justify-content:flex-start}.tool-hero{gap:16px;margin-bottom:34px}.tool-links{gap:10px}.tool-link{min-height:auto;padding:16px 14px}.tool-link span:after{opacity:1}.faq-grid,.tool-hero,.tool-links{grid-template-columns:1fr}.calculator-card{padding:24px;border-radius:0;border-left:none;border-right:none;margin-left:-16px;margin-right:-16px}.calculator-diagram-container{height:88px;margin-bottom:16px}.unit-toggle{min-height:44px;padding:9px 12px;font-size:.92rem}.unit-menu-list{min-width:216px}.unit-menu-option{min-height:48px;font-size:1rem}.bag-options,.calculator-grid{grid-template-columns:1fr}.results{grid-template-columns:repeat(2,minmax(0,1fr))}.results .result-card:first-child{grid-column:1/-1}.page-shell{padding:26px 0 56px}.section{margin-top:34px}.content-panel{padding:20px 18px}h1{font-size:clamp(2.2rem,9vw,2.7rem);margin:8px 0 12px}.lead{font-size:1.05rem;line-height:1.5}}