:root{--navy:#1b3041;--green:#00886f;--line:#dae5e7;--muted:#5e7380;--bg:#f5f7f8;--ink:#1b2d39}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.48 Inter,Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #247dbe;outline-offset:3px}button{touch-action:manipulation}.container{max-width:1380px;margin:auto;padding:0 28px}.formNav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 0 0}.formNav a{color:var(--navy);font-weight:700;text-decoration:none}.version{font-size:11px;color:var(--muted);letter-spacing:.07em}.hero{padding:30px 0 27px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:800}h1{font-size:clamp(27px,3vw,40px);line-height:1.13;letter-spacing:-.035em;margin:10px 0 12px}h2{font-size:20px;margin:0;line-height:1.25;letter-spacing:-.025em}.hero p{color:var(--muted);max-width:740px;margin:0;font-size:15px}.stepcount{display:flex;gap:8px;align-items:center;white-space:nowrap;font-size:12px;color:var(--muted)}.stepcount b,.stepno{display:inline-grid;place-items:center;border-radius:50%;background:var(--green);color:white;width:27px;height:27px;font-size:13px}.stepcount i{width:15px;height:1px;background:#aec5ca}.stepno{margin-right:10px;vertical-align:middle}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:18px;overflow:hidden;box-shadow:0 12px 40px #122c3709}.panelhead{padding:20px 24px;border-bottom:1px solid #e9eeef;display:flex;justify-content:space-between;align-items:center;gap:14px}.panelhead p{color:var(--muted);margin:6px 0 0;font-size:12px}.panelbody{padding:22px 24px}.muted,.help{color:var(--muted);font-size:12px}.options{display:grid;grid-template-columns:1fr 1fr;gap:36px}fieldset{border:0;margin:0;padding:0;min-width:0}legend,.flabel{font-size:12px;font-weight:700;margin-bottom:10px;display:block}.choices{display:flex;gap:9px}.choices button,.presets button{background:#fff;border:1px solid #cbdade;color:#425966;border-radius:7px;padding:10px 18px;font-weight:700}.choices button[aria-pressed=true]{background:#e5f4ef;border-color:var(--green);color:#006f5b}.radio{display:inline-flex;align-items:center;gap:7px;margin:7px 20px 7px 0}.radio input,.toggle input{accent-color:var(--green);width:17px;height:17px}.blackdot{width:15px;height:15px;background:#262828;border-radius:50%}.field{display:block;padding:9px;border:1px solid #cbdade;border-radius:7px;width:100%;margin-top:5px}.workspace{display:grid;grid-template-columns:290px minmax(0,1fr);gap:18px}.workspace>.panel{height:fit-content}.axis{margin-bottom:24px}.axis>label{font-weight:700}.axisHint{display:block;font-size:11px;color:var(--muted);margin:3px 0 9px}.stepper{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;border:1px solid #cbdade;border-radius:8px;overflow:hidden}.stepper button{border:0;background:#edf4f4;color:var(--navy);font-size:24px;height:45px}.stepper input{width:100%;min-width:0;border:0;text-align:center;font-size:20px;font-weight:700;appearance:textfield;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button{appearance:none}.presets button{padding:6px 9px;font-size:12px;margin:0 3px 6px 0}.layoutSummary{margin-top:20px;padding:16px;background:#f0f7f5;border-radius:8px}.layoutSummary strong{display:block;font-size:23px}.layoutSummary span{font-size:12px;color:var(--muted)}.toggle{display:flex;gap:7px;align-items:center;font-size:12px;cursor:pointer}.drawing{padding:7px 12px;background:linear-gradient(#fcfdfd,#f5f8f8)}.drawing svg{width:100%;height:auto;max-height:520px;display:block}.legend{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;padding:12px 16px 5px;font-size:11px}.legend span{display:flex;align-items:center;gap:5px}.swatch{display:inline-block;width:13px;height:13px;border-radius:2px}.fp{background:#465861}.opf{background:#a6c1c6}.opr{background:#00886f}.slope{background:repeating-linear-gradient(45deg,#ecf1f1 0 3px,#839698 3px 4px)}.schemeNote{font-size:11px;text-align:center;color:var(--muted);padding:0 18px}.selection{padding:12px 22px;background:#f0f7f5;color:#38515a;font-size:12px;min-height:43px}.metricGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.metric{background:#f4f8f8;border:1px solid #e4ecee;padding:18px 22px;border-radius:10px}.metric>span{font-weight:700;font-size:12px;color:var(--muted)}.metric>strong{display:block;font-size:28px;letter-spacing:-.03em;margin:6px 0}.metric p{margin:0;color:var(--muted)}.metric p b{font-size:20px;color:var(--navy);margin-left:5px}.usableMetric{background:#eef8f3;border-color:#d6e9df}.usableMetric p b{color:#007359}.areaNote{padding:0 24px 20px;margin:0;font-size:12px;color:var(--muted)}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:22px 24px}.product{display:grid;grid-template-columns:120px 1fr;align-items:center;text-align:left;border:1px solid var(--line);border-radius:10px;background:white;padding:10px;gap:12px;min-width:0;color:var(--ink)}.product img{width:100%;height:92px;object-fit:contain}.product strong{display:block;font-size:17px}.product small{display:block;color:var(--muted);font-size:11px;margin:3px 0}.product b{color:var(--green)}.product[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.pill{border-radius:20px;background:#e5f4ef;color:#006f5b;font-size:12px;padding:6px 12px;white-space:nowrap}.tablewrap{padding:0 24px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid #e5ecee}th{background:#edf4f4;font-size:11px;color:#42606b}.right{text-align:right}.btn{border:0;border-radius:7px;padding:12px 18px;background:var(--green);color:white;font-weight:700}.actionbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.note{background:#f0f7f5;border-left:3px solid #2a957c;padding:16px 20px;border-radius:0 8px 8px 0;font-size:12px;color:#38515a}.note p{margin:7px 0 0}footer{color:var(--muted);font-size:11px;padding:25px 0;text-align:center}.error{color:#a23827;font-size:12px}.drawing .part{cursor:pointer}.drawing .part:focus{outline:none;stroke:#f5a623;stroke-width:3px}.drawing text{font-family:Arial,Helvetica,sans-serif}.invalid .results,.invalid .products,.invalid .tablewrap,.invalid .drawing{opacity:.3}#printReport{display:none}[hidden]{display:none!important}
@media(max-width:1100px){.stepcount{display:none}.product{grid-template-columns:1fr}.product img{height:100px}.workspace{grid-template-columns:260px minmax(0,1fr)}.preview .panelhead{flex-wrap:wrap}.metric>strong{font-size:23px}}
@media(max-width:760px){.container{padding:0 15px}.hero{padding:25px 0}.options,.workspace{grid-template-columns:1fr}.options{gap:18px}.controls .panelbody{display:grid;grid-template-columns:1fr 1fr;gap:16px}.axis{margin:0}.presets,.layoutSummary,.controls .help,.error{grid-column:1/-1}.layoutSummary{margin:0}.panelhead,.panelbody{padding:17px}.version{font-size:9px}.metricGrid{gap:10px}.metric{padding:13px}.metric>strong{font-size:19px}.metric p b{display:block;margin:3px 0}.products{padding:17px;gap:8px}.product{padding:7px}.product strong{font-size:14px}.product img{height:65px}.panelhead .muted{display:none}.actionbar{flex-direction:column;align-items:stretch}.legend{gap:10px}.drawing{padding:0}.tablewrap{padding:0 12px}.areaNote{padding:0 17px 17px}}
@media(max-width:400px){.metricGrid{grid-template-columns:1fr}.products{grid-template-columns:1fr}.product{grid-template-columns:100px 1fr}.version{display:none}}
@media print{@page{size:A4 portrait;margin:15mm}.container{display:none}#printReport{display:block;color:#172c36;font-size:10pt}#printReport h1{font-size:20pt}#printReport h2{font-size:13pt;margin:16px 0 8px}#printReport svg{display:block;width:150mm;height:91mm;margin:auto}#printReport table{font-size:10pt}#printReport p{margin:7px 0}#printReport .printBlock{break-inside:avoid}#printReport .printSmall{font-size:8pt;color:#445b63}body{background:white}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
select,textarea{font:inherit;background:#fff;color:var(--ink)}.fitFields{display:grid;grid-template-columns:1fr 1fr 1.25fr auto;gap:16px;align-items:end}.fitFields label,.contactGrid label{font-weight:700;font-size:12px}.fitFields .btn{min-height:42px}.fitResult{padding:12px 15px;background:#e5f4ef;border-radius:8px;color:#006f5b;margin-bottom:0}.fitResult.error{background:#fff2e9;color:#a23827}#epdmChoice{margin-top:13px}.epdmNote{padding:10px 13px;background:#fff7e6;border-left:3px solid #c78c2f;font-size:12px;color:#644a23}.contactGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contactGrid .full{grid-column:1/-1}.customerTypes{display:flex;gap:24px;margin-bottom:20px}.customerTypes input,.privacy input{accent-color:var(--green)}.deliveryTitle{margin:24px 0 12px}.pricingNote{background:#f0f7f5;padding:14px;border-radius:8px;font-size:13px}.privacy{display:flex;align-items:flex-start;gap:8px;margin:18px 0;font-size:12px}.privacy a{color:#007359}.privacy input{margin-top:3px}.honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}#sendStatus{padding:14px;background:#edf4f4;border-radius:8px}#contactForm[aria-busy=true]{opacity:.8}@media(max-width:1000px){.fitFields{grid-template-columns:1fr 1fr}}@media(max-width:600px){.fitFields,.contactGrid{grid-template-columns:1fr}.contactGrid .full{grid-column:auto}.fitPanel .panelhead{padding:17px}.fitFields .btn{width:100%}}

.colorSample{display:flex;gap:14px;align-items:center;margin-top:16px;padding:14px;background:#f4f8f8;border:1px solid #e4ecee;border-radius:10px}.colorSample img{flex:none;width:80px;height:80px;border-radius:8px;object-fit:cover}.colorSample strong{font-size:13px}.colorSample p{font-size:12px;color:var(--muted);margin:4px 0}.colorSample small{font-size:11px;color:var(--muted)}.product img{object-fit:contain;aspect-ratio:3/2}.blackProduct{filter:grayscale(1) brightness(.48)}
.fitComparison{margin-top:22px}.comparisonCards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.comparisonCard{border:1px solid #d9e5e7;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:9px;background:#fff}.comparisonCard.active{border:2px solid #00886f;background:#f0f8f5}.comparisonCard>strong{font-size:19px}.comparisonCard small{color:#507267;min-height:34px}.comparisonCard button{margin-top:auto}.swatch.half{background:#718a95}.choices{flex-wrap:wrap}.product img{object-fit:contain}.products{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}@media(max-width:600px){.comparisonCards{grid-template-columns:1fr}}

.homeButton{display:inline-block;border:1px solid #cbdade;background:white;border-radius:7px;padding:10px 14px}.formNav{flex-wrap:wrap}.tileIntro{display:block;width:240px;max-width:100%;height:auto;margin:14px auto 0}.weightSummary{margin:20px 24px 0;padding:16px 20px;border-radius:10px;background:#eef8f3;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.weightSummary strong{font-size:25px;color:#007359}.weightSummary small{width:100%;color:#5e7380}.invalid .weightSummary{opacity:.3}.tablewrap{overflow-x:auto}.tablewrap table{min-width:520px}@media(max-width:600px){.formNav{gap:9px}.formNav>a{font-size:12px}.weightSummary{margin:17px}.tileIntro{width:210px}}

.sendActions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.returnHomeAfterSend{display:inline-block;text-decoration:none;text-align:center;background:#1b3041;color:#fff}.returnHomeAfterSend:hover{background:#29485e}@media(max-width:600px){.sendActions{align-items:stretch;flex-direction:column}.sendActions .btn{width:100%}}