@font-face{font-family:Inter;src:url("../fonts/inter-cyrillic.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;src:url("../fonts/inter-latin.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap;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:"Open Sans";src:url("../fonts/open-sans-cyrillic-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Open Sans";src:url("../fonts/open-sans-latin-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap;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{--purple:#963df0;--purple2:#7e5cf7;--ink:#171717;--muted:rgba(0,0,0,.68);--shadow:0 8px 30px rgba(34,24,47,.09);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.4;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.section{padding:92px 0}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:400;line-height:1.12}h2{font-size:40px;margin-bottom:18px}.center{text-align:center}.lead{max-width:810px;margin:0 auto 54px;text-align:center;color:var(--muted)}em{font-style:normal;background:linear-gradient(100deg,var(--purple),var(--purple2));-webkit-background-clip:text;background-clip:text;color:transparent}
.header{height:80px;position:fixed;z-index:50;inset:0 0 auto;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.05)}.header__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{width:210px;flex:0 0 auto}.nav{display:flex;align-items:center;gap:24px}.nav a{text-decoration:none;font-size:14px;opacity:.7;white-space:nowrap}.nav a:hover{opacity:1}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:16px 24px;border:0;border-radius:8px;color:#fff;background:linear-gradient(110deg,#a02dee,#7e5cf7);box-shadow:0 4px 3px rgba(142,69,242,.2);font:700 16px/1 "Open Sans",Inter,sans-serif;text-transform:uppercase;text-decoration:none;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(142,69,242,.28)}.button i{width:1px;height:12px;background:#fff;flex:0 0 1px;align-self:center}.button .button__icon{display:block;width:18px;height:18px;flex:0 0 18px;object-fit:contain;align-self:center}.button--small{min-height:50px;padding:14px 24px;font-size:14px}.menu{display:none;border:0;background:none;padding:8px}.menu span{display:block;width:26px;height:2px;margin:5px;background:#8b4bea}
.heart-shape{position:absolute;z-index:1;display:block;pointer-events:none;user-select:none}
.hero-heart-1{width:170px;left:8%;top:28px}.hero-heart-2{width:95px;left:64%;top:46px}.hero-heart-3{width:96px;right:-28px;top:68px}.hero-heart-4{width:76px;left:8%;top:300px}.hero-heart-5{width:108px;right:7%;top:365px}
.operator-heart-1{width:215px;left:2%;top:30px}.operator-heart-2{width:82px;left:41%;top:82px}.operator-heart-3{width:82px;right:-16px;top:38px}.operator-heart-4{width:125px;right:25%;top:155px}.operator-heart-5{width:145px;left:12%;bottom:-54px}.operator-heart-6{width:82px;left:47%;bottom:-12px}
.journey-heart-1{width:190px;left:5%;top:72px}.journey-heart-2{width:90px;left:-22px;top:255px}.journey-heart-3{width:145px;left:10%;bottom:-48px}.journey-heart-4{width:92px;right:20%;bottom:28px}.journey-heart-5{width:120px;right:-42px;top:270px}
.vacancies-heart-1{width:190px;left:5%;top:18px}.vacancies-heart-2{width:58px;left:53%;top:42px}.vacancies-heart-3{width:84px;right:-22px;top:18px}.vacancies-heart-4{width:135px;left:12%;bottom:-52px}
.faq-heart-1{width:210px;left:3%;top:30px}.faq-heart-2{width:82px;right:-14px;top:42px}.faq-heart-3{width:100px;left:12%;bottom:68px}.faq-heart-4{width:250px;right:-72px;bottom:-35px;opacity:.88}.faq-heart-5{width:160px;left:49%;top:155px;opacity:.55}
.hero{height:684px;margin-top:80px;padding-top:60px;position:relative;background-color:#fff;background-image:url("../images/bg_main.avif");background-position:center top;background-repeat:no-repeat;background-size:100% 680px;overflow:hidden}.hero__inner{position:relative;z-index:2;text-align:center}.hero__mark{width:52px;height:45px;margin:0 auto 3px}.hero h1{max-width:1028px;margin:0 auto 16px;font-size:58px;line-height:normal}.hero p{width:818px;max-width:100%;margin:0 auto 26px;color:var(--muted);line-height:1.4}.hero__facts{width:815px;max-width:100%;margin:32px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hero__facts article{height:130px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 24px;border-radius:8px;background:#fff;box-shadow:0 4px 9.5px rgba(65,61,69,.1)}.hero__facts b{font-size:29px;line-height:1;margin-bottom:8px}.hero__facts span{font-weight:500;line-height:1.4}
.about{padding-top:145px;padding-bottom:100px}.about__grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px}.about p{color:var(--muted);max-width:610px;margin-bottom:16px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stats article{height:145px;border:2px dashed #cba0ff;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center}.stats strong{font-size:40px;line-height:1;background:linear-gradient(100deg,var(--purple),var(--purple2));-webkit-background-clip:text;background-clip:text;color:transparent}.stats span{color:var(--muted);margin-top:8px}
.operator,.journey,.vacancies,.faq{position:relative;overflow:hidden;background-color:#f6efff;background-repeat:no-repeat;background-size:cover;background-position:center}.operator{background-image:url("../images/bg_second.avif")}.journey,.vacancies{background-image:url("../images/bg_third-p-1600.webp")}.faq{background-image:url("../images/bg_before_footer_11zon-p-1600.webp")}.journey>.container,.vacancies>.container,.faq>.container{position:relative;z-index:2}.operator__grid{display:grid;grid-template-columns:58% 42%;position:relative;z-index:2;min-height:410px}.operator__copy{position:relative;z-index:2}.operator__copy>p{color:var(--muted);max-width:730px}.operator__lists{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;margin:24px 0 24px}.operator__lists h3{font-size:20px;font-weight:500;margin-bottom:12px}.operator__lists ul{margin:0;padding-left:18px;color:var(--muted)}.operator__lists li{margin:7px 0}.operator__image{position:absolute;width:500px;right:10px;bottom:-92px;object-fit:contain}
.cards--3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.benefit-card{min-height:285px;border-radius:24px;padding:32px;background:#fff;box-shadow:var(--shadow)}.benefit-card>span{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#f2dcff,#e7ddff);margin-bottom:18px}.benefit-card>span img{width:40px;height:40px}.benefit-card h3{font-size:24px;font-weight:500;margin-bottom:8px}.benefit-card p{color:var(--muted);margin:0}
.journey__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:319px 152px;gap:16px}.journey__grid article{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--shadow)}.journey__grid b{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--purple)}.journey__grid b img{width:28px;height:28px}.journey__grid h3{font-size:20px;margin:9px 0 8px}.journey__grid p{color:var(--muted);margin:0}.journey__final{grid-column:1/-1!important;color:#fff!important;background:linear-gradient(110deg,#a02dee,#7e5cf7)!important;position:relative;padding-right:145px!important}.journey__final b,.journey__final p{color:#fff}.journey__final b img{width:24px;height:24px;filter:brightness(0) invert(1)}.journey__final span{position:absolute;right:30px;top:26px;width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.2)}.journey__final span img{width:68px;height:68px}.journey__note{text-align:center;color:var(--purple);font-weight:600;margin:30px 0 0}
.income{text-align:center}.income__grid{height:350px;display:grid;grid-template-columns:1fr .88fr 1fr;gap:24px;margin-bottom:26px;text-align:left}.income__grid article{border-radius:20px;padding:28px 32px;background:#fff;box-shadow:var(--shadow)}.income__grid h3{font-size:20px;margin-bottom:0}.income__grid small{color:var(--muted)}.income__grid strong{display:block;font-size:38px;line-height:1.2;color:var(--purple);margin:5px 0 8px}.income__grid p{color:var(--muted);margin:0}.income__photo{border-radius:20px;background:url("../images/bg_second.avif") center/cover;position:relative;overflow:hidden;display:grid;place-items:center}.income__photo img{width:100%;height:100%;object-fit:contain;padding:14px}
.vacancies__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:65px}.vacancies__grid article{position:relative;height:330px;padding:82px 26px 62px;border-radius:20px;background:#fff;text-align:center;box-shadow:var(--shadow)}.vacancies__grid img{position:absolute;top:-56px;left:50%;width:120px;height:120px;transform:translateX(-50%);object-fit:contain;object-position:center bottom;border-radius:50%;background:#f2d9ff}.vacancies__grid h3{text-transform:uppercase;font-size:26px;margin-bottom:10px}.vacancies__grid p{color:var(--muted);margin:0}.vacancies__grid a{position:absolute;left:0;right:0;bottom:0;padding:14px;border-radius:0 0 20px 20px;background:linear-gradient(110deg,#a02dee,#7e5cf7);color:#fff;font-weight:700;text-transform:uppercase;text-decoration:none}
.reviews{overflow:hidden}.reviews__viewport{width:100%;overflow:hidden;padding:8px 0 35px;touch-action:pan-y;cursor:grab;user-select:none}.reviews__viewport.is-dragging{cursor:grabbing}.reviews__track{display:flex;gap:24px;will-change:transform;transition:transform .45s cubic-bezier(.22,.61,.36,1)}.reviews__track.is-dragging{transition:none}.review{flex:0 0 600px;min-height:560px;padding:28px 24px;border-radius:24px;background:#fff;box-shadow:var(--shadow)}.review header{display:flex;gap:16px;align-items:center;margin-bottom:16px}.review header img{width:80px;height:80px;border-radius:50%;object-fit:cover;object-position:center top;background:#f1ddff}.review h3{font-size:22px;line-height:1.08;margin:0}.review small{color:var(--muted)}.review>b{display:block;padding:12px 24px;border-radius:999px;background:linear-gradient(100deg,#efdBff,#e5dbff);margin-bottom:16px}.review p{color:var(--muted);margin:0}.dots{display:flex;justify-content:center;gap:2px}.dots button{position:relative;width:28px;height:28px;padding:0;border:0;background:transparent}.dots button:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#cfcfcf;inset:10px}.dots button.active:after{background:var(--purple);transform:scale(1.25)}
.accordion{width:min(1028px,100%);margin:52px auto 0}.accordion details{background:#fff;border-radius:16px;margin-bottom:16px;box-shadow:0 0 35.3px rgba(0,0,0,.07);overflow:hidden}.accordion summary{list-style:none;cursor:pointer;padding:30px 80px 30px 32px;font-size:20px;font-weight:700;line-height:1.2;opacity:.7;position:relative}.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:"";position:absolute;right:32px;top:50%;width:32px;height:32px;transform:translateY(-50%);background:linear-gradient(116deg,#a02dee 10%,#7e5cf7 108%) center/32px 5px no-repeat,linear-gradient(116deg,#a02dee 10%,#7e5cf7 108%) center/5px 32px no-repeat;filter:drop-shadow(0 4px 2px rgba(142,69,242,.2))}.accordion details[open] summary{padding-bottom:24px}.accordion details[open] summary:after{width:32px;height:5px;background:linear-gradient(116deg,#a02dee 10%,#7e5cf7 108%);border-radius:8px;filter:drop-shadow(0 4px 2px rgba(142,69,242,.2))}.accordion details p{padding:0 32px 30px;color:#000;opacity:.7;font-size:20px;line-height:1.4;margin:0;max-width:940px}
.footer{padding:70px 0 0;background:#181818;color:#fff;overflow:hidden}.footer__grid{display:grid;grid-template-columns:1.2fr .9fr .8fr 1.1fr;gap:50px;padding-bottom:45px}.footer__grid img{width:210px}.footer__grid a:not(.button){display:block;text-decoration:none;opacity:.68;margin-bottom:18px}.footer__grid p{line-height:1.5}.copyright{margin:0;padding:18px;text-align:center;border-top:1px solid rgba(255,255,255,.08);opacity:.6;font-size:13px}
@media(min-width:768px){.about{height:538px;padding-top:141px;padding-bottom:91px}.operator{height:606px}.benefits{height:576px;padding-top:76px;padding-bottom:76px}.journey{height:903px}.income{height:745px}.vacancies{height:597px}.reviews{height:974px}.faq{height:1030px}.footer{height:387px}}
@media(max-width:1100px){.nav{display:none;position:absolute;top:80px;left:0;right:0;padding:24px;background:#fff;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.nav.open{display:flex}.header .button{display:none}.menu{display:block}.hero h1{font-size:48px}.operator__image{right:-100px}.review{flex-basis:min(600px,calc(100vw - 60px))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reviews__track,.button{transition:none}}

/* Lightweight scroll reveal — transform/opacity only, no layout shifts */
.reveal-ready .reveal{
  --reveal-x:0px;
  --reveal-y:28px;
  --reveal-scale:.985;
  opacity:0;
  transform:translate3d(var(--reveal-x),var(--reveal-y),0) scale(var(--reveal-scale));
  transition:
    opacity .72s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms),
    transform .82s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms);
  will-change:opacity,transform
}
.reveal-ready .reveal--left{--reveal-x:-38px;--reveal-y:0px}
.reveal-ready .reveal--right{--reveal-x:38px;--reveal-y:0px}
.reveal-ready .reveal--scale{--reveal-y:22px;--reveal-scale:.955}
.reveal-ready .reveal--soft{--reveal-y:18px;--reveal-scale:.995}
.reveal-ready .reveal.is-visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  will-change:auto
}
.reveal-ready .reveal.is-visible.button:hover{transform:translateY(-2px)}
@media(max-width:767px){
  .reveal-ready .reveal{--reveal-y:22px}
  .reveal-ready .reveal--left{--reveal-x:-24px;--reveal-y:0px}
  .reveal-ready .reveal--right{--reveal-x:24px;--reveal-y:0px}
}
@media(prefers-reduced-motion:reduce){
  .reveal-ready .reveal{
    opacity:1;
    transform:none;
    transition:none
  }
}

/* FAQ grows with its content, so opened answers never overlap the footer */
.faq{
  height:auto!important;
  min-height:1030px;
  overflow:hidden
}
.accordion details[open]{height:auto}
@media(min-width:768px) and (max-width:1100px){
  .faq{min-height:1066px}
}
@media(max-width:767px){
  .faq{min-height:832px}
}

/* Tablet — Figma 768 */
@media(min-width:768px) and (max-width:1100px){
  .hero-heart-1,
  .operator-heart-1,
  .operator-heart-2,
  .operator-heart-3,
  .operator-heart-4,
  .journey-heart-1,
  .journey-heart-2,
  .journey-heart-3,
  .journey-heart-4,
  .journey-heart-5,
  .faq-heart-1,
  .faq-heart-2,
  .faq-heart-3,
  .faq-heart-4,
  .faq-heart-5{display:none}

  .container{width:calc(100% - 64px)}
  .section{padding:60px 0}
  h2{font-size:40px}
  .lead{margin-bottom:48px}
  .header{height:80px;position:absolute}
  .header__inner{padding:0}
  .logo{width:210px}
  .menu{padding:0}.menu span{width:24px;height:3px;margin:4px 0;background:#111;border-radius:2px}
  .hero{height:631px;margin-top:80px;padding:60px 0 48px;background-size:auto 100%;background-position:center}
  .hero h1{max-width:560px;font-size:40px;line-height:normal;margin-bottom:16px}
  .hero p{width:704px}
  .hero__facts{width:704px;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
  .hero__facts article{height:130px;padding:24px 16px}
  .about{height:748px;padding:136px 0 60px}
  .about__grid{grid-template-columns:1fr;gap:18px;align-items:start}
  .about h2 br{display:none}.about p{max-width:704px}
  .stats{width:100%;gap:16px}.stats article{height:145px}
  .operator{height:738px;padding:60px 0}
  .operator__grid{grid-template-columns:56% 44%;min-height:618px}
  .operator h2{font-size:32px;white-space:nowrap}
  .operator__lists{grid-template-columns:1fr;gap:16px;margin:24px 0}
  .operator__image{width:430px;right:-35px;bottom:-60px}
  .benefits{height:833px;padding:60px 0}
  .benefits .lead{margin-bottom:28px}
  .cards--3{grid-template-columns:repeat(2,1fr);gap:24px}
  .benefit-card{min-height:257px}
  .benefit-card:nth-child(3){grid-column:1/-1}
  .journey{height:1001px;padding:60px 0}
  .journey__grid{grid-template-columns:repeat(3,1fr);grid-template-rows:389px 192px}
  .income{height:1092px;padding:60px 0}
  .income .lead{margin-bottom:24px}
  .income__grid{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:319px 350px}
  .income__photo{grid-column:1/-1;grid-row:2}
  .income__photo img{width:60%;height:100%;margin:auto}
  .vacancies{height:878px;padding:60px 0}
  .vacancies__grid{grid-template-columns:repeat(2,1fr);column-gap:24px;row-gap:92px;margin-top:94px}
  .vacancies__grid article{height:292px}
  .vacancies__grid article:nth-child(3){grid-column:1/-1;height:244px}
  .vacancies__grid article:nth-child(3) h3{font-size:0}
  .vacancies__grid article:nth-child(3) h3:after{content:"КЛІЄНТКА";font-size:26px}
  .reviews{height:956px;padding:60px 0}
  .review{flex-basis:600px;min-height:560px}
  .faq{min-height:auto;padding:60px 0}
  .accordion{margin-top:48px}
  .accordion summary{padding:26px 80px 26px 32px;font-size:18px}
  .accordion details p{padding:0 32px 30px;font-size:18px}
  .footer{height:387px;padding:40px 0 0}
  .footer__grid{grid-template-columns:1fr 1fr;column-gap:40px;row-gap:0;padding-bottom:24px}
  .footer__grid>img{grid-column:1;grid-row:1}
  .footer__grid>div:nth-of-type(1){grid-column:2;grid-row:1/3}
  .footer__grid>div:nth-of-type(2){grid-column:2;grid-row:1/3;margin-left:0;margin-top:82px}
  .footer__grid>div:nth-of-type(3){grid-column:1;grid-row:1;margin-top:92px}
}

/* Mobile 375 — exact frame 39:704 */
@media(max-width:767px){
  .header{height:60px;position:absolute}
  .hero{height:866px;margin-top:60px;padding:60px 0 48px;overflow:hidden;background-color:#f8f1ff;background-image:url("../images/bg_main-p-800.avif");background-position:center top;background-repeat:no-repeat;background-size:auto 100%}
  .about{height:880px;padding:48px 0;overflow:hidden}
  .operator{height:712px;padding:60px 0;overflow:hidden;background-color:#f6efff;background-image:url("../images/bg_second-p-800.avif");background-position:center;background-size:auto 100%}
  .benefits{height:882px;padding:48px 0;overflow:hidden}
  .journey{height:1567px;padding:60px 0;overflow:hidden;background-color:#f6efff;background-image:url("../images/bg_third_mobile-1-p-800.webp");background-position:center;background-size:auto 100%}
  .income{height:1302px;padding:60px 0;overflow:hidden}
  .vacancies{height:1085px;padding:48px 0 0;overflow:hidden;background-color:#f6efff;background-image:url("../images/bg_third_mobile-1-p-800.webp");background-position:center;background-size:auto 100%}
  .reviews{height:986px;padding:48px 0;overflow:hidden}
  .faq{height:832px;padding:48px 0 60px;overflow:hidden;background-color:#f6efff;background-image:url("../images/bg_before_footer_11zon-p-800.webp");background-position:center;background-size:auto 100%}
  .footer{height:581px;padding:40px 0 0;overflow:hidden}

  .hero__facts b img{width:32px;height:32px;object-fit:contain}
  .benefit-card>span img{width:40px;height:40px}
  .operator>.container{width:calc(100% - 48px)}
  .journey__grid article{min-height:245px}
  .journey__final{min-height:260px!important;position:relative;padding:24px 112px 24px 16px!important}
  .journey__final span{position:absolute;display:grid;float:none;right:16px;top:24px;width:80px;height:80px;margin:0}
  .journey__final p{margin-top:12px}

  .vacancies__grid{gap:24px;margin-top:90px;padding-bottom:0}
  .vacancies__grid article{height:252px}
  .vacancies__grid article>img{width:90px;height:90px;top:-45px;object-fit:contain;object-position:center bottom}
  .vacancies__grid article h3{font-size:0}
  .vacancies__grid article h3:after{content:"КЛІЄНТКА";font-size:22px}
  .vacancies__grid article p{font-size:0}
  .vacancies__grid article p:after{content:"Яскрава особистість, що створює контент, підтримує комунікацію та отримує бонуси за активність.";font-size:14px;line-height:1.4}

  .reviews .container{margin-bottom:32px}
  .review{flex-basis:300px;min-height:733px}
  .accordion{margin-top:32px}

  .hero-heart-1{display:block;width:163px;left:1px;top:-17px}
  .hero-heart-2{display:block;width:62px;left:auto;right:32px;top:39px}
  .hero-heart-3,.hero-heart-4,.hero-heart-5{display:none}
  .operator-heart-1,.operator-heart-3,.operator-heart-5{display:block}
  .operator-heart-1{width:145px;left:-55px;top:20px}
  .operator-heart-3{width:65px;right:-28px;top:45px}
  .operator-heart-5{width:110px;left:-22px;bottom:-35px}
  .operator-heart-2,.operator-heart-4,.operator-heart-6{display:none}
  .journey-heart-1,.journey-heart-3,.journey-heart-5{display:block}
  .journey-heart-1{width:145px;left:-55px;top:30px}
  .journey-heart-3{width:110px;left:-22px;bottom:-30px}
  .journey-heart-5{width:90px;right:-42px;top:270px}
  .journey-heart-2,.journey-heart-4{display:none}
  .vacancies-heart-1,.vacancies-heart-3,.vacancies-heart-4{display:block}
  .vacancies-heart-1{width:145px;left:-55px;top:10px}
  .vacancies-heart-3{width:65px;right:-28px;top:18px}
  .vacancies-heart-4{width:110px;left:-22px;bottom:-32px}
  .vacancies-heart-2{display:none}
  .faq-heart-1,.faq-heart-2,.faq-heart-4{display:block}
  .faq-heart-1{width:145px;left:-55px;top:18px}
  .faq-heart-2{width:65px;right:-28px;top:42px}
  .faq-heart-4{width:155px;right:-65px;bottom:-35px}
  .faq-heart-3,.faq-heart-5{display:none}
}

/* Mobile — Figma 375 */
@media(max-width:767px){
  /* ── Base ── */
  .container{width:calc(100% - 32px)}
  .section{padding:48px 0}
  h2{font-size:28px;line-height:normal;margin-bottom:16px}
  .lead{font-size:14px;line-height:1.4;margin-bottom:24px}
  html{scroll-padding-top:60px}

  /* ── Header ── */
  .header{height:60px;position:fixed}
  .header__inner{padding:0 24px}
  .logo{width:128px}
  .menu{display:block;padding:0}
  .menu span{display:block;width:24px;height:3px;margin:4px 0;background:#111;border-radius:2px}
  .nav{top:60px}

  /* ── Hero ── */
  .hero{height:auto;margin-top:60px;padding:60px 0 48px;background-color:#fff;background-image:none;overflow:visible}
  .hero__inner{padding:0}
  .hero__mark{width:52px;height:45px;margin:0 auto 8px}
  .hero h1{font-size:28px;line-height:normal;margin-bottom:13px;text-align:center}
  .hero p{font-size:14px;line-height:1.4;margin-bottom:18px;text-align:center;width:100%}
  .hero p br{display:none}
  .hero .button{width:100%;justify-content:center;gap:12px;font-size:16px}
  /* Facts — full width rows with icon + text */
  .hero__facts{width:100%;grid-template-columns:1fr;gap:8px;margin-top:24px}
  .hero__facts article{
    height:auto;min-height:64px;
    flex-direction:row;justify-content:flex-start;
    align-items:center;gap:16px;
    padding:16px;border-radius:8px;
    background:#fff;box-shadow:0 4px 9.5px rgba(65,61,69,.1);
    text-align:left
  }
  .hero__facts b{width:32px;flex:0 0 32px;font-size:24px;margin:0;line-height:1}
  .hero__facts span{font-size:16px;font-weight:500;line-height:1.4}

  /* ── About / Stats ── */
  .about{padding:48px 0;height:auto}
  .about__grid{grid-template-columns:1fr;gap:32px}
  .about h2{font-size:28px}
  .about h2 br{display:none}
  .about p{font-size:14px;line-height:1.4}
  /* Stats: single column, dashed border, big gradient numbers */
  .stats{grid-template-columns:1fr;gap:8px}
  .stats article{
    height:121px;
    border:1px dashed #9b32ee;
    border-radius:16px;
    display:flex;flex-direction:column;
    justify-content:center;align-items:center
  }
  .stats strong{
    font-size:48px;line-height:1;
    background:linear-gradient(100deg,var(--purple),var(--purple2));
    -webkit-background-clip:text;background-clip:text;color:transparent
  }
  .stats span{font-size:16px;margin-top:4px;opacity:.7}

  /* ── Operator (who is operator) ── */
  .operator{padding:60px 0;height:auto;background-image:none;background-color:#fff}
  .operator__grid{grid-template-columns:1fr;min-height:auto;padding-bottom:0}
  .operator__copy>p{font-size:14px;line-height:1.4}
  .operator__lists{grid-template-columns:1fr;gap:18px;margin:24px 0;font-size:14px}
  .operator__lists h3{font-size:24px;font-weight:400}
  .operator__lists ul{margin:0;padding-left:18px}
  .operator__lists li{margin:7px 0;line-height:normal;opacity:.7}
  .operator__image{display:none}
  .operator .button{width:100%;min-height:50px;margin-top:12px;font-size:16px}

  /* ── Benefits ── */
  .benefits{padding:48px 0;height:auto}
  .benefits h2{text-align:left;font-size:24px}
  .benefits .lead{text-align:left;margin-bottom:8px;font-size:14px}
  .cards--3{grid-template-columns:1fr;gap:8px}
  .benefit-card{
    min-height:auto;padding:24px 16px;
    border-radius:24px;
    box-shadow:0 0 35.3px rgba(0,0,0,.07)
  }
  .benefit-card>span{
    display:grid;place-items:center;
    width:60px;height:60px;
    border-radius:50%;
    background:linear-gradient(135deg,#f2dcff,#e7ddff);
    margin-bottom:12px
  }
  .benefit-card>span img{width:24px;height:24px}
  .benefit-card h3{font-size:18px;font-weight:500;margin-bottom:8px}
  .benefit-card p{font-size:14px;line-height:1.4;color:var(--muted)}

  /* ── Journey / Start ── */
  .journey{padding:60px 0;height:auto;background-image:none;background-color:#fff}
  .journey .lead{text-align:center;margin-bottom:16px;font-size:16px;line-height:1.4}
  .journey .journey__note{
    font-size:18px;font-weight:700;
    color:#5b20f6;
    text-align:center;margin-top:16px
  }
  .journey__grid{
    grid-template-columns:1fr;grid-template-rows:none;
    gap:16px
  }
  .journey__grid article{
    min-height:auto;padding:24px 16px;
    border-radius:24px;
    box-shadow:0 0 12.5px rgba(0,0,0,.07)
  }
  .journey__grid b{
    display:flex;align-items:center;gap:12px;
    font-size:18px;color:#5b20f6;
    font-weight:600;text-transform:uppercase
  }
  .journey__grid b img{width:24px;height:24px}
  .journey__grid h3{font-size:18px;font-weight:500;margin:12px 0 0}
  .journey__grid p{font-size:16px;color:#353555;line-height:1.4;margin-top:12px}
  /* Final card — gradient */
  .journey__final{
    grid-column:auto!important;
    padding:24px 16px!important;
    border-radius:24px!important;
    color:#fff!important;
    background:linear-gradient(110deg,#a02dee,#7e5cf7)!important;
    min-height:auto!important
  }
  .journey__final b{color:#fff;font-size:20px}
  .journey__final h3{font-size:24px;font-weight:500;margin-top:12px}
  .journey__final p{font-size:16px;opacity:.9;line-height:1.4;margin-top:12px}
  .journey__final span{
    position:static;display:flex;float:right;
    width:80px;height:80px;
    margin:0 0 12px 12px
  }
  .journey__final span img{width:54px;height:54px}

  /* ── Income ── */
  .income{padding:60px 0;height:auto}
  .income h2{text-align:center;font-size:28px;line-height:normal}
  .income .lead{text-align:center;margin-bottom:32px;font-size:16px;line-height:1.4}
  .income__grid{
    height:auto;grid-template-columns:1fr;
    gap:24px;margin-bottom:24px
  }
  .income__grid article{
    min-height:315px;padding:32px 16px;
    border-radius:24px;
    box-shadow:0 0 17.65px rgba(0,0,0,.07);
    background:#fff
  }
  .income__grid h3{font-size:24px;font-weight:400;margin-bottom:4px;line-height:normal}
  .income__grid small{font-size:16px;color:#353555;opacity:.7;display:block;margin-bottom:8px}
  .income__grid strong{
    font-size:40px;line-height:1;display:block;margin:0 0 16px;
    color:var(--purple)
  }
  .income__grid p{font-size:16px;color:#353555;line-height:1.4;margin:0}
  /* HTML order: article1, photo, article2 → show: article1, article2, photo */
  .income__grid article:first-child{order:1}
  .income__photo{height:188px;border-radius:24px;order:3}
  .income__grid article:last-child{order:2}
  .income .button{width:100%;font-size:16px;min-height:54px}

  /* ── Vacancies ── */
  .vacancies{padding:48px 0 0;height:auto;background-image:none;background-color:#f6efff}
  .vacancies h2{text-align:center;font-size:24px;margin-bottom:0}
  .vacancies__grid{
    grid-template-columns:1fr;
    gap:8px;
    margin-top:90px; /* space for first protruding image */
    padding-bottom:48px
  }
  .vacancies__grid article{
    position:relative;
    height:252px;
    padding:80px 18px 0;
    border-radius:24px;text-align:center;
    box-shadow:0 0 35.3px rgba(0,0,0,.07);
    background:#fff
  }
  .vacancies__grid img{
    position:absolute;
    top:-45px;left:50%;
    width:90px;height:90px;
    transform:translateX(-50%);
    object-fit:cover;object-position:center top;
    border-radius:50%;background:#f2d9ff
  }
  .vacancies__grid h3{font-size:22px;text-transform:uppercase;margin-bottom:8px;font-weight:600}
  .vacancies__grid p{font-size:14px;color:var(--muted);margin:0;line-height:1.4}
  .vacancies__grid a{
    position:absolute;left:0;right:0;bottom:0;
    padding:16px;border-radius:0 0 24px 24px;
    background:linear-gradient(110deg,#a02dee,#7e5cf7);
    color:#fff;font-weight:700;text-transform:uppercase;
    text-decoration:none;font-size:14px;
    font-family:"Open Sans",Inter,sans-serif;
    display:block;text-align:center
  }

  /* ── Reviews ── */
  .reviews{padding:48px 0;height:auto}
  .reviews .container{margin-bottom:32px}
  .reviews h2{text-align:left;font-size:24px;margin-bottom:16px}
  .reviews .lead{text-align:left;margin:0;font-size:14px;opacity:.7;line-height:1.4}
  /* Viewport — first card starts 16px from edge */
  .reviews__viewport{padding:8px 0 0;overflow:hidden}
  .reviews__track{padding-bottom:0}
  /* Cards — 300×733px */
  .review{
    flex:0 0 300px;
    min-height:733px;
    padding:24px 16px;
    border-radius:24px;
    box-shadow:0 0 35.3px rgba(0,0,0,.07);
    background:#fff
  }
  .review header{gap:16px;margin-bottom:16px}
  .review header img{width:60px;height:60px;border-radius:50%;object-fit:cover;object-position:center top;flex-shrink:0}
  .review h3{font-size:20px;line-height:1.2;margin:0}
  .review small{font-size:16px;color:var(--muted)}
  .review>b{
    display:block;padding:12px 24px;border-radius:999px;
    font-size:16px;font-weight:600;margin-bottom:16px;
    background:linear-gradient(96deg,#efdbff,#e5dbff)
  }
  .review p{font-size:14px;line-height:1.3;color:var(--muted);margin:0}
  /* dots */
  .dots{
    display:flex;justify-content:center;align-items:center;
    gap:6px;margin-top:32px;padding:0 16px
  }
  .dots button{
    position:relative;width:14px;height:14px;
    padding:0;border:0;background:transparent
  }
  .dots button:after{
    content:"";position:absolute;
    width:10px;height:10px;
    border-radius:50%;background:#cfcfcf;
    top:2px;left:2px;right:2px;bottom:2px
  }
  .dots button.active:after{
    width:14px;height:14px;
    inset:0;background:var(--purple);
    transform:none
  }

  /* ── FAQ ── */
  .faq{padding:48px 0 60px;height:auto;background-color:#f6efff;background-image:none}
  .faq h2{text-align:center;font-size:24px}
  .accordion{margin-top:32px;width:100%}
  .accordion details{
    margin-bottom:8px;border-radius:16px;
    background:#fff;
    box-shadow:0 0 35.3px rgba(0,0,0,.07)
  }
  .accordion summary{
    padding:16px 72px 16px 32px;
    font-size:16px;font-weight:700;
    opacity:.7;min-height:52px;
    display:flex;align-items:center;justify-content:space-between;
    position:relative
  }
  .accordion summary:after{
    content:"";position:absolute;
    right:24px;top:50%;
    width:32px;height:32px;
    transform:translateY(-50%);
    flex-shrink:0;margin:0
  }
  .accordion details[open] summary{
    padding:30px 72px 14px 32px;
    min-height:auto
  }
  .accordion details[open] summary:after{
    content:"";width:32px;height:5px;
    right:24px;top:42px;
    transform:translateY(-50%)
  }
  .accordion details p{
    padding:0 32px 30px;
    font-size:14px;line-height:1.4;
    color:var(--muted)
  }

  /* ── Footer ── */
  .footer{padding:0;height:auto;background:#1b1b1b;position:relative}
  .footer__grid{
    grid-template-columns:1fr;gap:0;
    padding:40px 24px 0
  }
  /* Logo centred, 40px from top */
  .footer__grid>img{
    display:block;
    width:175px;
    margin:0 auto;
    grid-column:1;grid-row:1
  }
  /* Tagline: 56px below logo top */
  .footer__grid>div:nth-of-type(3){
    grid-column:1;grid-row:2;
    text-align:center;
    padding:28px 0 24px;
    border:0
  }
  .footer__grid>div:nth-of-type(3) p{
    font-size:16px;line-height:1.4;color:#fff;
    margin-bottom:16px
  }
  .footer__grid>div:nth-of-type(3) .button{
    width:100%;justify-content:center;font-size:16px
  }
  /* Nav links: gap:24px between items */
  .footer__grid>div:nth-of-type(1){
    grid-column:1;grid-row:3;
    padding:0;border:0
  }
  .footer__grid>div:nth-of-type(2){
    grid-column:1;grid-row:4;
    padding:0;margin:0;border:0
  }
  .footer__grid a:not(.button){
    display:block;text-decoration:none;
    opacity:.7;margin-bottom:24px;
    font-size:14px;color:#fff
  }
  /* Copyright */
  .copyright{
    margin:0;padding:10px 0;
    text-align:center;
    border-top:1px solid rgba(255,255,255,.1);
    opacity:.7;font-size:14px;color:#fff
  }
  /* em in footer needs gradient on dark bg */
  .footer em{
    background:linear-gradient(119deg,#a02dee,#7e5cf7);
    -webkit-background-clip:text;background-clip:text;color:transparent
  }

  /* ── Heart shapes — hide most on mobile ── */
  .hero-heart-1{width:115px;left:-36px;top:28px}
  .hero-heart-2{width:62px;left:74%;top:54px}
  .hero-heart-3{width:72px;right:-34px;top:100px}
  .hero-heart-4,.hero-heart-5{display:none}
  .operator-heart-1,.operator-heart-2,.operator-heart-3,.operator-heart-4,.operator-heart-5,.operator-heart-6{display:none}
  .journey-heart-1,.journey-heart-2,.journey-heart-3,.journey-heart-4,.journey-heart-5{display:none}
  .vacancies-heart-1,.vacancies-heart-2,.vacancies-heart-3,.vacancies-heart-4{display:none}
  .faq-heart-1,.faq-heart-2,.faq-heart-3,.faq-heart-4,.faq-heart-5{display:none}
}

/* Final mobile geometry — current Figma frame 39:704 */
@media(max-width:767px){
  .header{height:60px;position:absolute}
  .header__inner{padding:0 8px}
  .logo{width:132px}
  .hero{height:866px;margin-top:60px;padding:60px 0 48px;overflow:hidden;background-color:#f8f1ff;background-image:url("../images/bg_main-p-800.avif");background-position:center top;background-repeat:no-repeat;background-size:auto 100%}
  .about{height:880px;padding:48px 0;overflow:hidden}
  .operator{height:712px;padding:60px 0;overflow:hidden;background-color:#f6efff;background-image:url("../images/bg_second-p-800.avif");background-position:center;background-size:auto 100%}
  .benefits{height:882px;padding:48px 0;overflow:hidden}
  .journey{height:1567px;padding:60px 0;overflow:hidden;background-color:#f6efff;background-image:url("../images/bg_third_mobile-1-p-800.webp");background-position:center;background-size: cover}
  .income{height:1302px;padding:60px 0;overflow:hidden}
  .vacancies{height:1085px;padding:48px 0 0;overflow:hidden;background-color:#f6efff;background-image:url("../images/bg_third_mobile-1-p-800.webp");background-position:center;background-size:auto 100%}
  .reviews{height:986px;padding:48px 0;overflow:hidden}
  .faq{min-height:auto;padding:48px 0 60px;overflow:hidden;background-color:#f6efff;background-image:url("../images/bg_before_footer_11zon-p-800.webp");background-position:center;background-size:auto 100%}
  .footer{height:581px;padding:0;overflow:hidden}

  .hero__facts b img{width:32px;height:32px;object-fit:contain}
  .benefit-card>span img{width:40px;height:40px}
  .operator>.container{width:calc(100% - 48px)}
  .journey__grid article{min-height:245px}
  .journey__final{min-height:260px!important;position:relative;padding:24px 16px!important}
  .journey__final span{position:absolute;display:grid;float:none;right:16px;top:24px;width:80px;height:80px;margin:0}
  .journey__final b,.journey__final h3{max-width:220px}
  .journey__final p{margin-top:12px; color: #fff}
  .income__photo img{width:68%;height:100%;padding:0;margin:auto;object-fit:contain}
  .vacancies__grid{gap:52px;margin-top:72px;padding-bottom:0}
  .vacancies__grid article{height:252px}
  .vacancies__grid article>img{width:90px;height:90px;top:-45px;object-fit:contain;object-position:center bottom}
  .vacancies__grid article h3{font-size:0}
  .vacancies__grid article h3:after{content:"КЛІЄНТКА";font-size:22px}
  .vacancies__grid article p{font-size:0}
  .vacancies__grid article p:after{content:"Яскрава особистість, що створює контент, підтримує комунікацію та отримує бонуси за активність.";font-size:14px;line-height:1.4}
  .reviews .container{margin-bottom:32px}
  .review{flex-basis:300px;min-height:733px}
  .footer__grid{padding-left:8px;padding-right:8px}
  .footer__grid>img{width:220px}
  .footer__grid>div:nth-of-type(1),
  .footer__grid>div:nth-of-type(2){padding-left:10px}
  .accordion{margin-top:32px}

  .hero-heart-1{display:block;width:163px;left:1px;top:-17px}
  .hero-heart-2{display:block;width:62px;left:auto;right:32px;top:39px}
  .hero-heart-3,.hero-heart-4,.hero-heart-5{display:none}
  .operator-heart-1,.operator-heart-3,.operator-heart-5{display:block}
  .operator-heart-1{width:145px;left:-55px;top:20px}
  .operator-heart-3{width:65px;right:-28px;top:45px}
  .operator-heart-5{width:110px;left:-22px;bottom:-35px}
  .operator-heart-2,.operator-heart-4,.operator-heart-6{display:none}
  .journey-heart-1,.journey-heart-3,.journey-heart-5{display:block}
  .journey-heart-1{width:145px;left:-55px;top:30px}
  .journey-heart-3{width:110px;left:-22px;bottom:-30px}
  .journey-heart-5{width:90px;right:-42px;top:270px}
  .journey-heart-2,.journey-heart-4{display:none}
  .vacancies-heart-1,.vacancies-heart-3,.vacancies-heart-4{display:block}
  .vacancies-heart-1{width:145px;left:-55px;top:10px}
  .vacancies-heart-3{width:65px;right:-28px;top:18px}
  .vacancies-heart-4{width:110px;left:-22px;bottom:-32px}
  .vacancies-heart-2{display:none}
  .faq-heart-1,.faq-heart-2,.faq-heart-4{display:block}
  .faq-heart-1{width:145px;left:-55px;top:18px}
  .faq-heart-2{width:65px;right:-28px;top:42px}
  .faq-heart-4{width:155px;right:-65px;bottom:-35px}
  .faq-heart-3,.faq-heart-5{display:none}
}

/* Fixed mobile reviews geometry from the previous layout. */
@media(max-width:767px){
  .reviews{
    height:986px;
  }
  .reviews__track{
    align-items:flex-start;
    transition:
      transform .45s cubic-bezier(.22,.61,.36,1),
      height .35s cubic-bezier(.22,.61,.36,1);
  }
  .reviews__track.is-dragging{transition:none}
  .review{
    height:auto;
    min-height:733px;
  }
}

@media(max-width:767px) and (prefers-reduced-motion:reduce){
  .reviews__track{transition:none}
}

/* Mobile vacancies reuse only the Journey background, without its heart decor. */
@media(max-width:767px){
  .vacancies{
    background-color:#f6efff;
    background-image:url("../images/bg_third_mobile-1-p-800.webp");
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
  }
  .vacancies-heart-1,
  .vacancies-heart-3,
  .vacancies-heart-4{display:block}
  .vacancies-heart-1{width:145px;left:-55px;top:10px}
  .vacancies-heart-3{width:65px;right:-28px;top:18px}
  .vacancies-heart-4{width:110px;left:-22px;bottom:-32px}
  .vacancies-heart-2{display:none}
}

/* Keep enough room below review cards so their bottom shadow is not clipped. */
@media(min-width:768px){
  .reviews__viewport{padding-bottom:52px}
  .review{box-shadow:0 12px 32px rgba(34,24,47,.11)}
}

@media(max-width:767px){
  .reviews{height:1046px}
  .reviews__viewport{padding:28px 0 40px}
  .reviews__track{padding-bottom:0}
  .review{box-shadow:0 12px 32px rgba(34,24,47,.11)}
}

@media(min-width:768px) and (max-width:1100px){
  .reviews{height:976px}
  .reviews__viewport{padding:28px 0 52px}
}

/* Compact FAQ controls on mobile and tablet. */
@media(max-width:767px){
  .accordion summary{padding-right:58px}
  .accordion summary:after{
    right:24px;
    width:22px;
    height:22px;
    background:
      linear-gradient(116deg,#a02dee 10%,#7e5cf7 108%) center/22px 3px no-repeat,
      linear-gradient(116deg,#a02dee 10%,#7e5cf7 108%) center/3px 22px no-repeat;
  }
  .accordion details[open] summary:after{
    right:24px;
    top:50%;
    width:22px;
    height:3px;
  }
}

@media(min-width:768px) and (max-width:1100px){
  .accordion summary:after{
    width:24px;
    height:24px;
    background:
      linear-gradient(116deg,#a02dee 10%,#7e5cf7 108%) center/24px 3px no-repeat,
      linear-gradient(116deg,#a02dee 10%,#7e5cf7 108%) center/3px 24px no-repeat;
  }
  .accordion details[open] summary:after{
    width:24px;
    height:3px;
  }
}

/* Desktop Journey cards size to the longest copy plus exactly 32px below it. */
@media(min-width:1101px){
  .journey{height:auto}
  .journey__grid{grid-template-rows:auto 152px}
  .journey__grid>article:not(.journey__final){padding-bottom:32px}
}

/* Reviews share the height of the longest copy, with exact bottom padding. */
.reviews{height:auto}
.reviews__track{
  height:auto!important;
  align-items:stretch;
}
.review{
  height:auto;
  min-height:0;
  padding-bottom:32px;
}

@media(max-width:767px){
  .reviews{height:auto}
  .review{
    min-height:0;
    padding-bottom:24px;
  }
  .income .button{
    gap:8px;
    padding-inline:12px;
    font-size:14px;
    white-space:nowrap;
  }
}