:root{color-scheme:light;--color-page: #f6f7f4;--color-surface: #ffffff;--color-text: #18201c;--color-muted: #55615b;--color-border: #cbd2cd;--color-accent: #16633f;--color-accent-hover: #0f4c30;--color-accent-soft: #e4f1e9;--color-error: #a8261c;--color-focus: #0b6ee8;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: clamp(1.125rem, 1rem + .4vw, 1.25rem);--font-size-xl: clamp(1.625rem, 1.2rem + 1.6vw, 2.25rem);--font-size-hero: clamp(2.25rem, 1.65rem + 3vw, 4.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .625rem;--radius-lg: 1rem;--content-max: 72rem;--calculator-max: 56rem;--border: 1px solid var(--color-border);--focus-ring: 3px solid var(--color-focus)}*,*:before,*:after{box-sizing:border-box}html{background:var(--color-page);color:var(--color-text);font-family:var(--font-sans);line-height:1.6;scroll-behavior:auto}body{margin:0;min-width:20rem;background:var(--color-page)}a{color:var(--color-accent);text-underline-offset:.18em}a:hover{color:var(--color-accent-hover)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--focus-ring);outline-offset:3px}h1,h2,h3,h4,p{margin-block-start:0}h1,h2,h3,h4{line-height:1.15;text-wrap:balance}h1{max-width:16ch;margin-block-end:var(--space-6);font-size:var(--font-size-hero);letter-spacing:-.035em}h2{margin-block-end:var(--space-4);font-size:var(--font-size-xl);letter-spacing:-.02em}h3,h4{margin-block-end:var(--space-3);font-size:var(--font-size-lg)}p{color:var(--color-muted)}.skip-link{position:fixed;z-index:10;inset:var(--space-3) auto auto var(--space-3);padding:var(--space-3) var(--space-4);transform:translateY(-150%);border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-surface)}.skip-link:focus{transform:translateY(0)}.page-shell{width:min(100% - 2rem,var(--content-max));margin-inline:auto}.page-shell--narrow{max-width:var(--calculator-max)}.site-header{border-bottom:var(--border);background:#ffffffeb}.site-header__inner{display:flex;width:min(100% - 2rem,var(--content-max));min-height:4.5rem;margin-inline:auto;align-items:center;justify-content:space-between;gap:var(--space-4)}.site-brand{display:inline-flex;min-height:2.75rem;align-items:center;gap:var(--space-3);color:var(--color-text);font-size:var(--font-size-lg);font-weight:750;line-height:1.2;text-decoration:none}.brand-mark{display:block;width:2rem;height:2rem;flex:0 0 auto;fill:var(--color-accent);stroke:var(--color-surface);stroke-linecap:square;stroke-linejoin:miter;stroke-width:2.5}.brand-mark__detail{fill:none;opacity:.55;stroke-width:1.25}.site-nav{display:flex;margin:0;padding:0;gap:var(--space-2);list-style:none}.site-nav a{display:inline-flex;min-height:2.75rem;padding-inline:var(--space-3);align-items:center;border-radius:var(--radius-sm);color:var(--color-text);font-weight:650;text-decoration:none}.site-nav a:hover{background:var(--color-accent-soft);color:var(--color-accent-hover)}.hero{position:relative;overflow:clip;padding-block:clamp(3.5rem,8vw,7rem);border-bottom:var(--border);background:linear-gradient(135deg,rgb(228 241 233 / 78%),transparent 55%),var(--color-surface)}.hero:before{position:absolute;inset:0;background-image:linear-gradient(rgb(22 99 63 / 4%) 1px,transparent 1px),linear-gradient(90deg,rgb(22 99 63 / 4%) 1px,transparent 1px);background-size:3rem 3rem;content:"";mask-image:linear-gradient(90deg,#000,transparent 58%);pointer-events:none}.hero__grid{position:relative;display:grid;gap:var(--space-12)}.hero__copy{align-self:center}.eyebrow{margin-block-end:var(--space-3);color:var(--color-accent);font-size:var(--font-size-sm);font-weight:750;letter-spacing:.08em;text-transform:uppercase}.lead{max-width:42rem;margin-block-end:var(--space-8);color:var(--color-muted);font-size:var(--font-size-lg)}.button-link{display:inline-flex;min-height:2.75rem;padding:var(--space-3) var(--space-6);align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-surface);font-weight:750;text-decoration:none}.button-link:hover{background:var(--color-accent-hover);color:var(--color-surface)}.precision-panel{min-width:0;align-self:center;overflow:hidden;border:1px solid rgb(22 99 63 / 34%);border-radius:var(--radius-lg);background:#f6f7f4eb;box-shadow:0 1.5rem 4rem #18201c1a}.precision-panel__drawing{padding:clamp(.75rem,3vw,1.5rem);border-bottom:1px solid rgb(22 99 63 / 22%);background:#edf4ef}.measurement-graphic{display:block;width:100%;height:auto;color:var(--color-accent);font-family:var(--font-sans)}.measurement-graphic__grid{fill:url(#measurement-grid);opacity:.3;stroke:#16633f2e}.measurement-graphic__grid+path,.measurement-graphic__grid{color:var(--color-accent)}#measurement-grid path{fill:none;stroke:currentColor;stroke-width:.7}.measurement-graphic__shape,.measurement-graphic__detail,.measurement-graphic__dimension path,.measurement-graphic__note path,.measurement-graphic__scale path{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter}.measurement-graphic__shape{stroke-width:2.2}.measurement-graphic__fill{fill:#16633f12;stroke:none}.measurement-graphic__dimension{font-size:13px;font-weight:700}.measurement-graphic__dimension path,.measurement-graphic__note path,.measurement-graphic__scale path{stroke-width:1.2}.measurement-graphic__dimension text,.measurement-graphic__note text,.measurement-graphic__scale text{fill:currentColor}.measurement-graphic__detail{stroke-width:1.7}.measurement-graphic__point{fill:var(--color-surface);stroke:currentColor;stroke-width:2}.measurement-graphic__note,.measurement-graphic__scale{font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.precision-panel__content{position:relative;padding:var(--space-6)}.precision-panel__index{position:absolute;inset:var(--space-6) var(--space-6) auto auto;margin:0;color:var(--color-accent);font-size:.7rem;font-weight:800;letter-spacing:.12em}.precision-panel__label{margin-block-end:var(--space-4);padding-inline-end:4rem;color:var(--color-text);font-weight:750}.check-list{display:grid;margin:0;padding:0;gap:var(--space-4);list-style:none}.check-list li{position:relative;padding-inline-start:var(--space-8)}.check-list li:before{position:absolute;inset:0 auto auto 0;color:var(--color-accent);content:"✓";font-weight:800}.section{padding-block:var(--space-16)}.section--tinted{border-block:var(--border);background:var(--color-accent-soft)}.section-heading{display:grid;margin-block-end:var(--space-8);gap:var(--space-4)}.section-heading>p{max-width:38rem}.section-heading--intro{align-items:end}.section-heading--intro>p{margin-block-end:var(--space-4)}.calculator-discovery{background:var(--color-page)}.calculator-groups{display:grid;gap:var(--space-12)}.calculator-group{padding:clamp(1rem,2.5vw,2rem);border:var(--border);border-radius:var(--radius-lg)}.calculator-group[data-calculator-group=materials]{background:#eef4ef}.calculator-group[data-calculator-group=surfaces]{background:#f4f3ed}.calculator-group[data-calculator-group=planning]{background:#edf2f1}.calculator-group__heading{display:grid;margin-block-end:var(--space-6);gap:var(--space-3)}.calculator-group__heading h3{margin-block-end:var(--space-2)}.calculator-group__heading p{max-width:38rem;margin-block-end:0}.calculator-group__number{color:var(--color-accent);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.08em}.card-grid{display:grid;gap:var(--space-4)}.calculator-card{min-width:0;min-height:17rem;margin:0}.calculator-card__link{display:flex;height:100%;min-height:inherit;padding:var(--space-6);flex-direction:column;border:var(--border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);text-decoration:none}.calculator-card__link:hover{border-color:var(--color-accent);color:var(--color-text)}.calculator-card__link:focus-visible{outline:var(--focus-ring);outline-offset:3px}.calculator-card__topline{display:flex;margin-block-end:var(--space-6);align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--color-accent);font-size:var(--font-size-sm);font-weight:750;letter-spacing:.02em}.calculator-card__arrow{font-size:1.15rem;line-height:1}.calculator-card__heading{display:grid;grid-template-columns:minmax(0,1fr) 4.25rem;align-items:center;gap:var(--space-4)}.calculator-card__heading :is(h2,h3,h4){margin-block-end:0}.calculator-card__icon{display:grid;width:4.25rem;height:4.25rem;place-items:center;border-radius:var(--radius-md);background:var(--color-accent-soft)}.calculator-illustration{display:block;width:3.75rem;height:2.8125rem;color:var(--color-accent);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}.calculator-illustration__fill{fill:currentColor;fill-opacity:.12;stroke:none}.calculator-card__link>p{flex:1;margin-block:var(--space-6)}.calculator-card__action{color:var(--color-accent);font-weight:750;text-decoration:underline;text-decoration-color:#16633f5c;text-underline-offset:.22em}.values-grid{display:grid;gap:var(--space-8)}.value-list{display:grid;gap:var(--space-6)}.value-list article{padding-block-start:var(--space-4);border-top:2px solid var(--color-accent)}.breadcrumbs{padding-block:var(--space-6);font-size:var(--font-size-sm)}.breadcrumbs ol{display:flex;margin:0;padding:0;flex-wrap:wrap;gap:var(--space-2);list-style:none}.breadcrumbs li:not(:last-child):after{margin-inline-start:var(--space-2);color:var(--color-muted);content:"/"}.breadcrumbs [aria-current=page]{color:var(--color-muted)}.page-heading{padding-block:var(--space-8) var(--space-16)}.page-heading h1{font-size:var(--font-size-xl)}.card-grid--directory{padding-block-end:var(--space-16)}.site-footer{padding-block:var(--space-12);border-top:var(--border);background:var(--color-text);color:var(--color-surface)}.site-footer__inner{width:min(100% - 2rem,var(--content-max));margin-inline:auto}.site-footer p{margin-block-end:var(--space-2);color:#dce3df}.site-footer__links{display:flex;margin:var(--space-4) 0 0;padding:0;flex-wrap:wrap;gap:var(--space-3) var(--space-6);list-style:none}.site-footer__links a{display:inline-flex;min-height:2.75rem;align-items:center;color:var(--color-surface)}.site-footer__legal{max-width:48rem;padding-block-start:var(--space-4);font-size:var(--font-size-sm)}.trust-page{padding-block-end:var(--space-16)}.trust-page__content{max-width:48rem}.trust-page__content section{padding-block:var(--space-8);border-top:var(--border)}.trust-page__content li{margin-block-end:var(--space-2)}.guide-page{padding-block-end:var(--space-16)}.guide-page__content{max-width:52rem}.guide-page__content>section{padding-block:var(--space-8);border-top:var(--border)}.guide-answer{padding-inline:clamp(1rem,4vw,2rem);border:1px solid rgb(22 99 63 / 34%)!important;border-radius:var(--radius-lg);background:var(--color-accent-soft)}.guide-example{display:grid;margin-block:var(--space-6);gap:var(--space-4)}.guide-example article{display:grid;padding:var(--space-6);gap:var(--space-2);border:var(--border);border-radius:var(--radius-md);background:var(--color-surface)}.guide-example p,.guide-example h3{margin-block-end:0}.guide-example p,.guide-example span{color:var(--color-muted);font-size:var(--font-size-sm)}.guide-example strong{color:var(--color-accent-hover);font-size:clamp(1.75rem,1.3rem + 1vw,2.25rem);line-height:1.1}.guide-callout{margin-block:var(--space-6) 0;padding:var(--space-4) var(--space-6);border-left:3px solid var(--color-accent);background:#ffffff94;color:var(--color-text)}.guide-steps{display:grid;margin:0;padding-inline-start:var(--space-6);gap:var(--space-4)}.guide-steps li{padding-inline-start:var(--space-2)}@media(min-width:44rem){.hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(20rem,.92fr)}.section-heading,.values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-group__heading{grid-template-columns:3rem minmax(0,1fr)}.card-grid,.guide-example{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:60rem){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:70rem){.hero__grid{gap:clamp(4rem,8vw,7rem)}}@media(max-width:27rem){.site-brand{max-width:none;gap:var(--space-2);font-size:1rem}.brand-mark{width:1.75rem;height:1.75rem}.site-nav li:first-child{display:none}.site-nav{gap:0}.site-nav a{padding-inline:var(--space-2)}.precision-panel__drawing{padding:var(--space-2)}.precision-panel__content,.calculator-card__link{padding:var(--space-4)}.calculator-card__heading{grid-template-columns:minmax(0,1fr) 3.75rem}.calculator-card__icon{width:3.75rem;height:3.75rem}.calculator-illustration{width:3.25rem;height:2.4375rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}