/* Motion hierarchy: product journey, navigation feedback and section entrances. */
.v18-reading-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;transform:scaleX(var(--v18-progress,0));transform-origin:left;background:linear-gradient(90deg,#1a8d91,#77e6dc);pointer-events:none;z-index:4}
.v18-flow{display:flex;align-items:center;gap:9px;margin:25px 0 8px;max-width:435px;position:relative}.v18-flow:before{content:'';height:1px;background:#99bdca;position:absolute;left:10%;right:10%;top:50%;z-index:0}.v18-flow-step{display:flex;align-items:center;justify-content:center;gap:7px;position:relative;flex:1;padding:10px 8px;border:1px solid #a9c3d0;border-radius:99px;background:#edf5fa;color:#244c63;font-size:11px;font-weight:600}.v18-flow-step svg{flex:none;width:16px;height:16px}.v18-flow-note{display:block;font-size:10px;color:#597283;margin:10px 0 0}.v18-motion-control{position:fixed;right:18px;bottom:18px;z-index:70;display:flex;gap:7px;align-items:center;padding:10px 14px;border:1px solid #52738a;border-radius:99px;background:#17374deb;color:white;box-shadow:0 5px 18px #112e4325;font-family:inherit;font-size:11px;cursor:pointer;backdrop-filter:blur(10px)}.v18-motion-control:hover{background:#24516d}.v18-motion-control:focus-visible{outline:3px solid #71d7d5;outline-offset:3px}.v18-motion-control svg{width:13px;height:13px}.v18-word{display:inline-block;white-space:pre}.v18-photo-reveal{overflow:hidden}.experience-v18 .v9-hero-art{perspective:900px}.experience-v18 .v15-menu-trigger{position:relative;overflow:hidden}.experience-v18 .v15-menu-trigger:after{content:'';position:absolute;left:18px;right:18px;bottom:5px;height:2px;border-radius:3px;background:#1b8d91;transform:scaleX(0);transition:transform .3s ease}.experience-v18 .v15-menu-trigger:hover:after,.experience-v18 .v15-menu-trigger[aria-expanded=true]:after{transform:scaleX(1)}
.experience-v18 .v9-hero h1 em:has(.v18-word){background:none}.experience-v18 .v9-hero h1 em .v18-word{background:linear-gradient(100deg,#168782,#274d7e);background-clip:text;-webkit-background-clip:text;color:transparent}
@media(prefers-reduced-motion:no-preference){
 .experience-v18:not(.no-motion) .v9-hero-art>.v18-hero-product{animation:v18-product-float 6s ease-in-out infinite!important;will-change:transform;transform-origin:50% 70%}
 .experience-v18:not(.no-motion) .v9-art-wash{animation:v18-light-shift 9s ease-in-out infinite alternate!important}
 .experience-v18:not(.no-motion) .v9-art-label{animation:v18-label-float 4.8s ease-in-out infinite!important}.experience-v18:not(.no-motion) .v9-label-two{animation-delay:-2.4s!important}
 .experience-v18:not(.no-motion) .v18-flow-step{animation:v18-step 6s ease-in-out infinite;animation-delay:calc(var(--step)*2s)}
 .experience-v18:not(.no-motion) .v18-word{animation:v18-word-in .7s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--word)*80ms)}
 .experience-v18:not(.no-motion) .v18-reveal{opacity:0;transform:translateY(24px)}.experience-v18:not(.no-motion) .v18-reveal.v18-revealed{animation:v18-section-in .75s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--v18-delay,0ms)}
 .experience-v18:not(.no-motion) .v18-photo-reveal.v18-revealed>img{animation:v18-photo-in 1.2s cubic-bezier(.2,.8,.2,1) both}
 .experience-v18:not(.no-motion) .v15-panel:not([hidden]) .v15-menu-column li{animation:v18-menu-item .38s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--item,0)*45ms)}
 .experience-v18:not(.no-motion) .v15-panel:not([hidden]) .v15-menu-feature{animation:v18-menu-item .6s .12s both}.experience-v18:not(.no-motion) .v15-panel:not([hidden]) .v15-menu-photo img{animation:v18-menu-photo 5s ease-out both!important}
 .experience-v18:not(.no-motion) .v18-banner-visible>.v17-night-image{animation:v18-banner-pan 14s ease-in-out infinite alternate!important}
 .experience-v18:not(.no-motion) .v18-interactive-card{transition:translate .35s,box-shadow .35s!important}.experience-v18:not(.no-motion) .v18-interactive-card:hover{translate:0 -7px;box-shadow:0 18px 32px #183b5418}
 .experience-v18:not(.no-motion) .v15-start i svg,.experience-v18:not(.no-motion) .btn>span{transition:transform .3s}.experience-v18:not(.no-motion) .v15-start:hover i svg,.experience-v18:not(.no-motion) .btn:hover>span{transform:translateX(4px)}
}
@keyframes v18-product-float{0%,100%{transform:translate3d(0,3px,0) rotate(-1deg)}50%{transform:translate3d(0,-14px,0) rotate(1deg)}}
@keyframes v18-label-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes v18-light-shift{from{transform:rotate(-6deg) scale(.98);background-color:#c5e1e7}to{transform:rotate(7deg) scale(1.05);background-color:#b7cce3}}
@keyframes v18-step{0%,30%{background:#163f57;color:white;border-color:#163f57;box-shadow:0 3px 12px #193c5420}34%,100%{background:#edf5fa;color:#244c63;border-color:#a9c3d0;box-shadow:none}}
@keyframes v18-word-in{from{opacity:0;transform:translateY(25px) rotate(2deg)}to{opacity:1;transform:none}}
@keyframes v18-section-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes v18-photo-in{from{clip-path:inset(8% 0 0 round 26px);scale:1.09;opacity:.45}to{clip-path:inset(0 round 26px);scale:1;opacity:1}}
@keyframes v18-menu-item{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes v18-menu-photo{from{transform:scale(1.1)}to{transform:scale(1)}}
@keyframes v18-banner-pan{from{transform:scale(1.035) translateX(-1%)}to{transform:scale(1.12) translateX(1%)}}
.experience-v18.no-motion .v18-reveal,.experience-v18.no-motion .v18-word{opacity:1;transform:none;animation:none!important}.experience-v18.no-motion .v18-hero-product,.experience-v18.no-motion .v9-art-label,.experience-v18.no-motion .v9-art-wash{animation:none!important;transform:none;translate:none}.experience-v18.no-motion .v18-revealed>img{animation:none!important;clip-path:none;scale:1;opacity:1}
.experience-v18.v17-tab-hidden *{animation-play-state:paused!important}
@media(max-width:700px){.v18-flow{max-width:350px;margin:23px auto 7px;gap:6px}.v18-flow-step{font-size:10px;padding:9px 7px;gap:5px}.v18-flow-note{text-align:center}.v18-motion-control{bottom:max(12px,env(safe-area-inset-bottom));right:12px;padding:9px 11px}.experience-v18 .v9-hero-art{margin-top:22px}.v18-motion-control span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.v18-reveal,.v18-word{opacity:1!important;transform:none!important}.v18-motion-control{display:none}.v18-revealed>img{clip-path:none!important;scale:1!important}}

/* The V10 footer has a more specific warm gradient. Keep the V18 ending dark enough
   for its light type, while retaining the illustrated route as a separate surface. */
.experience-v18 footer.v10-footer{background:linear-gradient(135deg,#102b3e 0%,#153c55 58%,#123348 100%)!important;color:#edf7fb}
.experience-v18 .v10-footer .footer-top{border-color:#ffffff2b}
.experience-v18 .v10-footer .footer-top h2{color:#f6fbfd!important}
.experience-v18 .v10-footer .footer-top h2 em{color:#9ae7e0!important}
.experience-v18 .v10-footer .footer-top p,.experience-v18 .v10-footer .footer-top .eyebrow{color:#c6dbe5!important}
.experience-v18 .v10-footer .footer-cols h3{color:#a9e9e2!important}
.experience-v18 .v10-footer .footer-cols a{color:#e1edf2!important}
.experience-v18 .v10-footer .footer-cols a:hover{color:#9ae7e0!important}
.experience-v18 .v10-footer .footer-bottom{border-color:#ffffff2b;color:#c6dbe5!important}
.experience-v18 .v10-footer .footer-bottom span{color:#c6dbe5!important}
.experience-v18 .v10-footer #motion{border-color:#8eb4c6;color:#f3fbff;background:#ffffff12}
.experience-v18 .v10-footer #motion:hover{background:#ffffff22}
.experience-v18 .v10-footer .v10-route-label{color:#cce5ef}
@media(max-width:700px){.experience-v18 footer.v10-footer{margin:10px 10px 0;border-radius:30px 30px 0 0}.experience-v18 .v10-footer .footer-cols a{line-height:1.9}}