:root{
  --orange:#ff571f;
  --orange-dark:#e54100;
  --orange-soft:#fff2ee;
  --brown:#55474a;
  --ink:#161c26;
  --muted:#545964;
  --line:#ececec;
  --bg:#fff;
  --tint:#faf6f4;
  --r:20px;
  --shadow:0 6px 24px rgba(85,71,74,.10);
  --shadow-lg:0 14px 40px rgba(85,71,74,.16);
  --font:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3,h4,p{margin:0}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px;border-radius:6px}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;border-radius:8px;z-index:100}
.skip:focus{left:8px}
.muted{color:var(--muted)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 24px;font-weight:700;font-size:15px;transition:.2s}
.btn--primary{background:var(--orange);color:#fff}
.btn--primary:hover{background:var(--orange-dark);transform:translateY(-1px)}
.btn--dark{background:var(--brown);color:#fff}
.btn--dark:hover{background:var(--ink)}
.btn--sm{padding:9px 18px;font-size:14px}
.btn--lg{padding:15px 30px;font-size:16px}

/* Topbar */
.topbar{background:var(--brown);color:#fff;font-size:13px}
.topbar__in{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:7px}
.topbar strong{color:#ffd9cc}
.topbar__links{display:flex;gap:18px;align-items:center}
.topbar a:hover{text-decoration:underline}
.lang{display:inline-flex;border:1px solid rgba(255,255,255,.4);border-radius:999px;overflow:hidden}
.lang button{background:none;border:0;padding:2px 12px;font-size:12px;font-weight:700;color:#fff}
.lang .is-on{background:#fff;color:var(--brown)}
.lang button:disabled{opacity:.6;cursor:not-allowed}

/* Header */
.header{position:sticky;top:0;z-index:50;background:#fff;transition:box-shadow .2s}
.header.is-stuck{box-shadow:0 2px 16px rgba(0,0,0,.08)}
.header__in{display:flex;align-items:center;gap:28px;height:72px}
.logo{display:inline-flex;align-items:center;flex:none}
.logo img{height:38px;width:auto;max-width:none;flex:none}
.logo--light img{filter:brightness(0) invert(1);height:40px}
.nav{display:flex;align-items:center;flex:1;justify-content:space-between}
.nav>ul{display:flex;gap:4px}
.nav>ul>li{position:relative}
.nav>ul>li>a,.nav>ul>li>button{display:block;background:none;border:0;padding:10px 16px;font-weight:600;font-size:15px;border-radius:999px;transition:.15s}
.nav>ul>li>a:hover,.nav>ul>li>button:hover,.nav>ul>li:focus-within>button{background:var(--orange-soft);color:var(--orange-dark)}
.has-sub>button::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-3px) rotate(45deg)}
.sub{position:absolute;left:0;top:calc(100% + 6px);min-width:250px;background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;max-height:70vh;overflow:auto}
.has-sub:hover>.sub,.has-sub.is-open>.sub{opacity:1;visibility:visible;transform:none}
.sub a{display:block;padding:9px 14px;border-radius:10px;font-size:14.5px;font-weight:500}
.sub a:hover{background:var(--orange-soft);color:var(--orange-dark)}
.nav__cta{display:none}
.header__actions{display:flex;align-items:center;gap:10px}
.icon-btn{width:40px;height:40px;border-radius:50%;border:0;background:none;display:grid;place-items:center}
.icon-btn:hover{background:var(--orange-soft);color:var(--orange)}
.burger{display:none;width:42px;height:42px;border:0;background:none;position:relative}
.burger span{position:absolute;left:10px;right:10px;height:2px;background:var(--ink);border-radius:2px;transition:.2s}
.burger span:nth-child(1){top:14px}.burger span:nth-child(2){top:20px}.burger span:nth-child(3){top:26px}
.burger[aria-expanded="true"] span:nth-child(1){top:20px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){top:20px;transform:rotate(-45deg)}
.search{border-top:1px solid var(--line);background:#fff;padding:14px 0}
.search[hidden]{display:none}
.search .wrap{display:flex;gap:10px}
.search input{flex:1;border:2px solid var(--line);border-radius:999px;padding:11px 20px;font:inherit}
.search input:focus{outline:0;border-color:var(--orange)}

/* Hero */
.hero{padding-top:20px}
.hero__box{position:relative;border-radius:32px;overflow:hidden;background:var(--tint);box-shadow:var(--shadow)}
.hero__slides{display:grid}
.slide{grid-area:1/1;display:flex;align-items:center;min-height:clamp(400px,44vw,540px);padding:0 clamp(24px,5vw,72px) 0 clamp(64px,8vw,110px);background:linear-gradient(90deg,rgba(255,255,255,.93) 0%,rgba(255,255,255,.72) 38%,rgba(255,255,255,0) 62%),var(--bg) center/cover no-repeat;transform:translateY(100%);visibility:hidden;transition:transform .6s cubic-bezier(.6,0,.2,1),visibility .6s;position:relative}
.hero__slides{overflow:hidden}
.slide.is-prev{transform:translateY(-100%)}
.slide.is-active{transform:none;visibility:visible}
.slide__txt{max-width:480px;position:relative;z-index:1}
.slide h1,.slide h2{font-size:clamp(28px,3.8vw,48px);line-height:1.14;font-weight:800;letter-spacing:-1px;color:var(--ink)}
.slide p{margin:16px 0 28px;font-size:18px;color:var(--brown)}
.slide--brand{background:linear-gradient(120deg,var(--orange) 0%,#ff7a45 100%)}
.slide--brand h2,.slide--brand p{color:#fff}
.slide--soft{background:linear-gradient(120deg,#fff2ee 0%,#ffe0d4 100%)}
.slide__art{position:absolute;right:clamp(24px,8vw,120px);bottom:0;height:75%;width:auto;max-width:42%;object-fit:contain}
.slide--brand .slide__art{height:70%;bottom:15%;filter:brightness(0) invert(1);opacity:.9}
.slide__art--mascot{height:88%}
.btn--light{background:#fff;color:var(--orange-dark)}
.btn--light:hover{background:var(--brown);color:#fff}
.hero__ctrl{position:absolute;left:clamp(18px,3vw,36px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:16px;z-index:3}
.dots{display:flex;flex-direction:column;gap:8px}
.dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#cfc7c4;transition:.3s}
.dot.is-on{background:#ff684f;height:28px;border-radius:6px}
.hero__box:has(.slide--brand.is-active) .dot:not(.is-on){background:rgba(255,255,255,.6)}
.hero__box:has(.slide--brand.is-active) .dot.is-on{background:#fff}
.pause{width:26px;height:26px;border-radius:50%;border:0;background:rgba(85,71,74,.75);display:flex;gap:3px;align-items:center;justify-content:center}
.pause span{width:3px;height:10px;background:#fff;border-radius:1px}
.pause.is-paused span:first-child{width:0;height:0;background:none;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #fff;border-radius:0}
.pause.is-paused span:last-child{display:none}

/* Quick */
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px;position:relative;z-index:2}
.quick__item{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 20px}
.quick__ic{flex:none;width:60px;height:60px}
.quick__ic svg{width:100%;height:100%;overflow:visible}
.quick__ic .g{fill:#c4bfc0}.quick__ic .g2{fill:none;stroke:#a9a3a5;stroke-width:3;stroke-linecap:round}
.quick__ic .g2:is(rect){fill:#a9a3a5;stroke:none}
.quick__ic .o{fill:var(--orange)}
.quick__ic .w{fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.quick__ic .wf{fill:#fff}
.quick__item strong{display:block;font-size:15px;line-height:1.3}
.quick__item small{color:var(--muted);font-size:13px}

/* Sections */
.section{padding:84px 0}
.section--tint{background:var(--tint)}
.section__head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:36px}
.section__head--col{flex-direction:column;align-items:center;text-align:center;gap:6px}
h2{font-size:clamp(26px,3.2vw,38px);line-height:1.2;font-weight:800;letter-spacing:-.5px}
.section__head h2{color:var(--orange)}
.section__head--col h2{color:var(--brown)}
.tabs{display:flex;gap:8px;background:var(--tint);padding:5px;border-radius:999px}
.tab{border:0;background:none;padding:9px 20px;border-radius:999px;font-weight:700;font-size:14px;color:var(--muted)}
.tab.is-on{background:var(--orange);color:#fff}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px 24px 22px;transition:box-shadow .4s ease,border-color .4s ease}
.card:hover,.card:focus-visible{border-color:transparent;box-shadow:0 4px 16px rgba(60,64,80,.14)}
.card img{margin-bottom:14px}
.card h3{font-size:18px;font-weight:700}
.card p{color:var(--muted);font-size:14px;margin:8px 0 18px;flex:1}
.more{display:inline-flex;align-items:center;gap:12px;color:var(--orange);font-weight:700;font-size:14px;height:36px;opacity:0;transition:opacity .4s ease}
.more__ic{flex:none;width:36px;height:36px;border-radius:50%;background:var(--orange);position:relative}
.more__ic::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border:solid #fff;border-width:2.5px 2.5px 0 0;transform:translate(-65%,-50%) rotate(45deg)}
.card:hover .more,.card:focus-visible .more{opacity:1}
@media (hover:none){.more{opacity:1}}
.link b{transition:.2s}
.card.is-hidden{display:none}

/* App */
.app__in{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}
.app__txt h2{margin-bottom:16px;color:var(--ink)}
.app__txt p{color:var(--muted);margin-bottom:26px;max-width:480px}
.app__img{max-height:460px;margin-inline:auto}

/* News */
.news{display:grid;grid-template-columns:1.35fr 1fr;gap:24px}
.news__main{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}
.news__img{display:block;overflow:hidden;background:var(--tint)}
.news__img img{width:100%;height:100%;object-fit:cover;transition:.4s}
.news__main:hover img{transform:scale(1.04)}
.news__body{padding:28px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.news__body h3{font-size:22px;line-height:1.3}
.meta{font-size:13px;color:var(--muted)}
.link{color:var(--orange);font-weight:700;margin-top:8px}
.link:hover b{transform:translateX(4px);display:inline-block}
.news__side{display:flex;flex-direction:column;gap:14px}
.news__row{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:10px;transition:.2s}
.news__row:hover{transform:translateX(4px)}
.news__row img{width:110px;height:80px;object-fit:cover;border-radius:10px}
.news__row h3{font-size:14.5px;line-height:1.35;font-weight:600}
.news__all{display:flex;justify-content:space-between;align-items:center;background:var(--orange);color:#fff;font-weight:700;border-radius:16px;padding:20px 24px;margin-top:auto;transition:.2s}
.news__all:hover{background:var(--orange-dark)}

/* Video & rate */
.media{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:stretch}
.video{background:#fff;border-radius:var(--r);padding:24px;box-shadow:var(--shadow)}
.video h2{font-size:24px;margin-bottom:16px}
.video__frame{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}
.video__frame img,.video__frame iframe{width:100%;height:100%;object-fit:cover;border:0}
.play{position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;border:0;background:var(--orange);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 10px rgba(255,87,31,.3);transition:.2s}
.play:hover{transform:scale(1.08)}
.rate{background:var(--brown);color:#fff;border-radius:var(--r);padding:32px 24px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:6px}
.rate p{opacity:.85}
.rate__num{font-size:72px;line-height:1;font-weight:800;color:#ffb199}
.rate__num sup{font-size:28px;vertical-align:top;margin-left:2px}
.rate small{opacity:.8;font-size:13px;margin-top:6px}

/* Trust */
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.trust article{background:var(--orange-soft);border-radius:var(--r);padding:26px 22px}
.trust img{margin-bottom:14px}
.trust h3{font-size:17px;margin-bottom:8px;color:var(--brown)}
.trust p{font-size:14px;color:var(--muted)}

/* Contact */
.contact{background:var(--tint);border-block:1px solid var(--line)}
.contact__in{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-block:32px}
.contact__item{display:flex;align-items:center;gap:16px}
.contact__item img{flex:none;width:64px;height:64px}
.contact__item b{display:block;font-size:15px;color:var(--brown)}
.contact__item em{font-style:normal;color:var(--orange);margin-left:6px}
.contact__item .big{display:block;font-size:34px;font-weight:800;line-height:1.1;color:var(--orange);white-space:nowrap}
.contact__item span{font-size:13.5px;color:var(--muted)}

/* Footer */
.footer{background:var(--brown);color:#f1e9e6;font-size:14px}
.footer__grid{display:grid;grid-template-columns:auto 1fr 1fr 1.5fr 1.2fr;gap:32px;padding-block:56px 32px}
.footer h4{font-size:15px;color:#fff;margin-bottom:14px}
.footer li{margin-bottom:8px}
.footer a:hover{color:#fff;text-decoration:underline}
.footer p{margin-bottom:12px}
.footer__col h4:nth-of-type(2){margin-top:18px}
.social{display:flex;gap:10px;margin-top:14px}
.social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center}
.social a:hover{background:var(--orange)}
.social svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.8}
.footer__legal{border-top:1px solid rgba(255,255,255,.15);padding-block:24px 30px;font-size:12.5px;opacity:.9}
.footer__bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}
.group{font-weight:800}
.group i{font-style:normal;color:var(--orange)}
.footer .logo{margin-bottom:8px}

/* Help & to-top */
.help{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.help__btn{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:#fff;border:0;border-radius:999px;padding:13px 20px;font-weight:700;box-shadow:var(--shadow-lg)}
.help__btn:hover{background:var(--orange-dark)}
.help__panel{width:300px;background:#fff;border-radius:var(--r);box-shadow:var(--shadow-lg);padding:18px}
.help__panel[hidden]{display:none}
.help__panel h3{margin-bottom:10px}
.help__panel a{display:block;padding:10px 12px;border-radius:12px}
.help__panel a:hover{background:var(--orange-soft)}
.help__panel b{display:block;font-size:14px}
.help__panel span{font-size:13px;color:var(--muted)}
.totop{position:fixed;left:20px;bottom:20px;z-index:60;width:44px;height:44px;border-radius:50%;border:0;background:var(--brown);color:#fff;font-size:20px;box-shadow:var(--shadow)}
.totop[hidden]{display:none}

/* Tablet */
@media (max-width:1024px){
  .slide{background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.8) 45%,rgba(255,255,255,0) 80%),var(--bg) 72% bottom/cover no-repeat;align-items:flex-start;padding-top:40px;min-height:500px}
  .slide--brand{background:linear-gradient(120deg,var(--orange),#ff7a45)}.slide--soft{background:linear-gradient(120deg,#fff2ee,#ffe0d4)}
  .slide__art{max-width:46%;height:40%;right:20px;bottom:60px}.slide--brand .slide__art{height:36%;bottom:80px}
  .topbar__links a{display:none}
  .cards,.trust{grid-template-columns:repeat(2,1fr)}
  .quick{grid-template-columns:repeat(2,1fr)}
  .news{grid-template-columns:1fr}
  .media{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr 1fr 1fr}
  .header__cta{display:none}
  .burger{display:block}
  .nav{position:fixed;inset:0 0 0 auto;width:min(360px,88vw);background:#fff;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:20px;padding:88px 20px 24px;transform:translateX(100%);transition:.28s;box-shadow:var(--shadow-lg);overflow:auto;z-index:-1;visibility:hidden}
  .nav.is-open{transform:none;visibility:visible;z-index:1}
  .nav>ul{flex-direction:column;gap:0}
  .nav>ul>li>a,.nav>ul>li>button{width:100%;text-align:left;border-radius:12px;padding:14px;font-size:16px;display:flex;justify-content:space-between;align-items:center}
  .sub{position:static;box-shadow:none;opacity:1;visibility:visible;transform:none;display:none;padding:0 0 6px 10px;max-height:none}
  .has-sub:hover>.sub{display:none}
  .has-sub.is-open>.sub{display:block}
  .nav__cta{display:inline-flex}
}
/* Mobile */
@media (max-width:640px){
  .topbar__links a{display:none}
  .topbar p{font-size:12px}
  .header__in{height:64px;gap:12px}
  .logo img{height:30px}
  .hero__box{border-radius:24px}
  .slide{background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.75) 55%,rgba(255,255,255,.2) 100%),var(--bg) 70% center/cover no-repeat;align-items:flex-start;padding-top:32px;min-height:460px}
  .slide--brand{background:linear-gradient(120deg,var(--orange),#ff7a45)}.slide--soft{background:linear-gradient(120deg,#fff2ee,#ffe0d4)}
  .slide__art{max-width:50%;height:38%;right:16px;bottom:56px}.slide--brand .slide__art{bottom:70px;height:26%}
  .slide p{font-size:15px;margin-bottom:20px}
  .slide p{font-size:16px}
  .quick{gap:10px;margin-top:16px}
  .quick__item{flex-direction:column;align-items:flex-start;padding:14px;gap:10px}
  .section{padding:56px 0}
  .tabs{width:100%}.tab{flex:1;padding:9px 6px}
  .cards{gap:12px}
  .card{padding:20px 12px 16px}
  .card img{width:64px;height:64px}
  .card h3{font-size:15px}.card p{font-size:12.5px}
  .app__in{grid-template-columns:1fr}
  .news__main{grid-template-columns:1fr}
  .news__img{aspect-ratio:16/10}
  .trust{grid-template-columns:1fr}
  .contact__in{grid-template-columns:1fr;gap:18px}
  .footer__grid{grid-template-columns:1fr 1fr}
  .footer__col{grid-column:1/-1}
  .help__btn span{display:none}
  .help__btn{padding:14px}
  .help__panel{width:min(300px,100vw - 40px)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Store badge */
.store{display:inline-flex;align-items:center;gap:10px;background:#111;color:#fff;border-radius:12px;padding:8px 18px 8px 14px;transition:.2s}
.store:hover{background:var(--brown);transform:translateY(-2px)}
.store .gp{width:26px;height:26px;flex:none}
.store span{display:flex;flex-direction:column;line-height:1.1;text-align:left}
.store small{font-size:10.5px;letter-spacing:.3px;opacity:.85}
.store b{font-size:18px;font-weight:700}

/* Trust icons */
.tic{display:grid;place-items:center;width:96px;height:96px;margin-bottom:16px;background:#fff;border-radius:28px}
.tic svg{width:64px;height:64px}

/* Video list */
.video__title{margin-top:14px;font-weight:600}
.video__frame{border-radius:28px}
.vlist{display:flex;flex-direction:column;gap:14px}
.vlist__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.vlist__head h3{font-size:24px;font-weight:800}
.pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;box-shadow:var(--shadow)}
.pill:hover{color:var(--orange)}
.vlist ul{display:flex;flex-direction:column;gap:12px}
.vitem{width:100%;display:flex;gap:14px;align-items:flex-start;text-align:left;background:#fff;border:2px solid transparent;border-radius:24px;padding:20px 22px;transition:.2s}
.vitem:hover,.vitem.is-on{border-color:var(--orange)}
.vitem b{display:block;font-size:15px;line-height:1.4}
.vitem small{color:var(--muted);font-size:13px}
.vic{flex:none;width:28px;height:28px;border-radius:50%;background:var(--orange);position:relative;margin-top:2px}
.vic::before{content:"";position:absolute;left:8px;top:8px;width:5px;height:12px;background:#fff;border-radius:2px 0 0 2px;clip-path:polygon(0 25%,60% 0,60% 100%,0 75%)}
.vic::after{content:"";position:absolute;left:15px;top:9px;width:4px;height:10px;border:2px solid #fff;border-left:0;border-radius:0 8px 8px 0}

/* Rate (in news) */
.rate{flex-direction:row!important;justify-content:space-between!important;align-items:center;text-align:left;padding:18px 24px!important;border-radius:20px}
.rate p{font-weight:600}
.rate small{margin:0}
.rate__num{font-size:48px}
.rate__num sup{font-size:20px}

/* Help additions */
.help__chat{display:block;width:100%;text-align:left;border:0;background:var(--orange);color:#fff;border-radius:12px;padding:10px 12px;margin-bottom:6px}
.help__chat span{color:#fff;opacity:.9}
.help__chat:hover{background:var(--orange-dark)}

/* Livechat */
.chat{position:fixed;right:20px;bottom:20px;z-index:70;width:min(360px,100vw - 32px);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.chat[hidden]{display:none}
.chat__head{display:flex;justify-content:space-between;align-items:center;background:var(--orange);color:#fff;padding:16px 20px;position:sticky;top:0}
.chat__head h3{font-size:18px}.chat__head small{opacity:.9}
.chat__head button{background:rgba(255,255,255,.2);border:0;color:#fff;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;padding:0;font-size:0;position:relative}
.chat__head button::before,.chat__head button::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;background:#fff;border-radius:1px;transform:translate(-50%,-50%) rotate(45deg)}
.chat__head button::after{transform:translate(-50%,-50%) rotate(-45deg)}
.chat__form{padding:18px 20px 20px;display:flex;flex-direction:column;gap:12px}
.chat__hello{background:var(--tint);padding:12px 14px;border-radius:14px 14px 14px 4px;font-size:14px}
.chat__form label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:var(--brown)}
.chat__form input,.chat__form select,.chat__form textarea{font:inherit;font-weight:400;color:var(--ink);border:2px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}
.chat__form input:focus,.chat__form select:focus,.chat__form textarea:focus{outline:0;border-color:var(--orange)}
.chat__err{color:#d92d20;font-size:13px}
.chat__note{color:var(--muted);font-size:12px;text-align:center}
.chat__done{padding:34px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.chat__ok{width:56px;height:56px;border-radius:50%;background:var(--orange);color:#fff;font-size:30px;display:grid;place-items:center}
.chat__done[hidden],.chat__err[hidden]{display:none}

/* Sitemap */
.sm{padding-block:40px 80px}
.sm__crumb{font-size:14px;color:var(--muted);margin-bottom:12px}
.sm__crumb a:hover{color:var(--orange)}
.sm h1{font-size:clamp(30px,4vw,44px);font-weight:800;color:var(--orange);letter-spacing:-1px}
.sm__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;align-items:start}
.sm__group{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px}
.sm__group:nth-child(3){grid-column:span 2}
.sm__group h2{font-size:20px;color:var(--brown);margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid var(--orange-soft)}
.sm__group h3{font-size:15px;color:var(--orange);margin:6px 0 6px}
.sm__group li a{display:block;padding:5px 0;font-size:14.5px;color:var(--ink)}
.sm__group li a:hover{color:var(--orange);text-decoration:underline}
.sm__sub{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 28px}
@media (max-width:1024px){.sm__grid{grid-template-columns:1fr 1fr}.sm__group:nth-child(3){grid-column:1/-1}}
@media (max-width:640px){.sm__grid,.sm__sub{grid-template-columns:1fr}}

/* Mobile carousels */
.dots-nav{display:none}
@media (max-width:640px){
  .wrap{width:min(1180px,100% - 32px)}
  [data-carousel]{display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-16px;padding:4px 16px 8px;scroll-padding-inline:16px;-webkit-overflow-scrolling:touch}
  [data-carousel]::-webkit-scrollbar{display:none}
  [data-carousel]>*{flex:0 0 72%;scroll-snap-align:start}
  .cards.is-single{display:flex}
  .card{padding:22px 20px 18px}
  .card img{width:72px;height:72px}
  .card h3{font-size:17px}.card p{font-size:13.5px}
  .card .more{opacity:1}
  .trust article{padding:22px 20px}
  .dots-nav{display:flex;justify-content:center;gap:6px;margin-top:14px}
  .dots-nav i{width:8px;height:8px;border-radius:50%;background:#d9d2cf;transition:.3s}
  .dots-nav i.is-on{width:22px;border-radius:5px;background:var(--orange)}
  .section__head{margin-bottom:22px}
  .section__head h2{font-size:24px}
  h2{font-size:24px}
  .tabs{overflow-x:auto}
  .app__img{max-height:320px}
  .news__body{padding:20px}.news__body h3{font-size:18px}
  .news__row{grid-template-columns:96px 1fr}.news__row img{width:96px;height:72px}
  .media{gap:20px}
  .video{padding:16px}
  .vitem{padding:16px}
  .rate{padding:16px 20px!important}
  .contact__item .big{font-size:30px}
  .footer__grid{padding-block:40px 24px;gap:24px}
  .footer__bottom{flex-direction:column}
  .help{right:14px;bottom:14px}
  .totop{left:14px;bottom:14px}
  .chat{right:16px;bottom:16px;width:calc(100vw - 32px)}
  .slide__txt{max-width:100%}
  .slide{padding-left:48px;padding-right:20px}
  .hero__ctrl{left:14px}
}
@media (max-width:640px){.topbar__kta{display:none}.vlist ul>li{flex:0 0 82%}.vitem{height:100%}}
@media (max-width:640px){.vlist ul[data-carousel]{flex-direction:row;align-items:stretch}}
.media>*{min-width:0}

/* Nav close + scrim */
.nav__close{display:none}
.scrim{position:fixed;inset:0;background:rgba(22,28,38,.45);z-index:40}
.scrim[hidden]{display:none}
@media (max-width:1024px){
  .header__actions{margin-left:auto}
  .nav{z-index:80}
  .nav__close{display:block;position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:50%;border:0;background:var(--orange-soft)}
  .nav__close::before,.nav__close::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:2px;background:var(--orange-dark);border-radius:1px;transform:translate(-50%,-50%) rotate(45deg)}
  .nav__close::after{transform:translate(-50%,-50%) rotate(-45deg)}
  .nav.is-open{z-index:80}
  .burger[aria-expanded="true"]{visibility:hidden}
}
@media (max-width:640px){
  .logo img{height:42px}
  .header__in{height:72px}
  .quick{grid-auto-rows:1fr}
  .quick__item{height:100%;min-height:128px;justify-content:flex-start}
  .quick__item strong{font-size:14.5px}
  .quick__item small{display:block;line-height:1.35}
  .app__in{display:flex;flex-direction:column;gap:20px;align-items:stretch}
  .app__txt{display:contents}
  .app__txt h2{order:1;margin:0}
  .app__img{order:2;max-height:300px;width:auto;margin-inline:auto}
  .app__txt p{order:3;margin:0}
  .app__txt .store{order:4;align-self:flex-start}
  .footer__grid{grid-template-columns:1fr!important;gap:28px}
  .footer__col{grid-column:auto}
  .footer .logo img,.logo--light img{height:56px}
  .footer nav ul{display:flex;flex-direction:column}
}
body:has(.nav.is-open) .help,body:has(.nav.is-open) .totop{display:none}

.nav>ul.nav__extra{display:none}
@media (max-width:1024px){
  .nav__dup{display:none}
  .nav>ul.nav__extra{display:block;border-top:1px solid var(--line);margin-top:-6px;padding-top:10px}
  .nav__extra li+li{border-top:1px solid var(--line)}
  .nav__extra a{display:block;padding:14px;font-size:15px;font-weight:500;color:var(--muted);border-radius:12px}
  .nav__extra a:hover{background:var(--orange-soft);color:var(--orange-dark)}
}

/* Nested menu (mega + flyouts) */
.sub{max-height:none;overflow:visible}
.sub::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
.sub li{position:relative}
.sub--mega{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;min-width:600px;padding:12px}
.sub--mega>ul{min-width:0}
.sub button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;text-align:left;background:none;border:0;padding:9px 14px;border-radius:10px;font-size:14.5px;font-weight:500;color:var(--ink)}
.sub button::after{content:"";width:6px;height:6px;border:solid currentColor;border-width:2px 2px 0 0;transform:rotate(45deg);flex:none}
.sub button:hover,.sub .has-sub:hover>button,.sub .has-sub.is-open>button{background:var(--orange-soft);color:var(--orange-dark)}
.sub--fly{position:absolute;left:100%;top:-10px;min-width:270px;margin-left:4px}
.sub--fly::before{left:-8px;right:auto;top:0;bottom:0;width:8px;height:auto}
.sub--mega>ul:nth-child(2)>li>.sub--fly{left:auto;right:100%;margin:0 4px 0 0}
.sub--mega>ul:nth-child(2)>li>.sub--fly::before{left:auto;right:-8px}
.sub--fly .sub--fly{position:static;opacity:1!important;visibility:visible!important;transform:none!important;display:none;box-shadow:none;padding:0 0 4px 14px;margin:0!important;min-width:0}
.sub--fly .sub--fly::before{display:none}
.sub--fly .has-sub.is-open>.sub--fly{display:block}
.sub--fly{transform:translateX(8px)}
.has-sub>.sub--fly{opacity:0;visibility:hidden}
.has-sub:hover>.sub--fly,.has-sub.is-open>.sub--fly{opacity:1;visibility:visible;transform:none}
.sub--fly a,.sub--fly button{white-space:normal}
@media (max-width:1024px){
  .sub--mega{display:none;min-width:0;padding:0 0 6px 10px}
  .has-sub:hover>.sub--mega{display:none}
  .has-sub.is-open>.sub--mega{display:block}
  .sub--mega>ul{display:block}
  .sub--fly,.sub--fly .sub--fly{position:static;opacity:1;visibility:visible;transform:none;display:none;box-shadow:none;padding:0 0 4px 14px;margin:0;min-width:0}
  .has-sub:hover>.sub--fly{display:none}
  .has-sub.is-open>.sub--fly{display:block}
  .sub button{padding:11px 10px;font-size:15px}
  .sub button::after{transform:rotate(135deg)}
  .sub .is-open>button::after{transform:rotate(-45deg)}
  .sub::before{display:none}
}

.sm__wide{grid-column:1/-1}
.sm__node>span{display:block;padding:6px 0 2px;font-weight:700;color:var(--brown);font-size:14.5px}
.sm__node>ul{margin-left:12px;padding-left:12px;border-left:2px solid var(--orange-soft)}
.sm__group:nth-child(3){grid-column:1/-1}
.sm__wide .sm__sub{grid-template-columns:repeat(4,1fr)}
@media (max-width:1024px){.sm__wide .sm__sub{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.sm__wide .sm__sub{grid-template-columns:1fr}}
.sub li.has-sub:hover,.sub li.has-sub.is-open{z-index:5}
@media (min-width:1025px){.has-sub>.sub--fly{max-height:calc(100vh - 150px);overflow-y:auto}.sub--fly .sub--fly{max-height:none;overflow:visible}}
.sm__count{display:inline-block;font-size:12px;font-weight:700;color:var(--orange-dark);background:var(--orange-soft);border-radius:999px;padding:2px 10px;margin-bottom:8px}
.sm__group>.sm__count+h2{margin-top:0}
.sm__node>span em{font-style:normal;font-size:11px;font-weight:700;color:var(--orange-dark);background:var(--orange-soft);border-radius:999px;padding:1px 8px;margin-left:6px}
.sm__sub h3{font-size:15px}
