[hidden]{display:none!important}button,input{font:inherit}button{cursor:pointer}.explore{background:#e9ecdf}.tool-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;border-top:1px solid #acb9a3;padding-top:25px}.explore>h3{margin-bottom:10px}.explore>p{color:#617067}.patterns{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:30px 0}.pattern{background:#f6f4ed;border:1px solid #c4cdbd;color:#243d37;border-radius:6px;padding:20px 10px;transition:background .15s,transform .15s}.pattern svg{display:block;height:130px;width:100%;margin:auto auto 15px}.pattern span{font-size:13px}.pattern:hover{transform:translateY(-3px);border-color:#365448}.pattern[aria-pressed=true]{background:#d5dfc8;border:2px solid #24493e;padding:19px 9px}.tool-result{background:#f6f4ed;border-left:3px solid #8a9e7d;padding:28px 32px}.tool-result h3{margin:12px 0}.tool-result p,.tool-result li{font-size:15px;color:#617067}.tool-result li{margin:10px 0}.tool-result .button{border:0;margin-top:15px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:65px;align-items:start}.graft-form{padding:30px;background:#f6f4ed;border-radius:6px}.graft-form label{display:block;font-size:13px;margin:20px 0 7px}.graft-form input{width:100%;border:1px solid #aebb9f;background:white;padding:12px;border-radius:3px}.graft-form .button{border:0;width:100%;margin:24px 0 0}.calc-output{font-size:19px;margin-top:25px;color:#243d37}.plain-button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;color:#365448;font-size:12px;padding:0}.case-request{background:#e9ecdf;padding:30px;display:flex;align-items:center;gap:40px;justify-content:space-between}.case-request h3{margin-top:0}.case-request p{max-width:600px;font-size:14px;color:#617067}.case-request .button{flex-shrink:0}.timeline-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.timeline-buttons button{border:1px solid #adbca4;background:transparent;padding:12px 20px;border-radius:30px;color:#365448;font-size:13px}.timeline-buttons button[aria-pressed=true]{background:#243e35;color:white;border-color:#243e35}.timeline-panel{border-top:1px solid #cad3c2;padding:20px 0;min-height:170px}.timeline-panel h3{margin:10px 0}.timeline-panel p{max-width:750px;color:#617067}.compare{position:relative;aspect-ratio:4/3;overflow:hidden;background:#d5dfc8}.compare img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.compare .before-image{clip-path:inset(0 50% 0 0)}.compare .divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:white}.case-labels{position:absolute;inset:15px 15px auto;display:flex;justify-content:space-between}.case-labels span{background:#f6f4ed;padding:4px 12px;font-size:11px}.case-card{max-width:900px;margin:auto auto 35px}.case-card label{display:block;font-size:13px;margin-top:15px}.case-card input[type=range]{width:100%;accent-color:#24493e}.case-card h3{margin-bottom:10px}.case-card p{font-size:14px}.hero-tool{display:block;font-size:13px;margin:0 0 16px;text-underline-offset:4px}@media(min-width:761px){.links{gap:18px}.links a{font-size:12px}}@media(max-width:760px){.patterns{grid-template-columns:repeat(2,1fr)}.pattern:last-child{grid-column:1/-1}.pattern:last-child svg{height:90px}.tool-grid{grid-template-columns:1fr;gap:25px}.tool-result{padding:22px}.case-request{align-items:start;flex-direction:column;gap:12px}.timeline-buttons{gap:6px}.timeline-buttons button{padding:10px 13px;font-size:12px}}