:root{--ease-premium:cubic-bezier(.22,1,.36,1)}
.header{position:sticky;top:0;height:86px;transition:box-shadow .35s,background .35s;border-bottom-color:#dce0e699;background:#f7f8faf2;backdrop-filter:blur(18px)}.header.is-scrolled{box-shadow:0 8px 30px #1017280a;background:#f7f8faed}.header nav{gap:23px}.header .portal-link{border-left:1px solid var(--line);padding-left:22px!important}.reading-progress{height:2px;background:var(--blue);position:fixed;inset:0 0 auto;z-index:60;transform:scaleX(0);transform-origin:left;pointer-events:none}.hero-art>img{transform:scale(1.07);will-change:transform}.hero-art:after{content:'';position:absolute;inset:0;border:1px solid #ffffff18;border-radius:inherit;pointer-events:none}.activity-card{animation:notification-arrival 1s .4s var(--ease-premium) both}.service-card{position:relative;overflow:hidden;transition:background .35s,box-shadow .35s,transform .5s var(--ease-premium)}.service-card:after{content:'';position:absolute;height:2px;bottom:0;left:0;right:0;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-premium)}.service-card:hover:after,.service-card:focus-visible:after{transform:scaleX(1)}.service-card:hover{box-shadow:0 12px 35px #2549ad0a;z-index:1}.service-icon{transition:transform .6s var(--ease-premium)}.service-card:hover .service-icon{transform:rotate(-12deg) scale(1.12)}.card-link>span,.text-link>span,.button>span{transition:transform .4s var(--ease-premium)}.service-card:hover .card-link>span,.text-link:hover>span,.button:hover>span{transform:translate(3px,-3px)}.service-card h3{font-size:1.25rem}.button{position:relative;overflow:hidden;isolation:isolate;transition:background .3s,transform .4s var(--ease-premium),box-shadow .3s}.button:hover{box-shadow:0 8px 24px #2855ff22}.button:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#fff2 45%,transparent 70%);transform:translateX(-140%);pointer-events:none;transition:transform .7s var(--ease-premium)}.button:hover:after{transform:translateX(140%)}.flow-steps>div{transition:border-color .45s,background .45s,transform .6s var(--ease-premium)}.flow-steps>div.flow-active{border-color:#7191ff;background:#262e43;transform:translateY(-5px)}.flow-active .flow-symbol{color:white}.flow-steps>b{transition:color .4s}.flow-demo.is-running .flow-steps>b{color:#8ba8ff}.motion-control{display:flex;align-items:center;gap:9px;font-size:.75rem;border:1px solid #4b5263;color:#bdc8df;background:transparent;border-radius:4px;min-height:36px;padding:5px 11px;margin:22px auto 0}.motion-control:hover{color:#fff;border-color:#9cb2f1}.flow-panel-changing{animation:panel-arrival .4s var(--ease-premium)}.reveal-ready{opacity:0;transform:translate3d(0,28px,0);transition:opacity .8s var(--ease-premium),transform .9s var(--ease-premium);transition-delay:var(--reveal-delay,0ms)}.reveal-ready.is-revealed{opacity:1;transform:none}.lifestyle{overflow:hidden}.lifestyle img{transition:transform 1.4s var(--ease-premium)}.lifestyle:hover img{transform:scale(1.035)}.price-card{transition:transform .5s var(--ease-premium),box-shadow .5s}.price-card:hover{transform:translateY(-6px);box-shadow:0 22px 45px #26345612}.end-mark{transition:transform .8s var(--ease-premium)}.endcap:hover .end-mark{transform:translate(12px,-12px)}.story-card{transition:border-color .3s,box-shadow .4s}.story-card:hover{border-color:#b8c7ed;box-shadow:0 12px 40px #24449c08}.header nav>a:not(.button){position:relative}.header nav>a:not(.button):after{content:'';position:absolute;bottom:4px;left:0;right:0;height:1px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-premium)}.header nav>a:hover:after,.header nav>a[aria-current]:after{transform:scaleX(1)}
@keyframes notification-arrival{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes panel-arrival{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.header nav{gap:15px}.header .portal-link{padding-left:15px!important}.header .button{gap:15px}}@media(max-width:900px){.header .portal-link{border-left:0;padding-left:0!important}.header{height:78px}.hero-art>img{will-change:auto}.reveal-ready{transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.hero-art>img{transform:none!important}.flow-steps>div.flow-active{transform:none}.activity-card,.flow-panel-changing{animation:none}.price-card:hover,.lifestyle:hover img,.endcap:hover .end-mark{transform:none}}