:root{--ink:#17342a;--ink-soft:#4c625a;--forest:#1f5c46;--forest-dark:#174635;--leaf:#4f8a68;--mint:#e8f2ec;--cream:#f8f5ec;--sand:#efe7d4;--white:#fff;--line:#d8e1db;--error:#9d2c2c;--shadow:0 18px 45px #1a41311a;--radius-sm:.65rem;--radius:1rem;--radius-lg:1.5rem;--shell:min(1120px, calc(100% - 2rem))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.65}body:before{content:"";background:linear-gradient(90deg, var(--forest), #7eaa72, #d7b76d);z-index:100;height:4px;position:fixed;inset:0 0 auto}a{color:var(--forest);text-underline-offset:.18em}a:hover{color:var(--forest-dark)}img,svg{max-width:100%;display:block}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3{letter-spacing:-.025em;margin:0 0 .75rem;font-family:ui-rounded,Arial Rounded MT Bold,ui-sans-serif,system-ui,sans-serif;line-height:1.14}h1{max-width:18ch;font-size:clamp(2.25rem,6vw,4.35rem)}h2{font-size:clamp(1.55rem,3vw,2.25rem)}h3{font-size:1.15rem}p,ul,ol{margin-top:0}.shell{width:var(--shell);margin-inline:auto}.content-shell{width:min(760px,100% - 2rem);margin-inline:auto}.content-shell>section{padding:clamp(2.25rem,6vw,4rem) 0 0}.content-shell li+li{margin-top:.55rem}.skip-link{z-index:1000;background:var(--ink);color:var(--white);border-radius:.5rem;padding:.7rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}:focus-visible{outline-offset:3px;outline:3px solid #d49c24}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--forest);letter-spacing:.11em;text-transform:uppercase;font-size:.77rem;font-weight:800;line-height:1.3;display:inline-block}.lede{max-width:720px;color:var(--ink-soft);font-size:clamp(1.08rem,2.5vw,1.3rem);line-height:1.6}.text-link{font-weight:700;text-decoration-thickness:1px}.site-header{z-index:10;border-bottom:1px solid var(--line);background:#fffffff5;position:relative}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;min-height:78px;display:flex}.brand{color:var(--ink);letter-spacing:-.035em;align-items:center;gap:.55rem;font-family:ui-rounded,Arial Rounded MT Bold,ui-sans-serif,system-ui,sans-serif;font-size:1.12rem;font-weight:800;text-decoration:none;display:inline-flex}.brand svg{color:var(--forest)}.site-header .nav-list{align-items:center;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.site-header nav a,.nav-trigger{min-height:44px;color:var(--ink-soft);background:0 0;border:0;border-radius:.55rem;align-items:center;padding:.62rem .8rem;font-weight:600;text-decoration:none;display:flex}.site-header nav>.nav-list>li>a:hover,.site-header nav>.nav-list>li>a[aria-current=page],.nav-trigger:hover,.nav-trigger[aria-current=page],.nav-dropdown[data-open=true] .nav-trigger{color:var(--forest-dark);background:var(--mint)}.nav-trigger{gap:.4rem}.nav-trigger svg{transition:transform .15s}.nav-dropdown{position:relative}.nav-dropdown[data-open=true] .nav-trigger svg{transform:rotate(180deg)}.nav-menu{z-index:30;visibility:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);width:430px;box-shadow:var(--shadow);opacity:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;margin:0;padding:.55rem;list-style:none;transition:opacity .15s,transform .15s,visibility .15s;display:grid;position:absolute;top:calc(100% + .45rem);left:50%;transform:translate(-50%,-.35rem)}.nav-menu:before{content:"";height:.5rem;position:absolute;inset:-.5rem 0 auto}.nav-dropdown:hover .nav-menu,.nav-dropdown:focus-within .nav-menu,.nav-dropdown[data-open=true] .nav-menu{visibility:visible;opacity:1;transform:translate(-50%)}.site-header .nav-menu a{border-radius:.55rem;min-height:58px;padding:.65rem .75rem;display:block}.site-header .nav-menu a:hover,.site-header .nav-menu a:focus-visible{color:var(--forest-dark);background:var(--mint)}.nav-menu strong,.nav-menu span{display:block}.nav-menu strong{color:var(--ink);font-size:.9rem}.nav-menu span{color:var(--ink-soft);margin-top:.08rem;font-size:.71rem;font-weight:500}.nav-menu-all{border-bottom:1px solid var(--line);grid-column:1/-1}.site-header .nav-menu-all a{min-height:54px}.site-footer{color:#dce9e2;background:#153d30;margin-top:5rem;padding-top:3.5rem}.footer-grid{grid-template-columns:1.6fr 1fr 1fr;gap:3rem;display:grid}.site-footer .brand{color:var(--white)}.site-footer p{color:#b9d0c5;max-width:38ch}.site-footer h2{color:var(--white);letter-spacing:.08em;text-transform:uppercase;font-size:.9rem}.site-footer nav{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.site-footer nav a{color:#dce9e2;min-height:32px;text-decoration:none}.site-footer nav a:hover{color:var(--white);text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff24;margin-top:3rem;padding:1.2rem 0}.footer-bottom p{margin:0;font-size:.9rem}.breadcrumbs{padding-top:1.2rem}.breadcrumbs ol{color:var(--ink-soft);flex-wrap:wrap;gap:.45rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.breadcrumbs li{gap:.45rem;display:flex}.breadcrumbs a{color:var(--ink-soft)}.page-hero{padding-top:clamp(3rem,8vw,6rem);padding-bottom:clamp(2.5rem,7vw,4.5rem)}.page-hero h1{margin-top:.65rem}.page-hero--calculator{padding-top:clamp(2.25rem,6vw,4.5rem);padding-bottom:2.4rem}.page-hero--calculator h1{font-size:clamp(2.2rem,5vw,3.7rem)}.trust-note{color:var(--forest);align-items:center;gap:.5rem;margin:1.3rem 0 0;font-size:.9rem;font-weight:700;display:flex}.trust-note span{width:1.45rem;height:1.45rem;color:var(--white);background:var(--leaf);border-radius:50%;place-items:center;display:grid}.calculator-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid;overflow:hidden}.calculator-inputs,.calculator-results{min-width:0;padding:clamp(1.25rem,3vw,2rem)}.calculator-results{border-left:1px solid var(--line);background:#f7faf8}.panel-heading{align-items:center;gap:.8rem;margin-bottom:1.5rem;display:flex}.panel-heading h2{margin:.15rem 0 0;font-size:1.35rem}.panel-heading .eyebrow{font-size:.66rem;display:block}.panel-heading--results .button{margin-left:auto}.example-values-note{color:var(--ink-soft);background:var(--cream);border-radius:.6rem;margin:-.45rem 0 1.15rem;padding:.72rem .8rem;font-size:.82rem;line-height:1.45}.example-values-note strong{color:var(--ink)}.step-number{width:2.3rem;height:2.3rem;color:var(--white);background:var(--forest);border-radius:.7rem;flex:0 0 2.3rem;place-items:center;font-family:ui-rounded,Arial Rounded MT Bold,ui-sans-serif,system-ui,sans-serif;font-weight:800;display:grid}.form-grid{grid-template-columns:minmax(0,1.3fr) minmax(110px,.7fr);gap:.9rem .75rem;display:grid}.field{min-width:0}.field--buffer,.field--density,.field--rate,.field--coverage,.field--doors,.field--windows,.field--coats{grid-column:1/-1}.field label{margin-bottom:.35rem;font-size:.89rem;font-weight:700;display:block}.control-wrap{position:relative}.control-wrap input,.control-wrap select{width:100%;min-height:48px;color:var(--ink);border-radius:var(--radius-sm);background:var(--white);border:1px solid #aebdb5;padding:.68rem .8rem}.control-wrap input:hover,.control-wrap select:hover{border-color:var(--leaf)}.control-wrap input:focus,.control-wrap select:focus{border-color:var(--forest);outline:none;box-shadow:0 0 0 3px #4f8a682e}.control-wrap input[aria-invalid=true],.control-wrap select[aria-invalid=true]{border:2px solid var(--error)}.control-wrap:has(.unit-label) input{padding-right:7.2rem}.unit-label{max-width:7rem;color:var(--ink-soft);text-align:right;pointer-events:none;font-size:.78rem;font-weight:700;line-height:1.1;position:absolute;top:50%;right:.8rem;transform:translateY(-50%)}.field-help{color:var(--ink-soft);margin:.35rem 0 0;font-size:.78rem;line-height:1.4}.field-error{min-height:1em;color:var(--error);margin:.2rem 0 0;font-size:.77rem;font-weight:700;line-height:1.3}.error-summary{color:#742020;background:#fff2f2;border:1px solid #e0a2a2;border-radius:.6rem;margin:.8rem 0;padding:.75rem .9rem;font-weight:700}.form-actions{gap:.65rem;margin-top:1rem;display:flex}.button{border:1px solid #0000;border-radius:.65rem;min-height:44px;padding:.65rem 1rem;font-weight:800}.button--primary{color:var(--white);background:var(--forest)}.button--primary:hover{background:var(--forest-dark)}.button--secondary{color:var(--ink);background:var(--white);border-color:#b5c3bb}.button--secondary:hover,.button--quiet:hover{border-color:var(--forest);background:var(--mint)}.button--quiet{color:var(--forest);background:0 0;border-color:#0000;padding:.55rem .7rem;font-size:.82rem}.button:disabled{cursor:not-allowed;opacity:.48}.button:disabled:hover{background:0 0;border-color:#0000}.results-content{min-height:520px}.loading-result{color:var(--ink-soft);text-align:center;padding:2rem}.results-empty{min-height:360px;color:var(--ink-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.results-empty strong{color:var(--ink);font-family:ui-rounded,Arial Rounded MT Bold,ui-sans-serif,system-ui,sans-serif;font-size:1.1rem}.results-empty p{max-width:34ch;margin:.4rem 0 0}.results-empty--error{min-height:220px}.result-group{border-top:1px solid var(--line);padding:1rem 0}.result-group:first-child{border-top:0;padding-top:0}.result-group h3{color:var(--forest);letter-spacing:.11em;text-transform:uppercase;margin-bottom:.55rem;font-size:.74rem}.result-group dl{margin:0}.result-row{justify-content:space-between;align-items:baseline;gap:1rem;padding:.28rem 0;display:flex}.result-row dt{color:var(--ink-soft)}.result-row dd{text-align:right;margin:0;font-weight:700}.result-row--emphasis{background:var(--mint);border-radius:.6rem;margin:.35rem 0;padding:.65rem .75rem}.result-row--emphasis dt{color:var(--ink);font-weight:700}.result-row--emphasis dd{color:var(--forest-dark);font-family:ui-rounded,Arial Rounded MT Bold,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.15rem,2vw,1.4rem)}.result-note{color:var(--ink-soft);margin:.5rem 0 0;font-size:.8rem;line-height:1.45}.calculation-details{border:1px solid var(--line);background:var(--white);border-radius:.65rem;margin-top:.8rem;padding:.75rem}.calculation-details summary{color:var(--forest);cursor:pointer;font-weight:800}.calculation-details p{color:var(--ink-soft);margin:.65rem 0 0;font-size:.88rem}.steps-list{counter-reset:step;padding-left:0;list-style:none}.steps-list li{counter-increment:step;min-height:2rem;padding-left:2.7rem;position:relative}.steps-list li:before{content:counter(step);width:1.8rem;height:1.8rem;color:var(--forest);background:var(--mint);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:-.05rem;left:0}.formula-box{border-left:4px solid var(--leaf);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--cream);padding:1.2rem 1.3rem}.formula-box p{margin:0;font-weight:600}.callout{border:1px solid var(--sand);border-radius:var(--radius-sm);background:#fffcf5;margin-top:1.1rem;padding:1rem 1.15rem}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;padding:1rem .25rem;font-family:ui-rounded,Arial Rounded MT Bold,ui-sans-serif,system-ui,sans-serif;font-weight:700}.faq-list details p{color:var(--ink-soft);padding:0 .25rem .9rem}.related-section{background:var(--cream);margin-top:5rem;padding:clamp(3rem,7vw,5rem) 0}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem;display:flex}.section-heading h2{margin:.2rem 0 0}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.card-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:1.35rem;transition:transform .15s,box-shadow .15s;position:relative}.calculator-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #1a413114}.calculator-card h3{margin-top:.45rem}.calculator-card h3 a{color:var(--ink);text-decoration:none}.calculator-card h3 a:after{content:"";position:absolute;inset:0}.calculator-card p{color:var(--ink-soft);font-size:.92rem}.calculator-card .text-link{z-index:1;position:relative}.ad-slot{min-height:120px;color:var(--ink-soft);border:1px dashed var(--line);text-transform:uppercase;place-items:center;margin:2rem auto;font-size:.72rem;display:grid}.hero-home{background:linear-gradient(135deg, var(--cream), #edf5ef);padding:clamp(4rem,10vw,7rem) 0;overflow:hidden}.hero-home .shell{grid-template-columns:1.2fr .8fr;align-items:center;gap:3rem;display:grid}.hero-home h1{margin-top:.7rem}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.6rem;display:flex}.hero-visual{min-height:330px;position:relative}.yard-shape{background:linear-gradient(145deg,#cfe2ce,#8eb58d);border:2px solid #1f5c4633;border-radius:42% 58% 48% 52%/55% 43% 57% 45%;position:absolute;inset:7% 2% 2% 8%;transform:rotate(-5deg)}.measure-card{border-radius:var(--radius);width:min(290px,85%);box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #ffffffb3;padding:1.3rem;position:absolute;bottom:8%;right:2%}.measure-card p{color:var(--ink-soft);margin:0}.measure-card strong{color:var(--forest-dark);font-family:ui-rounded,Arial Rounded MT Bold,ui-sans-serif,system-ui,sans-serif;font-size:1.8rem;display:block}.ruler{background:repeating-linear-gradient(90deg,#e9c66d 0 8px,#dcb04a 8px 9px);border-radius:4px;width:75%;height:20px;position:absolute;top:18%;left:2%;transform:rotate(12deg);box-shadow:0 5px 15px #443d222e}.home-section{padding:clamp(3.5rem,8vw,6rem) 0}.home-section--tint{background:#f7faf8}.category-group+.category-group{margin-top:2.5rem}.category-group h2{font-size:1.25rem}.principles{grid-template-columns:repeat(3,1fr);gap:1.2rem;display:grid}.principle{border-top:3px solid var(--leaf);background:var(--white);padding:1.25rem}.principle h3{margin-bottom:.35rem}.principle p{color:var(--ink-soft);margin:0}.prose-page{padding-bottom:2rem}.prose-page section+section{margin-top:2.6rem}.prose-page h2{font-size:1.65rem}.prose-page h3{margin-top:1.6rem}.prose-page p,.prose-page li{color:#344e44}.contact-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--cream);padding:1.5rem}.contact-card p:last-child{margin-bottom:0}.error-page{text-align:center;place-items:center;min-height:56vh;padding:4rem 1rem;display:grid}.error-page h1{margin-inline:auto}@media (width<=800px){.header-inner{flex-direction:column;align-items:flex-start;gap:.45rem;padding:.8rem 0}.site-header nav{width:100%}.site-header .nav-list{width:max-content}.calculator-panel{grid-template-columns:1fr}.calculator-results{border-top:1px solid var(--line);border-left:0}.results-content{min-height:0}.results-empty{min-height:220px}.hero-home .shell{grid-template-columns:1fr}.hero-visual{min-height:260px}.card-grid,.principles{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:1.5rem}}@media (width<=560px){:root{--shell:min(100% - 1.2rem, 1120px)}.header-inner{width:calc(100% - 1rem)}.site-header nav>.nav-list>li>a,.nav-trigger{padding-inline:.65rem}.nav-menu{width:min(360px,100vw - 1rem);left:-4.4rem;transform:translateY(-.35rem)}.nav-dropdown:hover .nav-menu,.nav-dropdown:focus-within .nav-menu,.nav-dropdown[data-open=true] .nav-menu{transform:translateY(0)}.page-hero{padding-inline:.35rem}.trust-note{align-items:flex-start}.calculator-inputs,.calculator-results{padding:1rem}.calculator-panel{border-radius:1rem}.form-grid{grid-template-columns:minmax(0,1.25fr) minmax(95px,.75fr)}.field--buffer,.field--density,.field--rate,.field--coverage,.field--doors,.field--windows,.field--coats{grid-column:1/-1}.panel-heading--results{flex-wrap:wrap}.panel-heading--results .button{margin-left:auto}.form-actions .button{flex:1}.result-row{align-items:flex-start}.result-row--emphasis{flex-direction:column;gap:.15rem}.result-row--emphasis dd{text-align:left}.section-heading{flex-direction:column;align-items:flex-start}.card-grid,.card-grid--two,.principles{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>:first-child{grid-column:1/-1}.hero-visual{min-height:220px}.content-shell{width:calc(100% - 2rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}