.curtain{visibility:hidden}.curtain.cover,.curtain.hold,.curtain.reveal{visibility:visible}


.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} }


.journey{padding:clamp(56px,6vw,100px) 0;background:linear-gradient(180deg,var(--paper),var(--tint));perspective:1600px}
.jcap{max-width:44ch;margin:0 0 clamp(34px,3.6vw,54px);font-size:clamp(20px,2vw,28px);font-weight:200;letter-spacing:-.02em;color:var(--ink);line-height:1.35}
.jtrack{position:relative;transform:rotateX(18deg);transform-origin:50% 100%;transition:transform .8s cubic-bezier(.16,.84,.3,1)}
.journey.in .jtrack{transform:none}
.jline{position:absolute;inset:26px 4% auto 4%;width:92%;height:40px;overflow:visible}
.jline path{fill:none;stroke:rgba(127,160,196,.35);stroke-width:2;vector-effect:non-scaling-stroke}
.jline .jfill{stroke:var(--pine);stroke-width:2.5;stroke-dasharray:1000;stroke-dashoffset:calc(1000 - var(--p,0) * 1000)}
[dir=rtl] .jline{transform:scaleX(-1)}
.jsteps{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.jstep{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.jdot{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:var(--paper);
  border:1px solid rgba(127,160,196,.35);box-shadow:0 30px 60px -40px rgba(20,27,36,.45);
  transition:background .4s ease,border-color .4s ease,transform .47s cubic-bezier(.16,.84,.3,1),box-shadow .47s ease}
.jdot i{font-style:normal;font-family:"Jost",sans-serif;font-weight:300;font-size:22px;color:var(--pine);transition:color .4s ease}
.jstep b{font-weight:400;font-size:clamp(15px,1.2vw,18px);color:var(--muted);transition:color .4s ease}
.jstep.on .jdot{background:var(--pine);border-color:var(--pine);transform:translateY(-6px) scale(1.04);box-shadow:0 36px 70px -36px rgba(59,90,124,.7)}
.jstep.on .jdot i{color:#fff}
.jstep.on b{color:var(--ink)}
@media (max-width:900px){.jsteps{grid-template-columns:1fr 1fr}.jline{display:none}.jtrack{transform:none}}
@media (prefers-reduced-motion:reduce){.jtrack{transform:none}}




.phero-media{transform-style:preserve-3d}
.band-back{position:absolute;margin:0;z-index:0;top:clamp(-40px,-3.2vw,-24px);right:clamp(-70px,-5vw,-40px);left:auto;
  width:44%;aspect-ratio:3/4;border-radius:14px;overflow:hidden;opacity:.9;filter:saturate(.8) brightness(.96);
  box-shadow:0 60px 120px -70px rgba(20,27,36,.7);transform:translateZ(-140px) scale(1.12);will-change:auto;
  transition:transform .8s cubic-bezier(.16,.84,.3,1)}
.band-back img{width:100%;height:100%;object-fit:cover}
.phero-media .band{position:relative;z-index:1}
.phero-media .band-tile{z-index:3}


.story{padding:clamp(70px,7vw,120px) 0;background:linear-gradient(180deg,var(--paper) 0%,var(--tint) 100%);perspective:1800px}
.story-g{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(30px,5vw,90px);align-items:start}
.story-stage{position:relative;will-change:auto}
.story-plate{position:relative;aspect-ratio:4/5;border-radius:clamp(18px,2vw,28px);overflow:hidden;transform-style:preserve-3d;
  box-shadow:0 90px 150px -90px rgba(20,27,36,.75),inset 0 0 0 1px rgba(255,255,255,.2);
  transition:transform .74s cubic-bezier(.16,.84,.3,1)}
.sfig{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.12) translateZ(-60px) rotateY(-8deg);
  transition:opacity .67s ease,transform .94s cubic-bezier(.16,.84,.3,1)}
.sfig.on{opacity:1;transform:none}
.sfig img{width:100%;height:100%;object-fit:cover}
.sglow{position:absolute;inset:0;pointer-events:none;background:linear-gradient(200deg,rgba(255,255,255,.18),rgba(255,255,255,0) 40%,rgba(20,27,36,.28) 100%)}
.scount{display:flex;align-items:center;gap:14px;margin-top:22px;font-family:"Jost",sans-serif;font-weight:300;color:var(--muted);direction:ltr;justify-content:flex-end}
.scount b{font-weight:300;font-size:30px;color:var(--pine)}
.scount i{width:80px;height:1px;background:var(--line-2);position:relative}
.scount i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--sp,50%);background:var(--pine);transition:width .54s cubic-bezier(.16,.84,.3,1)}
.story-steps{display:flex;flex-direction:column;gap:clamp(120px,22vh,260px);padding:clamp(40px,10vh,120px) 0}
.sstep{opacity:.28;transform:translateY(24px);transition:opacity .54s ease,transform .67s cubic-bezier(.16,.84,.3,1)}
.sstep.on{opacity:1;transform:none}
.sstep .idx{display:block;font-family:"Jost",sans-serif;font-weight:300;font-size:14px;letter-spacing:.2em;color:var(--pine)}
.sstep h3{font-size:clamp(26px,2.8vw,40px);font-weight:200;letter-spacing:-.03em;margin:10px 0 18px}
.sstep p{color:var(--muted);font-size:16.5px;line-height:1.8;max-width:54ch}
.sstep p:first-of-type{color:var(--ink)}


