/* RTK Rover page additions, layered on the whatifWE site stylesheet */
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:70px}
.rtk-hero-title{font-size:clamp(2.75rem,6vw,4.75rem)}
.hero-buttons .btn,.cta-content .btn{text-decoration:none}
.scroll-indicator{display:block}
.rtk-product-card{max-width:420px;padding:24px;width:100%}
.rtk-render{align-items:center;background:#f8f8f8;border-radius:12px;display:flex;justify-content:center;overflow:hidden;position:relative;z-index:1}
.rtk-product-card .rtk-render{aspect-ratio:4/5}
.rtk-render img{display:block;height:100%;max-height:100%;object-fit:contain;width:100%}
.rtk-product-card .rtk-render img{padding:16px}
.rtk-gallery{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}
.rtk-gallery .case-study-image{margin:0}
.rtk-gallery .rtk-render{aspect-ratio:3/4;border-radius:16px 16px 0 0}
.rtk-gallery .rtk-render img{padding:20px}
.process-number{font-size:.95rem}
.result-value{font-size:2.25rem}
.rtk-eyebrow-center{margin-bottom:-8px;text-align:center}
.rtk-mail{color:inherit;text-decoration:none;transition:var(--transition)}
.rtk-mail:hover{color:var(--primary-color)}
.rtk-form-note{color:var(--text-muted);font-size:.85rem;margin-top:16px}
.contact-form .btn{width:100%}
.mobile-menu{display:none}
@media (max-width:768px){
  .mobile-menu{display:flex}
  .rtk-gallery{grid-template-columns:1fr;max-width:420px;margin:0 auto}
  .hero-side{justify-content:center}
  .rtk-product-card{margin:0 auto}
  .hero-buttons .btn{width:100%;max-width:320px}
}
@media (max-width:480px){.rtk-hero-title{font-size:2.5rem}}
@media (prefers-reduced-motion:reduce){.hero-grid,.scroll-indicator{animation:none}html{scroll-behavior:auto}}
.nav-links{gap:24px}
.nav-links a{white-space:nowrap}
.logo-subtitle{white-space:nowrap}
@media (max-width:1240px){.logo-subtitle{display:none}.nav-links{gap:20px}}
@media (max-width:960px) and (min-width:769px){.nav-x-link span{display:none}}
.metric{min-width:150px}
.form-group input,.form-group select,.form-group textarea{font-family:inherit}
html{overflow-x:hidden}
.hero{overflow:hidden}
@media (max-width:768px){.hero-background-star{height:280px;width:280px}.metric{flex:1 1 140px}.hero-metrics{gap:12px}}
@media (max-width:768px){.footer-links{flex-wrap:wrap;gap:14px 24px}}
.rtk-brand{letter-spacing:.06em;text-transform:none}
.metric-value{white-space:nowrap}
@media (max-width:768px){.metric-value{font-size:1.5rem}.metric{min-width:0;padding:16px}}
