:root{--navy-900:#1C2352;--navy-700:#2B3670;--navy-500:#4253A6;--navy-100:#E9ECF7;--navy-50:#F3F5FB;--coral:#E25C47;--coral-l:#F08A78;--ground:#F7F8FA;--line:#E1E4EC;--ease:cubic-bezier(.2,.7,.2,1)}
html{scroll-behavior:smooth}
body{margin:0;background:#F7F8FA}
::selection{background:#2B3670;color:#FFFFFF}
:focus-visible{outline:2px solid #4253A6;outline-offset:3px}
*{box-sizing:border-box}
a{color:#2B3670}a:hover{color:#1C2352}
h1,h2,h3{overflow-wrap:break-word;hyphens:auto}
.paper{background-color:#F7F8FA;background-image:linear-gradient(#E8EBF2 1px,transparent 1px),linear-gradient(90deg,#E8EBF2 1px,transparent 1px);background-size:44px 44px;background-position:-1px -1px}
.wave i{display:block;width:3px;height:6px;border-radius:2px;background:#2B3670;animation:wv 1.1s ease-in-out infinite}
.wave i:nth-child(2){animation-delay:.12s}.wave i:nth-child(3){animation-delay:.24s}.wave i:nth-child(4){animation-delay:.36s}.wave i:nth-child(5){animation-delay:.48s}
@keyframes wv{0%,100%{height:5px}50%{height:15px}}
.btn{transition:transform .15s ease,background-color .15s ease,border-color .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background-image:linear-gradient(90deg,#4253A6,#4253A6) !important;background-size:0% 100% !important;background-repeat:no-repeat !important;transition:background-size .5s var(--ease),transform .15s ease}
.btn-primary:hover{background-size:100% 100% !important;color:#FFFFFF !important}
.btn-ghost:hover{border-color:#2B3670 !important;color:#2B3670 !important}
.btn svg{transition:transform .35s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.card{position:relative;transition:box-shadow .35s var(--ease),transform .35s var(--ease),border-color .35s var(--ease)}
.card::after{content:"";position:absolute;left:24px;top:-1px;width:44px;height:4px;border-radius:0 0 4px 4px;background:#2B3670;transform:scaleX(0);transform-origin:left center;transition:transform .45s var(--ease)}
.card:hover{box-shadow:0 24px 48px -30px rgba(28,35,82,.4);transform:translateY(-3px);border-color:#C5CAD8 !important}
.card:hover::after{transform:scaleX(1)}
.kicker{display:inline-flex;align-items:center;gap:22px}
.kick-bar{position:relative;flex:0 0 auto;width:26px;height:6px;border-radius:3px;background:#2B3670}
.kick-bar::after{content:"";position:absolute;right:-12px;top:0;width:6px;height:6px;border-radius:50%;background:#E25C47}
.logo-link{display:flex;align-items:center;gap:12px;color:#2B3670;text-decoration:none}
.logo-word{display:flex;flex-direction:column;gap:2px;font-size:12px;line-height:1;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.ts{transform-box:view-box;transform-origin:62px 84px}
.sprog{display:none;position:absolute;left:0;bottom:-2px;height:3px;width:0;border-radius:0 3px 3px 0;background:#2B3670;pointer-events:none}
.sprog::after{content:"";position:absolute;right:-4px;top:-2.5px;width:8px;height:8px;border-radius:50%;background:#E25C47}
.wm{position:absolute;right:-60px;bottom:-90px;width:440px;pointer-events:none}
.nav-links{display:flex;align-items:center;gap:26px}
.nav-links a{position:relative;text-decoration:none}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:#2B3670;transform:scaleX(0);transform-origin:left center;transition:transform .35s var(--ease)}
.nav-links a:hover{color:#2B3670 !important}
.nav-links a:hover::after{transform:scaleX(1)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:64px;align-items:center}
.bubble{position:absolute;right:-18px;top:-38px}
.pult{position:absolute;left:-30px;bottom:-44px;width:296px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.cmp-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr)}
.swipe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.show-m{display:none}
details summary{list-style:none;cursor:pointer}
details summary::-webkit-details-marker{display:none}
details .plus{transition:transform .2s ease}
details[open] .plus{transform:rotate(45deg);background:#2B3670;border-color:#2B3670 !important;color:#FFFFFF !important}
details summary:hover .plus{border-color:#2B3670 !important}
input,textarea,select,button{font:inherit}
input,textarea,select{transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
input:focus,textarea:focus,select:focus{outline:none;border-color:#2B3670 !important;box-shadow:0 0 0 4px #E9ECF7}
@media (max-width:1080px){
.hero-grid{grid-template-columns:minmax(0,1fr);gap:88px}
.split{grid-template-columns:minmax(0,1fr);gap:40px}
.swipe{grid-template-columns:repeat(2,minmax(0,1fr))}
.pult{left:-12px}
}
@media (max-width:760px){
.nav-links{order:3;width:100%;overflow-x:auto;gap:8px;padding:2px 0 4px;scrollbar-width:none}
.nav-links::-webkit-scrollbar{display:none}
.nav-links a{flex:0 0 auto;padding:9px 14px;border:1px solid #E1E4EC;border-radius:999px;background:#FFFFFF;white-space:nowrap;font-size:14px}
.hide-m{display:none !important}
.show-m{display:inline}
.hero-grid{gap:44px}
.bubble{position:relative;right:auto;top:auto;margin:0 0 12px auto}
.pult{position:relative;left:auto;bottom:auto;width:auto;margin-top:12px}
.cmp-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.cmp-row .cmp-k{grid-column:1 / -1;padding-bottom:0 !important}
.swipe{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -20px;padding:0 20px 10px;scrollbar-width:none}
.swipe::-webkit-scrollbar{display:none}
.swipe > *{flex:0 0 84%;scroll-snap-align:start}
}
.hv{position:relative;min-width:0;min-height:710px;display:flex;align-items:flex-start;justify-content:center;padding:100px 0 0}
.hv-glow{position:absolute;left:50%;top:50%;width:600px;height:600px;margin:-300px 0 0 -300px;border-radius:50%;background:radial-gradient(closest-side,rgba(66,83,166,.18),rgba(66,83,166,0));pointer-events:none}
.hv-bubble{position:absolute;right:-12px;top:16px;z-index:3}
.hv-answer{position:absolute;left:-36px;bottom:-28px;z-index:3;width:min(340px,64%)}
.bot{position:relative;width:min(370px,76%);container-type:inline-size}
.nb-stage{position:relative;padding-bottom:7cqw}
.nb-sway{position:relative}
.nb-shadow{position:absolute;left:50%;bottom:-7cqw;width:64cqw;height:8cqw;margin-left:-32cqw;border-radius:50%;background:radial-gradient(closest-side,rgba(28,35,80,.34),rgba(28,35,80,0))}
.nb-head{position:relative;width:100cqw;height:86cqw;border-radius:48% 52% 50% 50% / 54% 50% 50% 46%;background:radial-gradient(110% 95% at 32% 22%,#4D5DA8 0%,#2E3A74 44%,#1C2352 100%);box-shadow:0 46px 80px -40px rgba(28,35,80,.6),inset 0 -3cqw 6cqw rgba(10,12,30,.35),inset 0 2cqw 4cqw rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}
.nb-shine{position:absolute;left:13%;top:8%;width:36%;height:22%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.2),rgba(255,255,255,0));transform:rotate(-18deg)}
.nb-cap{position:absolute;left:13cqw;top:-19cqw;width:74cqw;z-index:2;transform:rotate(-8deg);transform-origin:50% 80%;filter:drop-shadow(0 1.5cqw 1.5cqw rgba(10,12,30,.3))}
.nb-tassel{transform-box:view-box;transform-origin:214px 45px}
.nb-ptr{transform:translate(calc(var(--mx,0) * 7cqw),calc(var(--my,0) * 5cqw));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.nb-face{position:relative;display:flex;flex-direction:column;align-items:center;gap:6cqw;margin-top:-3cqw}
.nb-eyes{display:flex;gap:20cqw}
.nb-eye{position:relative;width:9cqw;height:17cqw}
.nb-pill{position:absolute;inset:0;border-radius:5cqw;background:#F6F7FF;box-shadow:0 0 2cqw rgba(255,255,255,.85),0 0 7cqw rgba(150,170,255,.5)}
.nb-arc{position:absolute;left:-3cqw;right:-3cqw;top:4cqw;height:9cqw;border:2.6cqw solid transparent;border-bottom-color:#F6F7FF;border-radius:50%;opacity:0;filter:drop-shadow(0 0 1.4cqw rgba(255,255,255,.8))}
.nb-mouth{width:15cqw;height:9cqw;border-radius:1.6cqw 1.6cqw 8cqw 8cqw;background:#F6F7FF;box-shadow:0 0 2cqw rgba(255,255,255,.8),0 0 7cqw rgba(150,170,255,.45)}
.nb-cheek{position:absolute;top:15cqw;width:12cqw;height:6cqw;border-radius:50%;background:#FF8A76;opacity:.38;filter:blur(2cqw)}
.nb-cheek.l{left:-11cqw}
.nb-cheek.r{right:-11cqw}
.nb-st{display:grid;justify-items:start}
.nb-st > span{grid-area:1 / 1}
.nb-st .talk{opacity:0}
.bot-status{display:flex;justify-content:center;margin-top:24px}
.tilt{transform:translate(calc(var(--mx,0) * -14px),calc(var(--my,0) * -10px));transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.tilt-r{transform:translate(calc(var(--mx,0) * 16px),calc(var(--my,0) * 12px));transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.tilt-bot{transform:rotate(calc(var(--mx,0) * 6deg)) translate(calc(var(--mx,0) * 6px),calc(var(--my,0) * 4px));transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.mq{display:flex;align-items:center;width:max-content}
.mq > span{white-space:nowrap}
.mq-o{color:transparent;-webkit-text-stroke:1.5px #2B3670}
@media (prefers-reduced-motion:no-preference){
.in{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.pop{animation:pop .9s cubic-bezier(.2,.9,.3,1.2) both}
.d1{animation-delay:.05s}.d2{animation-delay:.15s}.d3{animation-delay:.25s}.d4{animation-delay:.38s}.d5{animation-delay:.55s}.d6{animation-delay:.75s}.d7{animation-delay:.95s}
.nb-sway{animation:nbSway 8.4s ease-in-out infinite}
.nb-bob{animation:nbBob 5.2s ease-in-out infinite}
.nb-shadow{animation:nbShadow 5.2s ease-in-out infinite}
.nb-head{animation:nbHead 12s cubic-bezier(.45,0,.25,1) infinite,nbMorph 9s ease-in-out infinite alternate}
.nb-face{animation:nbLook 12s cubic-bezier(.45,0,.25,1) infinite}
.nb-pill{animation:nbPill 12s linear infinite}
.nb-arc{animation:nbArc 12s ease-in-out infinite}
.nb-mouth{animation:nbMouth 12s ease-in-out infinite}
.nb-cheek{animation:nbCheek 12s ease-in-out infinite}
.nb-st .talk{animation:nbTalk 12s linear infinite}
.nb-st .idle{animation:nbIdle 12s linear infinite}
.nb-tassel{animation:nbTassel 12s ease-in-out infinite}
.nb-cap{animation:nbCap 12s ease-in-out infinite}
.logo-draw .st{animation:drawSt 1.5s var(--ease) .15s both}
.logo-draw .ts{animation:tasselIn 1.9s var(--ease) 1.2s both}
.logo-link:hover .ts{animation:tasselIn 1.4s var(--ease) 0s both}
details[open] > p{animation:faqIn .45s var(--ease)}
}
@keyframes rise{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}
@keyframes pop{from{opacity:0;scale:.86;translate:0 26px}to{opacity:1;scale:1;translate:0 0}}
@keyframes nbSway{0%,100%{translate:-1.6cqw 0}50%{translate:1.6cqw 0}}
@keyframes nbBob{0%,100%{translate:0 0}50%{translate:0 -3.5cqw}}
@keyframes nbShadow{0%,100%{scale:1;opacity:1}50%{scale:.8;opacity:.55}}
@keyframes nbHead{0%,6%{rotate:0deg;translate:0 0}10%,17%{rotate:-5deg;translate:-1.5cqw 0}21%,27%{rotate:5deg;translate:1.5cqw 0}31%{rotate:0deg;translate:0 0}36%{rotate:1.5deg;translate:0 .8cqw}41%{rotate:-1.2deg;translate:0 -.3cqw}46%{rotate:1.4deg;translate:0 .7cqw}51%{rotate:-1deg;translate:0 -.2cqw}57%{rotate:0deg;translate:0 0}60%,73%{rotate:7deg;translate:.5cqw -1.2cqw}78%,85%{rotate:-4deg;translate:-1cqw -.8cqw}90%,100%{rotate:0deg;translate:0 0}}
@keyframes nbMorph{0%{border-radius:48% 52% 50% 50% / 54% 50% 50% 46%}50%{border-radius:53% 47% 46% 54% / 50% 56% 44% 50%}100%{border-radius:50% 50% 54% 46% / 46% 52% 48% 54%}}
@keyframes nbLook{0%,6%{translate:0 0}10%,17%{translate:-7cqw .6cqw}21%,27%{translate:7cqw -.6cqw}31%,57%{translate:0 0}60%,73%{translate:0 -1.6cqw}78%,85%{translate:-5cqw -4cqw}90%,100%{translate:0 0}}
@keyframes nbPill{0%,3%{scale:1 1}4%{scale:1 .08}5.2%,44%{scale:1 1}45%{scale:1 .08}46.2%,57.5%{scale:1 1;opacity:1}60%,74%{scale:1 .06;opacity:0}77%,85%{scale:1 1;opacity:1}86%{scale:1 .08}87.2%,88.2%{scale:1 1}89.2%{scale:1 .08}90.4%,100%{scale:1 1}}
@keyframes nbArc{0%,57.5%{opacity:0;translate:0 1.5cqw}61%,73%{opacity:1;translate:0 0}76%,100%{opacity:0;translate:0 1.5cqw}}
@keyframes nbCheek{0%,57%{opacity:.38;scale:1}61%,73%{opacity:.75;scale:1.15}77%,100%{opacity:.38;scale:1}}
@keyframes nbMouth{0%,30%{width:15cqw;height:9cqw;border-radius:1.6cqw 1.6cqw 8cqw 8cqw}31.5%{width:15cqw;height:1.4cqw;border-radius:.7cqw}33%{width:16cqw;height:10cqw;border-radius:4.5cqw}34.5%{width:19cqw;height:5.6cqw;border-radius:2.8cqw}36%{width:10cqw;height:9cqw;border-radius:5cqw}37.5%{width:15cqw;height:1.4cqw;border-radius:.7cqw}39%{width:22cqw;height:2.6cqw;border-radius:1.3cqw}40.5%{width:16cqw;height:10cqw;border-radius:4.5cqw}42%{width:7cqw;height:7cqw;border-radius:3.5cqw}43.5%{width:13cqw;height:2.6cqw;border-radius:1.3cqw}45%{width:19cqw;height:5.6cqw;border-radius:2.8cqw}46.5%{width:16cqw;height:10cqw;border-radius:4.5cqw}48%{width:10cqw;height:9cqw;border-radius:5cqw}49.5%{width:15cqw;height:1.4cqw;border-radius:.7cqw}51%{width:19cqw;height:5.6cqw;border-radius:2.8cqw}52.5%{width:16cqw;height:10cqw;border-radius:4.5cqw}54%{width:22cqw;height:2.6cqw;border-radius:1.3cqw}55.5%{width:7cqw;height:7cqw;border-radius:3.5cqw}57%{width:15cqw;height:1.4cqw;border-radius:.7cqw}59%{width:15cqw;height:9cqw;border-radius:1.6cqw 1.6cqw 8cqw 8cqw}61.5%,73%{width:19cqw;height:11cqw;border-radius:2cqw 2cqw 10cqw 10cqw}77%,100%{width:15cqw;height:9cqw;border-radius:1.6cqw 1.6cqw 8cqw 8cqw}}
@keyframes nbTalk{0%,30%{opacity:0}31.5%,57%{opacity:1}58.5%,100%{opacity:0}}
@keyframes nbIdle{0%,30%{opacity:1}31.5%,57%{opacity:0}58.5%,100%{opacity:1}}
@keyframes nbTassel{0%,6%{rotate:0deg}9%{rotate:3deg}12%{rotate:11deg}14.5%{rotate:2deg}17%{rotate:6deg}20%{rotate:4deg}23%{rotate:-12deg}25.5%{rotate:-2deg}28%{rotate:-6deg}31%{rotate:-3deg}33.5%{rotate:4deg}36%{rotate:-2.5deg}41%{rotate:2deg}46%{rotate:-2deg}51%{rotate:1.5deg}57%{rotate:0deg}59.5%{rotate:-3deg}62%{rotate:-14deg}64.5%{rotate:-4deg}67%{rotate:-8.5deg}73%{rotate:-7deg}76%{rotate:-2deg}79.5%{rotate:9deg}82%{rotate:2deg}85%{rotate:4.5deg}88%{rotate:2deg}91.5%{rotate:-4deg}94.5%{rotate:1.5deg}97%,100%{rotate:0deg}}
@keyframes nbCap{0%,59%{translate:0 0}62%{translate:0 -2.6cqw}65.5%{translate:0 .4cqw}68%,100%{translate:0 0}}
.logo-draw .st,.wm .st{stroke-dasharray:1;stroke-dashoffset:0}
@keyframes drawSt{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes tasselIn{0%{scale:0;rotate:-40deg}30%{scale:1;rotate:24deg}55%{rotate:-12deg}78%{rotate:5deg}100%{scale:1;rotate:0deg}}
@keyframes faqIn{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}
@keyframes sprog{0%{width:0;opacity:0}3%{opacity:1}100%{width:100%;opacity:1}}
@media (prefers-reduced-motion:no-preference){
@supports (animation-timeline:view()){
.rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% cover 28%}
.rvs > *{animation:rv linear both;animation-timeline:view();animation-range:entry 0% cover 30%}
.rvs > *:nth-child(2){animation-range:entry 5% cover 34%}
.rvs > *:nth-child(3){animation-range:entry 10% cover 38%}
.rvs > *:nth-child(4){animation-range:entry 15% cover 42%}
.rvs > *:nth-child(5){animation-range:entry 20% cover 46%}
.rvs > *:nth-child(6){animation-range:entry 25% cover 50%}
.grow{animation:grow linear both;animation-timeline:view();animation-range:entry 0% cover 40%}
.draw{transform-origin:left center;animation:draw linear both;animation-timeline:view();animation-range:entry 25% cover 50%}
.px-up{animation:pxUp linear both;animation-timeline:scroll(root);animation-range:0px 900px}
.px-up2{animation:pxUp2 linear both;animation-timeline:scroll(root);animation-range:0px 900px}
.px-down{animation:pxDown linear both;animation-timeline:scroll(root);animation-range:0px 900px}
.px-grid{animation:pxGrid linear both;animation-timeline:scroll(root);animation-range:0px 1000px}
.mq-l{animation:mqL linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
.mq-r{animation:mqR linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
.hdr{animation:hdr linear both;animation-timeline:scroll(root);animation-range:0px 160px}
.sprog{display:block;animation:sprog linear both;animation-timeline:scroll(root)}
.kick-bar{transform-origin:left center;animation:draw linear both;animation-timeline:view();animation-range:entry 15% cover 35%}
.wm{view-timeline-name:--wm}
.wm .st{animation:drawSt linear both;animation-timeline:--wm;animation-range:entry 0% entry 100%}
}
}
@keyframes rv{from{opacity:0;translate:0 64px}to{opacity:1;translate:0 0}}
@keyframes grow{from{scale:.9;opacity:.35}to{scale:1;opacity:1}}
@keyframes draw{from{scale:0 1}to{scale:1 1}}
@keyframes pxUp{to{translate:0 -110px}}
@keyframes pxUp2{to{translate:0 -190px}}
@keyframes pxDown{to{translate:0 120px}}
@keyframes pxGrid{to{background-position:-1px -220px}}
@keyframes mqL{from{translate:0 0}to{translate:-30% 0}}
@keyframes mqR{from{translate:-30% 0}to{translate:0 0}}
@keyframes hdr{to{box-shadow:0 12px 30px -22px rgba(21,23,28,.45);background-color:rgba(250,250,248,.97)}}
@media (max-width:1080px){
.hero-grid{gap:24px}
.hv-answer{left:0}
.hv-bubble{right:0}
}
@media (max-width:760px){
.hv{min-height:0;flex-direction:column;align-items:stretch;padding:0}
.hv-glow{width:440px;height:440px;margin:-220px 0 0 -220px}
.hv-bubble{position:relative;right:auto;top:auto;align-self:flex-end;max-width:90%;margin-bottom:8px}
.bot{align-self:center;width:min(280px,74%);margin-top:64px}
.bot-status{margin-top:22px}
.hv-answer{position:relative;left:auto;bottom:auto;width:auto;margin-top:26px}
.mq-o{-webkit-text-stroke:1px #2B3670}
.nav-links a::after{display:none}
.wm{width:280px;right:-50px;bottom:-60px}
.px-up,.px-up2,.px-down{animation:none}
}
.hdr-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"logo . cta burger";align-items:center;gap:12px 18px}
.hdr-logo{grid-area:logo}
.hdr-cta{grid-area:cta;visibility:hidden;opacity:0;pointer-events:none;clip-path:inset(0 100% 0 0 round 999px);transition:clip-path .7s var(--ease),opacity .3s ease,background-size .5s var(--ease),transform .15s ease,visibility 0s linear .7s}
.hdr-cta.on{visibility:visible;opacity:1;pointer-events:auto;clip-path:inset(0 0 0 0 round 999px);transition:clip-path .7s var(--ease),opacity .3s ease,background-size .5s var(--ease),transform .15s ease,visibility 0s}
.burger{grid-area:burger;display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:8px 4px 8px 12px;border:0;background:transparent;color:#2B3670;font-size:15px;font-weight:600;cursor:pointer}
.burger-ic{display:flex;flex-direction:column;justify-content:center;gap:6px;width:30px;height:30px}
.burger-ic i{display:block;height:4px;border-radius:2px;background:#2B3670;transition:width .35s var(--ease),transform .45s var(--ease)}
.burger-ic i:nth-child(1){width:30px}
.burger-ic i:nth-child(2){width:19px}
.burger-ic i:nth-child(3){width:4px;background:#E25C47}
.burger:hover .burger-ic i:nth-child(2){width:30px}
.burger:hover .burger-ic i:nth-child(3){transform:translateX(26px)}
.mnu{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;overflow:auto;background:#1C2352;color:#FFFFFF;animation:mnuIn .75s var(--ease) both}
.mnu-wm{position:absolute;right:-8vw;bottom:-14vh;width:min(72vw,660px);pointer-events:none}
.mnu-wm .st{stroke-dasharray:1;stroke-dashoffset:0;animation:drawSt 1.8s var(--ease) .3s both}
.mnu-top,.mnu-list,.mnu-foot{position:relative;width:100%;max-width:1312px;margin:0 auto;padding-left:clamp(20px,5vw,64px);padding-right:clamp(20px,5vw,64px)}
.mnu-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;padding-bottom:14px}
.mnu-x{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);background:transparent;color:#FFFFFF;cursor:pointer;transition:background-color .3s var(--ease),border-color .3s var(--ease),transform .5s var(--ease)}
.mnu-x:hover{background:#2B3670;border-color:#FFFFFF;transform:rotate(90deg)}
.mnu-list{display:flex;flex-direction:column;padding-top:clamp(12px,4vh,44px);padding-bottom:24px}
.mnu-list a{display:flex;align-items:baseline;gap:18px;padding:clamp(4px,1.1vh,12px) 0;border-bottom:1px solid rgba(255,255,255,.1);color:#FFFFFF;text-decoration:none;font-size:clamp(26px,min(4.4vw,6.2vh),56px);font-weight:700;letter-spacing:-.03em;line-height:1.1;animation:mnuItem .7s var(--ease) both;transition:color .3s var(--ease),padding-left .45s var(--ease)}
.mnu-list a:nth-child(2){animation-delay:.05s}.mnu-list a:nth-child(3){animation-delay:.1s}.mnu-list a:nth-child(4){animation-delay:.15s}.mnu-list a:nth-child(5){animation-delay:.2s}.mnu-list a:nth-child(6){animation-delay:.25s}.mnu-list a:nth-child(7){animation-delay:.3s}.mnu-list a:nth-child(8){animation-delay:.35s}
.mnu-list a:first-child{animation-delay:0s}
.mnu-list a:hover{color:#C9D0FF;padding-left:16px}
.mnu-n{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;font-weight:400;letter-spacing:.06em;color:#F08A78}
.mnu-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-top:auto;padding-top:24px;padding-bottom:32px;font-size:15px;color:#C9CCD2;animation:mnuItem .7s var(--ease) .45s both}
@keyframes mnuIn{from{clip-path:circle(0% at calc(100% - 52px) 40px)}to{clip-path:circle(150% at calc(100% - 52px) 40px)}}
@keyframes mnuInM{from{clip-path:circle(0% at 36px 40px)}to{clip-path:circle(150% at 36px 40px)}}
@keyframes mnuItem{from{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}
.ty{position:fixed;inset:0;z-index:95;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto;background:#1C2352;color:#FFFFFF;animation:tyWipe .8s var(--ease) both}
.ty .mnu-x{position:absolute;top:16px;right:16px}
.ty-box{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:620px;text-align:center}
.ty-stage{position:relative;width:min(520px,86vw);height:270px}
.ty-stage .bot{position:absolute;left:2%;bottom:0;width:min(200px,38vw);margin-top:0}
.ty-mono{position:absolute;right:0;top:0;width:min(116px,22vw)}
.ty-mono .st{stroke-dasharray:1;stroke-dashoffset:0}
.ty-env{position:absolute;left:30%;bottom:70px;width:64px;height:44px;opacity:0}
.ty .nb-face,.ty .nb-pill,.ty .nb-arc,.ty .nb-mouth,.ty .nb-cheek{animation:none}
.ty .nb-pill{opacity:0}
.ty .nb-arc{opacity:1}
.ty .nb-mouth{width:19cqw;height:11.5cqw;border-radius:2cqw 2cqw 10cqw 10cqw}
.ty .nb-cheek{opacity:.85}
@keyframes tyWipe{from{clip-path:circle(0% at 70% 88%)}to{clip-path:circle(150% at 70% 88%)}}
@keyframes tyFly{0%{opacity:0;translate:0 20px;rotate:-10deg;scale:.6}14%{opacity:1;translate:0 0;rotate:-10deg;scale:1}55%{opacity:1;translate:min(20vw,180px) -150px;rotate:8deg;scale:.9}86%{opacity:1;translate:min(37vw,318px) -170px;rotate:16deg;scale:.45}100%{opacity:0;translate:min(39vw,330px) -176px;rotate:18deg;scale:.15}}
@keyframes tyText{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes tyHead{0%,100%{rotate:-6deg;translate:0 0}50%{rotate:6deg;translate:0 -2cqw}}
.cmp-scene{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:24px 48px;min-height:500px;padding:clamp(20px,3vw,40px);border:1px solid #E1E4EC;border-radius:24px;background:#FFFFFF}
.cmp-scene .bot{justify-self:center;width:min(270px,78%);margin-top:0}
.cmp-chat{min-height:300px}
.cmp-foot{grid-column:1 / -1;display:flex;align-items:center;gap:20px}
.cmp-foot .cmp-bar{flex:1 1 auto}
.cmp-dots{display:flex;align-items:center;gap:4px}
.cmp-dot{position:relative;width:30px;height:32px;padding:0;border:0;background:transparent;cursor:pointer}
.cmp-dot::before{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:5px;background:#D5D9E4;transition:width .4s var(--ease),margin .4s var(--ease),background-color .3s var(--ease)}
.cmp-dot.on::before{width:24px;margin-left:-12px;background:#2B3670}
:where(.cs) .nb-face,:where(.cs) .nb-pill,:where(.cs) .nb-arc,:where(.cs) .nb-mouth,:where(.cs) .nb-cheek,:where(.cs) .nb-head{animation:none}
.cs .nb-pill,.cs .nb-arc,.cs .nb-mouth,.cs .nb-cheek,.cs .nb-face,.cs .nb-head,.cs .cs-brow{transition:scale .5s var(--ease),opacity .45s var(--ease),translate .6s var(--ease),rotate .7s var(--ease),width .45s var(--ease),height .45s var(--ease),border-radius .45s var(--ease)}
.cs .nb-arc{translate:0 1.5cqw}
.cs-brow{translate:0 -1.5cqw}
.cs.frown .nb-pill{scale:1 .55}
.cs.frown .cs-brow{opacity:1;translate:0 1cqw}
.cs.frown .nb-mouth{width:16cqw;height:4.6cqw;border-radius:8cqw 8cqw 1.6cqw 1.6cqw}
.cs.frown .nb-head{rotate:-7deg;translate:-1.5cqw 1cqw}
.cs.frown .nb-face{translate:5cqw 2cqw}
.cs.happy .nb-pill{scale:1 .08;opacity:0}
.cs.happy .nb-arc{opacity:1;translate:0 0}
.cs.happy .nb-mouth{width:20cqw;height:11.5cqw;border-radius:2cqw 2cqw 10cqw 10cqw}
.cs.happy .nb-cheek{opacity:.9}
.cs.happy .nb-head{rotate:7deg;translate:1.5cqw -2cqw}
.cs.happy .nb-face{translate:6cqw -1.5cqw}
.cs-brow{position:absolute;top:-6cqw;width:11cqw;height:2.6cqw;border-radius:2cqw;background:#F6F7FF;opacity:0;box-shadow:0 0 2cqw rgba(255,255,255,.7)}
.cs-brow.l{left:-1cqw;rotate:14deg}
.cs-brow.r{right:-1cqw;rotate:-14deg}
.cmp-chat{display:grid;align-items:center;min-width:0}
.cmp-g{grid-area:1 / 1;display:flex;flex-direction:column;gap:14px;opacity:0;translate:0 24px;pointer-events:none;transition:opacity .5s var(--ease),translate .6s var(--ease)}
.cmp-g.on{opacity:1;translate:0 0;pointer-events:auto}
.cmp-q{display:flex;align-items:center;gap:14px;margin-bottom:6px;font-size:clamp(22px,2.1vw,30px);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:#1C2352}
.cmp-q::before{content:"";flex:0 0 auto;width:26px;height:6px;border-radius:3px;background:#E25C47}
.cmp-b{max-width:86%;padding:16px 20px;border-radius:20px;font-size:clamp(17px,1.5vw,21px);line-height:1.4;opacity:0;translate:0 20px;scale:.96;transition:opacity .45s var(--ease) .1s,translate .6s var(--ease) .1s,scale .6s var(--ease) .1s}
.cmp-b.on{opacity:1;translate:0 0;scale:1}
.cmp-b small{display:block;margin-bottom:4px;font-size:12px;font-family:'JetBrains Mono',ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.cmp-b.them{align-self:flex-start;background:#FFFFFF;border:1px solid #E1E4EC;border-bottom-left-radius:6px;color:#3D424C}
.cmp-b.us{align-self:flex-end;background:#2B3670;color:#FFFFFF;border-bottom-right-radius:6px;box-shadow:0 18px 36px -24px rgba(28,35,82,.6)}
.cmp-bar{display:block;height:4px;border-radius:2px;background:#E1E4EC;overflow:hidden}
.cmp-bar i{display:block;height:100%;background:#2B3670;transition:width .6s var(--ease)}
.cmp-skip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:999px;border:1.5px solid #C5CAD8;background:#FFFFFF;color:#2B3670;font-size:15px;font-weight:600;text-decoration:none;transition:border-color .3s var(--ease),transform .3s var(--ease)}
.cmp-skip:hover{border-color:#2B3670;transform:translateY(2px)}
.news-img{position:relative;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:#1C2352}
.news-img svg{position:absolute;right:-18%;bottom:-38%;width:78%}
.swipe.news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (prefers-reduced-motion:no-preference){
.ty-stage .nb-head{animation:tyHead 2.6s ease-in-out infinite,nbMorph 9s ease-in-out infinite alternate}
.ty-env{animation:tyFly 1.6s cubic-bezier(.45,0,.25,1) .9s both}
.ty-mono .st{animation:drawSt 1s var(--ease) 1.5s both}
.ty-mono .ts{animation:tasselIn 1.6s var(--ease) 2.3s both}
.ty-box h2{animation:tyText .7s var(--ease) 1.9s both}
.ty-box p{animation:tyText .7s var(--ease) 2.05s both}
.ty-box .btn{animation:tyText .7s var(--ease) 2.2s both}
}
@media (max-width:760px){
.hdr-in{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"burger logo cta"}
.burger{justify-self:start;padding-left:0}
.burger-tx{display:none}
.hdr-cta{justify-self:end;min-height:40px !important;padding:8px 14px !important;font-size:14px !important}
.mnu{animation-name:mnuInM}
.ty-stage{height:230px}
.cmp-scene{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:16px;min-height:0;padding:18px}
.cmp-scene .bot{width:150px}
.cmp-chat{min-height:270px}
.cmp-b{max-width:94%}
.cmp-foot{gap:8px;justify-content:space-between}
.cmp-foot .cmp-bar{display:none}
.cmp-dot{width:24px}
}
[hidden]{display:none !important}
body.no-scroll{overflow:hidden}
/* ===== Продакшен: форма, страницы новостей и политики, экран ошибки ===== */
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form-msg{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:15px;line-height:1.45;color:#15171C}
.form-msg::before{content:"";flex:0 0 auto;width:8px;height:8px;margin-top:6px;border-radius:50%;background:#E25C47}
#lead-form [aria-invalid="true"]{border-color:#E25C47 !important;box-shadow:0 0 0 4px #FBE3DF}
#lead-form button[disabled]{cursor:progress;opacity:.8}
.news-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pg{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border-radius:999px;border:1.5px solid #C5CAD8;background:#FFFFFF;color:#2B3670;font-weight:600;text-decoration:none}
.pg.on{background:#2B3670;border-color:#2B3670;color:#FFFFFF}
a.pg:hover{border-color:#2B3670}
.back-link{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:600;text-decoration:none}
.article-cover .news-img{border-radius:20px}
.article-cover:has(svg){display:none}
.prose{font-size:18px;line-height:1.7;color:#2A2E36;overflow-wrap:break-word}
.prose > *{margin:0 0 1.1em}
.prose > :last-child{margin-bottom:0}
.prose h2{margin:1.8em 0 .6em;font-size:clamp(24px,2.2vw,30px);line-height:1.2;letter-spacing:-.02em;color:#15171C}
.prose h3{margin:1.5em 0 .5em;font-size:21px;line-height:1.3;color:#15171C}
.prose ul,.prose ol{padding-left:1.3em}
.prose li{margin:.35em 0}
.prose ul li::marker{color:#E25C47}
.prose blockquote{margin-left:0;padding:4px 0 4px 22px;border-left:4px solid #2B3670;font-family:'Literata',Georgia,serif;font-style:italic;font-size:20px;color:#2B3670}
.prose img{display:block;max-width:100%;height:auto;border-radius:14px}
.prose code{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.88em;padding:2px 6px;border-radius:6px;background:#EFF1F6}
.prose pre{overflow-x:auto;padding:16px;border-radius:12px;background:#1C2352;color:#F4F3EF}
.prose pre code{padding:0;background:none}
.prose table{width:100%;border-collapse:collapse;font-size:16px}
.prose th,.prose td{padding:10px 12px;border-bottom:1px solid #E1E4EC;text-align:left}
.prose hr{border:0;border-top:1px solid #E1E4EC}
.prose-doc h1{margin:0 0 .6em;font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.025em;color:#15171C}
.prose-doc h2{font-size:clamp(21px,1.8vw,25px)}
.prose-doc{font-size:17px}
.er-stage .bot{left:50%;translate:-50% 0}
.ty.er .nb-pill{opacity:1;scale:1 .6}
.ty.er .nb-arc{opacity:0}
.ty.er .nb-mouth{width:15cqw;height:4.6cqw;border-radius:8cqw 8cqw 1.6cqw 1.6cqw}
.ty.er .cs-brow{opacity:1;translate:0 1.4cqw}
.ty.er .cs-brow.l{rotate:-16deg}
.ty.er .cs-brow.r{rotate:16deg}
.ty.er .nb-head{rotate:-4deg}
@keyframes erHead{0%,100%{rotate:-5deg;translate:0 1cqw}50%{rotate:-2deg;translate:0 2cqw}}
@media (prefers-reduced-motion:no-preference){
.er-stage .nb-head{animation:erHead 3.4s ease-in-out infinite,nbMorph 9s ease-in-out infinite alternate}
.ty.er .ty-box h2{animation-delay:.35s}
.ty.er .ty-box p{animation-delay:.5s}
.ty.er .ty-box .btn{animation-delay:.65s}
}
@media (max-width:1080px){.news-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.news-list{grid-template-columns:minmax(0,1fr)}.prose{font-size:17px}}