.curtain{visibility:hidden}.curtain.cover,.curtain.hold,.curtain.reveal{visibility:visible}
.pull-kicker{display:block;font-size:clamp(13px,1vw,14.5px);letter-spacing:.06em;color:var(--pine);margin-bottom:14px}


.float a.f-msg{background:var(--paper);color:var(--pine);border:1px solid rgba(59,90,124,.28);
  box-shadow:0 16px 34px -14px rgba(20,27,36,.35)}
.float a.f-msg:hover{background:var(--pine);color:#fff;border-color:var(--pine)}
.float a.f-msg svg{width:22px;height:22px}
.float a:first-child{background:#25D366}


.float a:nth-child(2){background:var(--brand,#3B5A7C);color:#fff;border:0}
.float a:nth-child(2):hover{background:var(--brand-dark,#2E4762)}
.float a.f-msg{background:var(--paper);color:var(--pine,#3B5A7C)}


.hdr-act .langsw{min-width:44px;padding:0 14px;font-weight:500;letter-spacing:.04em;border-color:var(--line-2)}
.hdr-act .langsw:hover{background:var(--pine);border-color:var(--pine);color:#fff}
.hero ~ * .langsw{}
@media (max-width:640px){ .hdr-act .langsw{display:inline-flex!important;height:34px} }



body::after{display:none!important}
.phero-glow,.pull-glow,.showcase::before,.ftr::before,.sect.dark-sec::before,.c-card::after,.intro::before,.ring3d::before,.lhero::before,.mnav::before,.preload::before{animation:none!important}



@media (max-width:640px){
  .stats .panel{grid-template-columns:1fr 1fr!important;row-gap:22px;padding:22px 8px}
  .stats .stat + .stat::after{display:none}
  .stats .stat:nth-child(odd){border-inline-end:1px solid var(--line)}
}
@media (max-width:1000px){
  .story-stage{position:static!important;top:auto!important;margin-bottom:26px}
  .story-plate{height:auto!important;aspect-ratio:4/5!important}
  .story-steps{gap:48px!important;padding:10px 0 0!important}
  .sstep{opacity:1!important;transform:none!important}
  .scount{display:none}
  .ring-stage{height:auto!important;perspective:none!important}
  .ring{position:static!important;width:auto!important;height:auto!important;transform:none!important;display:flex!important;gap:12px;overflow-x:auto;
    scroll-snap-type:x mandatory;padding:0 18px 6px;-webkit-overflow-scrolling:touch}
  .rpanel{position:relative!important;left:auto!important;top:auto!important;transform:none!important;flex:0 0 64%!important;width:auto!important;
    scroll-snap-align:center;opacity:1!important}
  .ring-floor{display:none}
  .prof-vis{position:static!important}
  .thero-head h1{font-size:clamp(52px,16vw,84px)}
  .tsel{padding:12px 14px}.tsel-mono{width:48px;height:48px;font-size:18px}
}



@view-transition{navigation:auto}
.hdr{view-transition-name:site-header}
.brand{view-transition-name:site-brand}
::view-transition-old(root){animation:vtOut .42s cubic-bezier(.4,0,.2,1) both}
::view-transition-new(root){animation:vtIn .47s cubic-bezier(.16,.84,.3,1) both}
@keyframes vtOut{to{opacity:0;transform:translateY(-18px) scale(.985)}}
@keyframes vtIn{from{opacity:0;transform:translateY(26px) scale(1.01)}}

@supports (animation-timeline: view()){
  .rv{transition:none!important;animation:sdaIn linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
  .rv.d1{animation-range:entry 5% entry 60%}.rv.d2{animation-range:entry 10% entry 65%}.rv.d3{animation-range:entry 15% entry 70%}
  @keyframes sdaIn{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
  .band img,.sec-bg img,.cta-bg img,.i3-bg img{animation:sdaPar linear both;animation-timeline:view();will-change:auto}
  @keyframes sdaPar{from{transform:translateY(-5%) scale(1.08)}to{transform:translateY(5%) scale(1.08)}}
}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.rv,.band img,.sec-bg img,.cta-bg img,.i3-bg img{animation:none!important}}