/* Shared navigation follows the approved global header and footer. */
html{scroll-padding-top:100px}body{font-size:16px}img{max-width:100%;height:auto}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #7953b5;outline-offset:5px}[hidden]{display:none!important}.ws-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.ws-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #dce6ed}.ws-nav{height:82px;display:flex;align-items:center;gap:28px}.ws-brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:800;letter-spacing:-1px;flex-shrink:0;color:#2e356b}.ws-mark{position:relative;overflow:hidden;display:block;width:48px;height:48px;flex-shrink:0}.ws-mark img{position:absolute;width:96px;max-width:none;height:96px;left:-24px;top:-11px}.ws-links{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:15px;font-weight:700}.ws-links a{padding:12px 0;color:#606783}.ws-links a[aria-current=page]{color:#2e356b}.ws-links a:hover{color:#2e356b}.ws-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px!important;border-radius:999px;background:#2e356b;color:white!important;font-weight:700;border:0;cursor:pointer}.ws-menu-button{display:none;align-items:center;justify-content:center;margin-left:auto;width:48px;height:48px;border:1px solid #dce6ed;border-radius:50%;background:white;color:#2e356b;cursor:pointer}.ws-menu-lines,.ws-menu-lines:before,.ws-menu-lines:after{display:block;position:relative;width:19px;height:2px;background:currentColor}.ws-menu-lines:before,.ws-menu-lines:after{content:'';position:absolute;left:0;top:-6px}.ws-menu-lines:after{top:6px}.ws-mobile{padding:8px 0 18px;display:grid;gap:4px}.ws-mobile a{padding:14px 12px;font-weight:700;border-radius:12px}.ws-mobile a[aria-current=page]{background:#eaf3fa}.ws-mobile .ws-button{margin-top:8px}.ws-footer{margin:0;padding:0;background:#2e356b;color:white}.ws-footer-main{padding:54px 0 38px;display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr;gap:38px}.ws-footer .ws-brand{color:#fff;margin-bottom:20px}.ws-footer p{font-size:16px;line-height:1.65;color:#d7dcf0;max-width:330px}.ws-footer h3{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#bac6e5;line-height:1.4;margin:0 0 15px}.ws-footer-col a{display:block;min-height:44px;padding:9px 0;font-size:15px;font-weight:600}.ws-footer-bottom{border-top:1px solid #ffffff22;padding:22px 0 28px;color:#c8cfe6;font-size:14px}.ws-skip{position:fixed;top:-100px;left:20px;z-index:100;padding:14px;background:#fff;color:#2e356b;border:2px solid #2e356b}.ws-skip:focus{top:8px}.ws-empty{padding:30px;border:1px solid #dce6ed;border-radius:24px;background:#eaf3fa}.chip{cursor:pointer;font-family:inherit}.form input{min-width:0}.ws-news-pending{background:#ffffff12;padding:24px;border-radius:22px;position:relative;z-index:1}.ws-news-pending p{font-size:16px}.ws-news-pending a{text-decoration:underline}.ws-news-pending strong{font-size:20px}.ws-footer strong{font-size:16px}.post p{font-size:16px}.story-card p{font-size:16px}.guide p{font-size:16px}.band-card .read{position:static!important}.band-card{display:flex;flex-direction:column}.band-card .read{margin-top:auto}.ws-mark img{border-radius:0!important}
@media(max-width:900px){.ws-links{display:none}.ws-menu-button{display:flex}.ws-footer-main{grid-template-columns:1fr 1fr}.section-head{flex-direction:column;align-items:flex-start!important}.section-head p{max-width:100%!important}.hero-grid>div,.product-grid>div,.news-box>div{min-width:0}}
@media(min-width:901px){.ws-mobile{display:none!important}}
@media(max-width:620px){.ws-wrap{width:calc(100% - 32px)}.ws-nav{height:72px}.ws-brand{font-size:23px}.ws-footer-main{grid-template-columns:1fr;gap:24px}.ws-footer-main .ws-footer-col{border-top:1px solid #ffffff22;padding-top:22px}h1{overflow-wrap:normal}.hero-art{max-width:100%}.hero-art .quote-card{left:0!important;max-width:100%}.section-head{gap:15px!important}.phone-stage,.hero-art,.hero-stack{overflow:hidden}.hero-stack{min-height:420px}.hero-art .note{max-width:90%}.guide.big{min-width:0}.ws-news-pending{padding:20px}.post-visual img{height:auto}.ws-footer h3{letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(max-width:620px){body[data-page="about"] h1{font-size:clamp(2.4rem,11.6vw,3.06rem)}.store .big{font:800 16px Rubik,Arial,sans-serif}}