*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DP Figures','Manrope',system-ui,sans-serif;color:#0f172a;background:#e9eef6}a{color:inherit;text-decoration:none}
.nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(800px,calc(100% - 24px));height:50px;border-radius:14px;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 4px 24px rgba(40,60,100,.12);display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 16px;font-size:14px;font-weight:600;z-index:50;animation:dr .9s .1s both}
.logo{font-size:16px;font-weight:800}.lk{display:flex;gap:26px;color:#475569}.na{display:flex;align-items:center;gap:16px}.bt{background:#0f172a;color:#fff;border-radius:10px;display:inline-flex;align-items:center;min-height:36px;padding:0 16px;font-weight:800}
.hero{position:relative;height:960px;overflow:hidden;background:#dfe7f2}
.ly{position:absolute;left:0;right:0;top:0;will-change:transform}.lyb{top:auto}
.ly img{display:block;width:100%;height:auto}
.sky{position:absolute;left:0;right:0;top:-160px;height:1040px;background:linear-gradient(180deg,rgba(244,246,249,.5),rgba(244,246,249,0) 45%),url(img/alpine/mountains-new.webp) center bottom/cover no-repeat}
.ly:has(.blend){mix-blend-mode:screen}.rays{position:absolute;right:0;top:0;width:70%;opacity:.45}
.clouds{position:absolute;top:30px;left:0;width:110%;opacity:.8;animation:cd 110s ease-in-out infinite alternate}@keyframes cd{to{transform:translateX(-9%)}}
.far{animation:fd 60s ease-in-out infinite alternate}@keyframes fd{to{transform:translateX(-2%)}}.mid{animation:fd 46s ease-in-out infinite alternate-reverse}
.mist{width:120%;max-width:none;margin-left:-10%;opacity:.9}.m1{animation:ms 50s ease-in-out infinite alternate}.m2{animation:ms 64s ease-in-out infinite alternate-reverse}@keyframes ms{to{transform:translateX(8%)}}
.halo{position:absolute;left:50%;border:1px solid rgba(255,255,255,.8);border-radius:50%;transform:translateX(-50%);animation:br 9s ease-in-out infinite alternate;pointer-events:none;z-index:1}@keyframes br{to{transform:translateX(-50%) scale(1.06)}}
.hd{position:absolute;top:128px;left:0;right:0;text-align:center;z-index:10;padding:0 16px}.eb{font-size:14px;font-weight:600;color:#64748b;animation:up .8s .2s both}
.h1{margin:14px 0 0;font-size:clamp(40px,6vw,76px);line-height:1.03;font-weight:800;letter-spacing:-.03em}.h1 span{display:block}.l1{color:#9aa5b6;animation:up .9s .32s both}.l2{animation:up .9s .46s both}
.sub{margin:18px auto 0;max-width:560px;font-size:16px;font-weight:600;line-height:1.55;color:#334155;animation:up .8s .7s both}
.cta{margin-top:22px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;animation:up .8s .85s both}.cta a,.c1.big{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:12px;font-size:14px;font-weight:800}.c1{background:#0f172a;color:#fff}.c2{background:rgba(255,255,255,.75);border:1px solid rgba(15,23,42,.12)}
.win{position:absolute;left:50%;top:480px;width:min(820px,92vw);transform:translateX(-50%);z-index:11;animation:upw 1.2s 1s cubic-bezier(.2,.8,.2,1) both}.wg{display:grid;grid-template-columns:170px 1fr;min-height:420px;border-radius:18px 18px 0 0;overflow:hidden;box-shadow:0 30px 80px rgba(30,50,90,.3)}
.sb{background:#0f1b3d;padding:20px 14px;display:flex;flex-direction:column;gap:6px}.sb b{color:#fff;font-size:16px;padding:0 10px 12px}.si{font-weight:600;font-size:12px;line-height:1.2;font-family:inherit;color:#9fb0d8;padding:9px 10px;border-radius:9px;background:none;border:0;text-align:left;cursor:pointer;transition:background .2s,color .2s}.si:hover{background:rgba(255,255,255,.07);color:#fff}.si.on{background:rgba(255,255,255,.12);color:#fff}
.mn{background:#f6f8fc;padding:20px 22px;display:flex;flex-direction:column;gap:14px}.mh{display:flex;justify-content:space-between;align-items:center}.mh b{font-size:20px}.mh span{font-size:12px;color:#5d6a8e;font-weight:600}
.g3{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}.hero-c{background:linear-gradient(135deg,#2446b6,#3477e9);color:#fff;border-radius:14px;padding:16px;display:flex;flex-direction:column}.hero-c span{font-size:12px;font-weight:600;opacity:.85}.hero-c strong{font-size:34px;line-height:1.1}
.mc{background:#fff;border-radius:14px;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.mc span{font-size:12px;font-weight:600;color:#5d6a8e}.mc b{font-size:20px}.ch{padding:14px 16px}
.rkw{pointer-events:none;z-index:12;top:auto;bottom:-30px;left:auto;right:auto;width:min(36vw,470px)}.rkl{left:-30px;animation:inl 1.5s .5s cubic-bezier(.2,.8,.2,1) both}.rkr{right:-30px;animation:inr 1.5s .6s cubic-bezier(.2,.8,.2,1) both}
.rkw img{animation:sw 14s ease-in-out infinite alternate}.rkr img{animation-duration:18s;animation-direction:alternate-reverse}@keyframes sw{to{transform:translate(8px,-6px) rotate(.6deg)}}
.fade{position:absolute;left:0;right:0;bottom:0;height:170px;background:linear-gradient(180deg,rgba(233,238,246,0),#e9eef6 88%);z-index:13;pointer-events:none}
.chip{position:absolute;bottom:26px;left:0;right:0;margin:0 auto;width:max-content;z-index:14;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:800;animation:up .8s 1.6s both}.chip i{display:inline-block;font-style:normal;animation:bob 1.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(4px)}}
@keyframes up{from{opacity:0;transform:translateY(26px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes dr{from{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes upw{from{opacity:0;transform:translate(-50%,90px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes inl{from{opacity:0;transform:translateX(-160px)}to{opacity:1;transform:none}}@keyframes inr{from{opacity:0;transform:translateX(160px)}to{opacity:1;transform:none}}
.sec{padding:96px 0}.alt{background:#dde5f0}.wrap{width:min(1100px,calc(100% - 40px));margin:0 auto}.sec h2,.cta2 h2{margin:0 0 36px;font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.02em}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card,.step{background:rgba(255,255,255,.75);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.9);border-radius:22px;padding:28px;box-shadow:0 8px 28px rgba(40,60,100,.08)}
.card h3,.step h3{margin:0 0 8px;font-size:20px;font-weight:800}.card p,.step p{margin:0;font-size:16px;font-weight:600;line-height:1.55;color:#475569}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step i{display:inline-flex;width:36px;height:36px;border-radius:12px;background:#0f172a;color:#fff;align-items:center;justify-content:center;font-style:normal;font-weight:800;margin-bottom:14px}
.cta2{padding:96px 0;background:linear-gradient(160deg,#0f1b3d,#1d3a8a);color:#fff;text-align:center}.cta2 p{margin:0 0 26px;font-weight:600;opacity:.85}.cta2 .c1{background:#fff;color:#0f172a;display:inline-block}
.ft{padding:28px 0;background:#0b1328;color:#9fb0d8;font-size:14px;font-weight:600}.ft .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.ft b{color:#fff}
.rv{opacity:0;transform:translateY(26px);transition:opacity .9s var(--d,0s) ease,transform .9s var(--d,0s) cubic-bezier(.2,.8,.2,1)}.rv.in{opacity:1;transform:none}
:focus-visible{outline:2px solid #2553cf;outline-offset:3px;border-radius:8px}
@media(max-width:820px){.lk{display:none}.hero{height:1000px}.win{top:590px}.wg{grid-template-columns:1fr}.sb{display:none}.g3{grid-template-columns:1fr 1fr}.hero-c{grid-column:1/-1}.halo{display:none}.rkw{width:46vw}.grid,.steps{grid-template-columns:1fr}.hd{top:112px}.sec,.cta2{padding:64px 0}}
@media(prefers-reduced-motion:reduce){*,*::before{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}html{scroll-behavior:auto}}

.mn{min-height:420px}.mh{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.mh span{font-size:12px;color:#5d6a8e;font-weight:600}
.pn{display:none;flex-direction:column;gap:12px}.pn.on{display:flex;animation:pin .35s ease both}@keyframes pin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
[data-tip]{cursor:help;transition:box-shadow .2s}[data-tip]:hover,[data-tip]:focus-visible{box-shadow:0 0 0 2px rgba(37,83,207,.4);outline:none}
.tip{position:absolute;z-index:30;max-width:230px;padding:9px 12px;border-radius:10px;background:rgba(15,23,42,.96);color:#fff;font-size:12px;font-weight:600;line-height:1.45;pointer-events:none;opacity:0;transform:translate(-50%,-100%);transition:opacity .15s}.tip.below{transform:translate(-50%,0)}.tip.on{opacity:1}
.hint{position:absolute;top:-16px;right:18px;z-index:5;background:rgba(255,255,255,.92);padding:8px 14px;border-radius:999px;font-size:12px;font-weight:800;box-shadow:0 4px 16px rgba(30,50,90,.18);animation:pls 2.6s ease-in-out infinite}.hint.off{opacity:0;pointer-events:none;transition:opacity .3s;animation:none}@keyframes pls{50%{transform:translateY(-3px)}}
.rw{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:7px 0}.rw div{display:flex;flex-direction:column}.rw b{font-size:14px;font-weight:800}.rw span{font-size:12px;font-weight:600;color:#5d6a8e}.ls .rw+.rw{border-top:1px solid #edf0f8}
.bar{height:8px;border-radius:4px;background:#e4e9f5;overflow:hidden}.bar i{display:block;height:100%;border-radius:4px;transform-origin:left;animation:bg 1s .15s cubic-bezier(.2,.8,.2,1) both}@keyframes bg{from{transform:scaleX(0)}}.gl{padding:6px 0;border-radius:10px}
.pl{display:grid;grid-template-columns:260px 1fr;gap:16px}.cw{background:#fff;border-radius:14px;padding:12px}.cl,.cg{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.cl span{font-size:12px;font-weight:600;color:#5d6a8e}.cg{margin-top:6px}
.cd{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f1f4fb;font-size:12px;font-weight:600}.cd.i{box-shadow:inset 0 0 0 1.5px #14966e;color:#0e6e50}.cd.p{box-shadow:inset 0 0 0 1.5px #d9622b;color:#a8481c}.cd.t{background:#2553cf;color:#fff;font-weight:800}
.cd[data-tip]:hover,.cd[data-tip]:focus-visible{box-shadow:0 0 0 2px rgba(37,83,207,.5)}.lg{margin-top:10px;font-size:12px;font-weight:600;color:#5d6a8e;display:flex;align-items:center;gap:6px}.lg i{width:9px;height:9px;border-radius:50%;display:inline-block}.d1{background:#14966e}.d2{background:#d9622b}.d3{background:#2553cf;margin-left:6px}
.up{background:#fff;border-radius:14px;padding:12px 16px}.ut{font-size:14px;color:#5d6a8e}
.ab{align-self:flex-start;min-height:40px;padding:0 18px;border-radius:12px;border:0;background:#2553cf;color:#fff;font-weight:800;font-size:14px;font-family:inherit;cursor:pointer}.cap2{font-size:12px;font-weight:600;color:#5d6a8e;padding:6px 0}
.tg{width:44px;height:26px;border-radius:13px;border:0;background:#cdd5e6;position:relative;cursor:pointer;transition:background .2s;flex:none}.tg::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}.tg[aria-pressed=true]{background:#2553cf}.tg[aria-pressed=true]::after{transform:translateX(18px)}
.tabs{display:none;gap:6px;overflow-x:auto;padding-bottom:2px}.tb{flex:none;font-family:inherit;font-size:14px;font-weight:600;padding:8px 12px;border-radius:999px;border:1px solid #d6ddee;background:#fff;color:#334155;cursor:pointer}.tb.on{background:#0f1b3d;color:#fff;border-color:#0f1b3d}
@media(max-width:820px){.tabs{display:flex}.hint{display:none}.pl{grid-template-columns:1fr}.mh{flex-direction:column;gap:2px}}

.lgd{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;font-weight:600;color:#5d6a8e;margin:2px 0 4px}.lgd span{display:inline-flex;align-items:center;gap:6px}.lgd i{display:inline-block;width:16px;height:3px;border-radius:2px}
.cd{font-size:12px}
.lang-switch{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:#ffffff26;backdrop-filter:blur(6px);margin-right:6px}
.lang-switch button{min-width:36px;min-height:30px;border:0;border-radius:8px;background:none;font-weight:800;font-size:12px;font-family:inherit;color:inherit;opacity:.75;cursor:pointer}
.lang-switch{background:#eef2fb}.lang-switch button{color:#5d6a8e}.lang-switch button.on{background:#10193f;color:#fff;opacity:1}
.na{display:flex;align-items:center}
/* phone fixes: the preview window must not grow wider than the screen, the CTA text is centred, nothing peeks out above the floating menu */
.wg{grid-template-columns:170px minmax(0,1fr)}.mn{min-width:0}.cta2 .c1{display:inline-flex;justify-content:center}
@media(max-width:820px){
 .wg{grid-template-columns:minmax(0,1fr)}.g3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.g3>*{min-width:0}
 .nav{top:calc(env(safe-area-inset-top,0px) + 10px)}
 body::before{content:"";position:fixed;left:0;right:0;top:0;height:calc(env(safe-area-inset-top,0px) + 72px);background:linear-gradient(180deg,#e9eef6 0,#e9eef6 55%,rgba(233,238,246,0));z-index:49;pointer-events:none}
 .rkw{z-index:10}
}
@media(max-width:380px){.nav{padding:0 6px 0 12px}.na{gap:8px}.logo{font-size:15px}.bt{padding:0 12px}}