.material-calculator-page{color:#000;background-color:#fff;background-image:url(/plotherobest.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;margin:0 auto;padding:clamp(1.6rem,3vw,3.2rem) clamp(1rem,2vw,3rem) clamp(5rem,7vw,8rem);font-family:Montserrat,sans-serif;position:relative}.material-calculator-page:before{content:"";-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:0;background:linear-gradient(#fffffffa,#faf5f5f8);position:absolute;inset:0}.material-calculator-page>*{z-index:1;position:relative}.material-calculator-hero{max-width:1200px;margin:0 auto;padding:clamp(.8rem,2vw,1.8rem) 0 clamp(1rem,2vw,1.8rem)}.material-calculator-hero__content{text-align:left;max-width:84rem;margin:0}.material-calculator-hero__eyebrow{color:#28b485;letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem;font-size:clamp(1.55rem,1.9vw,1.9rem);font-weight:800}.material-calculator-hero h1{letter-spacing:1px;color:#000;margin:0;font-size:clamp(2.45rem,3.2vw,3.35rem);line-height:clamp(2.85rem,3.8vw,3.8rem)}.material-calculator-hero p:last-child{color:#000;letter-spacing:.2px;max-width:82rem;margin:clamp(1.1rem,1.7vw,1.6rem) 0 0;font-family:Poppins,sans-serif;font-size:clamp(1.55rem,1.8vw,1.9rem);line-height:clamp(2.15rem,2.75vw,2.55rem)}.material-calculator-shell{grid-template-columns:minmax(32rem,58rem);align-items:start;gap:clamp(2rem,3vw,3.2rem);width:min(120rem,100%);margin:clamp(1.4rem,2.5vw,2.4rem) auto 0;display:grid}.material-calculator-shell--with-result{grid-template-columns:minmax(32rem,48rem) minmax(0,1fr)}.material-calculator-form,.material-calculator-result{background:linear-gradient(#55c57a14 0%,#55c57a06 100%);border:3px solid #55c57a;border-left:1px solid #55c57a33;border-right:1px solid #55c57a33;border-radius:0;box-shadow:0 10px 24px #55c57a14}.material-calculator-form{padding:clamp(2.3rem,3.2vw,3.4rem);position:sticky;top:2rem}.material-calculator-form__grid{gap:1.6rem;display:grid}.material-calculator-field,.material-calculator-check{color:#000000d1;gap:.65rem;font-family:Poppins,sans-serif;font-size:1.45rem;font-weight:700;display:grid}.material-calculator-field select,.material-calculator-field input{color:#000;background:#f7f7f7;border:1px solid #00000029;border-radius:.65rem;outline:none;width:100%;min-height:4.8rem;padding:0 1.3rem;font:600 1.5rem/1.2 Poppins,sans-serif;transition:border-color .2s,box-shadow .2s,background-color .2s}.material-calculator-field select:focus,.material-calculator-field input:focus{background:#fff;border-color:#28b485;box-shadow:0 0 0 .35rem #55c57a29}.material-calculator-check{background:#55c57a14;border-radius:.65rem;grid-template-columns:auto 1fr;align-items:center;gap:1rem;padding:1.2rem;font-weight:700}.material-calculator-check input{accent-color:#28b485;width:1.9rem;height:1.9rem}.material-calculator-form__error{color:#b42318;margin:1.4rem 0 0;font-size:1.35rem;font-weight:700}.material-calculator-form__button{color:#fff;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#28b485,#55c57a);border:1.5px solid #28b48573;border-radius:.65rem;width:100%;min-height:5rem;margin-top:2rem;font:800 1.65rem/1 Montserrat,sans-serif;transition:transform .2s,box-shadow .2s;box-shadow:0 .8rem 1.8rem #28b4852e}.material-calculator-form__button:hover{transform:translateY(-2px);box-shadow:0 .5rem 1.4rem #28b48529}.material-calculator-result{overflow:hidden}.material-calculator-result__header{background:0 0;border-bottom:1px solid #55c57a2e;padding:clamp(1.1rem,1.7vw,1.55rem) clamp(1.6rem,2.5vw,2.4rem)}.material-calculator-result__header p{color:#28b485;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .25rem;font-family:Montserrat,sans-serif;font-size:1.35rem;font-weight:800}.material-calculator-result__header h2{color:#000;margin:0;font-family:Montserrat,sans-serif;font-size:clamp(2.2rem,2.8vw,3.1rem);line-height:1.1}.material-calculator-result__header span{color:#000000a6;margin-top:.35rem;font-size:1.5rem;font-weight:700;display:block}.material-calculator-result__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:clamp(.65rem,1.3vw,1rem) clamp(1.2rem,2vw,1.8rem) clamp(1rem,1.7vw,1.35rem);display:grid}.material-calculator-result__item{background:#ffffffb8;border:1px solid #00000014;border-radius:0;align-content:start;gap:.25rem;min-height:6.4rem;padding:.85rem 1.2rem .85rem 3.45rem;display:grid;position:relative}.material-calculator-result__item:before{content:"";background:0 0;border:2.5px solid #55c57a;width:10px;height:10px;position:absolute;top:1.55rem;left:1.2rem;transform:rotate(45deg)}.material-calculator-result__item strong{color:#28b485;font-family:Montserrat,sans-serif;font-size:clamp(1.75rem,2vw,2.25rem);line-height:1}.material-calculator-result__name{color:#000;grid-template-columns:minmax(0,1fr) 2.8rem;align-items:center;gap:.55rem;font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:800;line-height:1.35;display:grid}.material-calculator-result__link{color:#28b485;text-align:center;vertical-align:middle;border:1px solid;border-radius:5px;justify-content:center;align-self:center;align-items:center;width:2.7rem;height:2.7rem;margin-left:0;padding:0;font-family:Montserrat,sans-serif;font-size:2.05rem;font-weight:900;line-height:1;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex;position:absolute;top:50%;right:1.35rem;transform:translateY(-50%)}.material-calculator-result__item:hover .material-calculator-result__link,.material-calculator-result__link:hover{color:#55c57a;transform:translate(.35rem,-50%)}.material-calculator-result__item small{color:#0000009e;font-family:Poppins,sans-serif;font-size:1.25rem;line-height:1.45}.material-calculator-result__notes{gap:.8rem;padding:0 clamp(1.2rem,2vw,1.8rem) clamp(1.2rem,2vw,1.8rem);display:grid}.material-calculator-result__notes p{color:#000000a8;border-left:3px solid #55c57a;margin:0;padding-left:1.4rem;font-family:Poppins,sans-serif;font-size:1.35rem;line-height:1.55}@media (max-width:980px){.material-calculator-shell{grid-template-columns:1fr}.material-calculator-form{position:static}}@media (max-width:640px){.material-calculator-page{padding:1rem .8rem 4.5rem}.material-calculator-hero{padding:1rem .7rem .8rem}.material-calculator-hero h1{font-size:clamp(2.7rem,9vw,3.6rem)}.material-calculator-hero p:last-child{font-size:1.48rem;line-height:1.65}.material-calculator-form,.material-calculator-result{border-radius:0}.material-calculator-result__grid{grid-template-columns:1fr}.material-calculator-check{align-items:start}}