:root{--kn-blue:#58748c;--kn-blue-dark:#2f4158;--kn-gold:#edce86;--kn-gold-deep:#d5ad55;--kn-text:#3f4650;--kn-muted:#777f8b;--kn-line:#e7e9ee;--kn-bg:#f8f9fb;--kn-cream:#fbf3df}
.kn-block{margin:44px 0;color:var(--kn-text);font:14px/1.55 Arial,Helvetica,sans-serif}
.kn-block *{box-sizing:border-box}
.kn-block a{color:var(--kn-blue-dark)}
.kn-h2{margin:0 0 20px;padding-bottom:12px;position:relative;font:400 24px/1.25 Georgia,"Times New Roman",serif;text-transform:uppercase;letter-spacing:.02em;color:var(--kn-blue-dark)}
.kn-h2:after{content:"";position:absolute;left:0;bottom:0;width:44px;height:2px;background:var(--kn-gold-deep)}
.kn-lead{margin:0 0 18px;font-size:15px;line-height:1.65;max-width:780px}
.kn-ico{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.kn-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border:1px solid var(--kn-gold-deep);background:var(--kn-gold);color:var(--kn-blue-dark)!important;font:700 14px Arial,sans-serif;text-decoration:none;cursor:pointer}
.kn-btn--line{background:#fff;border-color:var(--kn-line)}
.kn-btn--light{background:transparent;border-color:#fff;color:#fff!important}
/* первый экран */
.kn-hero{
	background-image: url(/img/kubki_hero.png);
}
.kn-hero-sport{
	background-image: url(/img/sport_hero.png);
}
.kn-hero-fut{
	background-image: url(/img/fut_hero.png);
}
/* карточки выбора и преимущества */
.kn-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kn-cards--3{grid-template-columns:repeat(3,1fr)}
.kn-card2{background:#fff;border:1px solid var(--kn-line);padding:20px 18px;display:flex;flex-direction:column;gap:12px}
.kn-card2__ico{width:44px;height:44px;border:1px solid var(--kn-gold-deep);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--kn-gold-deep)}
.kn-card2 p{margin:0;font-size:14px}
/* шаги */
.kn-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--kn-line)}
.kn-step{padding:22px 20px;border-right:1px solid var(--kn-line);background:#fff}
.kn-step:last-child{border-right:0}
.kn-step__num{font:400 38px/1 Georgia,serif;color:var(--kn-gold-deep)}
.kn-step h3{margin:10px 0 6px;font:700 15px Arial,sans-serif;color:var(--kn-blue-dark)}
.kn-step p{margin:0;font-size:14px}
/* таблица критериев */
.kn-table{width:100%;border-collapse:collapse;background:#fff}
.kn-table th,.kn-table td{padding:14px 16px;border:1px solid var(--kn-line);text-align:left;vertical-align:top}
.kn-table th{background:var(--kn-bg);color:var(--kn-blue-dark)}
.kn-table td:first-child{width:28%;font-weight:700;color:var(--kn-blue-dark)}
/* 1-2-3 место */
.kn-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:end}
.kn-place__img svg{max-width:100%;height:auto}
.kn-place{background:#fff;border:1px solid var(--kn-line);text-align:center;padding:18px 12px 14px}
.kn-place__img{height:190px;display:flex;align-items:flex-end;justify-content:center}
.kn-place b{display:block;margin-top:10px;font:400 18px Georgia,serif;text-transform:uppercase;color:var(--kn-blue-dark)}
.kn-place--1{background:var(--kn-cream);border-color:var(--kn-gold-deep)}
.kn-block__foot{margin-top:18px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
/* баннер-ссылка и две колонки */
.kn-promo{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:center;background:var(--kn-bg);border:1px solid var(--kn-line);padding:24px}
.kn-promo__img{display:flex;align-items:flex-end;justify-content:center;height:170px;background:#fff;border:1px solid var(--kn-line)}
.kn-promo__img .kn-ico{width:72px;height:72px;color:var(--kn-gold-deep)}
.kn-promo p{margin:0 0 16px;font-size:15px;line-height:1.6}
.kn-promo .kn-h2{margin-bottom:14px}
/* призыв на тёмном фоне */
.kn-cta{padding:34px 36px;background:linear-gradient(110deg,var(--kn-blue-dark),var(--kn-blue));color:#fff}
.kn-cta .kn-h2{color:#fff}
.kn-cta p{margin:0 0 20px;max-width:720px;font-size:15px;line-height:1.6;color:#eef2f6}
.kn-cta__btns{display:flex;gap:12px;flex-wrap:wrap}
/* FAQ */
.kn-faq details{border:1px solid var(--kn-line);background:#fff;margin-bottom:10px}
.kn-faq summary{list-style:none;cursor:pointer;padding:16px 48px 16px 18px;position:relative;font:700 15px Arial,sans-serif;color:var(--kn-blue-dark);min-height:48px}
.kn-faq summary::-webkit-details-marker{display:none}
.kn-faq summary:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font:400 24px/1 Arial;color:var(--kn-gold-deep)}
.kn-faq details[open] summary:after{content:"\2212"}
.kn-faq details p{margin:0;padding:0 18px 18px;font-size:14px;line-height:1.6}
/* SEO-текст внизу */
.kn-text{max-width:860px;font-size:15px;line-height:1.7}
.kn-text h2{margin:30px 0 12px;font:400 22px/1.3 Georgia,serif;color:var(--kn-blue-dark)}
.kn-text ul{padding-left:20px;margin:0 0 14px}
.kn-text li{margin-bottom:6px}
.kn-text p{margin:0 0 14px}
@media (max-width:768px){
.kn-block{margin:32px 0}
.kn-h2{font-size:20px}
.kn-hero{grid-template-columns:1fr;padding:22px 16px 16px}
.kn-hero h1{font-size:26px}
.kn-hero__img{order:3;min-height:140px}
.kn-hero__btns .kn-btn{width:100%}
.kn-hero__tiles{grid-template-columns:1fr 1fr}
.kn-cards,.kn-cards--3{grid-template-columns:1fr 1fr}
.kn-steps{grid-template-columns:1fr 1fr}
.kn-step:nth-child(2){border-right:0}
.kn-step:nth-child(-n+2){border-bottom:1px solid var(--kn-line)}
.kn-podium{gap:8px}
.kn-place{padding:10px 4px}
.kn-place b{font-size:13px}
.kn-place__img{height:150px}
.kn-promo{grid-template-columns:1fr;padding:16px}
.kn-cta{padding:24px 16px}
.kn-cta__btns .kn-btn{width:100%}
.kn-table td:first-child{width:36%}
.kn-table th,.kn-table td{padding:10px}
}

body{margin:0;background:#fff;font:14px/1.5 Arial,Helvetica,sans-serif;color:#3f4650}
.pg{box-sizing:border-box;width:1240px;margin:0 auto;padding:0 20px 60px}
.ex{border:1.5px dashed #b9bfc9;background:#f1f3f6;color:#8a919c;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;margin:14px 0}
.pg-grid{display:grid;grid-template-columns:240px 1fr;gap:24px}
.pg-side{height:640px}
.kn-sec{margin:56px 0}
.kn-band{background:var(--kn-bg);border:1px solid var(--kn-line);padding:34px 34px 36px}
.kn-2col{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.kn-2col p{margin:0 0 14px;font-size:15px;line-height:1.7}
.kn-cat{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kn-cat a{display:flex;gap:14px;align-items:flex-start;padding:20px;background:#fff;border:1px solid var(--kn-line);text-decoration:none;position:relative;transition:.2s}
.kn-cat a:hover{border-color:var(--kn-gold-deep);box-shadow:0 10px 24px rgba(47,65,88,.1)}
.kn-cat .kn-card2__ico{flex:none}
.kn-cat h3{margin:0 0 4px;font:700 16px Arial;color:var(--kn-blue-dark)}
.kn-cat span{display:block;font-size:13px;color:var(--kn-muted)}
.kn-cat em{display:block;margin-top:8px;font:700 12px Arial;color:var(--kn-gold-deep);font-style:normal;text-transform:uppercase;letter-spacing:.05em}
.kn-rows{border:1px solid var(--kn-line);background:#fff;margin-top:20px}
.kn-row{display:grid;grid-template-columns:300px 1fr;gap:20px;padding:16px 20px;border-bottom:1px solid var(--kn-line);align-items:start}
.kn-row:last-child{border-bottom:0}
.kn-row b{color:var(--kn-blue-dark);display:flex;gap:10px;align-items:center}
.kn-row b .kn-ico{color:var(--kn-gold-deep)}
.kn-mats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kn-mat{background:#fff;border:1px solid var(--kn-line);padding:22px 20px;border-top:3px solid var(--kn-gold-deep)}
.kn-mat h3{margin:0 0 10px;font:400 19px Georgia,serif;color:var(--kn-blue-dark)}
.kn-mat p{margin:0;font-size:14px;line-height:1.65}
.kn-links3{display:grid;grid-template-columns:1fr;gap:12px}
.kn-linkcard{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;background:#fff;border:1px solid var(--kn-line);text-decoration:none;font-weight:700;color:var(--kn-blue-dark)}
.kn-linkcard:hover{border-color:var(--kn-gold-deep)}
.kn-linkcard span{color:var(--kn-gold-deep);font-size:20px}
.kn-check{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0}
.kn-check div{background:#fff;border:1px solid var(--kn-line);padding:16px 12px;text-align:center;font-weight:700;color:var(--kn-blue-dark);font-size:13px}
.kn-check .kn-ico{display:block;margin:0 auto 8px;color:var(--kn-gold-deep)}
.kn-order{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--kn-line);background:#fff}
.kn-order>div{padding:22px 20px;border-right:1px solid var(--kn-line)}
.kn-order>div:last-child{border-right:0}
.kn-order .kn-step__num{font:400 34px Georgia,serif;color:var(--kn-gold-deep)}
.kn-order h3{margin:8px 0 6px;font:700 15px Arial;color:var(--kn-blue-dark)}
.kn-order p{margin:0;font-size:14px}
.kn-rel{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:18px}
.kn-rel a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:#fff;border:1px solid var(--kn-line);text-align:center;text-decoration:none;font-weight:700;font-size:13px;color:var(--kn-blue-dark)}
.kn-rel .kn-card2__ico{width:40px;height:40px}
.kn-form{display:grid;grid-template-columns:1fr 1.1fr;gap:34px;align-items:center;background:linear-gradient(110deg,#2f4158,#58748c);padding:36px;color:#fff}
.kn-form .kn-h2{color:#fff}
.kn-form p{margin:0 0 14px;color:#eef2f6;font-size:15px;line-height:1.6}
.kn-form form{background:#fff;padding:24px;color:#3f4650}
.kn-form label{display:block;font:700 12px Arial;color:#2f4158;margin:0 0 4px}
.kn-form input[type=text],.kn-form textarea{width:100%;border:1px solid #d4d8df;padding:12px;font:15px Arial;margin-bottom:12px;background:#fff}
.kn-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kn-form small{display:block;margin:8px 0 12px;font-size:12px;color:#777f8b}
.kn-form .kn-btn{width:100%}
.mk-nav{display:flex;gap:18px;padding:12px 0;border-bottom:1px solid var(--kn-line);font-size:13px;color:#58748c}
@media (max-width:768px){
.pg{width:100%;padding:0 12px 40px}.pg-grid{display:block}.pg-side{display:none}
.kn-sec{margin:36px 0}.kn-band{padding:20px 14px}
.kn-2col,.kn-cat,.kn-mats,.kn-order,.kn-form{grid-template-columns:1fr}
.kn-row{grid-template-columns:1fr;gap:6px}
.kn-check{grid-template-columns:1fr 1fr}.kn-rel{grid-template-columns:1fr 1fr 1fr}
.kn-order>div{border-right:0;border-bottom:1px solid var(--kn-line)}
.kn-form{padding:20px 14px}.kn-form .row2{grid-template-columns:1fr}
}