.product-nav{position:relative}.product-nav-heading{display:flex;align-items:center;gap:2px}.product-menu-toggle{background:none;border:0;color:var(--ink);padding:10px 4px;font-size:16px}.product-submenu{display:none;position:absolute;top:100%;left:-18px;min-width:175px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 14px 35px #12304722;z-index:30}.product-nav.expanded .product-submenu{display:flex;flex-direction:column;gap:2px}.product-submenu a{display:block;padding:9px 15px;border-radius:4px;font-size:14px}.product-submenu a:hover,.product-submenu a:focus-visible{background:#eff7ff;color:var(--blue)}.product-card{position:relative;scroll-margin-top:120px}.product-detail-link:after{content:"";position:absolute;inset:0;z-index:1}.product-card:focus-within{outline:2px solid var(--blue);outline-offset:4px}.product-card:target{border-color:var(--blue);box-shadow:0 0 0 3px #158be51c}.page-step{position:fixed;right:18px;bottom:30px;z-index:15;background:#fff;color:#165280;border:1px solid #cbdce9;box-shadow:0 6px 24px #102b4320;border-radius:30px;width:62px;padding:10px 0;display:flex;align-items:center;flex-direction:column}.page-step span{font-size:25px;line-height:1.2}.page-step small{font-size:10px;margin-top:5px}.page-step:hover{background:#eaf5ff}.detail-hero{background:#071b33;color:white;padding:36px 0 75px}.breadcrumb{color:#a8bdd2;font-size:13px;margin-bottom:46px}.breadcrumb a:hover{color:white}.detail-hero .eyebrow{color:#71c3ff}.detail-hero h1{font-size:44px}.detail-lead{font-size:24px;margin-top:20px;color:#cce5fb}.detail-intro{max-width:850px;color:#a9c0d5;margin-top:18px;font-size:16px;line-height:2}.detail-features{display:grid;grid-template-columns:1fr 1fr;gap:35px 60px}.detail-features article{border-top:1px solid var(--line);padding-top:24px}.detail-features article>span{color:var(--blue);font-size:14px}.detail-features h3{font-size:23px;margin:12px 0}.detail-features p{color:var(--muted);line-height:1.9}.detail-flow{background:#f2f6fa}.detail-flow ol{display:flex;flex-wrap:wrap;gap:25px;padding:0;margin:35px 0;counter-reset:steps;list-style:none}.detail-flow li{flex:1;min-width:135px;padding-top:15px;border-top:2px solid #87bde3;counter-increment:steps}.detail-flow li:before{content:"0" counter(steps);display:block;color:var(--blue);font-size:25px;margin-bottom:12px}.flow-note,.detail-scope{color:var(--muted);font-size:14px}.detail-image{margin:30px 0 0}.detail-image img{width:100%;height:auto;border:1px solid var(--line);border-radius:8px}.detail-image figcaption{font-size:13px;color:var(--muted);margin-top:13px}.detail-scenes{display:flex;flex-wrap:wrap;gap:15px;margin:28px 0}.detail-scenes span{padding:12px 22px;background:#edf5fb;border-radius:4px}.detail-scope{max-width:750px;margin-bottom:25px}.related-products{padding:50px 0;background:#edf3f8}.related-products h2{font-size:25px}.related-products .container>div{display:flex;flex-wrap:wrap;gap:20px;margin-top:25px}.related-products a{border-bottom:1px solid #afcde3;padding:10px 0;min-width:150px;color:var(--blue)}.related-products a span{float:right}.detail-page nav{gap:25px}
@media(max-width:960px){.product-submenu{position:static;box-shadow:none;margin-bottom:8px;border:none;background:#f2f7fc}.product-nav-heading{justify-content:space-between}.product-menu-toggle{padding:10px 15px}.detail-page .menu-toggle{display:block;background:white;border:1px solid var(--line);padding:8px;border-radius:4px;font-size:13px}.detail-page nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px}.detail-page nav.open{display:flex;flex-direction:column;align-items:stretch;gap:5px}.detail-page .nav{min-height:72px}}
@media(max-width:760px){.page-step{right:9px;bottom:15px;width:48px;padding:8px 0}.page-step small{font-size:9px}.detail-hero{padding-bottom:50px}.detail-hero h1{font-size:31px}.detail-lead{font-size:21px}.breadcrumb{margin-bottom:30px}.detail-features{grid-template-columns:1fr;gap:30px}.detail-flow ol{gap:20px}.detail-flow li{flex:1 1 40%}.detail-scenes{gap:10px}.detail-scenes span{font-size:14px}.detail-page .brand img{width:235px}}
/* Full-height navigation with a restrained section underline. */
#navigation > a:not(.nav-contact),.product-menu-toggle{position:relative;font-size:15px;font-weight:600;color:var(--ink)}
#navigation > a:not(.nav-contact)::after,.product-menu-toggle::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#078bd8;transform:scaleX(0);transition:transform .22s ease;transform-origin:center}
#navigation > a:hover::after,#navigation > a:focus-visible::after,#navigation > a.active::after,.product-menu-toggle:hover::after,.product-menu-toggle:focus-visible::after,.product-menu-toggle.active::after,.product-nav.expanded .product-menu-toggle::after{transform:scaleX(1)}
.product-menu-toggle{cursor:pointer;border:0;background:none;white-space:nowrap;letter-spacing:.2px}
.product-submenu{left:50%;transform:translateX(-50%);min-width:195px;border:0;border-top:1px solid #edf1f5;border-radius:0 0 5px 5px;padding:12px 0;box-shadow:0 14px 26px #152e4614}
#navigation .product-submenu a{padding:12px 24px;text-align:center;border-radius:0;font-weight:500;color:#34485c}
#navigation .product-submenu a:hover,#navigation .product-submenu a:focus-visible{color:#078bd8;background:#f3f9fd}
@media(min-width:961px){header .nav{min-height:90px}#navigation{align-self:stretch;align-items:stretch;gap:30px}#navigation > a:not(.nav-contact){display:flex;align-items:center;padding:0 5px}.product-nav,.product-nav-heading{display:flex;align-items:stretch}.product-menu-toggle{padding:0 5px}.nav-contact{align-self:center}}
@media(min-width:961px) and (max-width:1100px){#navigation{gap:18px}#navigation > a:not(.nav-contact),.product-menu-toggle{font-size:14px}}
@media(max-width:960px){.product-nav-heading{display:flex;align-items:center}.product-menu-toggle{width:100%;text-align:left;padding:12px 10px}#navigation > a:not(.nav-contact)::after,.product-menu-toggle::after{right:auto;width:38px;left:10px;height:2px}.product-submenu{position:static;transform:none;border-top:0;min-width:0;background:#f5f9fc}#navigation .product-submenu a{text-align:left;padding:10px 25px}}
@media(prefers-reduced-motion:reduce){#navigation a::after,.product-menu-toggle::after{transition:none}}
.product-nav-heading > a.product-menu-toggle{display:flex;align-items:center;text-decoration:none}
@media(min-width:961px){.product-nav-heading > a.product-menu-toggle{padding:0 5px}}
