.kq-section{max-width:none;padding-inline:0;overflow:hidden;scroll-margin-top:96px}.kq-showcase{padding:68px 0 76px;background:linear-gradient(180deg,#fff 0,#f6f8fb 58%,#fff 100%);color:#17191d}.kq-showcase-head{max-width:1160px;margin:0 auto 34px;padding:0 28px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.kq-showcase-head>div:first-child>span{display:block;color:#0071e3;font-size:15px;font-weight:650;margin-bottom:13px}.kq-showcase-head h2{font-size:clamp(43px,5.2vw,70px);line-height:.97;letter-spacing:-.06em;margin:0}.kq-showcase-head h2 em{font-style:normal;color:#7c8692}.kq-showcase-head p{font-size:20px;line-height:1.45;color:#737d89;margin:20px 0 0}.kq-story-arrows{display:flex;gap:10px;padding-bottom:4px}.kq-story-arrows button{position:relative;width:52px;height:52px;border:0;border-radius:50%;background:#e5e8ed;color:#5f6670;display:grid;place-items:center;padding:0;cursor:pointer;transition:transform .2s,background .2s,color .2s}.kq-story-arrows button i{width:11px;height:11px;border:solid currentColor;border-width:0 3px 3px 0;transform:translateX(2px) rotate(135deg)}.kq-story-arrows button+button i{transform:translateX(-2px) rotate(-45deg)}.kq-story-arrows button:hover{background:#d9dde3;color:#17191d;transform:scale(1.04)}
.kq-story-viewport{width:100%;overflow:hidden}.kq-story-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:calc((100vw - min(780px,78vw))/2);padding:10px max(28px,calc((100vw - min(780px,78vw))/2)) 34px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.kq-story-rail::-webkit-scrollbar{display:none}.kq-story-card{position:relative;flex:0 0 min(780px,78vw);height:520px;scroll-snap-align:center;border:1px solid #dfe5ec;border-radius:42px;background:#eef6ff;color:#13161b;overflow:hidden;padding:0;display:grid;grid-template-columns:1.04fr .96fr;font:inherit;text-align:left;cursor:pointer;box-shadow:0 18px 48px #26394d0b;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s,border-color .5s,opacity .5s;opacity:.72}.kq-story-card[aria-current="true"]{opacity:1;transform:translateY(-5px);border-color:#cfd9e5;box-shadow:0 26px 64px #26394d18}.kq-story-card:focus-visible{outline:3px solid #0071e3;outline-offset:4px}.kq-story-card.is-blue{background:radial-gradient(circle at 20% 15%,#e5f3ff,#f7fbff 54%,#eef4fb)}.kq-story-card.is-ice{background:radial-gradient(circle at 15% 15%,#e2f5ff,#f7fbfd 56%,#eef3f7)}.kq-story-card.is-violet{background:radial-gradient(circle at 17% 16%,#efe8ff,#faf8ff 56%,#f1f0f6)}.kq-story-card.is-mint{background:radial-gradient(circle at 17% 15%,#e1f7ef,#f7fcfa 55%,#eef5f2)}.kq-story-card.is-amber{background:radial-gradient(circle at 15% 15%,#fff0d9,#fffaf3 55%,#f7f1e8)}.kq-story-number{position:absolute;z-index:5;top:24px;left:25px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#ffffffc9;border:1px solid #fff;color:#617083;font-size:13px;font-weight:750;backdrop-filter:blur(15px);box-shadow:0 8px 20px #2539500d}
.kq-story-art{position:relative;display:block;min-width:0;height:100%;overflow:hidden;isolation:isolate}.kq-story-art:before{content:'';position:absolute;width:340px;height:340px;border-radius:50%;left:50%;top:50%;transform:translate(-52%,-52%);background:#fff7;border:1px solid #fff9;z-index:-1;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .5s}.kq-story-art:after{content:'';position:absolute;z-index:-1;width:130px;height:130px;border-radius:50%;right:2%;top:8%;background:#fff7;filter:blur(2px);opacity:0;transform:scale(.72);transition:opacity .6s,transform .8s cubic-bezier(.16,1,.3,1)}.kq-story-card[aria-current="true"] .kq-story-art:before{transform:translate(-52%,-52%) scale(1.035)}.kq-story-card[aria-current="true"] .kq-story-art:after{opacity:.7;transform:scale(1)}.kq-story-art>img{position:absolute;object-fit:contain;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .6s;filter:drop-shadow(0 20px 18px #1c3c5b14)}.kq-story-person{height:79%;width:70%;left:-1%;bottom:0;z-index:2}.kq-story-object{height:45%;width:45%;right:-1%;top:8%;z-index:1;transform:rotate(7deg)}.kq-story-person--folder{height:72%;bottom:4%;left:2%}.kq-story-gate{height:84%;width:90%;left:7%;bottom:4%;z-index:1}.kq-story-candidate{height:54%;width:42%;left:-7%;bottom:-1%;z-index:2}.kq-story-art>i{position:absolute;z-index:4;left:23px;right:auto;bottom:22px;padding:10px 14px;border-radius:15px;background:#fffd;border:1px solid #fff;color:#485568;font-size:13px;font-weight:720;font-style:normal;box-shadow:0 10px 25px #20365314;backdrop-filter:blur(14px);transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}.kq-story-card[aria-current="true"] .kq-story-person{transform:translateY(-7px) rotate(-1deg)}.kq-story-card[aria-current="true"] .kq-story-object{transform:translate(-7px,8px) rotate(2deg)}.kq-story-card[aria-current="true"] .kq-story-gate{transform:scale(1.03)}.kq-story-card[aria-current="true"] .kq-story-candidate{transform:translateX(12px)}.kq-story-card[aria-current="true"] .kq-story-art>i{transform:translateY(-3px);box-shadow:0 14px 30px #2036531a}
.kq-story-copy{display:flex;flex-direction:column;justify-content:center;padding:54px 44px 42px 20px;min-width:0}.kq-story-copy>small{font-size:14px;font-weight:720;color:#0071e3;margin-bottom:15px}.kq-story-copy>strong{font-size:clamp(33px,3.2vw,44px);line-height:1.02;letter-spacing:-.05em}.kq-story-copy>strong em{font-style:normal;color:#77828f}.kq-story-copy>span{font-size:17px;line-height:1.5;color:#687482;margin-top:19px}.kq-story-copy>b{display:flex;align-items:center;gap:13px;margin-top:28px;font-size:16px}.kq-story-copy>b i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#087bf5;color:#fff;font-size:23px;font-style:normal;font-weight:400;transition:transform .25s}.kq-story-card:hover .kq-story-copy>b i{transform:rotate(90deg) scale(1.06)}
.kq-story-footer{position:relative;z-index:2;max-width:1160px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:center}.kq-story-footer:before{content:'';position:absolute;z-index:-1;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);background:#fff}.kq-story-dots{display:flex;align-items:center;justify-content:center;gap:13px;width:246px;height:62px;padding:12px 18px;border:1px solid #1b263a0a;border-radius:999px;background:#fff;box-shadow:0 12px 36px #1f293f0c;backdrop-filter:blur(18px) saturate(135%)}.kq-story-dots button{position:relative;width:9px;height:9px;overflow:hidden;border:0;border-radius:99px;background:#959aa1;padding:0;cursor:pointer;transition:width .5s cubic-bezier(.16,1,.3,1),transform .25s}.kq-story-dots button:hover{transform:scale(1.14)}.kq-story-dots button[aria-pressed="true"]{width:66px;background:#959aa1}.kq-story-dots button[aria-pressed="true"]:before{content:'';position:absolute;inset:0 auto 0 0;width:38%;border-radius:inherit;background:#287cf1}.kq-showcase.is-autoplay.is-progressing .kq-story-dots button[aria-pressed="true"]:before{animation:kq-story-fill 9s linear both}@keyframes kq-story-fill{from{width:0}to{width:100%}}
@media(max-width:700px){.kq-section{scroll-margin-top:82px}.kq-showcase{padding:45px 0 56px}.kq-showcase-head{align-items:flex-end;margin-bottom:26px;padding:0 22px}.kq-showcase-head h2{font-size:43px}.kq-showcase-head p{font-size:17px;margin-top:15px}.kq-showcase-head>div:first-child>span{font-size:14px}.kq-story-arrows{display:none}.kq-story-rail{gap:13px;scroll-padding:21px;padding:6px 21px 27px}.kq-story-card{flex-basis:calc(100vw - 42px);height:620px;border-radius:34px;grid-template-columns:1fr;grid-template-rows:56% 44%;opacity:.6}.kq-story-card[aria-current="true"]{transform:none}.kq-story-number{top:18px;left:18px;width:42px;height:42px}.kq-story-art:before{width:280px;height:280px}.kq-story-art:after{width:105px;height:105px}.kq-story-person{height:92%;width:67%;left:7%}.kq-story-object{height:47%;width:44%;right:4%;top:4%}.kq-story-person--folder{height:78%;left:8%}.kq-story-gate{height:88%;width:89%;left:9%}.kq-story-candidate{height:56%;width:42%;left:-2%}.kq-story-art>i{left:18px;bottom:16px;font-size:12px}.kq-story-copy{padding:25px 27px 30px;justify-content:flex-start}.kq-story-copy>small{font-size:13px;margin-bottom:9px}.kq-story-copy>strong{font-size:31px}.kq-story-copy>span{font-size:16px;line-height:1.4;margin-top:12px}.kq-story-copy>b{margin-top:auto;font-size:15px}.kq-story-footer{width:100%;padding:0 22px}.kq-story-dots{justify-content:center;width:238px;height:54px;gap:12px;padding:0 19px;background:#fff;box-shadow:0 12px 36px #1f293f0c}.kq-story-dots button[aria-pressed="true"]{width:58px}}
@media(max-width:370px){.kq-showcase-head{padding-inline:17px}.kq-showcase-head h2{font-size:38px}.kq-story-rail{padding-inline:16px;scroll-padding:16px}.kq-story-card{flex-basis:calc(100vw - 32px);height:580px}.kq-story-copy{padding:20px 22px 24px}.kq-story-copy>strong{font-size:28px}.kq-story-copy>span{font-size:15px}.kq-story-art>i{font-size:11px}}
@media(prefers-reduced-motion:reduce){.kq-story-card,.kq-story-card *,.kq-story-dots button{transition:none!important;animation:none!important}}

/* Optical corrections for the two illustration-heavy stories. */
.kq-story-card.is-mint .kq-story-person{height:94%;width:80%;left:-5%;bottom:-5%}.kq-story-card.is-mint .kq-story-object{height:62%;width:53%;right:-5%;top:0}.kq-story-gate{height:98%;width:103%;left:2%;bottom:-4%}.kq-story-candidate{height:72%;width:51%;left:-8%;bottom:-5%}
.kq-story-card.is-sun{background:radial-gradient(circle at 18% 14%,#fff0ce,#fffaf1 55%,#f6f1e9)}.kq-story-finance-person{height:93%;width:72%;left:-2%;bottom:-8%;z-index:2}.kq-story-finance-kit{height:49%;width:45%;right:-2%;top:3%;z-index:1;transform:rotate(4deg)}.kq-story-card[aria-current="true"] .kq-story-finance-person{transform:translateY(-7px)}.kq-story-card[aria-current="true"] .kq-story-finance-kit{transform:translate(-5px,7px) rotate(-1deg)}
.kq-story-copy>b i{position:relative;font-size:0}.kq-story-copy>b i:before,.kq-story-copy>b i:after{content:'';position:absolute;left:50%;top:50%;width:13px;height:2px;border-radius:2px;background:#fff;transform:translate(-50%,-50%)}.kq-story-copy>b i:after{transform:translate(-50%,-50%) rotate(90deg)}
@media(max-width:700px){.kq-story-card.is-mint .kq-story-person{height:103%;width:79%;left:-1%;bottom:-8%}.kq-story-card.is-mint .kq-story-object{height:68%;width:54%;right:-3%;top:-3%}.kq-story-gate{height:101%;width:102%;left:3%;bottom:-5%}.kq-story-candidate{height:72%;width:50%;left:-5%;bottom:-8%}.kq-story-finance-person{height:102%;width:70%;left:1%;bottom:-11%}.kq-story-finance-kit{height:53%;width:47%;right:-2%;top:0}}

@media(prefers-reduced-motion:no-preference){.kq-story-card[aria-current="true"] .kq-story-person,.kq-story-card[aria-current="true"] .kq-story-finance-person{animation:kq-story-person-float 4.8s ease-in-out infinite}.kq-story-card[aria-current="true"] .kq-story-object,.kq-story-card[aria-current="true"] .kq-story-finance-kit{animation:kq-story-object-float 5.4s .3s ease-in-out infinite}.kq-story-card[aria-current="true"] .kq-story-candidate{animation:kq-story-candidate-step 4.9s ease-in-out infinite}.kq-story-card[aria-current="true"] .kq-story-gate{animation:kq-story-gate-breathe 5.8s ease-in-out infinite}}@keyframes kq-story-person-float{50%{translate:0 -5px}}@keyframes kq-story-object-float{50%{translate:0 6px}}@keyframes kq-story-candidate-step{50%{translate:5px -2px}}@keyframes kq-story-gate-breathe{50%{translate:0 -2px}}

/* The active rail indicator visibly fills even when a touch interaction pauses autoplay. */
.kq-story-dots button[aria-pressed="true"]:before{animation:kq-story-fill 9s linear both}

/* Оставляем место мягкой тени внутри прокручиваемой области, но не
   увеличиваем расстояние до переключателя. Белая плашка под ним больше
   не отрезает тень прямой горизонтальной линией. */
.kq-story-rail{padding-bottom:72px}
.kq-story-footer{margin-top:-38px}
.kq-story-footer:before{display:none}
@media(max-width:700px){.kq-story-rail{padding-bottom:65px}}