.hev{--hev-navy:#122a42;--hev-cream:#f6f4ef;--hev-red:#b72929;color:var(--hev-navy);font-family:inherit}.hev *{box-sizing:border-box}.hev [hidden]{display:none!important}.hev-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(310px,1fr);gap:0;background:#fff;border:1px solid #ccd5d9;box-shadow:0 18px 45px #122a4210}.hev-preview-column{min-width:0;background:#e9efec;padding:20px}.hev-stage{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;background:#dce8eb;isolation:isolate}.hev-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;margin:0;max-width:none}.hev-base{z-index:0}.hev-roof{z-index:1}.hev-siding{z-index:2}.hev-before .hev-layer{visibility:hidden}.hev-badge,.hev-view-label{position:absolute;z-index:3;top:12px;padding:6px 10px;background:#ffffffeb;color:#122a42;font-size:11px;font-weight:650;letter-spacing:.02em}.hev-badge{left:12px}.hev-view-label{right:12px;background:#122a42e8;color:#fff}.hev-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:17px}.hev button{font-family:inherit;cursor:pointer}.hev-comparison{display:flex;background:#fff;border:1px solid #aabdc8;padding:3px}.hev-comparison button{border:0;padding:9px 16px;background:transparent;color:#122a42;min-height:42px;font-size:13px;font-weight:600}.hev-comparison button[aria-pressed=true]{background:#122a42;color:#fff}.hev-reset{border:0;background:transparent;color:#122a42;text-decoration:underline;text-underline-offset:4px;min-height:44px;font-size:13px}.hev-status{font-size:12px;line-height:1.5;min-height:36px;margin:17px 0 5px;color:#3f5869}.hev-note{font-size:12px;line-height:1.65;color:#465c6a;margin:0;max-width:650px}.hev-panel{padding:27px;min-width:0}.hev-kicker{font-size:9px;letter-spacing:.18em;color:#ae2529;font-weight:700;margin:0 0 10px}.hev-panel h3{font-size:29px;letter-spacing:-.03em;line-height:1.15;margin:0 0 22px}.hev-tabs{display:flex;border-bottom:1px solid #becbd1;margin-bottom:22px}.hev-tabs button{flex:1;border:0;border-bottom:3px solid transparent;background:transparent;padding:13px 8px;color:#526773;min-height:46px;font-size:15px;font-weight:650}.hev-tabs button[aria-selected=true]{color:#122a42;border-color:#b72929}.hev fieldset{padding:0;border:0;margin:0 0 20px;min-width:0}.hev legend{font-size:12px;font-weight:650;margin-bottom:11px;padding:0}.hev-materials{display:flex;gap:8px}.hev-material{flex:1;min-width:0;padding:3px;border:1px solid #c8d1d5;background:#fff;color:#20394f;text-align:left;position:relative}.hev-material img{width:100%;height:56px;object-fit:cover;display:block}.hev-material>span{display:block;padding:8px 4px;font-size:11px;font-weight:600;line-height:1.3}.hev-material[aria-pressed=true]{border:2px solid #122a42;padding:2px;box-shadow:0 0 0 1px #122a42}.hev-material[aria-pressed=true]:after{content:'✓';position:absolute;right:5px;top:5px;background:#122a42;color:white;width:19px;height:19px;display:grid;place-items:center;font-size:12px;border:1px solid white;border-radius:50%}.hev-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 7px}.hev-color{border:0;background:transparent;color:#344f61;padding:2px;font-size:10px;line-height:1.2;text-align:center;min-height:62px}.hev-swatch{display:block;background:var(--hev-swatch);width:34px;height:34px;border:1px solid #152d4333;border-radius:50%;margin:0 auto 7px;position:relative}.hev-color[aria-pressed=true] .hev-swatch{outline:2px solid #122a42;outline-offset:3px}.hev-color[aria-pressed=true] .hev-swatch:after{content:'✓';position:absolute;right:-5px;bottom:-3px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#122a42;color:white;border:1px solid #fff;font-size:10px}.hev-color:disabled{opacity:.35;cursor:not-allowed}.hev-summary{border-top:1px solid #d1dce0;padding-top:17px;margin-top:6px}.hev-summary p{margin:0 0 12px;font-size:12px;line-height:1.5}.hev-summary strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#677e8b}.hev-summary span{display:block}.hev-estimate{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#b72929;color:#fff;text-decoration:none;font-size:13px;font-weight:650;line-height:1.35;padding:16px;min-height:54px}.hev-estimate:hover{background:#952124;color:#fff}.hev-small{font-size:10px;line-height:1.5;color:#5f7280;margin:11px 0 0}.hev button:focus-visible,.hev a:focus-visible{outline:3px solid #b72929;outline-offset:4px}.hev-reveal .hev-layer{animation:hev-arrive .22s ease-out}@keyframes hev-arrive{from{filter:brightness(1.035)}to{filter:brightness(1)}}@media(max-width:1000px){.hev-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr)}.hev-preview-column{padding:12px}.hev-panel{padding:22px}.hev-toolbar{gap:4px}.hev-comparison button{padding:8px 11px}.hev-reset{font-size:12px}}@media(max-width:800px){.hev-grid{grid-template-columns:1fr}.hev-preview-column{padding:12px 12px 20px}.hev-stage{max-height:none}.hev-panel{padding:25px}.hev-panel h3{font-size:30px}.hev-material img{height:80px}.hev-material>span{font-size:13px}.hev-color{font-size:12px;min-height:72px}.hev-swatch{width:40px;height:40px}.hev-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hev-summary p{font-size:13px}.hev-estimate{font-size:15px}.hev-note{font-size:11px}.hev-small{font-size:11px}}@media(max-width:380px){.hev-panel{padding:18px}.hev-preview-column{padding:8px 8px 18px}.hev-badge,.hev-view-label{top:7px;font-size:9px;padding:4px 7px}.hev-badge{left:7px}.hev-view-label{right:7px}.hev-material>span{font-size:11px}.hev-color{font-size:10px}.hev-summary{grid-template-columns:1fr;gap:0}.hev-toolbar{flex-wrap:wrap}.hev-status{font-size:11px}}@media(prefers-reduced-motion:reduce){.hev-reveal .hev-layer{animation:none}}

.hev-mini{display:none}@media(max-width:800px){.hev-mini{display:block;position:sticky;top:8px;z-index:5;max-width:264px;max-height:176px;margin:0 auto 22px;box-shadow:0 3px 16px #122a4230;border:3px solid white}.hev-controls{position:relative}.hev-mini .hev-badge,.hev-mini .hev-view-label{font-size:9px;padding:4px 6px;top:7px}}
@media(max-width:800px){.hev-controls button{scroll-margin-top:200px}}