.cat-app .roof-video-feature{padding:clamp(28px,4vw,56px) 20px;background:#152c3c;color:#fff;scroll-margin-top:90px}.roof-video-feature .roof-install-inner{max-width:1180px;margin:auto}.roof-video-feature h2{font-size:clamp(28px,3.5vw,44px);line-height:1.2;margin:0 0 14px}.cat-app .roof-video-feature p{color:#dce5eb;font-size:18px;line-height:1.6;margin:0 0 28px}.roof-video-feature .roof-install-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.roof-video-feature .roof-install-card{border-radius:12px;background:#fff;color:#152c3c;min-width:0;overflow:hidden;border:1px solid #cbd5dc}.roof-video-feature .roof-install-card:first-child{grid-column:1/-1}.roof-video-feature h3{font-size:clamp(20px,2vw,26px);line-height:1.35;margin:0;padding:20px 24px}.roof-video-feature iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;background:#101820}.roof-video-feature .roof-install-card:first-child iframe{max-height:540px}.roof-video-watch{display:inline-block;margin:16px 24px 20px;color:#a90e1b;font-weight:700;text-underline-offset:4px}.roof-video-watch:focus-visible,.roof-video-jump:focus-visible{outline:3px solid #e32132;outline-offset:4px}.roof-video-jump{border:2px solid #c81829!important;color:#a90e1b!important}@media(max-width:700px){.roof-video-feature .roof-install-grid{grid-template-columns:1fr;gap:20px}.roof-video-feature h3{padding:16px}.roof-video-watch{margin:14px 16px 18px}.cat-app .roof-video-feature{padding:32px 16px}}