@font-face{font-family:'Onest';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/shop-landing/93dfb945d217bb541c46.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/shop-landing/51adb4c8c5dc00b8a197.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/shop-landing/83c1e1616618edcbcf5a.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/shop-landing/a345dcbda6c18991c6ef.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/shop-landing/a56e6d2dcc2d24fe160c.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/shop-landing/73984d20ad8db2d013e4.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/shop-landing/d48e1aee8027a82b7b15.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/shop-landing/0fcb8fa2565065c753c0.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

html,body{margin:0}

body{margin:0;background:#17181D}
a{color:#B9AEFF}a:hover{color:#FFFFFF}
.wrap{max-width:1360px;margin:0 auto;padding:0 40px;box-sizing:border-box}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.g2c{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center}
.track{display:flex;gap:56px;align-items:center;width:max-content;animation:mq 30s linear infinite}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.track{animation:none}}
.tile{position:relative;overflow:hidden}
.fview{overflow:hidden}
.ftrack{display:flex;gap:16px;transition:transform .7s cubic-bezier(.65,0,.35,1)}
.wcard{flex:0 0 calc((100% - 32px)/3);height:360px;border-radius:28px;position:relative;overflow:hidden;box-sizing:border-box;padding:36px;display:flex;flex-direction:column;justify-content:flex-start;scroll-snap-align:start}
.wcard .imgbox{flex:1 1 0;min-height:0;margin-top:20px;display:flex;align-items:flex-end;justify-content:flex-end}
.wcard .imgbox img{display:block;max-width:58%;max-height:100%;object-fit:contain;pointer-events:none}
.dots{display:flex;justify-content:center;gap:12px;margin-top:36px}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@keyframes heroIn{from{opacity:0;transform:translateY(40px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes floatA{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-22px) rotate(5deg)}}
@keyframes floatB{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(16px) rotate(-6deg)}}
.floatA{animation:heroIn 1s cubic-bezier(.2,.7,.2,1) both,floatA 6s ease-in-out 1s infinite;will-change:transform}
.floatB{animation:heroIn 1s cubic-bezier(.2,.7,.2,1) .2s both,floatB 7s ease-in-out 1.2s infinite;will-change:transform}
@media (prefers-reduced-motion:reduce){.floatA,.floatB{animation:none}}
.gtext{background:linear-gradient(90deg,#00A8FF 0%,#7157FF 50%,#FF00E5 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hdr{position:sticky;top:0;z-index:60;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:background .25s ease,box-shadow .25s ease,transform .35s cubic-bezier(0.22,1,0.36,1)}
.hdr:focus-within{transform:none !important}
section[id]{scroll-margin-top:76px}
.hdr-cta:hover{filter:brightness(0.95)}
.hdr a:focus-visible{outline:2px solid #00CFFF;outline-offset:3px;border-radius:999px}
@media (max-width:600px){.hdr-login{padding:10px 8px !important}.hdr-cta{padding:10px 14px !important;font-size:14px !important}}
@media (prefers-reduced-motion:reduce){.hdr,.hdr-cta{transition:none !important}}
.fluid{background-color:#6A4DFF;background-image:radial-gradient(42% 60% at 8% 12%,rgba(160,120,255,0.95) 0%,rgba(160,120,255,0) 70%),radial-gradient(38% 55% at 92% 8%,rgba(255,60,220,0.95) 0%,rgba(255,60,220,0) 70%),radial-gradient(45% 60% at 70% 95%,rgba(255,92,170,0.85) 0%,rgba(255,92,170,0) 70%),radial-gradient(40% 55% at 18% 92%,rgba(64,140,255,0.9) 0%,rgba(64,140,255,0) 70%),radial-gradient(60% 70% at 50% 45%,rgba(113,87,255,1) 0%,rgba(113,87,255,0) 80%)}
.dot{all:unset;cursor:pointer;width:32px;height:5px;border-radius:999px;background:rgba(255,255,255,0.4);overflow:hidden;position:relative}
.dot:focus-visible{outline:2px solid #FFFFFF;outline-offset:4px}
.dot .fill{position:absolute;inset:0;background:#FFFFFF;transform-origin:left;animation:dotfill 10s linear forwards}
@keyframes dotfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.ftrack{transition:none}.dot .fill{animation:none}}
@media (max-width:1000px){.wcard{flex-basis:calc((100% - 16px)/2)}}
.tile img{position:absolute;right:-24px;bottom:-24px;width:62%;pointer-events:none}
input[type=range]{width:100%;accent-color:#7157FF;height:28px}
.faqbtn{all:unset;box-sizing:border-box;width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;cursor:pointer;font-size:18px;font-weight:500;color:#FFFFFF}
.faqbtn:focus-visible{outline:2px solid #00CFFF;outline-offset:4px;border-radius:6px}
@media (max-width:1000px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:1fr}.g2{grid-template-columns:1fr;gap:32px}.hero-side{display:none}.faqgrid{grid-template-columns:1fr !important;gap:24px !important}.g2p{grid-template-columns:1fr !important}}
@media (max-width:700px){.g2c{grid-template-columns:1fr}}
@media (max-width:600px){.inlineic{width:36px !important;height:36px !important}.wrap{padding:0 16px}.fview{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -16px;padding:0 16px;scroll-padding-inline:16px}.ftrack{transform:none !important}.wcard{flex-basis:88%;height:340px;padding:24px}.dots{display:none}.g4{grid-template-columns:1fr}.h1{font-size:40px !important}.h2{font-size:30px !important}.nav-links{display:none !important}.pad{padding-top:72px !important;padding-bottom:72px !important}}

/* --- главный экран: карточка → каталог --- */
.hero3{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,0.94fr);gap:48px;align-items:center;min-height:calc(100vh - 76px);min-height:calc(100svh - 76px);padding-top:24px;padding-bottom:24px;box-sizing:border-box}
@media (min-width:1101px) and (max-height:820px){.hero3 .stage{zoom:.86}.hero3 .h1{font-size:52px !important}}
@media (min-width:1101px) and (max-height:700px){.hero3 .stage{zoom:.74}.hero3 .h1{font-size:46px !important}.hero3 p{font-size:18px !important}}
.mstage{height:280px;background:#262C39;padding:24px 24px 0;overflow:hidden;box-sizing:border-box;container-type:inline-size}
.mz{width:calc(100cqw / var(--z));transform:scale(var(--z));transform-origin:top left;display:flex;justify-content:center}
.mz>*{flex:1 1 auto;min-width:0}
.mpl{width:40px;height:40px;border-radius:50%;display:block;object-fit:cover}
.mpl+.mpl{margin-left:8px}
.stagewrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px}
.glow{display:none;position:absolute;width:680px;height:680px;left:50%;top:52%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(113,87,255,0.42),rgba(255,0,229,0.14) 55%,rgba(23,24,29,0) 100%);pointer-events:none}
.caps{position:relative;height:30px;width:100%;display:flex;justify-content:center}
.cap{position:absolute;display:inline-flex;align-items:center;font-size:14px;font-weight:500;padding:6px 14px;border-radius:999px;white-space:nowrap}
.cap.a{background:#252C3B;color:#B6C0D3;animation:capA 10s ease-in-out infinite}
.cap.b{background:#7157FF;color:#FFFFFF;animation:capB 10s ease-in-out infinite}
.stage{position:relative;width:560px;height:476px;animation:stageFade 10s linear infinite}
.frame{position:absolute;inset:0;border-radius:24px;border:1px solid rgba(255,255,255,0.12);background:#1B1F2A;box-shadow:none;animation:frameIn 10s cubic-bezier(.3,0,.2,1) infinite}
.slot{position:absolute;width:166px;height:175px;animation:pop 10s cubic-bezier(.3,0,.2,1) infinite both}
.hc{position:absolute;left:122.5px;top:72.0px;width:315px;height:332px;transform-origin:50% 50%;animation:hcMove 10s cubic-bezier(.6,0,.2,1) infinite}
.hcA,.hcB{position:absolute;inset:0}
.hcA{animation:hideA 10s linear infinite}
.hcB{animation:reveal 10s cubic-bezier(.6,0,.3,1) infinite}
.beam{position:absolute;top:-22px;bottom:-22px;left:0;width:4px;margin-left:-2px;border-radius:4px;background:#FFFFFF;width:2px;margin-left:-1px;box-shadow:none;animation:beam 10s cubic-bezier(.6,0,.3,1) infinite;pointer-events:none}
.fee{position:absolute;top:24px;right:-18px;background:#FFFFFF;color:#E2264D;border:1.5px solid #E2264D;font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;white-space:nowrap;transform:none;box-shadow:none;animation:fee 10s ease-in infinite}
@keyframes stageFade{0%{opacity:0}3%,92%{opacity:1}100%{opacity:0}}
@keyframes reveal{0%,8%{clip-path:inset(0 100% 0 0)}26%,100%{clip-path:inset(0 0 0 0)}}
@keyframes hideA{0%,26%{opacity:1}27%,100%{opacity:0}}
@keyframes beam{0%,7%{left:0;opacity:0}9%{left:0;opacity:1}26%{left:100%;opacity:1}30%,100%{left:100%;opacity:0}}
@keyframes fee{0%,12%{transform:none;opacity:1}20%,100%{transform:translateY(16px);opacity:0}}
@keyframes hcMove{0%,34%{transform:none}48%,100%{transform:translate(-179.0px,-54.5px) scale(0.527)}}
@keyframes frameIn{0%,36%{opacity:0;transform:scale(.97)}48%,100%{opacity:1;transform:scale(1)}}
@keyframes pop1{0%,46%{opacity:0;transform:translateY(14px) scale(.92)}54%,100%{opacity:1;transform:none}}
@keyframes pop2{0%,48%{opacity:0;transform:translateY(14px) scale(.92)}56%,100%{opacity:1;transform:none}}
@keyframes pop3{0%,50%{opacity:0;transform:translateY(14px) scale(.92)}58%,100%{opacity:1;transform:none}}
@keyframes pop4{0%,52%{opacity:0;transform:translateY(14px) scale(.92)}60%,100%{opacity:1;transform:none}}
@keyframes pop5{0%,54%{opacity:0;transform:translateY(14px) scale(.92)}62%,100%{opacity:1;transform:none}}
@keyframes capA{0%,24%{opacity:1;transform:translateY(0)}30%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes capB{0%,38%{opacity:0;transform:translateY(6px)}46%,92%{opacity:1;transform:translateY(0)}100%{opacity:0}}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.btn1{background:#7157FF;color:#FFFFFF;text-decoration:none;font-size:17px;font-weight:500;padding:17px 28px;border-radius:999px}
.btn1:hover{background:#5A40F0;color:#FFFFFF}
.btn2{color:#FFFFFF;text-decoration:none;font-size:17px;padding:17px 24px;border-radius:999px;background:#262C39}
.btn2:hover{background:#2F3647;color:#FFFFFF}
.btn1:focus-visible,.btn2:focus-visible{outline:2px solid #00CFFF;outline-offset:3px}
.nw{white-space:nowrap}
@media (prefers-reduced-motion:reduce){.stage,.frame,.slot,.hcB{animation:none !important;opacity:1;clip-path:none}.hc{animation:none;transform:translate(-179.0px,-54.5px) scale(0.527)}.hcA,.beam,.fee,.cap.a{display:none}.cap.b{animation:none;opacity:1}}
@media (max-width:1100px){.hero3{grid-template-columns:1fr;gap:40px;min-height:0;padding-top:32px;padding-bottom:64px}}
@media (max-width:600px){.stage{zoom:.62}}
.hero3>*{min-width:0}
@media (max-width:380px){.stage{zoom:.56}}
@media (max-width:340px){.stage{zoom:.5}.hdr .wrap{gap:8px !important}.hdr-logo{height:22px !important}.hdr-login{padding:10px 4px !important;font-size:14px !important}.hdr-cta{padding:9px 10px !important;font-size:12.5px !important}}
/* --- taste pass: движение и обратная связь (transitions.dev) --- */
:root{--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-pop:cubic-bezier(0.34,1.45,0.64,1)}
@media (max-width:1100px){.nav-links{display:none !important}}
@media (max-width:1000px){.mfirst{order:-1}}
.excase{position:relative;flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start;height:360px;border-radius:28px;overflow:hidden;display:block;color:#FFFFFF;text-decoration:none;background:#262C39;isolation:isolate;-webkit-user-drag:none}
.excase img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out);pointer-events:none}
.excase-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(23,24,29,.72) 0%,rgba(23,24,29,.18) 42%,rgba(23,24,29,0) 70%);transition:background-color .35s var(--ease-out)}
.excase-name{position:absolute;left:28px;right:150px;bottom:28px;font-size:26px;font-weight:600;line-height:1.2;letter-spacing:-0.3px;text-wrap:balance}
.excase-btn{position:absolute;right:24px;bottom:24px;height:44px;padding:0 20px;border-radius:12px;border:1.5px solid rgba(255,255,255,.85);display:flex;align-items:center;font-size:15px;font-weight:500;opacity:0;transform:translateY(6px);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out),background-color .2s,color .2s}
@media (hover:hover){.excase:hover img{transform:scale(1.04)}.excase:hover .excase-shade{background-color:rgba(23,24,29,.38)}.excase:hover .excase-btn,.excase:focus-visible .excase-btn{opacity:1;transform:none}.excase-btn:hover{background:#FFFFFF;color:#17181D}}
@media (hover:none){.excase-btn{opacity:1;transform:none}}
.excase:focus-visible{outline:2px solid #00CFFF;outline-offset:3px}
@media (max-width:1000px){.excase{flex-basis:calc((100% - 16px)/2)}}
@media (max-width:600px){.excase{flex-basis:88%;height:340px;border-radius:24px}.excase-name{left:22px;bottom:22px;font-size:22px;right:130px}.excase-btn{right:18px;bottom:18px;height:40px;padding:0 16px}}
@media (prefers-reduced-motion:reduce){.excase img,.excase-btn,.excase-shade{transition:none}}

@media (min-width:601px){.fview{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.fview.dragging{cursor:grabbing}}

.totop{position:fixed;right:24px;bottom:24px;z-index:70;width:52px;height:52px;border-radius:50%;border:0;background:#FFFFFF;color:#17181D;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(23,24,29,.28);transition:opacity .25s var(--ease-out),transform .3s var(--ease-out),background-color .2s,color .2s}
.totop:hover{background:#7157FF;color:#FFFFFF}
.totop:focus-visible{outline:2px solid #00CFFF;outline-offset:3px}
@media (max-width:600px){.totop{right:16px;bottom:16px;width:48px;height:48px}}
@media (prefers-reduced-motion:reduce){.totop{transition:none}}
.footrow>div{padding-right:72px}
@media (max-width:600px){.footrow>div{padding-right:0}.footrow{padding-bottom:88px !important}}


.g2.g2ai{grid-template-columns:minmax(0,1fr) 440px;gap:96px}
.g2.g2dl{grid-template-columns:440px minmax(0,1fr);gap:96px}
.g2ai .mfirst p,.g2dl .mfirst p{text-wrap:pretty}
@media (max-width:1000px){.g2.g2ai,.g2.g2dl{grid-template-columns:1fr;gap:32px}}

.stepn::before{content:attr(data-n)}
.ft{border-top:1px solid rgba(255,255,255,.06);color:#B6C0D3}
.ft-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:64px;padding-top:72px;padding-bottom:56px}
.ft-brand{display:flex;flex-direction:column;align-items:flex-start}
.ft-logo{display:block;border-radius:8px}.ft-logo img{height:28px;width:auto;display:block}
.ft-slogan{margin:16px 0 0;font-size:15px;line-height:1.5;color:#8E9AB2;max-width:300px}
.ft-phone{margin-top:28px;font-size:22px;font-weight:600;letter-spacing:-.2px;color:#FFFFFF;text-decoration:none;transition:color .2s}
.ft-mail{margin-top:6px;font-size:15px;color:#B6C0D3;text-decoration:none;transition:color .2s}
.ft-phone:hover,.ft-mail:hover{color:#B9AEFF}
.ft-soc{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.ft-soc a{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:999px;background:#262C39;color:#FFFFFF;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .2s}
.ft-soc a:hover{background:#2F3647}.ft-soc svg{color:#8E9AB2}
.ft-cta{margin-top:28px}
.ft-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.ft-h{font-size:15px;font-weight:600;color:#FFFFFF;margin-bottom:18px}
.ft-hb{display:none}
.ft-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ft-list a{font-size:15px;color:#B6C0D3;text-decoration:none;transition:color .2s}
.ft-list a:hover{color:#FFFFFF}
.ft-list a[aria-current="page"]{color:#FFFFFF;font-weight:500}
.ft-list a[aria-current="page"]::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#7157FF;margin-right:8px;vertical-align:2px}
.ft-bot{display:flex;flex-direction:column;gap:14px;padding:24px 72px 36px 0;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:#8E9AB2}
.ft-legal{display:flex;flex-wrap:wrap;gap:6px 20px}
.ft-legal a{color:#8E9AB2;text-decoration:none;transition:color .2s}
.ft-legal a:hover{color:#FFFFFF;text-decoration:underline}
.ft a:focus-visible,.ft button:focus-visible{outline:2px solid #00CFFF;outline-offset:3px;border-radius:6px}
@media (max-width:1000px){.ft-top{grid-template-columns:1fr;gap:48px}}
@media (min-width:601px) and (max-width:1000px){.ft-brand{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;align-items:center}.ft-logo{grid-column:1;grid-row:1;justify-self:start}.ft-slogan{grid-column:1;grid-row:2;align-self:start}.ft-cta{grid-column:1;grid-row:3;justify-self:start;margin-top:24px}.ft-phone{grid-column:2;grid-row:1;margin-top:0;justify-self:start}.ft-mail{grid-column:2;grid-row:2;align-self:start;margin-top:16px;justify-self:start}.ft-soc{grid-column:2;grid-row:3;margin-top:24px}}
@media (min-width:601px){.ft-list a[aria-current="page"]{position:relative}.ft-list a[aria-current="page"]::before{position:absolute;left:-14px;top:50%;margin:-3px 0 0}}
@media (max-width:600px){.ft-top{padding-top:56px;padding-bottom:32px;gap:36px}.ft-cta{align-self:stretch;text-align:center}.ft-cols{grid-template-columns:1fr;gap:0}.ft-h{display:none}.ft-hb{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:56px;padding:0;border:0;border-top:1px solid rgba(255,255,255,.08);background:none;color:#FFFFFF;font:inherit;font-size:16px;font-weight:600;text-align:left;cursor:pointer}.ft-hb svg{color:#8E9AB2;transition:transform .25s var(--ease-out)}.ft-hb[aria-expanded="true"] svg{transform:rotate(180deg)}.ft-col:last-child{border-bottom:1px solid rgba(255,255,255,.08)}.ft-list{display:none;gap:0;padding:0 0 14px}.ft-hb[aria-expanded="true"]+.ft-list{display:flex}.ft-list a{display:flex;align-items:center;min-height:44px;font-size:16px}.ft-bot{padding:20px 0 96px;border-top:0}.ft-legal{flex-direction:column;gap:0}.ft-legal a{display:flex;align-items:center;min-height:40px;font-size:14px}}
@media (prefers-reduced-motion:reduce){.ft-hb svg{transition:none}}
@media (max-width:600px){.cta-row{flex-direction:column;align-items:stretch}.cta-row a{text-align:center}.mrow{display:grid !important;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:12px !important;align-items:center;padding:24px !important}.mrow>:first-child{width:44px !important;height:44px !important;margin:0 !important}.mrow>h3{margin:0 !important;font-size:19px !important;line-height:1.25}.mrow>p{grid-column:1/-1}.vbtn{flex:1;text-align:center}.pyr{min-height:0 !important}.dkbtn{flex:1 1 100%}.zlink{display:inline-flex !important;align-items:center;min-height:44px;margin-top:8px !important}.flink{display:inline-flex;align-items:center;min-height:44px}.footrow>div{row-gap:0 !important;align-items:center}}
@media (max-width:380px){.hdr-cta{white-space:nowrap;font-size:13px !important;padding:10px 12px !important}.hdr-login{padding:10px 6px !important}.h1{font-size:36px !important}.h2{font-size:28px !important}.vbtn{font-size:16px !important;padding:16px 18px !important}}
@media (max-width:340px){.h1{font-size:32px !important}.h2{font-size:26px !important}}
@media (max-width:1000px){.wcard .wt{font-size:22px !important}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.press{transition:transform .15s var(--ease-out),background-color .25s var(--ease-out),color .25s var(--ease-out)}
.press:active{transform:scale(.97)}
.dkbtn:hover{background:#2F3647 !important;color:#FFFFFF}
.vbtn:hover{background:#5A40F0 !important;color:#FFFFFF}
.pbtn:hover{filter:brightness(.96)}
@media (hover:hover){.lift{transition:transform .35s var(--ease-out)}.lift:hover{transform:translateY(-4px)}}
.dg{display:inline-block;white-space:pre;animation-duration:.42s;animation-timing-function:var(--ease-pop);animation-fill-mode:both}
@keyframes digA{from{opacity:0;transform:translateY(8px);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes digB{from{opacity:0;transform:translateY(8px);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}
.seg{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#E9ECF1;border-radius:16px;padding:4px}
.seg .knob{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:#FFFFFF;border-radius:12px;transition:transform .35s var(--ease-out)}
.seg button{position:relative;z-index:1;border:0;border-radius:12px;padding:12px 20px;font-family:inherit;font-size:16px;font-weight:500;cursor:pointer;background:transparent;display:flex;align-items:center;justify-content:center;gap:8px}
.seg button:focus-visible{outline:2px solid #7157FF;outline-offset:2px}
.faqrow{background:#1F2533;border-radius:16px;padding:0 24px;transition:background-color .25s var(--ease-out)}
.faqrow:hover{background:#252C3B}
.faqa{display:grid;transition:grid-template-rows .35s var(--ease-out),opacity .25s var(--ease-out)}
.faqa>div{overflow:hidden;min-height:0}
.faqplus{display:flex;flex:none;transition:transform .35s var(--ease-out)}
@keyframes shkA{0%,100%{transform:none}20%{transform:translateX(-8px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}
@keyframes shkB{0%,100%{transform:none}20%{transform:translateX(-8px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}
@keyframes okIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes drawck{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
.okmsg{animation:okIn .4s var(--ease-out) both}
.okmsg .ck path{stroke-dasharray:24;animation:drawck .5s var(--ease-out) .15s both}
@keyframes rvIn{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}
@keyframes rvUp{from{translate:0 24px}to{translate:0 0}}
@supports (animation-timeline: view()){@media (prefers-reduced-motion:no-preference){
.rvi,.rv>*{animation:rvIn linear both;animation-timeline:view();animation-range:entry 0px entry 240px}
.rv>*:nth-child(2){animation-range:entry 40px entry 280px}
.rv>*:nth-child(3){animation-range:entry 80px entry 320px}
.rv>*:nth-child(4){animation-range:entry 120px entry 360px}
h2.rvi{animation-name:rvUp}
.g2c.rv>*:nth-child(odd){animation-range:entry 0px entry 240px}
.g2c.rv>*:nth-child(even){animation-range:entry 40px entry 280px}
.rv .rvi{animation:none}
}}
.dlrow{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;cursor:pointer;color:#191E28;font-family:inherit;transition:background-color .2s var(--ease-out),transform .16s var(--ease-out)}
@media (hover:hover){.dlrow:hover{background:#F6F7F9}}
.dlrow[aria-checked="true"],.dlrow[aria-checked="true"]:hover{background:#F3F0FF}
.dlrow:active{transform:scale(.985)}
.dlrow:focus-visible{outline:2px solid #7157FF;outline-offset:-2px}
.dlic{width:40px;height:40px;border-radius:10px;overflow:hidden;flex:none;display:flex;align-items:center;justify-content:center;background:#ECE8FF}
.dlic img{display:block;width:100%;height:100%;object-fit:cover}
.dlic{position:relative}.dlic::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(25,30,40,.08);pointer-events:none}
.dltx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left}
.dltx b{font-size:14px;font-weight:600;line-height:1.3}
.dltx span{font-size:13px;line-height:1.3;color:#6B7487}
.dlpr{font-size:14px;font-weight:600;white-space:nowrap}
.dlrd{width:24px;height:24px;border-radius:50%;border:2px solid #C9CED8;box-sizing:border-box;flex:none;display:flex;align-items:center;justify-content:center;transition:border-color .2s var(--ease-out)}
.dlrd::after{content:"";width:12px;height:12px;border-radius:50%;background:#7157FF;transform:scale(0);transition:transform .28s var(--ease-pop)}
.dlrow[aria-checked="true"] .dlrd{border-color:#7157FF}
.dlrow[aria-checked="true"] .dlrd::after{transform:scale(1)}
@media (prefers-reduced-motion:reduce){.dlrow,.dlrd,.dlrd::after{transition:none !important}}
@media (prefers-reduced-motion:reduce){.press,.lift,.faqa,.faqplus,.seg .knob,.faqrow{transition:none !important}.dg,.okmsg,.okmsg .ck path,.shk{animation:none !important}}


.shop-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;align-items:stretch}.shop-price-card{min-width:0}.shop-plan-budget{font-size:15px;line-height:1.6;font-weight:600;color:#453d67;padding:12px 0;border-top:1px solid #eeeaf5;border-bottom:1px solid #eeeaf5}.shop-pricing-note{font-size:14px;color:#666477;line-height:1.6;margin:28px 0 12px}.shop-pricing-compare{color:#6344e9;font-weight:600;text-decoration:none}@media(max-width:600px){.shop-pricing-grid{grid-template-columns:1fr}}

/* Общий выбор аналитических cookie на самостоятельном лендинге. */
.cookie-bar{position:fixed;left:16px;right:16px;bottom:16px;z-index:100;display:flex;align-items:center;gap:16px;flex-wrap:wrap;max-width:880px;margin:0 auto;padding:16px 20px;background:#242731;color:#fff;border:1px solid #495064;border-radius:18px;box-shadow:0 10px 40px #0005;font-family:Onest,sans-serif;box-sizing:border-box}
.cookie-bar[hidden]{display:none}
.cookie-bar-text{flex:1 1 320px;margin:0;font-size:13px;line-height:1.5;color:#cbd1df}
.cookie-bar-text a{color:#c6b9ff}
.cookie-bar-actions{display:flex;gap:10px;flex-wrap:wrap}
.cookie-bar-actions .btn{border:1px solid #69738a;border-radius:10px;padding:10px 14px;background:#303645;color:#fff;font:inherit;font-size:13px;cursor:pointer}
.cookie-bar-actions .btn:hover{background:#424a5e}
@media(max-width:560px){.cookie-bar{left:10px;right:10px;bottom:10px;padding:14px}.cookie-bar-text{flex-basis:100%}.cookie-bar-actions{width:100%}.cookie-bar-actions .btn{flex:1 1 auto}}