/* V15: tighter vertical rhythm */
@media (min-width:901px){.sec{padding:84px 0}.sec.tight{padding:60px 0}.head{margin-bottom:44px}
main[data-route=home] .ticker{margin-top:28px}}
/* V15: Why KORVEX, interactive cards */
.why5{counter-reset:w5}
.why5>div{position:relative;overflow:hidden;isolation:isolate;counter-increment:w5;padding:30px 24px 28px;
 background:#fff;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s,color .45s}
.why5>div:before{content:"0" counter(w5);position:absolute;top:14px;right:18px;font:800 46px/1 inherit;font-family:inherit;
 color:transparent;-webkit-text-stroke:1.2px rgba(31,90,148,.22);transition:.45s;z-index:-1}
[dir=rtl] .why5>div:before{right:auto;left:18px}
.why5>div:after{content:"";position:absolute;inset:0;z-index:-2;opacity:0;transition:opacity .45s;
 background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(111,168,214,.35),transparent 45%),linear-gradient(150deg,#0C1E3C 0%,#12305A 55%,#1F5A94 100%)}
.why5>div .i{width:46px!important;height:46px!important;padding:11px;border-radius:14px;background:var(--ice,#E8F0F9);box-sizing:border-box;
 transition:background .45s,color .45s,transform .6s cubic-bezier(.2,.8,.2,1)}
.why5>div .i *{stroke-dasharray:120;stroke-dashoffset:0}
.why5>div b,.why5>div span{transition:color .45s}
.why5>div .bar{position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#6FA8D6,#fff);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
[dir=rtl] .why5>div .bar{transform-origin:right}
@media (hover:hover){
.why5>div:hover{transform:translateY(-10px);border-color:transparent;box-shadow:0 26px 50px -18px rgba(12,30,60,.55)}
.why5>div:hover:after{opacity:1}
.why5>div:hover:before{-webkit-text-stroke-color:rgba(255,255,255,.35);transform:translateY(-4px)}
.why5>div:hover .i{background:rgba(255,255,255,.12);color:#fff;transform:rotate(-6deg) scale(1.08)}
.why5>div:hover .i *{animation:w5draw 1s ease forwards}
.why5>div:hover b{color:#fff}.why5>div:hover span,.why5>div:hover .mkw,.why5>div:hover .mkw small{color:#D7E3F1}
.why5>div:hover .bar{transform:scaleX(1)}
.why5:hover>div:not(:hover){opacity:.72;transform:scale(.98)}
}
@keyframes w5draw{from{stroke-dashoffset:120}to{stroke-dashoffset:0}}
.why5>div.rv.in .i *,.why5>div.rv.on .i *{animation:w5draw 1.4s ease both}
@media (prefers-reduced-motion:reduce){.why5>div,.why5>div *{transition:none!important;animation:none!important}}