.concrete-page { --concrete-ink:#172033; --concrete-muted:#667286; --concrete-line:#d9dee8; --concrete-paper:#fffefa; --concrete-soft:#f3f1ed; --concrete-accent:#c36a3d; --concrete-deep:#6b351f; color:var(--concrete-ink); background:radial-gradient(circle at 10% -8%,rgba(195,106,61,.13),transparent 31rem),radial-gradient(circle at 95% 14%,rgba(79,70,229,.08),transparent 25rem),#f5f6fa;}
.concrete-page [hidden]{display:none!important}.concrete-page .topbar{background:rgba(255,254,250,.9);border-color:rgba(23,32,51,.1)}.concrete-page .tools-menu{position:relative}.concrete-page .tools-menu-button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid rgba(23,32,51,.14);border-radius:999px;background:rgba(255,254,250,.8);color:var(--concrete-ink);font:inherit;font-size:13px;font-weight:800;cursor:pointer}.concrete-page .tools-menu-button:hover,.concrete-page .tools-menu-button[aria-expanded="true"]{border-color:rgba(195,106,61,.55);background:#fff}.concrete-page .tools-menu-panel{position:absolute;top:calc(100% + 9px);right:0;z-index:20;width:286px;padding:9px;border:1px solid rgba(23,32,51,.12);border-radius:15px;background:rgba(255,254,250,.98);box-shadow:0 18px 42px rgba(32,45,78,.18)}.concrete-page .tools-menu-heading{padding:6px 9px 8px;color:#8a94a5;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.concrete-page .tool-menu-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center;min-height:54px;padding:8px 9px;border-radius:10px;color:var(--concrete-ink);text-decoration:none}.concrete-page .tool-menu-item:hover,.concrete-page .tool-menu-item.active{background:#f8eee9}.concrete-page .tool-menu-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:#e7eafb;color:#4f46e5;font-size:16px;font-weight:900}.concrete-page .tool-menu-icon.fishing-icon{background:#e5f1ef;color:#238878;font-size:22px}.concrete-page .tool-menu-icon.concrete-icon{background:#f3ded2;color:var(--concrete-accent);font-size:18px}.concrete-page .tool-menu-item strong,.concrete-page .tool-menu-item small{display:block}.concrete-page .tool-menu-item strong{font-size:12px}.concrete-page .tool-menu-item small{margin-top:2px;color:#8a94a5;font-size:11px;line-height:1.25}
.concrete-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:54px 0 72px}.concrete-hero{display:flex;align-items:end;justify-content:space-between;gap:34px;padding:12px 0 38px}.concrete-eyebrow,.section-kicker{display:block;margin-bottom:12px;color:var(--concrete-accent);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.concrete-hero h1{max-width:730px;font-size:clamp(44px,6.5vw,78px);line-height:.94;letter-spacing:-.075em}.concrete-hero p{max-width:650px;margin:19px 0 0;color:var(--concrete-muted);font-size:18px;line-height:1.5}.hero-note{display:grid;gap:5px;min-width:210px;padding:16px;border:1px solid rgba(23,32,51,.12);border-radius:16px;background:rgba(255,254,250,.75);color:var(--concrete-muted);font-size:12px;line-height:1.4;box-shadow:0 10px 25px rgba(32,45,78,.05)}.hero-note strong{color:var(--concrete-ink);font-size:13px}
.calculator-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:15px;align-items:start}.calculator-card,.result-card{padding:25px;border:1px solid rgba(23,32,51,.12);border-radius:20px;background:var(--concrete-paper);box-shadow:0 18px 48px rgba(32,45,78,.07)}.card-top{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:18px}.card-top h2{margin:0;font-size:27px;letter-spacing:-.05em}.live-label{display:inline-flex;align-items:center;gap:6px;color:#788395;font-size:11px;font-weight:800}.live-label span{width:7px;height:7px;border-radius:50%;background:#26966e;box-shadow:0 0 0 4px rgba(38,150,110,.1)}.field-label,.calculator-card label>span,.waste-control label,.bag-choice>.control-heading>span{display:flex;justify-content:space-between;gap:8px;margin:0 0 7px;color:#38445a;font-size:12px;font-weight:850}.field-label span,.calculator-card em,.quote-box label span{color:#8a94a5;font-style:normal;font-size:11px;font-weight:700}.calculator-card select,.calculator-card input[type="number"],.quote-box input{width:100%;min-height:45px;border:1px solid #cbd3df;border-radius:10px;background:#fff;color:var(--concrete-ink);padding:10px 12px;outline:none}.calculator-card select:focus,.calculator-card input:focus,.quote-box input:focus{border-color:var(--concrete-accent);box-shadow:0 0 0 3px rgba(195,106,61,.12)}.measurement-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:15px}.measurement-grid label{display:block}.calculator-card> .field-label{margin-top:15px}.waste-control,.bag-choice{margin-top:21px;padding-top:18px;border-top:1px solid #e5e8ef}.control-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.control-heading small{color:#8a94a5;font-size:11px}.waste-control output{color:var(--concrete-accent);font-size:12px;font-weight:900}.waste-control input{width:100%;accent-color:var(--concrete-accent)}.bag-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bag-options label{display:block;margin:0}.bag-options input{position:absolute;opacity:0}.bag-options span{display:block;padding:11px 8px;border:1px solid #cbd3df;border-radius:9px;color:#556176;text-align:center;cursor:pointer;font-size:12px;font-weight:800}.bag-options input:checked+span{border-color:var(--concrete-accent);background:#fbefe9;color:var(--concrete-deep);box-shadow:0 0 0 2px rgba(195,106,61,.1)}
.result-card{position:sticky;top:84px;background:linear-gradient(155deg,#fffefa,#f8f3ee)}.result-kicker{color:var(--concrete-accent);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.yards-result{margin-top:9px;color:var(--concrete-deep);font-size:clamp(48px,6vw,72px);font-weight:900;letter-spacing:-.08em;line-height:1}.yards-label{margin-top:6px;color:#7a6b63;font-size:13px}.result-divider{height:1px;margin:23px 0 8px;background:#eadfd8}.result-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;color:#6b707a;font-size:12px}.result-row strong{color:var(--concrete-ink);font-size:13px}.result-note{margin:12px 0 0;color:#7b766f;font-size:11px;line-height:1.5}.quote-box{margin-top:23px;padding:17px;border:1px solid #e7cfc2;border-radius:14px;background:rgba(255,255,255,.62)}.quote-box .section-kicker{margin-bottom:7px;font-size:10px}.quote-box h3{margin:0;font-size:20px;letter-spacing:-.04em}.quote-box p{margin:7px 0 14px;color:#756d68;font-size:12px;line-height:1.45}.quote-box label{display:flex;justify-content:space-between;margin-bottom:6px;color:#38445a;font-size:11px;font-weight:850}.quote-box input{min-height:39px;padding:8px 10px}.quote-button{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px;padding:11px 12px;border-radius:9px;background:var(--concrete-deep);color:#fff;text-decoration:none;font-size:12px;font-weight:850}.quote-button:hover{background:#542817}.concrete-help{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:35px;margin-top:18px;padding:25px;border:1px solid rgba(23,32,51,.1);border-radius:17px;background:rgba(255,254,250,.72)}.concrete-help h2{margin:0;font-size:28px;letter-spacing:-.055em}.concrete-help p{margin:0;color:var(--concrete-muted);font-size:13px;line-height:1.55}
@media(max-width:780px){.concrete-shell{width:min(100% - 20px,1120px);padding-top:30px}.concrete-hero,.concrete-help{display:grid;grid-template-columns:1fr;gap:18px}.hero-note{min-width:0}.calculator-layout{grid-template-columns:1fr}.result-card{position:static}.concrete-page .tools-menu-panel{right:0;width:min(286px,calc(100vw - 32px))}}@media(max-width:520px){.concrete-hero h1{font-size:48px}.calculator-card,.result-card{padding:20px}.measurement-grid{grid-template-columns:1fr}.card-top{display:grid}.concrete-page .brand{font-size:21px}}
.sections-list{display:grid;gap:12px}.pour-section{padding:15px;border:1px solid #e2e5ec;border-radius:14px;background:#fcfcfa}.section-header{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:12px}.section-number{display:block;color:var(--concrete-accent);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.section-title{margin:3px 0 0;font-size:17px;letter-spacing:-.035em}.section-remove{padding:4px 0;border:0;background:none;color:#9a6d5d;font-size:11px;font-weight:800;cursor:pointer}.section-remove:hover{color:var(--concrete-deep)}.section-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.section-field{display:block;margin:0}.section-field>span{display:flex;justify-content:space-between;gap:6px;margin-bottom:6px;color:#596477;font-size:11px;font-weight:850}.section-field em{color:#9aa1ad;font-style:normal;font-size:10px}.add-section-button{width:100%;margin-top:11px;padding:11px;border:1px dashed #c9a394;border-radius:10px;background:#fffaf7;color:var(--concrete-deep);font-size:12px;font-weight:850;cursor:pointer}.add-section-button:hover{border-color:var(--concrete-accent);background:#fff3ec}.control-help{margin:8px 0 0;color:#8b827b;font-size:11px;line-height:1.4}.input-note{margin:17px 0 0;color:#8a94a5;font-size:11px;line-height:1.45}.quantity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.quantity-grid div{display:grid;gap:4px;padding:10px 8px;border-radius:9px;background:#f5eee9}.quantity-grid span{color:#866e63;font-size:10px}.quantity-grid strong{color:var(--concrete-deep);font-size:16px}.purchase-guidance{margin-top:14px;padding:12px;border-left:3px solid var(--concrete-accent);background:#fff5ee;color:#6f4b3d;font-size:12px;font-weight:750;line-height:1.4}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.secondary-button{padding:9px;border:1px solid #d8c9c0;border-radius:9px;background:rgba(255,255,255,.7);color:var(--concrete-deep);font-size:11px;font-weight:850;cursor:pointer}.secondary-button:hover{border-color:var(--concrete-accent);background:#fff}.result-disclaimer{margin:14px 0 0;color:#978a82;font-size:10px;line-height:1.45}@media(max-width:520px){.section-fields{grid-template-columns:1fr 1fr}.section-field.field-c{grid-column:1 / -1}.quantity-grid{grid-template-columns:1fr}.quantity-grid div{grid-template-columns:1fr auto;align-items:center}}@media print{.concrete-page{background:#fff}.concrete-page .topbar,.concrete-hero,.concrete-help,.quote-box,.result-actions,.footer{display:none!important}.concrete-shell{width:100%;padding:0}.calculator-layout{display:block}.calculator-card{display:none}.result-card{border:0;box-shadow:none}.result-disclaimer{color:#333}}