@layer base, layout, components, responsive;
@layer base {
  :root{--ink:#132821;--dark:#102d25;--deep:#0c211b;--green:#315b48;--leaf:#ccec72;--leaf-hover:#d9f692;--paper:#f8f9f3;--soft:#eef1e8;--line:#dce3d8;--muted:#4d6055;--white:#fff;--radius:20px;--shadow:0 18px 40px rgb(6 26 18 / .16);font-family:"Inter","Aptos","Segoe UI",system-ui,sans-serif;font-synthesis:none;color:var(--ink);background:var(--paper)}
  *,*::before,*::after{box-sizing:border-box}
  html{scroll-behavior:smooth;scroll-padding-top:24px}
  body{margin:0;font-size:16px;line-height:1.56}
  h1,h2,h3,h4,p,figure{margin:0}
  h1,h2,h3,h4{line-height:1.05;letter-spacing:-.045em;font-weight:780}
  h1{font-size:clamp(3.15rem,6.45vw,6.3rem)}
  h2{font-size:clamp(2rem,3.6vw,3.65rem)}
  h3{font-size:clamp(1.35rem,2.1vw,2rem)}
  h4{font-size:1.2rem;letter-spacing:-.025em}
  p{color:var(--muted)}
  ul,ol{padding-left:1.2rem}
  a{color:inherit;text-underline-offset:.2em}
  button,input,select,textarea{font:inherit}
  button,a,input,textarea,select,summary{touch-action:manipulation}
  button{cursor:pointer}
  button:disabled{cursor:not-allowed}
  :focus-visible{outline:3px solid #628e00;outline-offset:3px}
  [hidden]{display:none!important}
}
@layer layout {
  .wrap{width:min(100% - 88px,1200px);margin-inline:auto}
  .section{padding-block:clamp(48px,7.2vw,104px)}
  .tinted{background:var(--soft)}
  .hero{color:#f6faef;background:radial-gradient(ellipse at 12% 97%,#234a38 0%,transparent 55%),radial-gradient(ellipse at 74% -25%,#3c654a 0%,transparent 50%),var(--dark);position:relative;overflow:hidden}
  .hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(to right,rgb(237 248 219 / .13) 1px,transparent 1px),linear-gradient(to bottom,rgb(237 248 219 / .13) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent 15%,black 100%)}
  .hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(385px,.77fr);gap:clamp(36px,6vw,90px);align-items:center;padding-block:clamp(50px,6.2vw,90px)}
  .hero-copy{min-width:0}
  .hero h1{margin-top:18px;letter-spacing:-.072em;font-weight:790;text-wrap:balance}
  .hero h1 em{font-style:normal;color:var(--leaf)}
  .hero-lead{color:#d4e3d8;max-width:37ch;margin-top:24px;font-size:clamp(1.05rem,1.65vw,1.32rem);line-height:1.52}
  .hero-actions{margin-top:29px}
  .hero-note{display:flex;align-items:center;gap:10px;color:#b8cebc;font-size:.86rem;margin-top:22px}
  .hero-note .icon{color:var(--leaf);font-size:1.15rem}
  .hero .crumb{margin-bottom:24px;color:#dce8da}
  .choice-grid,.split-content,.local-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .split-content{gap:clamp(27px,6vw,85px);align-items:start}
  .split-content>div>p{margin:14px 0 20px;max-width:57ch}
  .split-content h3{margin-top:28px}
  .local-grid{gap:clamp(28px,7.3vw,112px);align-items:center}
  .faq-layout{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:clamp(30px,6vw,90px)}
  .faq-layout .section-head{margin:0}
  .section-head{margin-bottom:32px}
  .section-head h2{margin:10px 0 12px;text-wrap:balance}
  .section-head p{max-width:55ch}
  .sub-hero{background:radial-gradient(ellipse at 80% -15%,#e4f3c2 0%,transparent 65%),var(--soft);padding-block:38px 60px}
  .sub-hero h1{max-width:18ch;font-size:clamp(2.8rem,6vw,5.4rem);margin-top:13px}
  .sub-hero .lead{font-size:clamp(1.05rem,1.6vw,1.28rem);max-width:57ch;margin-top:19px}
  .sub-hero .button{margin-top:22px}
  .price-hero{background:radial-gradient(ellipse at 90% 20%,#e5efc4,transparent 75%),#ecf0e8}
  .final-call{display:flex;align-items:center;justify-content:space-between;gap:24px}
  .final-call p{margin-top:10px}
}
@layer components {
  .skip{position:fixed;left:12px;top:-80px;z-index:9;background:var(--leaf);padding:8px 12px;color:var(--ink);border-radius:8px}.skip:focus{top:12px}
  .site-header{background:#fbfcf7;border-bottom:1px solid #e3e9df;position:relative;z-index:2}
  .nav-shell{display:flex;align-items:center;gap:clamp(15px,3vw,44px);min-height:76px}
  .brand{display:inline-flex;align-items:center;gap:10px;font-size:1.6rem;line-height:1;font-weight:810;letter-spacing:-.08em;text-decoration:none;white-space:nowrap}
  .brand small{display:block;font-size:.5rem;margin-top:4px;letter-spacing:.18em;font-weight:750}
  .brand-bh{color:#477045}
  .brand-mark{width:39px;height:39px;display:inline-flex;align-items:end;justify-content:center;gap:3px;border-radius:11px;background:var(--leaf);padding:9px 7px;flex:none}
  .brand-mark i{display:block;width:6px;border-radius:1.5px;background:#173a2c;transform:skewX(-12deg);height:11px}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:21px}
  .nav-links{display:flex;align-items:center;gap:clamp(12px,2.8vw,38px);margin-left:auto;white-space:nowrap}
  .nav-links a{text-decoration:none;font-size:.94rem;font-weight:650;color:#33483d}
  .nav-links a:hover,.nav-links [aria-current="page"]{color:#133b29;text-decoration:underline}
  .nav-cta{white-space:nowrap}
  .menu-toggle{display:none}
  .button{min-height:47px;display:inline-flex;justify-content:center;align-items:center;gap:11px;text-decoration:none;line-height:1.23;text-align:center;border:1px solid transparent;border-radius:10px;padding:12px 17px;font-size:.95rem;font-weight:750;color:var(--ink);transition:background-color .16s,border-color .16s,color .16s}
  .button-solid{background:var(--leaf);border-color:#bddb66}
  .button-solid:hover{background:var(--leaf-hover);border-color:#a8c65e}
  .button-outline,.button-light{background:transparent;border-color:#8eaa97}
  .button-outline:hover,.button-light:hover{background:#e4eddf}
  .hero .button-outline{color:#f7faee;border-color:#799687}
  .hero .button-outline:hover{background:#254b39}
  .button-green{color:#fff;background:#275940;border-color:#275940}
  .button-green:hover{background:#193f2c}
  .icon{display:inline-block;line-height:1;flex:none;font-size:1.1em}
  .eyebrow{display:inline-flex;align-items:center;gap:8px;letter-spacing:.13em;font-size:.72rem;font-weight:800;color:#315748;line-height:1.3}
  .eyebrow>span,.quote-kicker>span{width:7px;height:7px;border-radius:50%;background:#63844e;box-shadow:0 0 0 3px #dfebd2;flex:none}
  .hero .eyebrow{color:#dcebd7}.hero .eyebrow>span{background:var(--leaf);box-shadow:0 0 0 3px #456143}
  .quote{border-radius:var(--radius);background:#fff;color:var(--ink);padding:clamp(22px,3vw,37px);box-shadow:var(--shadow);position:relative;min-width:0}
  .quote-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
  .quote-kicker{font-size:.66rem;letter-spacing:.105em;font-weight:800;color:#3d614a;display:flex;align-items:center;gap:8px}
  .quote-kicker>span{width:6px;height:6px}
  .quote-step{font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;color:#566b59}
  .quote h2{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.056em}
  .quote-intro{font-size:.92rem;margin-top:7px}
  .fields{display:grid;gap:13px;margin:20px 0 16px}
  label{display:grid;gap:6px;color:#2d4738;font-size:.88rem;font-weight:700}
  label small{font-weight:500;color:var(--muted);display:inline}
  .fields label:last-child small{display:contents}
  input,select,textarea{border:1px solid #cbd8cc;border-radius:9px;background:#f8faf6;color:var(--ink);padding:11px 12px;width:100%;min-height:45px;min-width:0;font-weight:500}
  input::placeholder{color:#52685b;opacity:1}
  input:hover,select:hover,textarea:hover{border-color:#8eaa97}
  textarea{resize:vertical}
  .quote-submit{width:100%}
  .micro{font-size:.78rem;line-height:1.45;color:#4a6153}
  .quote .micro{margin-top:10px}
  .quote .micro .icon{font-weight:800;color:#456841}
  .quote-result{margin-top:13px}
  .quote-result .draft-label{margin:12px 0}
  .quote-result textarea{font-size:.9rem;line-height:1.5}
  .result-hint{border-radius:10px;background:#edf4e9;border:1px solid #dce6d8;padding:10px 12px;font-size:.88rem;margin:10px 0}
  .result-hint a{font-weight:700}
  .result-hint.warning{background:#fff7e5;border-color:#f0dda9;color:#4a3519}
  .receiver{font-size:.83rem;margin:6px 0 13px}
  .receiver strong{color:var(--ink)}
  .quote-actions{display:flex;flex-wrap:wrap;gap:8px}
  .quote-actions .button:first-child{flex:1 1 auto}
  .text-button{margin-top:9px;border:0;background:none;padding:5px 1px;font-size:.83rem;font-weight:700;color:#345744;text-align:left}
  .text-button:hover{text-decoration:underline}
  .proof{background:#eff3e8;border-bottom:1px solid #dce6d8}
  .proof-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:18px}
  .proof-inner>div{display:flex;align-items:center;gap:13px;justify-content:center;padding:4px 12px;border-left:1px solid #d6e0d2;line-height:1.25}
  .proof-inner>div:first-child{border-left:0}
  .proof-inner .icon{display:grid;place-items:center;min-width:38px;height:38px;background:#deeacb;border-radius:10px;color:#294b39;font-weight:800;font-size:1.25rem}
  .proof-inner strong,.proof-inner small{display:block}
  .proof-inner strong{font-size:.96rem}.proof-inner small{font-size:.77rem;color:#4b6154;margin-top:4px}
  .choice{border-radius:var(--radius);border:1px solid #dce6d6;padding:clamp(21px,3vw,36px);min-height:240px;display:flex;flex-direction:column;align-items:start;gap:12px}
  .choice-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;margin-bottom:8px}
  .number-tag{font-weight:800;font-size:1rem;letter-spacing:.08em}
  .pill{border-radius:99px;padding:4px 9px;background:#e2ebd9;font-size:.66rem;letter-spacing:.07em;font-weight:800}
  .light-choice{background:#edf2e6}
  .dark-choice{background:#183b2e;color:#f8fbf3;border-color:#183b2e}
  .dark-choice .pill{background:#305840;color:#f1f7e8}
  .dark-choice p{color:#cfdfd2}.dark-choice .text-link{color:var(--leaf)}
  .choice .text-link{margin-top:auto}
  .rule-note{margin-top:12px}
  .text-link{display:inline-flex;gap:8px;align-items:center;font-size:.95rem;font-weight:760;text-decoration:none;color:#28513d}
  .text-link:hover{text-decoration:underline}
  .local-section{background:#e9efe2;border-block:1px solid #dee7da}
  .region-pills{display:flex;flex-wrap:wrap;gap:9px}
  .region-pill{display:inline-flex;gap:9px;align-items:center;padding:8px 13px;background:#f8faf5;border:1px solid #cbd9ca;border-radius:99px;font-size:.85rem;font-weight:700;text-decoration:none}
  .region-pill:hover{background:#e0ecce;border-color:#729081}
  .region-pill .icon{color:#436a49}
  .source-note{display:flex;gap:8px 17px;align-items:center;flex-wrap:wrap;margin-top:22px;font-size:.81rem;color:#4a6153}
  .source-note .text-link{font-size:.83rem}
  .service-visual{overflow:hidden;border-radius:var(--radius);background:var(--dark);border:1px solid #294a3b}
  .service-diagram{min-height:220px;position:relative;display:flex;align-items:end;justify-content:center;gap:10px;padding:20px 20px 53px;isolation:isolate;background:radial-gradient(circle at 50% 50%,#3e6649,transparent 61%),repeating-linear-gradient(0deg,#254a3a 0 1px,transparent 1px 26px),repeating-linear-gradient(90deg,#254a3a 0 1px,transparent 1px 26px),var(--dark)}
  .service-diagram i{width:32px;height:29px;background:#bcd765;border-radius:2px;transform:rotate(12deg);margin-bottom:42px}
  .service-diagram i:nth-child(2){width:56px;height:35px;transform:rotate(-21deg);margin-bottom:62px;background:#9cba50}.service-diagram i:nth-child(3){width:39px;height:33px;transform:rotate(18deg);background:#a3c45f;margin-bottom:49px}
  .service-diagram span{position:absolute;width:min(68%,290px);height:85px;bottom:36px;background:repeating-linear-gradient(90deg,#d0eb7a 0 16px,#b7d263 16px 18px,#c7e471 18px 29px);clip-path:polygon(0 0,100% 0,88% 68%,76% 100%,24% 100%,12% 68%);border-top:8px solid #e0f694}
  .service-visual figcaption{display:grid;gap:5px;padding:20px 24px;border-top:1px solid #4a6451;color:#f0f7e9}
  .service-visual figcaption strong{font-size:1.25rem}.service-visual figcaption>span{color:#c6dace;font-size:.9rem}.service-visual figcaption a{color:var(--leaf)}
  .faq-list{border-top:1px solid #dce4d9}
  details{border-bottom:1px solid #dce4d9}
  details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;font-size:1.03rem;font-weight:730}
  details summary::-webkit-details-marker{display:none}
  details summary:hover{color:#315b48}
  details div{padding:0 30px 15px 0}
  details a{font-weight:700;color:#315b48}
  .faq-plus{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#e6eddf;color:#345a40;flex:none;line-height:1;transition:transform .18s}
  details[open] .faq-plus{transform:rotate(45deg)}
  .crumb{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 22px;color:#4f6556;font-size:.83rem}.crumb a:hover{text-decoration-thickness:2px}
  .info-grid,.steps,.size-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .info-grid article,.size-grid article,.steps li{padding:22px;border:1px solid var(--line);border-radius:14px;background:#fcfdf8}
  .info-grid h2{font-size:1.24rem;margin:10px 0 5px;letter-spacing:-.025em}
  .info-icon{background:#e0ead4;color:#315b48;display:grid;place-items:center;width:37px;height:37px;border-radius:8px}
  .materials{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:25px 0 15px}
  .materials article{border-left:3px solid #9cb875;padding:3px 14px}.materials article+article{border-color:#b49758}
  .materials h3{font-size:1.16rem;margin-bottom:7px}
  .filters{display:grid;grid-template-columns:1fr minmax(180px,.47fr) auto;gap:12px;align-items:end;margin-bottom:15px}
  .filters input,.filters select{background:#fcfdf9}.filters button{min-height:45px}
  .count{font-size:.86rem;font-weight:700;margin:0 0 12px}
  .unit-group{margin-top:25px}.unit-group h3{margin:0 0 12px}
  .unit-grid{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .unit{background:#fdfefb;border:1px solid #d7e2d5;border-radius:12px;padding:17px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}
  .unit p{margin:7px 0 3px;font-size:.91rem}.unit div>span{font-size:.82rem;color:#466353}
  .unit-map{width:max-content;max-width:100%;font-size:.87rem;font-weight:720;text-decoration:none;color:#2d5740}
  .unit-map:hover{text-decoration:underline}
  .empty-state{border:1px solid #d4e2d3;border-radius:10px;padding:15px;background:#f9fbf6}
  .steps{list-style:none;padding:0;margin:0}.steps b,.size-grid article>span{color:#355d49;font-size:.87rem;font-weight:800}
  .steps h3,.size-grid h3{font-size:1.39rem;margin:10px 0}
  .size-grid .text-link{margin-top:10px}
  .check-list{list-style:none;padding:0;margin:0}.check-list li{padding:12px 0 12px 25px;border-bottom:1px solid var(--line);position:relative;color:var(--muted)}
  .check-list li::before{content:"✓";position:absolute;left:1px;color:#355d49;font-weight:800}.check-list b{color:var(--ink)}
  .calculator{border:1px solid var(--line);border-radius:var(--radius);padding:clamp(18px,3vw,34px);background:#fff}
  .calculator h2{font-size:clamp(1.6rem,3vw,2.36rem);margin:9px 0}.calculator form{margin:17px 0 13px}
  .calc-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
  .calc-result{padding:10px 11px;border-radius:9px;background:#eaf0e6;margin-top:12px;font-size:.94rem}
  .calc-result strong{font-size:1.15rem;display:block}
  .prose{max-width:850px}.prose h2{font-size:clamp(1.35rem,3vw,2rem);margin-bottom:10px}.prose h2:not(:first-child){margin-top:27px}
  .prose p{line-height:1.7}.prose a{font-weight:650}
  .plain{padding-left:1.1em}
  .site-footer{background:#102d25;color:#eaf1e9}
  .footer-main{display:grid;grid-template-columns:1.15fr .85fr .75fr;gap:30px;padding-block:40px}
  .site-footer .brand-bh{color:var(--leaf)}
  .footer-main p{max-width:33ch;color:#c1d3c5;font-size:.9rem;margin-top:10px}
  .footer-main .footer-title{color:#ecf4e9;font-weight:750;margin-top:0}
  .footer-main ul{list-style:none;padding:0;margin:8px 0 0;font-size:.88rem;color:#c8d8ca}
  .footer-main li{margin-top:5px}
  .footer-main li a{text-decoration:none}.footer-main li a:hover{text-decoration:underline}
  .footer-bottom{display:flex;justify-content:space-between;gap:12px;color:#bdcec0;border-top:1px solid #38554a;padding-block:15px;font-size:.76rem}
}
@layer responsive {
  @media (max-width:1010px){
    .wrap{width:calc(100% - 56px)}
    .hero-grid{gap:32px;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr)}
    .hero h1{font-size:clamp(3.3rem,7.1vw,5rem)}
    .nav-shell{gap:18px}
    .nav-links{gap:17px}
  }
  @media (max-width:790px){
    .nav-shell{min-height:63px;position:relative}
    .nav-links{display:none;position:absolute;top:100%;inset-inline:0;white-space:normal;flex-direction:column;align-items:stretch;gap:0;background:#fbfcf7;box-shadow:0 12px 25px #17281c25;border:1px solid #dce3d8;border-radius:0 0 13px 13px}
    .nav-links.is-open{display:flex}
    .nav-links a{padding:12px 15px}.nav-links a+a{border-top:1px solid var(--line)}
    .menu-toggle{display:flex;gap:5px;align-items:center;background:none;border:1px solid #d7e1d4;border-radius:8px;min-height:36px;padding:6px 8px;font-weight:730;color:var(--ink);margin-left:auto;font-size:.8rem}
    .nav-cta{display:none}
    .hero-grid,.faq-layout,.local-grid,.split-content{grid-template-columns:1fr}
    .hero-grid{padding-block:36px 41px;gap:28px}
    .hero h1{font-size:clamp(2.7rem,9.2vw,5rem);margin-top:12px;text-wrap:balance;max-width:13ch}
    .hero-lead{margin-top:14px}.hero-actions{margin-top:17px}.hero-note{margin-top:14px}
    .quote{width:100%;max-width:580px}
    .unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .proof-inner>div{gap:8px;padding-inline:7px}
    .proof-inner .icon{min-width:30px;height:30px}
    .proof-inner strong{font-size:.83rem}
    .proof-inner small{font-size:.72rem}
    .disposal-hero,.price-hero,.sub-hero{padding-block:28px 39px}
    .footer-main{grid-template-columns:1.1fr 1fr}
  }
  @media (max-width:520px){
    .wrap{width:calc(100% - 32px)}
    .brand{font-size:1.46rem}.brand-mark{width:35px;height:35px;padding:7px}
    .section{padding-block:43px}
    .desktop-br{display:none}
    .quote{padding:19px}
    .choice-grid,.materials,.size-grid,.steps{grid-template-columns:1fr;gap:12px}
    .choice{min-height:210px}
    .proof-inner{padding-block:13px}
    .proof-inner>div{display:grid;justify-content:start;padding-inline:8px;gap:5px}.proof-inner>div:first-child{padding-left:0}
    .proof-inner .icon{min-width:25px;width:25px;height:25px;font-size:.95rem;border-radius:7px}
    .proof-inner small{font-size:.68rem}
    .filters{grid-template-columns:1fr auto}.filters label:first-child{grid-column:1/-1}
    .unit-grid{grid-template-columns:1fr}
    .info-grid{grid-template-columns:1fr;gap:10px}.info-grid article{padding:14px}
    .info-grid h2{margin-top:6px}.info-icon{width:29px;height:29px}
    .section-head{margin-bottom:22px}
    .footer-main{grid-template-columns:1fr 1fr;gap:20px 13px}.footer-main>div:first-child{grid-column:1/-1}
    .footer-bottom,.final-call{flex-direction:column;align-items:flex-start}
  }
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
}