.ring3d{position:relative;padding:clamp(70px,7vw,120px) 0 clamp(90px,9vw,150px);overflow:hidden;
  background:radial-gradient(80% 70% at 50% 40%,#2A4157 0%,#1C2E40 55%,#16232F 100%)}
.ring3d::before{content:"";position:absolute;inset:-20%;pointer-events:none;
  background:radial-gradient(34% 46% at 30% 30%,rgba(143,169,196,.22),rgba(143,169,196,0) 70%),radial-gradient(30% 40% at 72% 70%,rgba(59,90,124,.3),rgba(59,90,124,0) 72%);
  animation:aurora 26s ease-in-out infinite alternate}
.ring-stage{position:relative;height:clamp(360px,32vw,480px);perspective:1500px;perspective-origin:50% 40%}
.ring{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;will-change:auto}
.rpanel{position:absolute;margin:0;width:clamp(180px,15vw,230px);aspect-ratio:3/4;left:calc(clamp(180px,15vw,230px) / -2);top:calc(clamp(180px,15vw,230px) * -2 / 3);
  border-radius:14px;overflow:hidden;backface-visibility:hidden;
  transform:rotateY(calc(var(--i) * 360deg / var(--n))) translateZ(clamp(330px,29vw,440px));
  box-shadow:0 40px 70px -40px rgba(0,0,0,.8),inset 0 0 0 1px rgba(168,200,230,.25)}
.rpanel img{width:100%;height:100%;object-fit:cover}
.ring-floor{position:absolute;left:50%;bottom:clamp(40px,4vw,70px);width:min(900px,80%);height:120px;transform:translateX(-50%);
  background:radial-gradient(50% 50% at 50% 50%,rgba(143,169,196,.25),rgba(143,169,196,0) 70%);filter:blur(6px);pointer-events:none}
@media (max-width:1000px){
  .story-g{grid-template-columns:1fr}.story-stage{transform:none!important}.story-steps{gap:60px;padding:30px 0}.sstep{opacity:1;transform:none}
  .ring-stage{height:auto;perspective:none}.ring{position:static;width:auto;height:auto;transform:none!important;display:flex;gap:12px;overflow-x:auto;padding:0 16px}
  .rpanel{position:static;flex:0 0 62%;transform:none;left:auto;top:auto}
  .band-back{display:none}
}
@media (prefers-reduced-motion:reduce){.sfig{transition:none}.ring{transform:none!important}}


.story-plate{aspect-ratio:auto;height:min(66vh,640px)}
.rpanel{width:clamp(210px,16vw,260px);left:calc(clamp(210px,16vw,260px) / -2);top:calc(clamp(210px,16vw,260px) * -2 / 3);
  transform:rotateY(calc(var(--i) * 360deg / var(--n))) translateZ(clamp(300px,24vw,380px))}
.ring-stage{height:clamp(400px,34vw,520px)}

.ring3d::before{animation:none}.rpanel{box-shadow:inset 0 0 0 1px rgba(168,200,230,.25)}


.intro3{position:relative;overflow:hidden;padding:clamp(90px,10vw,170px) 0;perspective:1600px}
.i3-bg{position:absolute;inset:-12% 0;z-index:0}
.i3-bg img{width:100%;height:100%;object-fit:cover;will-change:auto}
.i3-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,rgba(27,43,60,.35) 0%,rgba(27,43,60,.72) 70%)}
.i3-g{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,4vw,70px);align-items:center}
.i3-head h2{color:#fff;font-size:clamp(30px,3.4vw,52px);font-weight:200;letter-spacing:-.03em}
.i3-head .mark{background:linear-gradient(to bottom,rgba(233,239,246,0),#E9EFF6)}
.i3-head .mark::after{background:#E9EFF6}
.i3-glass{padding:clamp(28px,3.2vw,50px);border-radius:clamp(18px,2vw,28px);
  background:rgba(250,252,253,.84);border:1px solid rgba(255,255,255,.55);
  -webkit-backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25);
  box-shadow:0 80px 140px -80px rgba(0,0,0,.6);transform-style:preserve-3d;transition:transform .67s cubic-bezier(.16,.84,.3,1)}
.i3-glass p{color:var(--muted);font-size:16.5px;line-height:1.8;margin:0;transform:translateZ(20px)}
.i3-glass .i3-lead{color:var(--ink);font-size:clamp(18px,1.55vw,22px);font-weight:300;line-height:1.65;margin-bottom:18px;transform:translateZ(40px)}

.pchip{margin-top:clamp(26px,2.8vw,40px);display:flex;align-items:center;gap:18px;padding:16px 20px 16px 16px;border-radius:18px;
  background:var(--paper);border:1px solid var(--line);box-shadow:0 40px 80px -60px rgba(20,27,36,.5);max-width:520px;
  transform-style:preserve-3d;transition:transform .54s cubic-bezier(.16,.84,.3,1),box-shadow .54s ease;color:var(--ink)}
.pchip:hover{transform:translateY(-4px) rotateX(5deg);box-shadow:0 60px 100px -60px rgba(20,27,36,.6)}
.pchip-mono{flex:0 0 auto;width:64px;height:64px;border-radius:16px;display:grid;place-items:center;direction:ltr;
  background:linear-gradient(200deg,#2F4A66,#1B2B3C);color:#E9EFF6;font-family:"Jost",sans-serif;font-weight:200;font-size:24px;letter-spacing:.08em}
.pchip-txt b{display:block;font-weight:400;font-size:17px}
.pchip-txt i{display:block;font-style:normal;font-size:13.5px;color:var(--muted)}
.pchip-go{margin-inline-start:auto;font-size:14px;color:var(--pine);border-bottom:1px solid currentColor;padding-bottom:2px;white-space:nowrap}

.cta{position:relative;overflow:hidden;perspective:1400px}
.cta-plates{position:absolute;inset:0;z-index:1;pointer-events:none}
.cp{position:absolute;margin:0;width:clamp(150px,13vw,210px);aspect-ratio:3/4;border-radius:14px;overflow:hidden;
  box-shadow:0 50px 90px -50px rgba(20,27,36,.6);will-change:auto;transition:transform .8s cubic-bezier(.16,.84,.3,1)}
.cp img{width:100%;height:100%;object-fit:cover}
.cp.a{top:18%;inset-inline-start:5%;transform:rotateY(18deg) translateZ(-60px)}
.cp.b{bottom:14%;inset-inline-end:5%;transform:rotateY(-18deg) translateZ(-120px)}
.cta .wrap{position:relative;z-index:2}

.rpanel{backface-visibility:hidden}
@media (max-width:1000px){
  .i3-g{grid-template-columns:1fr}.i3-glass{-webkit-backdrop-filter:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(250,252,253,.95)}
  .cta-plates{display:none}
}

.band-back{top:clamp(-86px,-6vw,-50px)!important;right:clamp(-150px,-10vw,-90px)!important;width:38%!important;filter:saturate(.75) brightness(.9)!important;border-radius:16px}


.story-stage{position:sticky;top:max(96px,calc((100vh - min(66vh,640px)) / 2));transform:none!important;will-change:auto}
.story-g{align-items:start}
.story-plate{transition:transform .6s cubic-bezier(.16,.84,.3,1)}
.sfig{transform:scale(1.06);transition:opacity .6s ease,transform .8s cubic-bezier(.16,.84,.3,1)}
.sfig.on{transform:none}
.i3-bg{inset:0}.i3-bg img{transform:none!important;will-change:auto}
.i3-glass{-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(250,252,253,.88)}
.rpanel{will-change:opacity}
.jline .jfill{transition:stroke-dashoffset .25s linear}



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}

.story-steps{gap:clamp(260px,42vh,420px);padding:clamp(60px,12vh,140px) 0 clamp(200px,34vh,340px)}


@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}
}



.sect.dark-sec .g{align-items:center}
.who-plate{grid-column:1 / 5;grid-row:2;margin:clamp(26px,3vw,40px) 0 0;position:relative;aspect-ratio:3/4;max-width:340px;border-radius:18px;overflow:hidden;
  box-shadow:0 60px 110px -60px rgba(0,0,0,.8),inset 0 0 0 1px rgba(168,200,230,.25);transform:rotateY(-12deg) rotateX(4deg);transform-style:preserve-3d;
  transition:transform .8s cubic-bezier(.16,.84,.3,1)}
.who-plate img{width:100%;height:100%;object-fit:cover}
.who-plate span{position:absolute;inset:0;background:linear-gradient(200deg,rgba(255,255,255,.14),rgba(255,255,255,0) 45%,rgba(22,35,47,.5))}
.sect.dark-sec:hover .who-plate{transform:rotateY(-4deg) rotateX(1deg)}
.sect.dark-sec .s-body{grid-row:1 / span 2}

.why-fig{margin-top:clamp(26px,3vw,44px);padding-top:clamp(18px,2vw,26px);border-top:1px solid var(--line)}
.why-fig b{display:block;font-weight:200;font-size:clamp(34px,3.4vw,54px);letter-spacing:-.03em;line-height:1.05;color:var(--pine)}
.why-fig i{display:block;margin-top:8px;font-style:normal;font-size:14px;color:var(--muted)}

.faq-num{display:block;margin-top:14px!important;font-family:"Jost",sans-serif;font-weight:200;font-size:clamp(60px,6vw,96px)!important;line-height:1;color:rgba(59,90,124,.16)!important;letter-spacing:.02em}
.faq{counter-reset:q}
.qa summary::before{counter-increment:q;content:counter(q,decimal-leading-zero);font-family:"Jost",sans-serif;font-size:13px;letter-spacing:.12em;color:var(--pine);min-width:26px}
@media (max-width:1000px){.who-plate{grid-row:auto;grid-column:1 / -1;max-width:260px;transform:none}.sect.dark-sec .s-body{grid-row:auto}}



@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}}
