:root{--ink:#0c1238;--muted:#495583;--violet:#8438ff;--blue:#2589ff;--line:#e3e8ff;--surface:#fff;--bg:#f8faff;--shadow:0 18px 55px rgba(64,75,155,.095)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}a{color:inherit}p{margin:0 0 18px;line-height:1.75;color:var(--muted)}h1,h2,h3{margin:0;color:var(--ink);letter-spacing:-.045em}h1{font-size:clamp(36px,4.05vw,62px);line-height:1.12;font-weight:800}h2{font-size:clamp(32px,3.6vw,54px);line-height:1.16;font-weight:800;margin-bottom:32px}h3{font-size:20px;line-height:1.35;font-weight:800}.accent{color:var(--violet)}.container{max-width:1440px;margin:0 auto;padding:0 56px}.section{padding:100px 0;overflow:hidden;position:relative}.hero{padding:70px 0 90px;background:radial-gradient(ellipse at 83% 37%,#e1e7ff 0%,transparent 44%),linear-gradient(130deg,#fff 8%,#f7f9ff 75%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.hero-copy{position:relative;z-index:2}.hero-lead{font-size:clamp(20px,1.65vw,26px);font-weight:800;color:var(--violet);line-height:1.45;margin:24px 0 12px}.hero-description{font-size:18px;line-height:1.75;max-width:640px}.soft-card{background:linear-gradient(100deg,#fceeff,#edf3ff);border:1px solid #e9e7ff;border-radius:18px;padding:18px 22px}.hero-gift{display:flex;gap:18px;align-items:center;margin:22px 0 18px}.hero-gift p{margin:0;font-size:16px;line-height:1.65}.hero-gift strong{color:var(--ink)}.pdf-icon,.guide-pdf{background:linear-gradient(135deg,#ff6c63,#ef292b);color:white;border-radius:9px;display:inline-grid;place-items:center;font-weight:800;box-shadow:0 7px 15px #f3363929}.pdf-icon{flex:0 0 54px;height:58px;font-size:17px}.audience-note{display:flex;align-items:center;gap:15px}.audience-note p{margin:0}.note-icon{font-size:38px;color:var(--violet)}.meta-line{display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:#313c77;font-size:15px;font-weight:700;margin:22px 0}.meta-dot{color:#b3bbed}.signup{max-width:620px}.signup h3{font-size:20px;margin-bottom:12px}.channels{display:flex;gap:12px;margin-bottom:12px}.channel{display:flex;justify-content:center;align-items:center;gap:13px;background:#fff;border:1.5px solid #e0e8ff;border-radius:15px;padding:13px 18px;min-height:56px;flex:1;color:#202b5b;font-weight:800;transition:.2s}.channel:hover,.channel.is-selected{border-color:#168dff;box-shadow:0 6px 20px #298cff1b}.channel:focus-visible,.primary-button:focus-visible,.outline-link:focus-visible,summary:focus-visible{outline:3px solid #61adff;outline-offset:3px}.channel-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;color:#fff}.channel-icon svg{display:block;width:22px;height:22px;fill:currentColor}.primary-button{border:0;background:linear-gradient(100deg,#a12eff,#712dff);color:white;min-height:60px;border-radius:15px;padding:15px 25px;font-weight:800;font-size:16px;box-shadow:0 12px 25px #7937fa2d;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:transform .2s,box-shadow .2s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 17px 32px #7937fa42}.signup>.primary-button{width:100%}.microcopy{font-size:13px;line-height:1.6;margin:12px 0 0;color:#626d99}.hero-art{position:relative;min-height:690px;isolation:isolate}.art-glow{position:absolute;inset:6% -10% 0 0;background:radial-gradient(circle,#a7b9ff7d,transparent 67%);border-radius:50%;z-index:-1}.art-orbit{position:absolute;border:2px dashed #98aaff;border-radius:50%;opacity:.5}.orbit-one{width:420px;height:420px;right:-10%;top:1%}.orbit-two{width:270px;height:270px;left:4%;bottom:4%}.hero-photo{position:absolute;left:8%;right:0;top:7%;bottom:5%;overflow:hidden;border-radius:45% 45% 30px 30px;background:linear-gradient(#dfe8ff,#f1f4ff);box-shadow:var(--shadow)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%;mix-blend-mode:multiply}.hero-flow{position:absolute;right:-2%;top:10%;width:65%;background:#ffffffed;padding:12px;border-radius:18px;box-shadow:var(--shadow);transform:rotate(3deg)}.hero-flow svg{width:100%;display:block}.guide-cover{position:absolute;bottom:3%;right:0;width:210px;height:280px;background:linear-gradient(135deg,#fff,#eef1ff);border:10px solid #fff;border-radius:17px;box-shadow:0 22px 45px #5157a54d;transform:rotate(11deg);padding:22px;display:flex;flex-direction:column;gap:20px}.guide-top{font-size:27px;font-weight:800}.guide-word{font-size:52px;color:var(--violet);font-weight:800}.guide-pdf{width:64px;height:62px;align-self:flex-end;margin-top:auto}.play-orb{position:absolute;top:34%;left:0;border-radius:22px;background:#fff;color:var(--violet);font-size:30px;padding:15px 24px;box-shadow:var(--shadow)}.audience-section{background:radial-gradient(circle at 20% 100%,#e7e7ff,transparent 45%),#fafbff}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.audience-card,.feature-card,.review-card{background:#fff;border:1px solid #e8eaff;border-radius:26px;box-shadow:var(--shadow);overflow:hidden}.audience-visual{height:235px;position:relative;display:grid;place-items:center;overflow:hidden}.visual-lilac{background:radial-gradient(circle at 50% 75%,#c7b4ff,#f5f0ff 67%)}.visual-blue{background:radial-gradient(circle at 50% 75%,#c3ddff,#f0f6ff 67%)}.visual-peach{background:radial-gradient(circle at 50% 75%,#ffd5b7,#fff5ef 67%)}.card-number{position:absolute;left:24px;top:22px;background:#ffffffc9;color:var(--violet);padding:9px 13px;border-radius:50%;font-size:18px;font-weight:800}.visual-blue .card-number{color:#238bff}.visual-peach .card-number{color:#f68c32}.audience-art{display:block;width:100%;height:100%}.audience-body{padding:26px 27px 34px}.audience-body h3{margin-bottom:12px;min-height:54px}.audience-body p{margin:0;font-size:15px}.cta-strip{margin-top:26px;background:#f0efff;border:1px solid #fff;border-radius:24px;padding:24px;display:grid;grid-template-columns:1fr 1.05fr;gap:18px;align-items:center}.cta-strip h3{font-size:23px}.cta-strip .channels{margin:0}.process-section{background:#fff}.process-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:55px;align-items:center}.story-steps{display:grid;gap:12px;border-left:2px dashed #c6c7ff;padding-left:18px}.story-steps p{margin:0;background:linear-gradient(110deg,#f6f2ff,#f8faff);border:1px solid #eeecff;border-radius:18px;padding:18px 20px;font-size:16px;position:relative}.story-steps p:before{content:'';position:absolute;left:-25px;top:27px;width:10px;height:10px;border:2px solid #8544ff;background:white;border-radius:50%}.process-art{background:linear-gradient(140deg,#f1f5ff,#e6eaff);border:1px solid #e1e7ff;border-radius:28px;box-shadow:var(--shadow);padding:18px;transform:rotate(-1deg)}.process-art-head{display:flex;gap:6px}.process-dot{width:10px;height:10px;background:#a4b5ff;border-radius:50%}.process-image{display:block;width:100%;height:auto;border:1px solid #e1e7ff;border-radius:14px;background:#fff}.diagram-label{font:700 14px Manrope,Arial,sans-serif;fill:#273968}.diagram-small{font:700 12px Manrope,Arial,sans-serif;fill:#6572ad}.syllabus-section{background:linear-gradient(135deg,#f9fbff,#f0f1ff)}.section-head{max-width:1000px}.syllabus-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-card{padding:30px}.feature-card h3{margin:17px 0 12px}.feature-card p{margin:0}.feature-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center}.feature-icon svg{display:block;width:30px;height:30px}.purple{background:#eee3ff;color:#873dff}.blue{background:#e1efff;color:#2589ff}.orange{background:#fff0df;color:#ed982d}.green{background:#ddf8ef;color:#08b68c}.closing-copy{font-size:18px;margin:30px 0}.signup-inline{background:#fff;border:1px solid var(--line);border-radius:24px;padding:25px;max-width:570px;box-shadow:var(--shadow)}.guide-section{background:#fff}.guide-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.guide-art{min-height:560px;background:radial-gradient(circle,#d6d5ff,transparent 68%);display:grid;place-items:center}.big-guide{width:300px;height:410px;background:linear-gradient(125deg,#fff,#e8edff);border:12px solid white;border-radius:20px;box-shadow:22px 28px 40px #4e59a93b;transform:rotate(-9deg);padding:35px 25px;display:flex;flex-direction:column;gap:18px}.big-guide>span:first-child{font-size:34px;font-weight:800}.big-guide strong{font-size:75px;color:var(--violet);line-height:1.2}.big-guide .guide-pdf{font-size:21px}.guide-emphasis{font-weight:800;color:var(--ink)}.guide-items{display:grid;gap:19px;margin:28px 0}.guide-items>div,.credentials>div{display:flex;align-items:flex-start;gap:17px}.guide-items h3,.credentials h3{font-size:19px;margin-bottom:6px}.guide-items p,.credentials p{margin:0}.small-symbol{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:16px;background:#e9e3ff;color:var(--violet)}.small-symbol svg{display:block;width:28px;height:28px}.cta-standalone{margin-top:12px}.watch-section{background:#f5f7ff}.watch-grid{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center}.video-preview{position:relative;max-width:560px;height:290px;overflow:hidden;border-radius:23px;margin-top:26px;background:#dfe7ff;box-shadow:var(--shadow)}.video-preview img{width:100%;height:100%;object-fit:cover;object-position:center 24%}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#ffffffec;color:var(--violet);border-radius:50%;width:70px;height:70px;display:grid;place-items:center;font-size:28px}.steps-panel{background:white;border:1px solid var(--line);border-radius:26px;padding:36px;box-shadow:var(--shadow)}.steps-panel h3{font-size:28px}.number-steps{padding:0;margin:24px 0;list-style:none;counter-reset:step}.number-steps li{counter-increment:step;display:flex;gap:16px;align-items:center;color:var(--muted);line-height:1.65;margin-bottom:18px}.number-steps li:before{content:counter(step);width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:50%;background:#ede3ff;color:var(--violet);font-weight:800}.price-block{background:#f3f0ff;border-radius:17px;padding:22px;margin-bottom:14px}.price-block strong{font-size:25px}.price-block p{margin:8px 0 0}.instructor-section{background:white}.instructor-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:85px;align-items:center}.instructor-photo{height:680px;border-radius:32px;overflow:hidden;background:linear-gradient(#f0f2ff,#dfe5ff);box-shadow:var(--shadow)}.instructor-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.credentials{display:grid;gap:24px;margin:30px 0}.credential-mark{background:#ece5ff;color:var(--violet);border-radius:17px;min-width:66px;height:66px;display:grid;place-items:center;font-size:22px;font-weight:800}.credential-mark svg{display:block;width:34px;height:34px}.reviews-section{background:linear-gradient(130deg,#f4f6ff,#f9f9ff)}.reviews-header{display:flex;justify-content:space-between;gap:25px;align-items:end}.reviews-header h2{max-width:770px}.rating{white-space:nowrap;color:#ffb126;font-size:18px;font-weight:800}.rating span{display:block;color:var(--muted);font-size:13px;white-space:normal;margin-top:6px}.reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.review-card{padding:35px;min-height:255px}.quote-mark{font-size:65px;line-height:.6;color:#c1b1ff;display:block;margin-bottom:15px}.review-card h3{margin-bottom:14px}.outline-link{display:inline-flex;align-items:center;gap:10px;border:1.5px solid #c6bbff;border-radius:14px;padding:14px 22px;color:var(--violet);text-decoration:none;font-weight:800;margin-top:26px}.outline-link[aria-disabled=true],#privacy-link[aria-disabled=true]{cursor:not-allowed;opacity:.65}.review-disclaimer{margin:20px 0 15px}.faq-section{background:#fff}.faq-container{max-width:1050px}.faq-list{display:grid;gap:12px}.faq-list details{border:1px solid var(--line);border-radius:18px;background:#fafbff;overflow:hidden}.faq-list summary{cursor:pointer;list-style:none;padding:22px 60px 22px 24px;font-weight:800;font-size:18px;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:24px;top:16px;color:var(--violet);font-size:29px}.faq-list details[open] summary:after{content:'−'}.faq-list details p{padding:0 24px 22px;margin:0;max-width:850px}.final-section{background:#f7f8ff;padding-bottom:70px}.final-panel{background:linear-gradient(125deg,#111a48,#25206b);border-radius:34px;display:grid;grid-template-columns:1.25fr .75fr;gap:30px;padding:65px;position:relative;overflow:hidden}.final-panel h2,.final-panel h3{color:#fff}.final-panel h2{max-width:820px}.final-panel p{color:#dce0ff}.final-panel .accent{color:#b993ff}.final-panel .meta-line{color:#fff}.final-panel .microcopy{color:#ccd2ff}.final-panel .signup{max-width:600px}.final-art{display:grid;place-items:center;background:radial-gradient(circle,#7566da78,transparent 65%)}.final-art .big-guide{width:250px;height:345px;transform:rotate(10deg)}.final-art .big-guide strong{font-size:60px}.site-footer{background:#f7f8ff;text-align:center;padding:20px 0 45px;color:#647098;font-size:13px}.site-footer a{text-decoration:underline}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#151b4a;color:#fff;padding:14px 24px;border-radius:14px;box-shadow:var(--shadow);z-index:20;opacity:0;pointer-events:none;transition:.25s;max-width:min(90vw,550px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.container{padding:0 32px}.section{padding:75px 0}.hero-grid{gap:10px}.hero-art{min-height:560px}.hero-flow{top:13%}.guide-cover{width:155px;height:215px}.guide-top{font-size:20px}.guide-word{font-size:39px}.guide-pdf{width:50px;height:50px}.audience-visual{height:185px}.audience-body{padding:20px}.cta-strip{grid-template-columns:1fr 1fr}.guide-grid,.watch-grid,.instructor-grid{gap:40px}.instructor-photo{height:570px}}
@media(max-width:800px){.container{padding:0 24px}.hero-grid,.process-grid,.guide-grid,.watch-grid,.instructor-grid,.final-panel{grid-template-columns:1fr}.hero-art{min-height:560px;max-width:610px;width:100%;margin:auto}.hero{padding-top:45px}.audience-grid{grid-template-columns:1fr}.audience-card{display:grid;grid-template-columns:40% 60%}.audience-visual{height:100%;min-height:230px}.audience-body h3{min-height:0}.syllabus-grid{grid-template-columns:1fr}.guide-art{min-height:430px}.instructor-photo{max-width:480px;height:530px}.reviews-header{display:block}.rating{margin-bottom:22px}.final-panel{padding:40px}.final-art{min-height:320px}.cta-strip{grid-template-columns:1fr}}
@media(max-width:540px){.container{padding:0 18px}.section{padding:62px 0}h1{font-size:36px}h2{font-size:32px;margin-bottom:24px}.hero{padding:36px 0 55px}.hero-lead{font-size:19px}.hero-description{font-size:16px}.hero-grid{gap:0}.hero-art{min-height:380px;margin:20px auto 0}.hero-photo{left:5%;right:5%;top:0;bottom:0}.hero-flow{width:62%;top:2%;right:-2%}.guide-cover{width:118px;height:160px;padding:12px;border-width:6px;right:0;bottom:-1%}.guide-top{font-size:16px}.guide-word{font-size:29px}.guide-pdf{font-size:12px;width:39px;height:36px}.play-orb{font-size:20px;padding:10px 16px;left:0;top:43%}.hero-gift{padding:14px}.hero-gift p{font-size:14px}.pdf-icon{flex-basis:45px;height:48px}.meta-line{font-size:13px;gap:8px}.channels{gap:8px}.channel{padding:11px 8px;font-size:14px;min-width:0}.primary-button{font-size:14px;min-height:56px;padding:12px}.audience-card{display:block}.audience-visual{height:210px;min-height:0}.audience-body{padding:22px}.cta-strip{padding:20px}.cta-strip h3{font-size:21px}.process-grid{gap:32px}.story-steps p{font-size:14px;padding:14px}.feature-card{padding:22px}.guide-art{min-height:340px}.big-guide{width:220px;height:300px;padding:20px}.big-guide>span:first-child{font-size:26px}.big-guide strong{font-size:57px}.guide-items h3,.credentials h3{font-size:17px}.steps-panel{padding:24px}.video-preview{height:230px}.instructor-photo{height:430px}.reviews-grid{grid-template-columns:1fr}.review-card{min-height:0;padding:25px}.faq-list summary{font-size:16px;padding:20px 50px 20px 18px}.faq-list details p{padding:0 18px 20px}.final-panel{padding:28px 20px;border-radius:24px}.final-art{min-height:270px}.final-art .big-guide{width:190px;height:260px}.final-art .big-guide strong{font-size:45px}.site-footer{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Первый экран: вёрстка по утверждённому референсу. Остальные секции не меняются. */
.hero.hero-reference{padding:0;min-height:0;background:linear-gradient(105deg,#fff 0%,#f9faff 49%,#e7eaff 100%)}
.hero-reference .container{max-width:1648px;padding-left:clamp(24px,5.45vw,90px);padding-right:0}
.hero-reference .hero-grid{grid-template-columns:minmax(0,46%) minmax(0,54%);gap:0;align-items:stretch;min-height:min(56.3vw,928px)}
.hero-reference .hero-copy{padding:clamp(30px,3.1vw,54px) 0 28px;align-self:center;z-index:2}
.hero-reference h1{font-size:clamp(34px,3.88vw,64px);line-height:1.01;letter-spacing:-.058em;font-weight:800;max-width:735px}
.hero-reference .hero-lead{font-size:clamp(17px,1.57vw,26px);line-height:1.25;margin:16px 0 13px;letter-spacing:-.04em}
.hero-reference .hero-description{font-size:clamp(15px,1.4vw,23px);line-height:1.38;max-width:675px;margin:0 0 17px}
.hero-reference .hero-gift{margin:0 0 15px;padding:14px 20px;gap:22px;border-radius:16px;max-width:675px}
.hero-reference .hero-gift p{font-size:clamp(14px,1.25vw,20px);line-height:1.45}
.hero-reference .pdf-icon{flex:0 0 56px;height:58px;font-size:16px;border-radius:7px}
.hero-reference .audience-note{max-width:670px;gap:20px;margin:0 0 13px}
.hero-reference .audience-note p{font-size:clamp(14px,1.25vw,20px);line-height:1.45}
.hero-reference .people-symbol{width:54px;height:54px;flex:0 0 54px}
.hero-reference .meta-line{gap:12px;font-size:clamp(12px,1.08vw,18px);font-weight:500;margin:16px 0 13px;line-height:1.3}
.hero-reference .meta-line>span:not(.meta-dot){display:inline-flex;align-items:center;gap:8px}
.hero-reference .meta-icon{font-size:28px;color:#8d33ff;font-weight:500;line-height:1}
.hero-reference .signup{max-width:650px}
.hero-reference .signup h3{font-size:clamp(17px,1.4vw,23px);margin-bottom:8px}
.hero-reference .channels{gap:12px;margin-bottom:8px}
.hero-reference .channel{min-height:53px;padding:8px 14px;border-radius:13px;font-size:clamp(14px,1.12vw,18px)}

.hero-reference .primary-button{min-height:56px;font-size:clamp(15px,1.3vw,21px);font-weight:600;border-radius:12px}
.hero-reference .microcopy{font-size:clamp(11px,.96vw,16px);margin:11px 0 0;display:flex;align-items:center;gap:14px;line-height:1.45}
.hero-reference .bot-symbol{color:#6757ac;font-size:26px}
.hero-reference .hero-art-reference{min-height:0;background-image:url('assets/hero-reference.webp');background-position:center center;background-repeat:no-repeat;background-size:cover;isolation:auto}
@media(min-width:1649px){.hero-reference .hero-grid{min-height:928px}}
@media(min-width:801px) and (max-width:1200px){.hero-reference .hero-grid{grid-template-columns:minmax(0,49%) minmax(0,51%);min-height:730px}.hero-reference h1{font-size:clamp(35px,4vw,50px)}.hero-reference .hero-copy{padding-right:10px}.hero-reference .hero-art-reference{background-position:45% center}.hero-reference .meta-line{gap:7px}.hero-reference .meta-icon{font-size:20px}}
@media(max-width:800px){.hero.hero-reference{padding:0}.hero-reference .container{padding:0 24px}.hero-reference .hero-grid{display:flex;flex-direction:column;min-height:0}.hero-reference .hero-copy{padding:44px 0 0;align-self:stretch}.hero-reference h1{font-size:clamp(35px,6.3vw,52px);line-height:1.1}.hero-reference .hero-art-reference{width:100%;height:clamp(380px,65vw,600px);background-size:cover;background-position:center 38%;margin-top:18px}.hero-reference .hero-lead{font-size:22px}.hero-reference .hero-description{font-size:17px}.hero-reference .hero-gift p,.hero-reference .audience-note p{font-size:16px}.hero-reference .meta-line{font-size:14px}.hero-reference .signup h3{font-size:20px}.hero-reference .microcopy{font-size:13px}}
@media(max-width:540px){.hero-reference .container{padding:0 18px}.hero-reference .hero-copy{padding:35px 0 0}.hero-reference h1{font-size:clamp(32px,8.6vw,42px)}.hero-reference .hero-lead{font-size:19px}.hero-reference .hero-description{font-size:16px;line-height:1.55}.hero-reference .hero-gift{gap:13px;padding:14px}.hero-reference .hero-gift p{font-size:14px}.hero-reference .pdf-icon{flex-basis:44px;height:48px;font-size:13px}.hero-reference .audience-note{gap:12px}.hero-reference .people-symbol{width:42px;height:42px;flex-basis:42px}.hero-reference .audience-note p{font-size:14px}.hero-reference .meta-line{gap:7px;font-size:12px}.hero-reference .meta-icon{font-size:20px}.hero-reference .hero-art-reference{height:390px;background-position:center 40%}.hero-reference .channel{font-size:14px}.hero-reference .primary-button{font-size:16px}.hero-reference .microcopy{font-size:12px}}

/* Плавный переход hero-фотографии в фон страницы */
.hero-reference .hero-art-reference {
    -webkit-mask-image: linear-gradient(
        90deg,
        transparent 0%,
        #000 16%,
        #000 100%
    );
    mask-image: linear-gradient(90deg, transparent 0%, #000 16%, #000 100%);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

@media (max-width: 800px) {
    .hero-reference .hero-art-reference {
        -webkit-mask-image: linear-gradient(
            180deg,
            transparent 0%,
            #000 10%,
            #000 100%
        );
        mask-image: linear-gradient(
            180deg,
            transparent 0%,
            #000 10%,
            #000 100%
        );
    }
}

/* Плавное раскрытие FAQ */
.faq-answer{overflow:hidden}


/* Кнопки Telegram и VK: зелёный минималистичный стиль */
.channels {
    flex-wrap: wrap;
    gap: 12px;
}
.channel,
.hero-reference .channel {
    flex: 1 1 150px;
    min-width: 0;
    height: 58px;
    min-height: 58px;
    padding: 0 18px;
    border: 0;
    border-radius: 12px;
    background: #16a34a;
    color: #ffffff;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    gap: 10px;
    box-shadow: 0 6px 18px rgba(22, 163, 74, 0.18);
    transition:
        background-color 200ms ease,
        box-shadow 200ms ease,
        transform 200ms ease;
}
.channel:hover,
.hero-reference .channel:hover {
    background: #15803d;
    border-color: transparent;
    box-shadow: 0 10px 24px rgba(22, 163, 74, 0.28);
}
.channel.is-selected,
.hero-reference .channel.is-selected {
    background: #16a34a;
    border-color: transparent;
    box-shadow: 0 6px 18px rgba(22, 163, 74, 0.18);
}
.channel.is-selected:hover,
.hero-reference .channel.is-selected:hover {
    background: #15803d;
    box-shadow: 0 10px 24px rgba(22, 163, 74, 0.28);
}
.channel:active,
.hero-reference .channel:active {
    transform: scale(0.98);
}
.channel:focus-visible,
.hero-reference .channel:focus-visible {
    outline: 3px solid #15803d;
    outline-offset: 3px;
    box-shadow: 0 0 0 6px rgba(22, 163, 74, 0.22);
}
.channel-icon,
.hero-reference .channel-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    color: #ffffff;
}
.channel-icon svg {
    display: block;
    width: 22px;
    height: 22px;
    fill: currentColor;
}
.cta-strip .channels {
    margin: 0;
}