@media(max-width:760px){.hero{height:calc(100svh - 150px);min-height:510px;max-height:670px}.swatch{width:44px;height:44px}}
.paint-preview{display:block;width:100%;height:335px;object-fit:cover;object-position:68% center}
.pilot-info{background:#e9efef}.pilot-info>p{max-width:780px}.pilot-info .button{margin-top:18px}.field-insights{border-top:1px solid var(--line)}.insight-layout{display:grid;grid-template-columns:minmax(230px,370px) 1fr;gap:80px;align-items:start}.owner-screen{margin:0}.owner-screen img{width:100%;height:auto;border:1px solid var(--line);border-radius:8px}.owner-screen figcaption{font-size:12px;color:var(--muted);line-height:1.5;margin-top:14px}.insight-layout article{margin-bottom:35px}.insight-layout h3{font-size:28px}.insight-layout p{color:var(--muted);max-width:650px}.planned-feature{border-top:1px solid var(--line);padding-top:25px}.planned-feature .eyebrow{color:var(--blue)}
.section{padding-top:58px;padding-bottom:58px}.route-demo{border:1px solid var(--line);border-radius:4px;overflow:hidden}.route-head{display:flex;justify-content:space-between;gap:15px;padding:16px 20px;font-size:14px}.route-head span{font-size:12px;color:var(--muted)}.route-stage{position:relative;aspect-ratio:3/2;max-height:620px}.route-stage>img,.route-stage>canvas{position:absolute;width:100%;height:100%;inset:0;object-fit:fill}.route-note{position:absolute;right:3%;top:2%;background:white;padding:10px 14px;border-left:4px solid #820f20;box-shadow:0 2px 10px #0002}.route-note strong,.route-note span{display:block;font-size:12px}.route-note span{font-size:10px;margin-top:4px}.thermal-legend{display:flex;align-items:center;gap:15px;padding:16px 20px;max-width:440px;margin:auto;font-size:12px}.thermal-legend i{flex:1;height:9px;background:linear-gradient(90deg,#2746b2,#18a5c6,#f1d95e,#ec6628,#820f20)}.insight-brief{display:grid;grid-template-columns:1fr 1fr;gap:35px;font-size:14px;color:var(--muted)}.insight-brief strong{color:var(--ink)}.history-detail>img{max-width:340px;height:auto;margin:0 auto 20px}.history-detail summary{font-size:14px}.config-total p{white-space:normal}.config-total #price-unit{font-size:12px}.intro{align-items:center}
.route-demo{max-width:1000px;margin-inline:auto}.route-stage{width:100%;max-height:none}
@media(max-width:760px){.section{padding-top:40px;padding-bottom:40px}.route-head{flex-direction:column;gap:5px}.route-note{padding:6px;top:0}.route-note strong{font-size:9px}.route-note span{display:none}.insight-brief{grid-template-columns:1fr;gap:0}.config-total p{margin-top:5px}}
@media(max-width:760px){.insight-layout{grid-template-columns:1fr;gap:28px}.owner-screen{max-width:330px;margin:auto}.config-total{flex-wrap:wrap}.insight-layout h3{font-size:25px}}
#custom-paint{display:block;width:70px;height:44px;margin-top:12px;padding:3px;cursor:pointer;border:1px solid #b9c5bc;background:white}
@media(max-width:1050px){.paint-preview{height:280px}}
@media(max-width:760px){.paint-preview{height:240px}}
.terrain{background:#edf2ed}.terrain-photo,.bare-picker{margin:0}.terrain-photo img{height:auto;aspect-ratio:2.4;object-fit:cover}.terrain figcaption,.bare-picker figcaption{font-size:12px;color:var(--muted);line-height:1.5;margin-top:12px}.terrain-details{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:30px}.terrain-details p{font-size:15px;max-width:520px;color:var(--muted)}.spec-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center}.spec-table{margin:0}.spec-table>div{display:flex;justify-content:space-between;gap:20px;padding:19px 0;border-bottom:1px solid var(--line);font-size:14px}.spec-table dt{color:var(--muted)}.spec-table dd{margin:0;text-align:right;font-weight:600}.bare-picker button{width:100%;height:330px}.bare-picker img{object-position:67% center}.specifications{border-bottom:1px solid var(--line)}
@media(max-width:760px){.terrain-photo img{aspect-ratio:1.5;object-position:65% center}.terrain-details,.spec-layout{grid-template-columns:1fr;gap:24px}.bare-picker button{height:260px}.spec-table>div{font-size:13px}.terrain-details h3{font-size:24px}}
.product-view { position: relative; padding-bottom: 52px; }
.product-view #product-angle { object-fit: contain; }
.product-view .photo-caption { display: none; }
.product-angles { position: absolute; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; gap: 6px; }
.product-angles button { border: 1px solid #cbd3ce; background: white; padding: 10px 12px; border-radius: 4px; font-size: 13px; min-height: 44px; }
.product-angles button[aria-pressed=true] { background: #244e3d; color: white; border-color: #244e3d; }