/* Слой «вау»-анимаций (Шаги 1–5) */
html.ad-js .hero-copy > h1,html.ad-js .hero .hero-grid > div:first-child > h1,.ad-js .hero h1,.hero h1{opacity:1 !important;animation:none !important;translate:0 0 !important}
.hero{position:relative;overflow:hidden}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0;will-change:transform}
.hero::before{width:min(520px,85vw);height:min(520px,85vw);left:-80px;top:-60px;background:radial-gradient(circle,rgba(140,165,255,0.4) 0%,rgba(47,70,255,0) 70%);filter:blur(60px);animation:wow-aurora-1 18s ease-in-out infinite alternate}
.hero::after{width:min(560px,90vw);height:min(560px,90vw);right:-60px;top:30px;background:radial-gradient(circle,rgba(175,200,255,0.3) 0%,rgba(31,48,199,0) 70%);filter:blur(70px);animation:wow-aurora-2 22s ease-in-out infinite alternate}
.hero .wrap{position:relative;z-index:1}
@keyframes wow-aurora-1{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(60px,35px,0) scale(1.12)}100%{transform:translate3d(20px,70px,0) scale(0.96)}}
@keyframes wow-aurora-2{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-50px,40px,0) scale(1.08)}100%{transform:translate3d(-25px,-30px,0) scale(1.15)}}
.hero h1 span.wow-word{display:inline-block;color:inherit;vertical-align:baseline;will-change:transform,clip-path}
.hero h1 span.wow-sub{display:block;color:var(--ice)}
.wow-js:not(.wow-reduce) .hero h1 span.wow-word{animation:wow-word-in 0.42s cubic-bezier(0.2,0.7,0.2,1) both}
.hero h1 .wow-w1{animation-delay:0.04s}
.hero h1 .wow-w2{animation-delay:0.10s}
.hero h1 .wow-w3{animation-delay:0.16s}
.hero h1 .wow-w4{animation-delay:0.24s}
.hero h1 .wow-w5{animation-delay:0.30s}
.hero h1 .wow-w6{animation-delay:0.36s}
@keyframes wow-word-in{0%{transform:translateY(105%);clip-path:inset(0 0 100% 0)}100%{transform:translateY(0);clip-path:inset(0 0 0 0)}}
.marquee{width:100%;max-width:100vw;overflow:hidden;background:rgba(11,16,38,0.95);padding:14px 0;font:600 clamp(15px,1.8vw,17px)/1.4 var(--text);letter-spacing:0.02em;position:relative;z-index:2;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1)}
.marquee-track{display:flex;width:max-content;will-change:transform;animation:wow-marquee 26s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-content{display:flex;align-items:center;gap:22px;padding-right:22px;flex-shrink:0;white-space:nowrap}
.marquee-content span{display:inline-block;color:#fff}
.marquee-sep{color:rgba(227,231,255,0.6);font-weight:400}
@keyframes wow-marquee{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}
.months-read{margin-top:clamp(24px,4vw,36px);color:var(--ice,#e3e7ff);font:500 clamp(14px,1.7vw,16px)/1.4 var(--text)}
.months{margin-top:12px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.14);border-radius:20px;padding:clamp(14px,2.5vw,20px);position:relative}
.months-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.months-calc{font:600 clamp(14px,1.8vw,16px)/1 var(--display);color:#fff;display:flex;align-items:center;gap:8px}
.months-calc b{font-weight:700;color:var(--ice,#e3e7ff)}
.months-sum{color:#fff;font-weight:700}
.months-badge{background:#fff;color:var(--blue-deep,#0b1026);font:700 clamp(13px,1.6vw,15px)/1 var(--text);letter-spacing:-0.01em;padding:8px 16px;border-radius:999px;box-shadow:0 4px 16px rgba(11,16,38,0.25);transition:transform 0.4s cubic-bezier(0.2,0.7,0.2,1),opacity 0.4s ease;white-space:nowrap}
.months-grid{display:grid;grid-template-columns:repeat(18,1fr);gap:6px;align-items:center}
@media (max-width:600px){.months-grid{grid-template-columns:repeat(9,1fr);gap:6px}}
.months-seg{display:block;height:14px;border-radius:6px;background:#fff;opacity:1;transform-origin:50% 100%;transition:opacity 0.2s ease,transform 0.2s ease}
.wow-js:not(.wow-reduce) .months-seg{opacity:0.22;transform:scaleY(0.7)}
.wow-js:not(.wow-reduce) .months-seg.is-lit{opacity:1;transform:scaleY(1)}
.wow-js:not(.wow-reduce) .months-badge{opacity:0;transform:translateX(18px)}
.wow-js:not(.wow-reduce) .months-badge.is-visible{opacity:1;transform:translateX(0)}
.price-old-wrap{margin:10px 0 2px}
.price-old{display:inline-block;font:700 clamp(20px,2.6vw,26px)/1.2 var(--display);letter-spacing:-0.01em;color:var(--slate);position:relative}
.price-old::after{content:"";position:absolute;left:-5%;top:52%;width:110%;height:3px;background:var(--blue);border-radius:2px;transform-origin:0 50%;transform:scaleX(0)}
.wow-js:not(.wow-reduce) .price-old::after{animation:wow-strike 0.5s cubic-bezier(0.2,0.7,0.2,1) 0.15s both}
@keyframes wow-strike{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
html:not(.wow-js) .price-old::after{transform:scaleX(1)}
@media (hover:hover) and (pointer:fine){.price{transform:perspective(900px) rotateX(var(--price-rx,0deg)) rotateY(var(--price-ry,0deg));transition:transform 0.15s ease-out,box-shadow 0.3s ease;position:relative;overflow:hidden}
.price::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle 320px at var(--shine-x,50%) var(--shine-y,50%),rgba(255,255,255,0.45) 0%,rgba(255,255,255,0) 75%);opacity:var(--shine-op,0);transition:opacity 0.3s ease;pointer-events:none;z-index:3}}
#benefits .card{position:relative;overflow:hidden}
@media (hover:hover) and (pointer:fine){#benefits .card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle 280px at var(--mx,50%) var(--my,50%),rgba(47,70,255,0.12) 0%,rgba(47,70,255,0) 70%);opacity:var(--spot-op,0);transition:opacity 0.25s ease;pointer-events:none;z-index:1}
#benefits .card.accent::after{background:radial-gradient(circle 280px at var(--mx,50%) var(--my,50%),rgba(255,255,255,0.18) 0%,rgba(255,255,255,0) 70%)}}
.demo-chat{background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.16);border-radius:28px;padding:clamp(22px,3.5vw,36px);margin:36px 0 28px;position:relative;overflow:hidden}
.demo-head{display:flex;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,0.1)}
.demo-badge{background:var(--blue,#2f46ff);color:#fff;font:700 13px/1 var(--text);letter-spacing:0.06em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
.demo-title{color:var(--ice,#e3e7ff);font:600 15px/1.2 var(--text)}
.demo-body{display:flex;flex-direction:column;gap:18px}
.demo-msg{display:flex;width:100%}
.demo-user{justify-content:flex-end}
.demo-bubble{background:rgba(47,70,255,0.32);border:1px solid rgba(116,134,255,0.5);color:#fff;border-radius:22px 22px 6px 22px;padding:16px 22px;font-size:clamp(16px,1.8vw,18px);line-height:1.45;max-width:540px}
.demo-ghost{visibility:hidden}
.demo-caret{display:inline-block;width:2px;height:1em;background:#7486ff;vertical-align:middle;margin-left:2px;animation:wow-blink 0.7s infinite}
@keyframes wow-blink{0%,100%{opacity:1}50%{opacity:0}}
.demo-reply{justify-content:flex-start;transition:opacity 0.4s ease,transform 0.4s ease,visibility 0.4s ease}
.demo-pill{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.18);border-radius:22px 22px 22px 6px;padding:18px 24px;max-width:600px;width:100%}
.demo-status{display:block;font:700 clamp(16px,1.8vw,19px)/1.3 var(--display);color:#fff;letter-spacing:-0.01em}
.wow-js:not(.wow-reduce) .demo-chat.demo-active .demo-reply{visibility:hidden;opacity:0;transform:translateY(8px)}
.wow-js:not(.wow-reduce) .demo-chat.demo-active .demo-reply.is-visible{visibility:visible;opacity:1;transform:translateY(0)}
.demo-player{margin-top:16px;background:#0b1026;border:1px solid rgba(255,255,255,0.18);border-radius:20px;overflow:hidden;max-width:480px;box-shadow:0 16px 36px -12px rgba(0,0,0,0.45)}
.demo-player-screen{aspect-ratio:16 / 9;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#151d45 0%,#070a18 100%);display:grid;place-items:center}
.demo-player-light{position:absolute;inset:-20%;background:radial-gradient(circle at 35% 40%,rgba(47,70,255,0.7) 0%,transparent 60%),radial-gradient(circle at 65% 60%,rgba(59,213,255,0.55) 0%,transparent 55%);filter:blur(28px);will-change:transform}
.wow-js:not(.wow-reduce) .demo-player.is-playing .demo-player-light{animation:wow-player-light 4s ease-in-out infinite alternate}
@keyframes wow-player-light{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.15) rotate(10deg)}100%{transform:scale(0.95) rotate(-10deg)}}
.demo-player-btn{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,0.92);color:#0b1026;display:grid;place-items:center;position:relative;z-index:2;box-shadow:0 4px 18px rgba(0,0,0,0.4)}
.demo-player-bar{padding:12px 16px 14px;background:rgba(255,255,255,0.04);border-top:1px solid rgba(255,255,255,0.08)}
.demo-progress-track{height:4px;background:rgba(255,255,255,0.16);border-radius:2px;overflow:hidden;position:relative}
.demo-progress-fill{position:absolute;inset:0;background:#3bd5ff;border-radius:2px;transform-origin:0 50%;transform:scaleX(1);transition:transform 0.25s linear}
.demo-player-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:13px;color:var(--ice,#e3e7ff)}
.demo-time{font-family:var(--display);font-weight:600;letter-spacing:0.02em}
.demo-audio{display:flex;align-items:center;gap:8px}
.demo-audio-label{font-size:12px;opacity:0.75}
.demo-bars{display:flex;align-items:flex-end;gap:3px;height:14px}
.demo-bars i{display:block;width:3px;border-radius:2px;background:#3bd5ff;transform-origin:50% 100%}
.demo-bars i:nth-child(1){height:6px}
.demo-bars i:nth-child(2){height:11px}
.demo-bars i:nth-child(3){height:14px}
.demo-bars i:nth-child(4){height:8px}
.demo-bars i:nth-child(5){height:12px}
.demo-bars i:nth-child(6){height:7px}
.demo-player.is-playing .demo-bars i{animation:wow-bar-bounce 0.6s ease-in-out infinite alternate}
.demo-player.is-playing .demo-bars i:nth-child(1){animation-delay:0.1s}
.demo-player.is-playing .demo-bars i:nth-child(2){animation-delay:0.25s}
.demo-player.is-playing .demo-bars i:nth-child(3){animation-delay:0.4s}
.demo-player.is-playing .demo-bars i:nth-child(4){animation-delay:0.15s}
.demo-player.is-playing .demo-bars i:nth-child(5){animation-delay:0.35s}
.demo-player.is-playing .demo-bars i:nth-child(6){animation-delay:0.2s}
@keyframes wow-bar-bounce{0%{transform:scaleY(0.4)}100%{transform:scaleY(1.2)}}
@media (min-width:721px){.steps li{transition:opacity 0.4s ease,border-color 0.4s ease,transform 0.4s ease}
.wow-js:not(.wow-reduce) .steps.has-active li{opacity:0.4}
.wow-js:not(.wow-reduce) .steps.has-active li.is-active{opacity:1;border-top-color:#7486ff;transform:translateY(-4px)}}
@media (max-width:720px){.makes{grid-template-columns:1fr;position:relative}
.makes .make{position:sticky;box-shadow:0 -2px 14px rgba(11,16,38,0.05),0 10px 28px -10px rgba(11,16,38,0.12)}
.makes .make:nth-child(1){top:18px;z-index:1}
.makes .make:nth-child(2){top:36px;z-index:2}
.makes .make:nth-child(3){top:54px;z-index:3}
.makes .make:nth-child(4){top:72px;z-index:4}}
@supports (animation-timeline:view()){@media (max-width:720px){.makes .make:not(:last-child){animation:wow-card-deck-scale linear both;animation-timeline:view();animation-range:exit 0% exit 100%;transform-origin:50% 0%}}
@keyframes wow-card-deck-scale{to{transform:scale(0.95);opacity:0.92}}}
.btn{position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,0.45) 50%,transparent 100%);transform:translate3d(-150%,0,0) skewX(-22deg);pointer-events:none;z-index:2}
.btn-white::after{background:linear-gradient(105deg,transparent 0%,rgba(185,210,255,0.6) 50%,transparent 100%)}
@media (prefers-reduced-motion:no-preference){.wow-js:not(.wow-reduce) .btn::after{animation:wow-btn-gleam 6s ease-in-out infinite}
.wow-js:not(.wow-reduce) .cta-row .btn:nth-child(2)::after{animation-delay:0.6s}}
@keyframes wow-btn-gleam{0%{transform:translate3d(-150%,0,0) skewX(-22deg);opacity:0}2%{opacity:1}16%{transform:translate3d(150%,0,0) skewX(-22deg);opacity:1}16.1%,100%{transform:translate3d(-150%,0,0) skewX(-22deg);opacity:0}}
@media (hover:hover) and (pointer:fine){.btn{translate:var(--btn-x,0px) var(--btn-y,0px);transition:translate 0.15s ease-out,transform 0.22s cubic-bezier(0.2,0.7,0.2,1),box-shadow 0.22s ease}}
.ad-js #h-final.ad-r,#h-final{opacity:1 !important;translate:0 0 !important}
#contact #h-final span.wow-word-final{display:inline-block;color:inherit;vertical-align:baseline;will-change:transform,clip-path}
.wow-js:not(.wow-reduce) #contact:not(.wow-in) #h-final span.wow-word-final{transform:translateY(105%);clip-path:inset(0 0 100% 0)}
.wow-js:not(.wow-reduce) #contact.wow-in #h-final span.wow-word-final{animation:wow-word-in 0.45s cubic-bezier(0.2,0.7,0.2,1) both}
.wow-js:not(.wow-reduce) #contact.wow-in #h-final .wow-wf1{animation-delay:0.06s}
.wow-js:not(.wow-reduce) #contact.wow-in #h-final .wow-wf2{animation-delay:0.18s}
#contact{position:relative;overflow:hidden}
.chips-float{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;margin-bottom:22px;position:relative;z-index:2}
.chip-item{background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.22);color:#fff;font:600 14px/1 var(--text);padding:8px 16px;border-radius:999px;backdrop-filter:blur(8px);will-change:transform;pointer-events:none}
.wow-js:not(.wow-reduce) .chip-1{animation:wow-float-1 7s ease-in-out infinite}
.wow-js:not(.wow-reduce) .chip-2{animation:wow-float-2 8s ease-in-out infinite 0.8s}
.wow-js:not(.wow-reduce) .chip-3{animation:wow-float-1 6.5s ease-in-out infinite 1.5s}
.wow-js:not(.wow-reduce) .chip-4{animation:wow-float-2 7.5s ease-in-out infinite 2.2s}
.wow-js:not(.wow-reduce) .chip-5{animation:wow-float-1 8.5s ease-in-out infinite 0.5s}
.wow-js:not(.wow-reduce) .chip-6{animation:wow-float-2 6.8s ease-in-out infinite 1.8s}
@keyframes wow-float-1{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}
@keyframes wow-float-2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,8px,0)}}/* prefers-reduced-motion */
@media (prefers-reduced-motion:reduce){.hero::before,.hero::after,.marquee-track,.btn::after,.demo-player-light,.demo-bars i,.chip-item{animation:none !important}
.hero h1 span.wow-word,#contact #h-final span.wow-word-final{animation:none !important;transform:none !important;clip-path:none !important}
.price-old::after{animation:none !important;transform:scaleX(1) !important}
.price{transform:none !important}
.demo-caret{animation:none !important;display:none !important}
.demo-reply{visibility:visible !important;opacity:1 !important;transform:none !important}
.makes .make{position:static !important;animation:none !important;transform:none !important}
.btn{translate:0 0 !important}
.btn::after{display:none !important}
.months-seg{opacity:1 !important;transform:none !important}
.months-badge{opacity:1 !important;transform:none !important}
.demo-progress-fill{transform:scaleX(1) !important;transition:none !important}
.chip-item{transform:none !important}}
.wow-reduce .hero::before,.wow-reduce .hero::after,.wow-reduce .marquee-track,.wow-reduce .btn::after,.wow-reduce .demo-player-light,.wow-reduce .demo-bars i,.wow-reduce .chip-item{animation:none !important}
.wow-reduce .demo-caret{display:none !important}
.wow-reduce .demo-reply{visibility:visible !important;opacity:1 !important}
.wow-reduce .months-seg{opacity:1 !important}
.wow-reduce .months-badge{opacity:1 !important;transform:none !important}
.wow-reduce .demo-progress-fill{transform:scaleX(1) !important}