/* Local preview: calmer visual system and a real mobile menu. */
:root{--minimal-shadow:0 8px 24px rgba(10,35,42,.07);--minimal-radius:16px}
body{background:#f6f8f8}
main{padding-top:34px}
article,.panel,.form-card,.admin-panel,.portal-panel,.stats div,.product-card{border-color:#e3e9ea;border-radius:var(--minimal-radius);box-shadow:none!important}
.product-card:hover,.team-card:hover,.quick-actions a:hover{transform:none!important;box-shadow:var(--minimal-shadow)!important}
.hero,.calculator-spotlight,.company-about,.home-promotions,.partner-welcome,.customer-portal-head{box-shadow:none!important}
.hero{min-height:auto;padding-top:24px}
.hero-visual{box-shadow:var(--minimal-shadow);border-radius:24px}
.service-strip{margin-bottom:52px}
.service-strip article{box-shadow:none;padding:16px;border-radius:14px}
.section-heading{margin-top:26px;gap:14px}.section-heading h2{font-size:clamp(25px,3vw,32px)}
.home-cta{margin-top:52px;border-radius:20px}
.primary{box-shadow:none!important}
.admin-kpis .kpi,.quick-actions a{box-shadow:none!important}
.admin-kpis .kpi{min-height:150px}
.ad-ticker{min-height:30px;font-size:12px}
.mobile-menu-toggle{display:none}
.product-rail-section{margin:8px 0 44px}
.product-rail-section .section-heading{align-items:center}.all-products-link{flex:none;padding:9px 14px;border:1px solid #dfe6e7;border-radius:11px;background:#fff;font-size:12px;font-weight:800}
.product-rail-viewport{width:100%;overflow:hidden;padding:4px 2px 12px;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 2.5%,#000 97.5%,transparent)}
.product-rail-track{display:flex;width:max-content;gap:14px;will-change:transform}
.product-rail-card{direction:rtl;flex:0 0 calc((min(1240px,100vw - 48px) - 42px)/4);width:calc((min(1240px,100vw - 48px) - 42px)/4);min-width:220px;padding:0 0 15px!important;overflow:hidden}
.product-rail-card>small,.product-rail-card>h3,.product-rail-card>.product-meta{margin-inline:15px}.product-rail-card h3{min-height:52px;margin-top:6px;margin-bottom:6px;font-size:15px}.product-rail-card .product-media{margin-bottom:12px}.product-rail-card .product-meta{margin-bottom:0;font-size:12px}.product-rail-card .product-meta strong{font-size:13px}

@media(max-width:760px){
  main{padding:18px 12px 76px}
  .site-header{position:sticky!important;top:0;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-direction:row!important;min-height:64px!important;padding:9px 12px!important;gap:12px!important}
  .site-header .logo{align-self:auto}.site-header .logo span{display:flex!important;flex-direction:column;font-size:13px}.site-header .logo small{font-size:8px}
  .mobile-menu-toggle{display:grid;width:46px;height:44px;min-height:44px;padding:8px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.07);place-content:center;gap:4px;color:#fff}
  .mobile-menu-toggle span{display:block;width:22px;height:2px;border-radius:4px;background:#fff;transition:.2s}
  .mobile-menu-toggle b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .site-header.menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .site-header.menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}
  .site-header.menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .site-header nav{display:none!important;position:absolute;z-index:200;top:calc(100% + 7px);right:12px;left:12px;width:auto!important;max-height:calc(100vh - 92px);padding:10px!important;overflow-y:auto!important;overflow-x:hidden!important;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#0b2026;box-shadow:0 18px 45px rgba(0,0,0,.3)}
  .site-header.menu-open nav{display:flex!important;align-items:stretch!important;flex-direction:column!important;gap:6px!important}
  .site-header nav>a,.site-header nav>details,.site-header nav>form{width:100%!important}
  .site-header nav>a,.site-header nav>details>summary,.site-header nav .ghost-button{justify-content:flex-start!important;min-height:44px;padding:10px 12px!important;text-align:right!important;font-size:13px!important}
  .site-header .expert-menu>div{position:static!important;width:100%!important;max-width:100%!important;margin-top:5px;box-shadow:none}
  body.mobile-menu-open{overflow:hidden}
  .hero{gap:20px;padding:8px 0 32px}.hero h1{font-size:34px!important}.hero-copy>p{font-size:15px}
  .hero-visual{height:290px;border-radius:20px}
  .calculator-spotlight,.company-about,.home-promotions,.partner-welcome,.customer-portal-head{padding:18px!important;border-radius:18px!important}
  .service-strip{gap:9px;margin-bottom:38px}.service-strip article{padding:13px}
  .section-heading{margin:22px 0 13px!important}.section-heading p{margin:4px 0}
  .admin-panel,.portal-panel,.form-card,.panel{padding:15px!important;border-radius:14px!important}
  .portal-tabs{padding:5px;border-radius:12px}.portal-tabs a{padding:8px 10px}
  .mobile-calc-cta{right:10px;left:10px;bottom:9px;border-radius:12px}
  .product-rail-section{margin:4px 0 34px}.product-rail-section .section-heading{align-items:stretch!important}.all-products-link{width:100%;min-height:44px;text-align:center}
  .product-rail-viewport{margin-inline:-12px;width:calc(100% + 24px);padding-inline:12px;mask-image:none}
  .product-rail-track{gap:10px}.product-rail-card{flex-basis:78vw;width:78vw;min-width:250px}
}

@media(min-width:761px) and (max-width:1050px){.product-rail-card{flex-basis:calc((100vw - 76px)/3);width:calc((100vw - 76px)/3)}}

@media(prefers-reduced-motion:reduce){.mobile-menu-toggle span{transition:none}}