/* Store surfaces share the Cards cobalt, periwinkle, and navy palette. */
:root{--bg:#f7f8fc;--border:#dce3ef;--border-hi:#a8b4d0;--mint:#536dde;--grad:linear-gradient(120deg,#3147b8,#536dde);--muted:#61708b}
body{background:#f7f8fc;color:#17223c;font-family:'DM Sans',system-ui,sans-serif}
h1,h2,h3,.nav-logo-text,.pack-price-main{font-family:'Space Grotesk',system-ui,sans-serif}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #536dde;outline-offset:3px}
nav{height:82px;padding:0 48px;background:transparent;border-bottom:1px solid transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
nav.scrolled,nav.menu-open{background:#f9faff;border-bottom:1px solid #dce3ef;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 10px 35px rgba(16,26,51,.07)}
.nav-logo{position:relative}
.nav-logo img{height:36px;display:block;transition:opacity .35s ease}
.nav-logo-solid{position:absolute;left:0;top:0;height:100%;width:auto;opacity:0}
nav.scrolled .nav-logo-clear,nav.menu-open .nav-logo-clear{opacity:0}
nav.scrolled .nav-logo-solid,nav.menu-open .nav-logo-solid{opacity:1}
.nav-logo-text{color:#fff;font-size:16px}
.nav-links{gap:clamp(18px,2vw,31px)}
.nav-links a{font-size:13px;font-weight:600;color:#fff}
.nav-links a:hover,.nav-links a.active{color:#b8c7ff}
.nav-links .nav-cta{background:#3147b8;color:#fff!important;border-radius:10px;padding:12px 18px}
nav.scrolled .nav-logo-text,nav.scrolled .nav-links a:not(.nav-cta){color:#19254b}
nav.scrolled .nav-links a:hover,nav.scrolled .nav-links a.active{color:#3147b8}
.nav-hamburger span{background:#fff}
nav.scrolled .nav-hamburger span{background:#19254b}
nav.menu-open .nav-hamburger span{background:#19254b}
.nav-mobile-menu{top:70px;background:#f8f9fe;border-color:#dce3ef;backdrop-filter:blur(20px)}
.nav-mobile-menu a{color:#203058}
.nav-mobile-menu a:hover,.nav-mobile-menu a.active{color:#3147b8;background:#edf1fc}
.nav-mobile-cta{background:#3147b8;color:#fff!important;border-radius:10px}
#hero{height:min(100svh,850px);min-height:640px;color:#fff;background:#111a33}
.hero-video{opacity:1}
.hero-overlay{background:linear-gradient(90deg,rgba(6,12,31,.88),rgba(6,12,31,.4) 55%,rgba(6,12,31,.08)),linear-gradient(0deg,rgba(5,11,28,.79),transparent 55%)}
.hero-content{padding:0 max(48px,calc((100vw - 1208px)/2)) clamp(62px,9vh,105px);max-width:970px;animation:store-hero-rise .9s .12s cubic-bezier(.19,1,.22,1) both}
.hero-eyebrow{border:0;background:none;color:#bfd0ff;border-radius:0;padding:0;font-size:11px;letter-spacing:.17em}
.hero-eyebrow span{background:#93aaff;box-shadow:0 0 0 5px rgba(147,170,255,.12);animation:none}
.hero-h1{font-size:clamp(60px,6.4vw,92px);font-weight:600;line-height:1.03;letter-spacing:-.06em}
.hero-h1 .grad-text{background:none;-webkit-text-fill-color:#b8c7ff;color:#b8c7ff}
.hero-sub{color:#e0e7f4;max-width:610px;line-height:1.6}
.hero-badge{border-radius:9px;background:rgba(17,26,51,.5);border-color:rgba(235,242,255,.35);color:#e0e7f4;font-size:12px}
.hero-badge svg{color:#b8c7ff}
.store-section{max-width:1320px;padding:clamp(80px,9vw,130px) 56px 120px}
.ambient{display:none}
.section-header{text-align:left;margin-bottom:43px}
.section-eyebrow{color:#526bca;letter-spacing:.17em}
.section-h2{font-size:clamp(40px,4.3vw,61px);font-weight:600;letter-spacing:-.055em}
.section-sub{margin:0;color:#526280;max-width:660px}
.tabs{border-bottom:1px solid #cbd5ed;gap:5px;padding-bottom:14px;margin-bottom:23px}
.tab-btn{background:transparent;border:1px solid transparent;color:#526280;border-radius:10px;font-weight:700}
.tab-btn:hover{border-color:#cbd5ed;color:#3147b8;background:#edf1fc}
.tab-btn.active{border-color:#a8b4d0;background:#e9edfb;color:#3147b8;box-shadow:none}
.pack-grid{gap:12px}
.pack-card,.pack-card.is-popular,.pack-card.is-best{background:#fff;border:1px solid #cbd5ed;border-radius:15px;box-shadow:none}
.pack-card:hover,.pack-card.is-popular:hover,.pack-card.is-best:hover{border-color:#657cce;box-shadow:0 20px 44px rgba(25,44,93,.13);transform:translateY(-7px)}
.pack-img{height:230px;background:#e9edfb}
.pack-img::after{background:linear-gradient(to bottom,transparent 65%,rgba(6,12,31,.22))}
.pack-badge{border-radius:6px}
.pack-badge.popular,.pack-badge.best{background:#3147b8;color:#fff}
.pack-preorder,.pack-instock,.pack-discount{border-radius:6px}
.pack-instock{color:#b8c7ff}
.pack-body{padding:23px;gap:16px}
.pack-label{color:#64779f}
.pack-name{font-size:16px;line-height:1.35;color:#17223c}
.pack-price-main{font-size:31px;font-weight:600;letter-spacing:-.04em;color:#17223c}
.pack-price-original,.pack-per{color:#6b7890}
.pack-savings{color:#3b57c1}
.logo-addon{border-color:#dce3ef}
.logo-addon-label{color:#526280}
.logo-addon-label strong{color:#17223c}
.logo-addon-price{color:#3b57c1;background:#edf1fc;border-color:#cbd5ed;border-radius:6px}
.logo-addon-check input[type=checkbox]{accent-color:#3147b8}
.enterprise-note a,.store-footer-note a{color:#3147b8}
.pack-cta{border-radius:9px;padding:14px;font-weight:700}
.pack-cta.primary{background:#3147b8;color:#fff;box-shadow:none}
.pack-cta.primary:hover{background:#2238a8;box-shadow:0 12px 24px rgba(49,71,184,.2)}
.pack-cta.secondary{background:#edf1fc;color:#3147b8;border-color:#cbd5ed}
.pack-cta.secondary:hover{background:#e1e7fa;border-color:#657cce}
.store-footer-note{color:#61708b;border-color:#cbd5ed}
@keyframes store-hero-rise{from{opacity:0;transform:translateY(30px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(max-width:900px){nav{height:70px;padding:0 24px}.store-section{padding:80px 24px 100px}}
@media(max-width:1100px){.nav-links{display:none}.nav-hamburger{display:flex}}
@media(max-width:640px){nav{height:66px;padding:0 20px;transition:none}.nav-mobile-menu{top:66px}#hero{min-height:100svh;height:auto;align-items:flex-start}.hero-content{padding:clamp(126px,17svh,180px) 20px 35px}.hero-h1{font-size:clamp(48px,11vw,67px)}.hero-badges{gap:7px}.hero-badge{font-size:10px;padding:7px 10px}.store-section{padding:70px 20px 90px}.section-h2{font-size:clamp(40px,9vw,55px)}.pack-grid{gap:14px}}
.nav-hamburger{width:44px;height:44px;align-items:center;justify-content:center;margin-right:-11px}
.nav-hamburger span{flex:none}
.nav-mobile-menu{max-height:calc(100dvh - 70px);overscroll-behavior:contain}
@media(max-width:640px){.nav-mobile-menu{max-height:calc(100dvh - 66px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-content{animation:none}.pack-card,.pack-img img{transition:none}}