/* Шрифт Inter (SIL Open Font License, fonts/LICENSE-Inter.txt), хранится на нашем сервере */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.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}
:root{--ink:#fff;--mute:#b5b5bd;--line:rgba(255,255,255,.12);--glass:rgba(255,255,255,.05);--acc:#e5384e;--acc2:#f26d7d}
html{scroll-behavior:smooth}
body{background:#07070a!important;color:#fff}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:
radial-gradient(900px 600px at 85% -5%,rgba(229, 56, 78,.32),transparent 60%),
radial-gradient(800px 700px at -5% 40%,rgba(120,10,30,.35),transparent 60%),
radial-gradient(900px 700px at 100% 95%,rgba(90,10,60,.35),transparent 60%),
linear-gradient(160deg,#07070a 0%,#12060b 45%,#07070a 100%)}
.sm,.sm *{box-sizing:border-box}
.sm{font-family:'Inter','Helvetica Neue',Arial,sans-serif;color:#fff;font-weight:400;-webkit-font-smoothing:antialiased;font-synthesis:none}
.sm h1,.sm h2,.sm h3,.sm h4,.sm h5,.sm p,.sm ul,.sm li,.sm summary,.sm a,.sm span,.sm b,.sm div{font-family:inherit;font-weight:400}
.sm-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.sm-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--acc2)}
.sm-eyebrow:before{content:"";width:28px;height:2px;background:var(--acc)}
.sm-h2{font-size:clamp(34px,5vw,64px);line-height:1.05;letter-spacing:-.02em;margin:16px 0 0;color:#fff}
.sm-h2 b{color:var(--acc);text-shadow:0 0 40px rgba(229, 56, 78,.55)}
.sm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 34px;border-radius:6px;background:var(--acc);color:#fff!important;font-size:17px;text-decoration:none!important;transition:transform .25s,background .25s,box-shadow .25s;border:0;cursor:pointer;box-shadow:0 10px 30px rgba(229, 56, 78,.35)}
.sm-btn:hover{background:var(--acc2);transform:translateY(-2px);box-shadow:0 16px 40px rgba(229, 56, 78,.55)}
.sm-btn.ghost{background:rgba(109,109,110,.55);box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sm-btn.ghost:hover{background:rgba(140,140,142,.6)}
.sm-rv{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s ease}
.sm-rv.in{opacity:1;transform:none}
/* nav */
.sm-nav{position:fixed;top:0;left:0;right:0;z-index:999;background:linear-gradient(180deg,rgba(7,7,10,.92),rgba(7,7,10,0));transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
.sm-nav.sc{background:rgba(7,7,10,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--line)}
.sm-nav .sm-wrap{display:flex;align-items:center;justify-content:space-between;height:76px}
.sm-logo{display:block;line-height:0;text-decoration:none!important}.sm-logo img{display:block;height:54px;width:auto;margin-left:-12px}
.sm-links{display:flex;gap:34px}
.sm-links a{font-size:15px;color:#e5e5e5!important;text-decoration:none!important;transition:color .25s}
.sm-links a:hover{color:#fff!important}
.sm-navb{display:flex;gap:10px;align-items:center}
.sm-nav .sm-btn{height:42px;padding:0 22px;font-size:15px;box-shadow:none}
/* hero */
.sm-hero{padding:170px 0 90px;position:relative;overflow:hidden}
.sm-hero .sm-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.sm-tag{display:inline-block;padding:8px 16px;border:1px solid var(--line);border-radius:30px;background:var(--glass);font-size:14px;color:#ddd;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sm-tag i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--acc);margin-right:10px;box-shadow:0 0 12px var(--acc);animation:smp 1.6s infinite}
@keyframes smp{50%{opacity:.35}}
.sm-h1{font-size:clamp(46px,7.4vw,104px);line-height:.98;letter-spacing:-.03em;margin:26px 0 26px}
.sm-h1 b{background:linear-gradient(90deg,#f26d7d,#e5384e 60%,#a8060e);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(229, 56, 78,.45))}
.sm-lead{font-size:21px;line-height:1.55;color:var(--mute);max-width:540px;margin:0 0 40px}
.sm-cta{display:flex;gap:14px;flex-wrap:wrap}
.sm-meta{display:flex;gap:44px;margin-top:56px;padding-top:28px;border-top:1px solid var(--line)}
.sm-meta div{font-size:14px;color:var(--mute);line-height:1.4}
.sm-meta b{display:block;font-size:38px;color:#fff;margin-bottom:4px}
.sm-visual{position:relative;height:580px}
.sm-visual:before{content:"";position:absolute;left:50%;top:50%;width:440px;height:440px;margin:-220px 0 0 -220px;border-radius:50%;background:radial-gradient(circle,rgba(229, 56, 78,.75),rgba(229, 56, 78,0) 68%);filter:blur(20px);animation:smb 6s ease-in-out infinite}
@keyframes smb{50%{transform:scale(1.15);opacity:.8}}

@keyframes smf{50%{transform:rotate(-5deg) translateY(-14px)}}













.sm-chip{position:absolute;background:rgba(20,20,26,.72);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:40px;padding:12px 20px;font-size:14px;box-shadow:0 18px 40px rgba(0,0,0,.5);white-space:nowrap}



.sm-chip:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--acc);margin-right:10px;box-shadow:0 0 10px var(--acc)}
@keyframes smf2{50%{transform:translateY(-12px)}}
/* marquee */
.sm-mq{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.03);overflow:hidden;padding:22px 0;white-space:nowrap}
.sm-mq div{display:inline-block;animation:smm 32s linear infinite;font-size:clamp(22px,3vw,36px);letter-spacing:.06em;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.55)}
.sm-mq span{margin:0 26px}
.sm-mq i{font-style:normal;color:var(--acc);-webkit-text-stroke:0}
@keyframes smm{to{transform:translateX(-50%)}}
@media(max-width:900px){
.sm-links{display:none}
.sm-nav .sm-btn{height:38px;padding:0 14px;font-size:14px}
.sm-logo img{height:42px;margin-left:-8px}
.sm-hero{padding:120px 0 60px}
.sm-hero .sm-wrap{grid-template-columns:1fr;gap:30px}
.sm-visual{height:540px;margin-top:24px}

.sm-meta{gap:24px;flex-wrap:wrap}

.sm-lead{font-size:18px}
}
.sm{font-family:Arial,'Helvetica Neue',sans-serif}
.sm .sm-h1,.sm .sm-h2,.sm .sm-logo,.sm .sm-price,.sm .sm-num,.sm .sm-meta b,.sm .sm-card h3,.sm .sm-poster h3,.sm .sm-eyebrow,.sm .sm-badge,.sm .sm-btn,.sm .sm-mq div,.sm .sm-foot .big,.sm .sm-ba h4,.sm .sm-q summary,.sm .sm-tag{font-family:'Inter',Arial,sans-serif}
.sm-res{padding:120px 0}
.sm-res .sm-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.sm-res p{font-size:19px;line-height:1.6;color:var(--mute);margin:26px 0 0;max-width:460px}
.sm-list{list-style:none;margin:34px 0 0;padding:0}
.sm-list li{display:flex;gap:16px;padding:17px 0;border-top:1px solid var(--line);font-size:19px}
.sm-list li:last-child{border-bottom:1px solid var(--line)}
.sm-list li i{font-style:normal;color:var(--acc2);min-width:30px}
.sm-ba{position:relative;height:540px;border-radius:14px;overflow:hidden;user-select:none;background:#111;border:1px solid var(--line);box-shadow:0 40px 90px rgba(0,0,0,.6),0 0 80px rgba(229, 56, 78,.15)}
.sm-ba .l{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:34px}
.sm-ba .before{background:linear-gradient(160deg,#2a2a2d,#161618);color:#8b8b90;filter:grayscale(1)}
.sm-ba .after{background:linear-gradient(150deg,#3a0810 0,#e5384e 140%);clip-path:inset(0 0 0 50%)}
.sm-ba .tag{position:absolute;top:26px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;padding:8px 16px;border-radius:30px;background:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(8px)}
.sm-ba .before .tag{left:26px}.sm-ba .after .tag{right:26px;background:#fff;color:#e5384e}
.sm-ba .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:26px}
.sm-ba .grid span{aspect-ratio:9/12;border-radius:6px;display:block}
.sm-ba .before .grid span{background:#333336}
.sm-ba .after .grid span{background:linear-gradient(160deg,rgba(255,255,255,.28),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.2)}
.sm-ba .after .grid span:nth-child(2n){background:linear-gradient(160deg,#fff,#ffd0d3)}
.sm-ba .after .grid span:nth-child(3n){background:rgba(0,0,0,.45)}
.sm-ba h4{margin:0;font-size:28px;line-height:1.2;color:#fff}
.sm-ba .before h4{color:#9a9a9f}
.sm-ba small{display:block;margin-top:8px;font-size:15px;opacity:.75}
.sm-ba .bar{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;pointer-events:none;box-shadow:0 0 20px #fff}
.sm-ba .bar:after{content:"\2194";position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;background:#fff;box-shadow:0 8px 26px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;font-size:20px;color:#07070a}
.sm-ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
@media(max-width:900px){.sm-res{padding:70px 0}.sm-res .sm-wrap{grid-template-columns:1fr;gap:40px}.sm-ba{height:430px}}
.sm-prog{padding:110px 0}
.sm-prog .hd{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:56px}
.sm-prog .hd p{font-size:19px;line-height:1.6;color:var(--mute);margin:0;max-width:420px}
.sm-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.sm-poster{position:relative;height:440px;border-radius:12px;overflow:hidden;padding:22px 20px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line);background:#111;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s;cursor:default}
.sm-poster:before{content:"";position:absolute;inset:0;background:var(--g);opacity:.9;transition:opacity .45s}
.sm-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.9) 100%)}
.sm-poster:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 30px 70px rgba(0,0,0,.7),0 0 60px rgba(229, 56, 78,.35);border-color:rgba(255,255,255,.4);z-index:2}
.sm-poster>*{position:relative;z-index:1}
.sm-num{position:absolute!important;top:6px;left:16px;font-size:150px;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.75);letter-spacing:-.05em}
.sm-wk{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:8px}
.sm-poster h3{margin:0;font-size:24px;line-height:1.15;color:#fff}
.sm-poster ul{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s,opacity .5s,margin .5s}
.sm-poster:hover ul,.sm-poster:focus ul{max-height:190px;opacity:1;margin-top:14px}
.sm-poster li{font-size:15px;line-height:1.4;padding:4px 0 4px 16px;position:relative;color:#eee}
.sm-poster li:before{content:"";position:absolute;left:0;top:13px;width:7px;height:2px;background:var(--acc2)}
.sm-bonus{margin-top:34px;padding:26px 30px;border-radius:12px;border:1px solid var(--line);background:var(--glass);font-size:18px;line-height:1.5;color:#ddd;backdrop-filter:blur(10px)}
.sm-bonus b{color:#fff}
@media(max-width:1000px){
.sm-prog{padding:70px 0}
.sm-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -24px;padding:6px 24px 24px;-webkit-overflow-scrolling:touch}
.sm-poster{flex:0 0 74%;height:400px;scroll-snap-align:start}
.sm-poster ul{max-height:190px;opacity:1;margin-top:14px}
.sm-poster:hover{transform:none}
}
.smp{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(5,5,8,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.smp.on{display:flex}
.smp-box{position:relative;width:100%;max-width:780px;max-height:92vh;overflow:auto;background:linear-gradient(180deg,#1a0c12,#0d070b);border:1px solid var(--line);border-radius:22px;padding:36px;box-shadow:0 40px 120px rgba(0,0,0,.65);animation:smpin .3s ease}
@keyframes smpin{from{opacity:0;transform:translateY(14px) scale(.98)}}
.smp-x{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--glass);color:#fff;font-size:22px;cursor:pointer}
.smp-x:hover{background:rgba(229, 56, 78,.25)}
.smp-h{margin:0 0 6px;font-size:30px;line-height:1.1;color:#fff}
.smp-h b{color:var(--acc2);font-weight:400}
.smp-sub{margin:0 0 26px;color:var(--mute);font-size:16px}
.smp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.smp-opt{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--glass)}
.smp-opt h4{margin:0;font-size:22px;color:#fff;font-weight:400}
.smp-opt p{margin:0;color:var(--mute);font-size:15px;line-height:1.5;flex:1}
.smp-opt .sm-btn{width:100%;justify-content:center;text-align:center}
.smp-rub{display:none}
.smp-rub.on{display:inline-flex}
@media(max-width:700px){.smp-box{padding:26px 20px}.smp-grid{grid-template-columns:1fr}.smp-h{font-size:24px}}
.sm-tar{padding:120px 0}
.sm-tar .hd{text-align:center;max-width:720px;margin:0 auto 70px}
.sm-tar .hd .sm-eyebrow:before{display:none}
.sm-tar .hd p{font-size:19px;line-height:1.6;color:var(--mute);margin:22px 0 0}
.sm-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.sm-card{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:16px;padding:44px 34px 38px;display:flex;flex-direction:column;position:relative;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .4s,box-shadow .4s,border-color .4s}
.sm-card:hover{transform:translateY(-10px);border-color:rgba(255,255,255,.35);box-shadow:0 30px 70px rgba(0,0,0,.6)}
.sm-card.hot{background:linear-gradient(180deg,rgba(229, 56, 78,.28),rgba(229, 56, 78,.06));border-color:rgba(229, 56, 78,.7);box-shadow:0 0 0 1px rgba(229, 56, 78,.4),0 30px 90px rgba(229, 56, 78,.28)}
.sm-badge{position:absolute;top:-14px;left:34px;background:var(--acc);color:#fff;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:8px 16px;border-radius:30px;box-shadow:0 8px 22px rgba(229, 56, 78,.5)}
.sm-card h3{margin:0;font-size:34px;color:#fff}
.sm-mute{color:var(--mute);font-size:16px;line-height:1.5;margin:10px 0 0;min-height:48px}
.sm-price{font-size:58px;letter-spacing:-.03em;margin:30px 0 28px;line-height:1;color:#fff}
.sm-price small{font-size:22px;margin-left:4px;color:var(--mute)}
.sm-card ul{list-style:none;margin:0 0 36px;padding:26px 0 0;border-top:1px solid var(--line);flex:1}
.sm-card li{position:relative;padding:8px 0 8px 30px;font-size:17px;line-height:1.45;color:#eee}
.sm-card li:before{content:"";position:absolute;left:2px;top:15px;width:12px;height:6px;border-left:2px solid var(--acc2);border-bottom:2px solid var(--acc2);transform:rotate(-45deg)}
.sm-card li.off{opacity:.3}.sm-card li.off:before{border-color:#fff;border-right:0;width:10px;height:0;border-left:0;transform:none;top:19px}
.sm-card .sm-btn{width:100%}
.sm-card:not(.hot) .sm-btn{background:rgba(255,255,255,.1);box-shadow:none}
.sm-card:not(.hot) .sm-btn:hover{background:var(--acc)}
@media(max-width:900px){.sm-tar{padding:70px 0}.sm-cards{grid-template-columns:1fr;gap:30px}.sm-tar .hd{margin-bottom:44px}}
.sm-faq{padding:110px 0}
.sm-faq .sm-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.sm-q{border-top:1px solid var(--line)}
.sm-q:last-child{border-bottom:1px solid var(--line)}
.sm-q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px 0;font-size:24px;color:#fff;transition:color .25s}
.sm-q summary::-webkit-details-marker{display:none}
.sm-q summary:hover{color:var(--acc2)}
.sm-q summary:after{content:"+";font-size:34px;line-height:1;transition:transform .3s;flex:none;color:var(--acc2)}
.sm-q[open] summary:after{transform:rotate(45deg)}
.sm-q p{margin:0;padding:0 50px 30px 0;font-size:18px;line-height:1.6;color:var(--mute);animation:smo .4s ease}
@keyframes smo{from{opacity:0;transform:translateY(-6px)}}
@media(max-width:900px){.sm-faq{padding:70px 0}.sm-faq .sm-wrap{grid-template-columns:1fr;gap:34px}.sm-q summary{font-size:20px}}
.sm-foot{position:relative;padding:100px 0 40px;border-top:1px solid var(--line);overflow:hidden;background:linear-gradient(180deg,transparent,rgba(0,0,0,.6))}
.sm-foot:before{content:"";position:absolute;left:50%;top:-260px;width:900px;height:400px;margin-left:-450px;background:radial-gradient(closest-side,rgba(229, 56, 78,.4),transparent);pointer-events:none}
.sm-foot .top{position:relative;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px;padding-bottom:60px;border-bottom:1px solid var(--line)}
.sm-foot .big{font-size:clamp(34px,4.4vw,58px);line-height:1.08;letter-spacing:-.02em}
.sm-foot .big b{color:var(--acc);text-shadow:0 0 40px rgba(229, 56, 78,.55)}
.sm-foot h5{margin:0 0 20px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.sm-foot a{display:block;color:#fff!important;text-decoration:none!important;font-size:18px;padding:6px 0;transition:color .25s}
.sm-foot a:hover{color:var(--acc2)!important}
.sm-foot .bot{position:relative;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:32px;font-size:14px;color:rgba(255,255,255,.5)}
.sm-foot .bot a{display:inline;font-size:14px;color:rgba(255,255,255,.5)!important}
@media(max-width:900px){.sm-foot{padding:60px 0 30px}.sm-foot .top{grid-template-columns:1fr;gap:34px}}
.sm-poster-1{--g:linear-gradient(160deg,#5a0b14,#e5384e 140%)}
.sm-poster-2{--g:linear-gradient(160deg,#2a0a3a,#b3122e 140%)}
.sm-poster-3{--g:linear-gradient(160deg,#0b1f3a,#c2185b 150%)}
.sm-poster-4{--g:linear-gradient(160deg,#3a1a05,#e5384e 150%)}
.sm-poster-5{--g:linear-gradient(160deg,#10102a,#8e0e2b 150%)}
.mt6{margin-top:6px}
/* Форма оплаты на нашем сайте */
.smp-form p{flex:0}
.smp-f{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--mute)}
.smp-f input,.smp-promo input{height:46px;padding:0 14px;border-radius:8px;border:1px solid var(--line);background:rgba(0,0,0,.35);color:#fff;font:inherit;font-size:16px;outline:none;transition:border-color .2s}
.smp-f input:focus,.smp-promo input:focus{border-color:rgba(255,255,255,.5)}
.smp-promo{display:flex;gap:8px}
.smp-promo input{flex:1;min-width:0;text-transform:uppercase}
.smp-apply{height:46px;padding:0 16px;border-radius:8px;border:1px solid var(--line);background:var(--glass);color:#fff;font:inherit;font-size:15px;cursor:pointer}
.smp-apply:hover{background:rgba(255,255,255,.12)}
.smp-note{min-height:0;font-size:14px;color:#46d369!important}
.smp-note.bad{color:var(--acc2)!important}
.smp-agree{margin-top:6px;display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--mute);cursor:pointer}
.smp-agree input{width:18px;height:18px;margin:1px 0 0;flex:none;accent-color:var(--acc)}
.smp-agree a{color:#fff}
.smp-err{min-height:0;font-size:14px;color:var(--acc2)!important}
.smp-err:empty,.smp-note:empty{display:none}
.smp-form .sm-btn[disabled]{opacity:.6;cursor:progress;transform:none}
.smp-form .sm-btn{background:var(--acc)!important;box-shadow:0 10px 30px rgba(229, 56, 78,.35)}
.sm-hide{display:none!important}
.smp-off{padding:12px 14px;border-radius:10px;background:rgba(229, 56, 78,.14);border:1px solid rgba(229, 56, 78,.4);color:#fff!important;font-size:15px}
.smp-form.off .smp-f,.smp-form.off .smp-promo,.smp-form.off .smp-agree,.smp-form.off #smpSubmit{display:none}

/* ---------- Первый экран: «4 профессии. 1 курс.» и экран видеоредактора ---------- */
.sm .sm-h1.sm-h1-4{font-size:clamp(44px,6.4vw,94px);line-height:.98;margin:24px 0 28px;font-weight:800;letter-spacing:-.03em}
.sm .sm-h1-4 span,.sm .sm-h1-4 b{display:block;font-weight:inherit}
.sm-h1-4 b{padding-bottom:.06em}
.sm-visual{height:560px;perspective:1600px}
.sm-scr{position:absolute;left:50%;top:50%;width:520px;margin:-190px 0 0 -250px;padding:14px;border-radius:26px;background:linear-gradient(160deg,rgba(28,28,34,.96),rgba(12,12,16,.98));border:1px solid rgba(255,255,255,.14);box-shadow:0 50px 100px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.04) inset,0 0 80px rgba(229,56,78,.18);transform:rotateY(-16deg) rotateX(7deg) rotateZ(-2deg);transform-style:preserve-3d;animation:smscr 8s ease-in-out infinite}
@keyframes smscr{0%,100%{transform:rotateY(-16deg) rotateX(7deg) rotateZ(-2deg) translateY(0)}50%{transform:rotateY(-12deg) rotateX(5deg) rotateZ(-2deg) translateY(-10px)}}
.sm-scr-bar{display:flex;gap:6px;padding:2px 4px 12px}
.sm-scr-bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.16)}
.sm-scr-bar i:first-child{background:var(--acc)}
.sm-scr-body{display:grid;grid-template-columns:44px 1fr 70px;gap:12px;align-items:start}
.sm-scr-side{display:flex;flex-direction:column;gap:8px;padding-top:6px}
.sm-scr-side i{display:block;height:7px;border-radius:4px;background:rgba(255,255,255,.14)}
.sm-scr-side i:nth-child(2){width:70%}
.sm-scr-side.r i{height:9px}
.sm-scr-side.r i:last-child{width:60%}
.sm-scr-video{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:linear-gradient(150deg,#ff6b7c 0%,#e5384e 45%,#8f0d1f 100%);box-shadow:0 20px 50px rgba(229,56,78,.45)}
.sm-scr-video:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 15%,rgba(255,255,255,.35),transparent 45%)}
.sm-scr-video span{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.35)}
.sm-scr-video span:after{content:"";position:absolute;left:25px;top:20px;border-left:20px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}
.sm-scr-tl{position:relative;margin-top:14px;padding:12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.sm-scr-tracks{display:flex;gap:5px;height:34px}
.sm-scr-tracks span{flex:1;border-radius:6px;background:rgba(255,255,255,.1)}
.sm-scr-tracks span.acc{flex:1.4;background:var(--acc);box-shadow:0 0 18px rgba(229,56,78,.55)}
.sm-scr-tracks span.lt{flex:1.3;background:rgba(255,255,255,.3)}
.sm-scr-tracks.t2{height:12px;margin-top:8px}
.sm-scr-tracks.t2 span{background:rgba(255,255,255,.08)}
.sm-scr-tracks .w2{flex:2}.sm-scr-tracks .w3{flex:3}
.sm-scr-head{position:absolute;top:-10px;bottom:6px;left:30%;width:2px;background:var(--acc);box-shadow:0 0 10px var(--acc);animation:smhead 9s linear infinite}
.sm-scr-head:before{content:"";position:absolute;top:-6px;left:-6px;width:14px;height:14px;border-radius:50%;background:var(--acc);box-shadow:0 0 14px var(--acc)}
@keyframes smhead{0%{left:6%}100%{left:94%}}
.sm-chip{font-weight:500}
.sm-chip.a{left:-2%;top:11%;animation:smf2 6s ease-in-out infinite}
.sm-chip.b{right:-4%;top:22%;animation:smf2 8s ease-in-out infinite reverse}
.sm-chip.c{left:-6%;bottom:22%;animation:smf2 7s ease-in-out infinite}
.sm-chip.d{right:0;bottom:9%;animation:smf2 9s ease-in-out infinite reverse}
/* Мотив логотипа: три квадрата */
.sm-sq{position:absolute;left:12%;bottom:4%;width:74px;height:74px;opacity:.9;animation:smf2 10s ease-in-out infinite}
.sm-sq i{position:absolute;border-radius:6px}
.sm-sq i:nth-child(1){left:0;bottom:0;width:14px;height:14px;background:#98979e}
.sm-sq i:nth-child(2){left:22px;bottom:18px;width:20px;height:20px;background:#f4f2ee}
.sm-sq i:nth-child(3){right:0;top:0;width:26px;height:26px;background:var(--acc);box-shadow:0 0 20px rgba(229,56,78,.6)}
@media(max-width:1100px){.sm-scr{width:460px;margin:-170px 0 0 -220px}}
@media(max-width:900px){
.sm-visual{height:440px}
.sm-scr{width:min(420px,86vw);margin:0;left:50%;top:50%;transform:translate(-50%,-50%) rotateY(-10deg) rotateX(5deg);animation:none}
.sm-scr-body{grid-template-columns:28px 1fr 44px;gap:8px}
.sm-chip.a{left:2%;top:4%}.sm-chip.b{right:2%;top:12%}.sm-chip.c{left:0;bottom:12%}.sm-chip.d{right:2%;bottom:3%}
.sm-sq{display:none}
}
@media(max-width:520px){.sm-visual{height:380px}.sm-chip{padding:9px 14px;font-size:13px}.sm-scr-video span{width:48px;height:48px;margin:-24px 0 0 -24px}.sm-scr-video span:after{left:19px;top:14px;border-left-width:15px;border-top-width:10px;border-bottom-width:10px}}
@media(prefers-reduced-motion:reduce){.sm-scr,.sm-scr-head,.sm-sq{animation:none}}
/* «4 профессии» и «1 курс» всегда в одну строку; на узких экранах шрифт подстраивается под ширину */
.sm .sm-h1-4 span,.sm .sm-h1-4 b{white-space:nowrap}
@media(max-width:520px){.sm .sm-h1.sm-h1-4{font-size:min(44px,12vw)}}

/* ---------- Блок «Результат»: от идеи до ролика ---------- */
.sm .sm-h2.sm-h2-bold{font-weight:800;letter-spacing:-.03em;font-size:clamp(32px,3.7vw,56px);line-height:1.05}
.sm .sm-h2-bold b{white-space:nowrap}
.sm .sm-h2-bold b{font-weight:inherit}
.sm-list-big li{align-items:center;font-size:18px;font-weight:600;color:#fff}
.sm .sm-list-big li i{font-size:26px;font-weight:800;color:var(--acc);min-width:44px;letter-spacing:-.02em}
.sm-ba-v .l{justify-content:center;padding:96px 26px 30px}
.sm-ba-v .cap{position:absolute;top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:45%}
.sm-ba-v .before .cap{left:24px}
.sm-ba-v .cap.r{right:24px;align-items:flex-end;text-align:right}
.sm-ba-v .cap .tag{position:static}
.sm-ba-v .cap small{margin:0;font-size:13px;line-height:1.35;opacity:.85;color:#fff}
.sm-ba-v .before .cap small{color:#9a9a9f}
.sm-ba-v .grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:0}
.sm-ba-v .grid span{position:relative;aspect-ratio:4/3;border-radius:10px}
.sm-ba-v .grid span:after{content:"";position:absolute;left:50%;top:50%;margin:-11px 0 0 -7px;border-left:18px solid;border-top:11px solid transparent;border-bottom:11px solid transparent}
.sm-ba-v .before .grid span{background:linear-gradient(160deg,#3a3a3e,#2a2a2d);border:1px solid rgba(255,255,255,.06)}
.sm-ba-v .before .grid span:after{border-left-color:#6d6d72}
.sm-ba-v .after{background:linear-gradient(150deg,#2a060b 0,#6d0f1c 55%,#e5384e 150%)}
.sm-ba-v .after .grid span,.sm-ba-v .after .grid span:nth-child(2n),.sm-ba-v .after .grid span:nth-child(3n){background:linear-gradient(150deg,#ff6b7c,#e5384e 55%,#9d1224);border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 30px rgba(229,56,78,.45)}
.sm-ba-v .after .grid span:nth-child(2){background:linear-gradient(150deg,#fff,#ffd9dd)}
.sm-ba-v .after .grid span:nth-child(2):after{border-left-color:#e5384e}
.sm-ba-v .after .grid span:after{border-left-color:#fff}
@media(max-width:520px){.sm-ba-v .l{padding:88px 16px 20px}.sm-ba-v .grid{gap:7px}.sm-ba-v .cap small{font-size:12px}.sm .sm-list-big li i{font-size:22px;min-width:38px}.sm-list-big li{font-size:16px}}

/* ---------- Программа: 5 модулей (пункты длиннее — больше места в карточке) ---------- */
.sm-poster:hover ul,.sm-poster:focus ul,.sm-poster:focus-within ul{max-height:340px}
.sm-poster li{font-size:14px;line-height:1.38}
@media(max-width:900px){.sm-poster ul{max-height:340px}.sm-poster{height:auto;min-height:400px}}
.sm-row{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.sm-row::-webkit-scrollbar{height:6px}.sm-row::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:3px}.sm-row::-webkit-scrollbar-track{background:transparent}
.sm-bonus+.sm-bonus{margin-top:14px}