.hm-product-shell .hm-mock-hero{min-height:max(510px,33vw)!important} .hm-product-shell .hm-mock-hero .hm-mock-scene{right:20%;background:transparent} .hm-product-shell .hm-mock-hero .hm-product-hero-copy{width:31%} .hm-product-shell .hm-mock-hero h1{font-size:clamp(30px,2.7vw,48px)!important} .hm-product-shell .hm-mock-hero .hm-mock-right-benefits{position:absolute;right:2.5%;top:50%;transform:translateY(-50%);width:17%;z-index:2} .hm-product-shell .hm-mock-right-benefits .hm-hero-badges{display:grid;grid-template-columns:1fr;gap:12px} .hm-product-shell .hm-mock-right-benefits .hm-hero-badge{grid-template-columns:38px 1fr;padding:10px;gap:8px;min-height:68px;background:rgba(255,255,255,.96)} .hm-product-shell .hm-mock-right-benefits .hm-hero-badge>span{width:38px;height:38px;font-size:22px} .hm-product-shell .hm-mock-right-benefits .hm-hero-badge b{font-size:13px} .hm-hero .hm-hero-visual{background:none!important;border:0!important;border-radius:0!important;padding:0!important;min-height:0!important;overflow:visible!important;box-shadow:none!important} .hm-hero .hm-hero-visual img.hm-home-scene-full{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:0} .hm-home-feature-icon{display:inline-flex;flex:0 0 48px;width:48px;height:48px;color:var(--hm-blue,#0750a0)} .hm-home-feature-icon svg{display:block;width:48px;height:48px} .hm-inline-seed-image.hm-visual-trolley{width:auto!important;max-width:100%!important;height:auto!important;max-height:750px!important;object-fit:contain!important;border:0!important;box-shadow:none!important;background:transparent!important} .hm-inline-seed-image.hm-thermosens-adapter{height:310px!important;width:100%!important;object-fit:contain!important} .hm-product--sonostar .hm-two-col:has(>div:only-child){grid-template-columns:1fr} .hm-vision8s{background:linear-gradient(120deg,#f3fbff,#edf7fd);padding:30px!important;border-radius:14px} .hm-vision8s-images{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}.hm-vision8s-images figure{margin:0} .hm-vision8s-images img{width:100%;height:auto;max-height:320px;object-fit:contain} .hm-mode-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px} .hm-mode-grid figure{margin:0;padding:10px;border:1px solid #d4e7f7;border-radius:10px;background:#fff;min-width:0} .hm-mode-grid figcaption{display:flex;align-items:center;gap:8px;color:#074e9c;margin-bottom:9px;font-size:15px} .hm-mode-grid figcaption span{font-size:24px} .hm-mode-frame{position:relative;overflow:hidden;aspect-ratio:1.44;background:#050b15} .hm-mode-frame .hm-mode-image{display:block;width:100%!important;height:100%!important;object-fit:contain!important;border:0!important;border-radius:0!important} .hm-mode-frame.hm-mode-b{aspect-ratio:358/279} .hm-mode-frame.hm-mode-b .hm-mode-image{position:absolute;width:595%!important;height:auto!important;max-width:none!important;left:-102%;top:-187%;object-fit:initial!important} @media(max-width:1100px){ .hm-product-shell .hm-mock-hero{min-height:0!important} .hm-product-shell .hm-mock-hero .hm-mock-scene{right:auto} .hm-product-shell .hm-mock-hero .hm-product-hero-copy{width:100%} .hm-product-shell .hm-mock-hero .hm-mock-right-benefits{position:relative;right:auto;top:auto;transform:none;width:94%;margin:16px auto;order:3} .hm-product-shell .hm-mock-right-benefits .hm-hero-badges{grid-template-columns:1fr 1fr} .hm-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:600px){.hm-mode-grid{grid-template-columns:1fr 1fr}.hm-vision8s{padding:18px!important}.hm-vision8s .hm-two-col{grid-template-columns:1fr}.hm-mode-grid figure{padding:7px}.hm-mode-grid figcaption{font-size:13px;gap:5px}.hm-mode-grid figcaption span{font-size:20px}}