:root{--blue:#071675;--pink:#e500a4;--ink:#242429;--line:#f2a1d6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;background:#fff}.shell{width:min(1120px,calc(100% - 36px));margin:auto}h1,h2{font-family:Unbounded,Manrope,sans-serif;letter-spacing:-1.6px;margin:0}h2{font-size:29px;line-height:1.25}.header{height:100px}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}.logo img{display:block;width:auto;height:58px;max-width:min(100%,420px);object-fit:contain}.contacts{display:flex;flex-direction:column;text-decoration:none;color:#333;font-size:11px;line-height:1.4}.contacts small{font-size:10px}.outline-link{border:1px solid #162270;border-radius:7px;padding:9px 14px;font-size:9px;text-decoration:none;text-transform:uppercase;color:var(--blue);margin-left:26px}.header-line{height:37px;width:1px;background:#aaa;margin-left:15px}.social-links{display:flex;gap:10px;margin-left:auto}.social-links a{height:37px;width:37px;display:grid;place-items:center;border-radius:10px;text-decoration:none;overflow:hidden}.social-links a img{display:block;width:100%;height:100%;object-fit:cover}.tiktok{background:#06115f}.telegram{background:#e500a4}.youtube{background:#252525}.menu-label{margin-left:auto;color:#333;text-decoration:none;font-size:10px}.hamburger{width:32px;height:32px;background:none;border:0;display:none;align-content:center;gap:5px;cursor:pointer;padding:0}.hamburger span{height:2px;background:#222;width:24px;display:block}.side-nav{position:fixed;z-index:8;right:4.2vw;top:50%;transform:translateY(-50%);display:grid;gap:12px}.side-nav a{width:9px;height:9px;border:2px solid var(--pink);border-radius:50%;background:#fff;transition:.2s}.side-nav .active{background:var(--pink);transform:scale(1.25)}.hero{height:590px;position:relative;display:flex;align-items:flex-start;padding-top:61px;isolation:isolate}.hero-copy{position:relative;z-index:2}.hero h1{font-size:39px;line-height:1.43}.hero-copy>p{font-size:13px;line-height:1.5;color:#666;margin:22px 0 88px}.pink-btn{background:var(--pink);color:#fff;text-transform:uppercase;border:0;border-radius:9px;padding:17px 60px;font:600 10px Manrope;cursor:pointer;box-shadow:0 8px 16px #e500a426}.hero-video{margin-top:27px;background:var(--blue);border-radius:13px;color:#fff;text-decoration:none;display:flex;align-items:center;gap:11px;width:285px;padding:9px 20px;font-size:10px;text-transform:uppercase}.hero-video img{width:49px;height:49px;object-fit:contain}.hero-person{position:absolute;right:55px;bottom:0;height:495px;width:480px}.pink-disc{position:absolute;right:20px;bottom:0;width:385px;height:385px;background:var(--pink);border-radius:50%}.hero-person>img{position:absolute;right:4px;bottom:0;height:505px;max-width:480px;object-fit:contain}.metric{position:absolute;color:#fff;background:var(--blue);padding:11px 15px;border-radius:10px;font-size:10px;line-height:1.25}.m-one{right:-44px;top:116px}.m-two{right:-47px;bottom:92px;background:#252525}.hero-note{z-index:2;position:absolute;left:380px;bottom:128px;width:310px;background:#fff;border:1px solid #5664ac;border-radius:14px;padding:24px 27px;box-shadow:0 10px 16px #00106918;font-size:10px}.hero-note b{font-size:14px}.hero-note ul{padding-left:14px;margin:10px 0 0;line-height:1.8}.rings-left:before,.rings-left:after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%;z-index:-1}.hero.rings-left:before{width:360px;height:360px;left:-310px;bottom:15px;box-shadow:0 0 0 40px #fff,0 0 0 41px var(--line),0 0 0 80px #fff,0 0 0 81px var(--line)}.hero.rings-left:after{height:11px;width:11px;left:72px;bottom:372px;background:var(--pink);border:0}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.benefit{min-height:260px;border-radius:18px;color:#fff;padding:26px 30px;position:relative;overflow:hidden}.benefit:after{content:"";position:absolute;width:240px;height:330px;background:#fff1;transform:rotate(-16deg);right:-140px;top:-80px}.magenta{background:var(--pink)}.navy{background:var(--blue)}.benefit-icon{display:grid;place-items:center;width:48px;height:48px;background:#17174d;border-radius:11px;font-size:22px}.benefit h2{font-size:22px;line-height:1.02;margin:22px 0}.benefit ul{padding:0 0 0 17px;margin:0;font-size:10px;line-height:1.85}.benefit li::marker,.about li::marker{color:var(--pink)}.about{display:grid;grid-template-columns:390px 1fr;gap:85px;margin-top:95px;align-items:center}.about-photo{position:relative;height:420px}.about-photo>div{position:absolute;inset:15px 15px 0 10px;background:var(--pink);border-radius:180px 180px 160px 0}.about-photo img{position:absolute;height:440px;bottom:0;left:15px}.about-copy ul{margin:29px 0 0;padding-left:18px;font-size:11px;line-height:1.75;max-width:465px}.ticker{overflow:hidden;white-space:nowrap;font-size:9px;margin:57px 0;color:#555;border-bottom:1px solid #eee;padding-bottom:4px}.process{padding-top:20px}.caption{color:#8b8b8b;font-size:10px;margin:10px 0 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:42px;margin-top:45px}.steps article>div{display:flex;align-items:center;gap:18px;border-bottom:4px solid var(--pink);padding-bottom:6px}.steps i{font-style:normal;color:#fff;background:var(--blue);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:27px}.steps b{font-size:11px;color:#aaa}.steps h3{font-size:12px;margin:14px 0 18px}.steps p{font-size:10px;color:#666;line-height:1.6}.reviews{margin-top:90px;position:relative;isolation:isolate}.review-title{font:700 28px Unbounded;color:var(--pink);margin:30px 0 17px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.review-grid article{background:var(--blue);color:#fff;border-radius:14px;min-height:230px;padding:24px}.review-grid header{display:flex;align-items:center;gap:12px}.review-grid img{width:49px;height:49px;border-radius:50%;object-fit:cover}.review-grid header b{font-size:15px}.review-grid p{font-size:11px;line-height:1.6;margin:15px 0 0;color:#d9dced}.rings-right:after{content:"";position:absolute;width:350px;height:350px;right:-312px;bottom:-28px;border:1px solid var(--line);border-radius:50%;z-index:-1;box-shadow:0 0 0 55px #fff,0 0 0 56px var(--line),0 0 0 110px #fff,0 0 0 111px var(--line)}.exams{margin-top:80px}.exams>div{display:grid;grid-template-columns:repeat(2,1fr);gap:27px;margin-top:28px}.exams article{height:160px;background:var(--blue);border-radius:17px;display:flex;align-items:center;padding:15px 38px;gap:20px;color:white}.exams img{width:90px;height:100px;object-fit:contain}.exams b{font:700 46px Unbounded}.exams .pink-btn{margin-left:auto;padding:10px 18px;font-size:8px;white-space:nowrap}.faq{margin-top:70px;margin-bottom:105px;position:relative}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 28px;margin-top:27px}.faq details{border:1px solid #142376;border-radius:8px;padding:12px 14px;font-size:9px;color:#555}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq summary:after{content:"+";background:var(--pink);color:#fff;border-radius:50%;height:22px;width:22px;display:grid;place-items:center;font-size:17px;line-height:1;flex:0 0 22px}.faq details p{margin:10px 0 0;color:#777}#footer{background:linear-gradient(105deg,#fff 56%,#eff0f4 56%);padding:0 0 40px}.footer-inner{display:grid;grid-template-columns:250px 1fr 1fr;gap:100px;align-items:end}.consultation{position:relative;min-height:225px;background:var(--blue);color:#fff;border-radius:0 0 14px 14px;padding:70px 20px 20px}.consultation img{height:150px;position:absolute;right:4px;top:-90px}.consultation h2{font-size:17px}.consultation p{font-size:9px;color:#ddd;line-height:1.4}.consultation .pink-btn{padding:9px 13px;font-size:8px}.footer-inner h3{font-size:11px;margin:0 0 11px}.footer-inner a,.footer-inner small{font-size:9px;color:#555;text-decoration:none;display:block;line-height:1.8}.footer-socials{font-size:23px;color:#25252b;margin:0 0 10px}.footer-plane-wrap{display:none;pointer-events:none}.footer-plane{display:block;height:auto;opacity:.2}dialog{border:0;border-radius:16px;width:min(410px,calc(100% - 32px));padding:30px;box-shadow:0 20px 60px #0006}dialog::backdrop{background:#07167577}.dialog-close{position:absolute;right:12px;top:5px;border:0;background:none;font-size:25px;cursor:pointer}dialog h2{font-size:20px}dialog p{font-size:11px;color:#666}form{display:grid;gap:10px}input{font:13px Manrope;border:1px solid #c5c8d9;padding:13px;border-radius:8px}form .pink-btn{padding:13px}
@media(max-width:800px){.header{height:76px}.contacts,.outline-link,.header-line,.menu-label{display:none}.header-inner{gap:10px}.social-links{margin-left:auto}.social-links a{width:31px;height:31px}.hamburger{display:grid}.side-nav{display:none}.hero{height:620px;padding-top:45px}.hero h1{font-size:26px}.hero-copy>p{margin:20px 0 38px}.hero-person{right:-85px;transform:scale(.75);transform-origin:right bottom}.hero-note{left:8px;bottom:55px;width:240px;padding:15px;font-size:8px}.hero-note b{font-size:10px}.benefit-grid,.review-grid,.exams>div,.faq-grid{grid-template-columns:1fr}.benefit{min-height:190px}.about{grid-template-columns:1fr;gap:30px;margin-top:55px}.about-photo{height:340px;width:310px}.about-photo img{height:360px}.steps{grid-template-columns:repeat(2,1fr);gap:30px}.exams article{height:130px;padding:12px}.exams b{font-size:33px}.footer-inner{grid-template-columns:1fr;gap:30px}.footer-inner>div{padding-left:10px}.rings-right:after{right:-260px}.logo i{font-size:14px}}
/* The supplied artboard is intentionally left-aligned: x=354 on a 1920 px canvas. */
@media(min-width:801px){.shell{width:1080px;margin-left:calc(50% - 606px);margin-right:0}.hero-person{right:9px}.about{gap:130px}.benefit-grid{gap:24px}.review-grid{gap:26px}.exams>div{gap:24px}}
.ticker{display:block;padding:7px 0;overflow:hidden}.ticker>div{display:flex;width:max-content;white-space:nowrap;animation:marquee 34s linear infinite}.ticker span{display:block;padding-right:34px;font-size:10px;font-weight:600;letter-spacing:.1px}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.ticker>div{animation:none}}
@media(min-width:801px){.benefit{min-height:300px;padding:31px 34px;border-radius:20px}.benefit-icon{width:54px;height:54px}.benefit h2{font-size:25px;margin:25px 0}.benefit ul{font-size:11px}.review-grid article{min-height:285px;padding:28px;border-radius:16px}.review-grid header b{font-size:17px}.review-grid p{font-size:12px;line-height:1.6}.exams>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.exams article{height:175px;padding:17px 27px}.exams img{width:96px;height:115px}.exams b{font-size:42px}.faq-grid{width:724px;gap:13px 24px}.faq details{padding:15px 16px;font-size:10px}}
/* Larger desktop composition, matching the visual scale of the supplied 1920 px artboard. */
@media(min-width:801px){.shell{width:1240px;margin-left:calc(50% - 680px)}.header{height:116px}.header-inner{gap:29px}.logo span{width:44px;height:44px}.logo i{font-size:22px}.contacts{font-size:13px}.contacts small,.menu-label{font-size:11px}.outline-link{font-size:10px;padding:11px 17px}.social-links a{width:43px;height:43px}.hero{height:685px;padding-top:67px}.hero h1{font-size:47px}.hero-copy>p{font-size:15px;margin:27px 0 98px}.pink-btn{font-size:11px;padding:19px 68px}.hero-video{width:325px;font-size:11px;padding:11px 23px}.hero-video img{width:56px;height:56px}.hero-person{height:570px;width:555px;right:13px}.pink-disc{width:445px;height:445px}.hero-person>img{height:580px;max-width:555px}.metric{font-size:11px;padding:13px 17px}.m-one{right:-47px;top:128px}.m-two{right:-49px;bottom:105px}.hero-note{left:435px;bottom:145px;width:360px;padding:27px 30px;font-size:11px}.hero-note b{font-size:16px}.benefit-grid{gap:28px}.benefit{min-height:345px;padding:36px 39px}.benefit-icon{width:62px;height:62px;font-size:27px}.benefit h2{font-size:29px;margin:29px 0}.benefit ul{font-size:12px;line-height:1.9}.about{grid-template-columns:455px 1fr;gap:150px;margin-top:115px}.about-photo{height:495px}.about-photo img{height:520px}.about-copy h2,.process h2,.reviews h2,.exams h2,.faq h2{font-size:35px}.about-copy ul{font-size:13px;max-width:560px}.ticker{margin:70px 0}.process{padding-top:30px}.caption{font-size:12px}.steps{gap:50px;margin-top:55px}.steps i{width:68px;height:68px;font-size:32px}.steps h3{font-size:14px}.steps p{font-size:11px}.reviews{margin-top:110px}.review-title{font-size:33px;margin:35px 0 21px}.review-grid{gap:29px}.review-grid article{min-height:335px;padding:31px}.review-grid img{width:57px;height:57px}.review-grid header b{font-size:19px}.review-grid p{font-size:13px;line-height:1.65}.exams{margin-top:95px}.exams>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.exams article{height:205px;padding:20px 31px}.exams img{width:112px;height:135px}.exams b{font-size:49px}.exams .pink-btn{padding:12px 15px}.faq{margin-top:85px;margin-bottom:125px}.faq-grid{width:828px;gap:15px 28px}.faq details{font-size:11px;padding:17px 18px}.footer-inner{grid-template-columns:290px 1fr 1fr;gap:120px}.consultation{min-height:260px;padding:80px 23px 24px}.consultation img{height:175px;top:-105px}.consultation h2{font-size:20px}}
.ticker span{padding-right:0}.ticker>div{animation-duration:29s}
/* Decorative background layers reproduced from the PDF: bubbles, pink light washes and sharp rays. */
body{background:radial-gradient(580px 420px at -8% 41%,#fff1fb 0,transparent 68%),radial-gradient(520px 370px at 107% 72%,#fff1fb 0,transparent 68%),#fff}.benefit{isolation:isolate}.benefit>*{position:relative;z-index:2}.benefit:before{content:"";position:absolute;inset:-28% -19% -26% 28%;z-index:1;background:linear-gradient(74deg,transparent 15%,#ff78d3 15% 22%,#fff0 22% 44%,#ff7bd433 44% 53%,transparent 53%);transform:rotate(-9deg);opacity:.65}.benefit:after{z-index:0;background:radial-gradient(circle at 58% 9%,#ff82da66 0 2px,transparent 3px),radial-gradient(circle at 25% 70%,#ffb0e77a 0 4px,transparent 5px),linear-gradient(112deg,transparent 49%,#fff2 50% 54%,transparent 55%)}.hero:after{content:"";position:absolute;z-index:-1;right:18%;bottom:11%;width:13px;height:13px;border-radius:50%;background:var(--blue);box-shadow:74px -338px 0 -2px var(--pink),-146px -83px 0 0 var(--blue),253px -112px 0 -2px var(--pink)}.about{position:relative;isolation:isolate}.about:before{content:"";position:absolute;z-index:-1;right:18%;top:28%;width:12px;height:12px;border-radius:50%;background:var(--pink);box-shadow:-300px 170px 0 -4px var(--blue),-56px -122px 0 -5px var(--blue),270px 170px 0 -3px var(--pink)}.process{position:relative;isolation:isolate}.process:after{content:"";position:absolute;z-index:-1;right:-150px;top:-120px;width:390px;height:280px;background:radial-gradient(ellipse,#fff2fa 0,transparent 68%)}.reviews:before{content:"";position:absolute;z-index:-1;left:-60px;bottom:98px;width:13px;height:13px;border-radius:50%;background:var(--pink);box-shadow:333px -422px 0 -4px var(--blue),920px 63px 0 -2px var(--pink)}.exams{position:relative;isolation:isolate}.exams:before{content:"";z-index:-1;position:absolute;left:-280px;top:-90px;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,#fff4fc 0,transparent 68%)}.exams article{position:relative;overflow:hidden;isolation:isolate}.exams article>*{position:relative;z-index:2}.exams article:before{content:"";position:absolute;z-index:1;inset:-20% 36% -20% -20%;background:linear-gradient(70deg,transparent 42%,#f24bb54a 43% 50%,transparent 51%);transform:rotate(-8deg)}.faq:after{content:"";position:absolute;z-index:-1;left:-275px;bottom:-80px;width:370px;height:370px;border:1px solid var(--line);border-radius:50%;box-shadow:0 0 0 46px #fff,0 0 0 47px var(--line),0 0 0 92px #fff,0 0 0 93px var(--line)}
/* Fixed decoration map from the PDF. No free-floating decorative elements. */
body{background:#fff;position:relative;overflow-x:hidden;isolation:isolate}.benefit:before,.benefit:after,.about:before,.process:after,.reviews:before,.exams:before,.exams article:before,.faq:after{content:none}.hero.rings-left:before{left:-245px;bottom:-92px}.hero:after{left:536px;right:auto;bottom:140px;width:14px;height:14px;background:#111;box-shadow:148px 85px 0 4px var(--blue);border:0}.rings-right:after{right:-235px;bottom:-28px}.reviews:after{box-shadow:0 0 0 55px #fff,0 0 0 56px var(--line),0 0 0 112px #fff,0 0 0 113px var(--line)}.reviews{position:relative}.reviews .review-grid:last-child:after{content:"";position:absolute;right:-16px;bottom:-28px;width:13px;height:13px;border-radius:50%;background:var(--pink);box-shadow:140px -495px 0 0 var(--pink)}.faq.rings-left:before{content:none}.benefit:after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(73deg,transparent 52%,#ff86dc25 52.5% 57%,transparent 57.5%)}.exams article:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(73deg,transparent 43%,#e500a433 43.5% 48%,transparent 48.5%)}

@media(min-width:1100px){
  body:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
      radial-gradient(circle 350px at 1759.57px 5018.79px,rgba(220,6,154,.18) 0,rgba(220,6,154,.11) 40%,rgba(220,6,154,.05) 68%,rgba(220,6,154,0) 100%),
      radial-gradient(circle 350px at 190px 4525px,rgba(220,6,154,.18) 0,rgba(220,6,154,.11) 40%,rgba(220,6,154,.05) 68%,rgba(220,6,154,0) 100%),
      radial-gradient(circle 350px at 312.52px 2764.68px,rgba(220,6,154,.18) 0,rgba(220,6,154,.11) 40%,rgba(220,6,154,.05) 68%,rgba(220,6,154,0) 100%),
      radial-gradient(circle 350px at 1744.49px 1840.3px,rgba(220,6,154,.18) 0,rgba(220,6,154,.11) 40%,rgba(220,6,154,.05) 68%,rgba(220,6,154,0) 100%),
      radial-gradient(circle 350px at 75.73px 1464.88px,rgba(220,6,154,.18) 0,rgba(220,6,154,.11) 40%,rgba(220,6,154,.05) 68%,rgba(220,6,154,0) 100%);
  }
}

@media(min-width:801px) and (max-width:1099px){
  .shell{width:min(980px,calc(100% - 48px));margin-left:auto;margin-right:auto}
  .side-nav,.hero:after,.hero.rings-left:before,.rings-right:after,.faq.rings-left:before,.reviews .review-grid:last-child:after{display:none}
  .header{height:auto;padding:18px 0}
  .header-inner{height:auto;flex-wrap:wrap;gap:14px 20px}
  .outline-link,.header-line,.menu-label{display:none}
  .social-links{margin-left:auto}

  .hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"copy person" "note person";align-items:end;column-gap:24px;row-gap:24px;height:auto;padding-top:44px;padding-bottom:10px}
  .hero-copy{grid-area:copy;max-width:500px}
  .hero h1{font-size:36px;line-height:1.3}
  .hero-copy>p{max-width:430px;font-size:14px;margin:22px 0 40px}
  .pink-btn{padding:16px 42px;font-size:10px}
  .hero-video{margin-top:18px;width:290px;padding:10px 18px;font-size:10px}
  .hero-person{grid-area:person;position:relative;right:auto;bottom:auto;justify-self:end;width:320px;height:400px}
  .pink-disc{right:10px;bottom:0;width:300px;height:300px}
  .hero-person>img{right:0;height:410px;max-width:320px}
  .metric{font-size:10px;padding:10px 14px}
  .m-one{right:-8px;top:70px}
  .m-two{right:-12px;bottom:48px}
  .hero-note{grid-area:note;position:relative;left:auto;bottom:auto;width:min(100%,340px);padding:20px 22px;font-size:10px}
  .hero-note b{font-size:14px}

  .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .benefit-grid article:last-child{grid-column:1/-1}
  .benefit{min-height:250px;padding:30px 32px}
  .benefit h2{font-size:25px;margin:24px 0}
  .benefit ul{font-size:11px}

  .about{grid-template-columns:320px minmax(0,1fr);gap:48px;margin-top:78px}
  .about-photo{height:365px}
  .about-photo>div{inset:12px 12px 0 8px}
  .about-photo img{height:385px;left:10px}
  .about-copy h2,.process h2,.reviews h2,.exams h2,.faq h2{font-size:31px}
  .about-copy ul{max-width:none;font-size:12px}
  .ticker{margin:52px 0}

  .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px;margin-top:40px}
  .steps article{max-width:none}

  .reviews{margin-top:82px}
  .review-title{font-size:30px;margin:28px 0 16px}
  .review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .review-grid article{min-height:0}
  .review-grid article:last-child{grid-column:1/-1}

  .exams{margin-top:82px}
  .exams>div{gap:20px}
  .exams article{height:180px;padding:18px 22px;gap:16px}
  .exams img{width:88px;height:106px}
  .exams b{font-size:40px}
  .exams .pink-btn{padding:11px 14px}

  .faq{margin-top:76px;margin-bottom:92px}
  .faq-grid{width:auto;max-width:760px;grid-template-columns:1fr;gap:14px;margin-top:24px}
  .faq details{font-size:10px}

  #footer{position:relative;overflow:visible}
  .footer-inner{position:relative;grid-template-columns:minmax(260px,310px) minmax(0,1fr);gap:34px 56px;align-items:start;padding-top:26px}
  .footer-rings{position:absolute;left:-220px;bottom:0;width:190px;height:190px;border:1px solid var(--line);border-radius:50%;box-shadow:0 0 0 42px #fff,0 0 0 43px var(--line),0 0 0 84px #fff,0 0 0 85px var(--line)}
  .consultation,.footer-contacts,.footer-social{position:relative;z-index:2}
  .consultation{grid-column:1;grid-row:1/span 2;min-height:245px;padding:74px 22px 22px}
  .consultation img{height:160px;right:0;top:-96px}
  .footer-contacts{grid-column:2;grid-row:1}
  .footer-social{grid-column:2;grid-row:2}
  .footer-inner h3{font-size:12px}
  .footer-inner a,.footer-inner small{font-size:10px;line-height:1.85}
  .footer-menu-title{margin-top:28px}
  .footer-socials{display:flex;gap:10px}
.footer-socials a{display:grid;place-items:center;width:40px;height:40px;background:#24252b;border-radius:10px;color:#fff;text-decoration:none;font-size:20px;line-height:1}

body.menu-open{
  overflow:hidden;
}

.mobile-menu-backdrop{
  position:fixed;
  inset:0;
  background:rgba(7,22,117,.16);
  backdrop-filter:blur(2px);
  opacity:0;
  pointer-events:none;
  transition:opacity .24s ease;
  z-index:24;
}

.mobile-menu-backdrop.is-open{
  opacity:1;
  pointer-events:auto;
}

.mobile-menu{
  position:fixed;
  top:82px;
  right:18px;
  width:min(390px,calc(100vw - 36px));
  padding:26px 24px 22px;
  display:grid;
  gap:14px;
  border-radius:30px;
  background:#2c2d33;
  box-shadow:0 28px 72px rgba(0,0,0,.24);
  opacity:0;
  transform:translateY(-12px) scale(.98);
  pointer-events:none;
  transition:opacity .24s ease,transform .24s ease;
  z-index:25;
}

.mobile-menu.is-open{
  opacity:1;
  transform:none;
  pointer-events:auto;
}

.mobile-menu a{
  color:#fff;
  text-decoration:none;
  font:600 18px/1.25 Manrope,Arial,sans-serif;
}

.mobile-menu-socials{
  display:flex;
  gap:10px;
  margin-top:4px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.14);
}

.mobile-menu-socials a{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:12px;
  overflow:hidden;
  padding:8px;
}

.mobile-menu-socials .telegram{
  padding:6px;
}

.mobile-menu-socials img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}

.hamburger{
  position:relative;
  z-index:26;
}

.hamburger span{
  transform-origin:center;
  transition:transform .24s ease,opacity .24s ease;
}

.hamburger.is-active span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}

.hamburger.is-active span:nth-child(2){
  opacity:0;
}

.hamburger.is-active span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}

.exams .pink-btn.is-active{
  background:#fff;
  color:var(--blue);
  box-shadow:none;
}

.footer-socials{
  display:flex;
  gap:10px;
}

.footer-socials a{
  display:grid!important;
  place-items:center;
  width:40px;
  height:40px;
  padding:8px!important;
  border-radius:10px;
  overflow:hidden!important;
  font-size:0!important;
  line-height:0!important;
}

.footer-socials a img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain!important;
}

.footer-socials .telegram{
  padding:6px!important;
}

@media(min-width:801px){
  .mobile-menu,
  .mobile-menu-backdrop{
    display:none!important;
  }
}

@media(max-width:800px){
  .mobile-menu{
    top:74px;
    right:12px;
    width:calc(100vw - 24px);
    padding:24px 20px 18px;
    border-radius:24px;
  }

  .mobile-menu a{
    font-size:17px;
  }
}
  .footer-plane-wrap{display:block;position:absolute;inset:0;z-index:1;pointer-events:none;overflow:visible}
  .footer-plane{position:absolute;right:0;bottom:72px;width:320px;height:auto;opacity:.2;z-index:1}
}

/* About section decor aligned to the PDF composition. */
.about-copy{position:relative;top:-10px}
.about-photo{overflow:visible;z-index:1}
.about-photo:before,.about-photo:after,.about-copy ul:before,.about-copy ul:after{content:"";position:absolute;pointer-events:none}
.about-copy h2{font-size:34px;line-height:1.18}
.about-copy ul{position:relative;list-style:none;padding-left:0;font-size:13px;line-height:1.82;max-width:540px}
.about-copy li{position:relative;padding-left:24px}
.about-copy li+li{margin-top:8px}
.about-copy li:before{content:"";position:absolute;left:0;top:.7em;width:12px;height:12px;border:3px solid var(--pink);border-radius:50%;background:transparent;transform:translateY(-50%)}
.about-photo:before{top:58px;right:-4px;width:11px;height:11px;border-radius:50%;background:var(--blue);z-index:3}
.about-photo:after{top:-12px;right:18px;bottom:18px;left:104px;border:1.5px solid #5061ac;border-radius:999px;z-index:0}
.about-photo>div{inset:14px 60px 0 24px;border-radius:999px;z-index:1}
.about-photo img{left:6px;height:468px;z-index:2}
.about-copy ul:before{left:272px;bottom:-34px;width:14px;height:14px;border-radius:50%;background:var(--pink)}
.about-copy ul:after{right:20px;bottom:34px;width:8px;height:8px;border-radius:50%;background:var(--blue)}

@media(max-width:800px){
  .about-copy{top:-4px}
  .about-copy h2{font-size:31px}
  .about-copy ul{font-size:12px;line-height:1.78}
  .about-copy li{padding-left:22px}
  .about-copy li+li{margin-top:7px}
  .about-copy li:before{width:11px;height:11px}
  .about-photo:before{top:42px;right:20px;width:8px;height:8px}
  .about-photo:after{top:-6px;right:26px;bottom:14px;left:64px}
  .about-photo>div{inset:12px 40px 0 14px}
  .about-photo img{left:0;height:395px}
  .about-copy ul:before{left:192px;bottom:-24px;width:10px;height:10px}
  .about-copy ul:after{right:18px;bottom:18px;width:6px;height:6px}
}

@media(min-width:801px) and (max-width:1099px){
  .about-copy{top:-8px}
  .about-copy h2{font-size:34px}
  .about-copy ul{font-size:13px;line-height:1.82}
  .about-copy li{padding-left:23px}
  .about-copy li+li{margin-top:8px}
  .about-photo:before{top:48px;right:-6px;width:9px;height:9px}
  .about-photo:after{top:-8px;right:10px;bottom:14px;left:78px}
  .about-photo>div{inset:10px 48px 0 18px}
  .about-photo img{left:2px;height:470px}
  .about-copy ul:before{left:228px;bottom:-30px;width:12px;height:12px}
  .about-copy ul:after{right:20px;bottom:24px;width:7px;height:7px}
}

@media(min-width:1100px){
  .about-copy{top:-14px}
  .about-copy h2{font-size:38px}
  .about-copy ul{font-size:14px;line-height:1.85;max-width:585px}
  .about-copy li{padding-left:26px}
  .about-copy li+li{margin-top:9px}
  .about-copy li:before{width:13px;height:13px}
  .about-photo img{height:556px;left:8px}
  .footer-plane-wrap{display:block;position:absolute;inset:0;z-index:1;pointer-events:none;overflow:visible}
  .footer-plane{position:absolute;right:-36px;bottom:12px;width:510px;z-index:1}
}

/* Footer consultation card uses a curved mask so the portrait exits the block like in the PDF. */
.consultation{background:transparent;overflow:visible;isolation:isolate}
.consultation:before{content:"";position:absolute;inset:0;background:var(--blue);border-radius:26px 26px 18px 18px;clip-path:polygon(0 84px,8% 76px,18% 70px,32% 67px,46% 66px,56% 54px,67% 60px,80% 69px,91% 75px,100% 82px,100% 100%,0 100%);pointer-events:none;z-index:1}
.consultation>*{position:relative;z-index:2}
.consultation img{z-index:0}

@media(max-width:800px){
  .consultation:before{clip-path:polygon(0 78px,9% 72px,20% 68px,34% 66px,48% 64px,58% 52px,70% 58px,83% 68px,93% 74px,100% 80px,100% 100%,0 100%)}
}

@media(min-width:801px) and (max-width:1099px){
  .consultation:before{clip-path:polygon(0 86px,8% 78px,19% 72px,33% 70px,47% 69px,57% 56px,69% 62px,82% 72px,93% 78px,100% 84px,100% 100%,0 100%)}
}

@media(min-width:1100px){
  .consultation:before{clip-path:polygon(0 94px,8% 86px,18% 80px,31% 77px,45% 75px,56% 60px,68% 66px,81% 76px,92% 84px,100% 90px,100% 100%,0 100%)}
}

/* Footer consultation: clip the portrait itself instead of clipping the whole card. */
.consultation{
  background:var(--blue);
  border-radius:26px 26px 14px 14px;
  overflow:visible;
  isolation:isolate;
}

.consultation-photo{
  position:absolute;
  right:4px;
  top:-90px;
  height:150px;
  aspect-ratio:212/318;
  z-index:3;
  pointer-events:none;
  clip-path:polygon(0 0,100% 0,100% 74%,95% 78%,88% 82%,79% 85%,69% 86%,58% 83%,48% 77%,39% 74%,30% 74%,20% 77%,10% 82%,0 85%);
}

.consultation-photo img{
  position:static;
  display:block;
  width:100%;
  height:100%;
  right:auto;
  top:auto;
  object-fit:contain;
  object-position:center top;
}

.consultation:before{
  inset:auto;
  left:0;
  right:0;
  top:82px;
  height:102px;
  bottom:auto;
  background:var(--blue);
  border-radius:26px 26px 0 0;
  clip-path:polygon(0 22%,8% 15%,18% 10%,32% 8%,46% 7%,56% 0,67% 6%,80% 16%,91% 23%,100% 29%,100% 100%,0 100%);
  z-index:1;
}

.consultation h2,.consultation p,.consultation .pink-btn{
  position:relative;
  z-index:4;
}

@media(max-width:800px){
  .consultation-photo{
    right:2px;
    top:-102px;
    height:192px;
  }

  .consultation:before{
    top:84px;
    height:108px;
    clip-path:polygon(0 22%,9% 16%,20% 12%,34% 10%,48% 8%,58% 0,70% 6%,83% 16%,93% 22%,100% 28%,100% 100%,0 100%);
  }
}

@media(min-width:801px) and (max-width:1099px){
  .consultation-photo{
    right:-1px;
    top:-108px;
    height:206px;
  }

  .consultation:before{
    top:92px;
    height:114px;
    clip-path:polygon(0 22%,8% 15%,19% 10%,33% 8%,47% 7%,57% 0,69% 6%,82% 16%,93% 22%,100% 28%,100% 100%,0 100%);
  }
}

@media(min-width:1100px){
  .consultation-photo{
    right:-4px;
    top:-120px;
    height:230px;
  }

  .consultation:before{
    top:104px;
    height:122px;
    clip-path:polygon(0 22%,8% 15%,18% 10%,31% 7%,45% 5%,56% 0,68% 6%,81% 16%,92% 23%,100% 29%,100% 100%,0 100%);
  }
}

/* Hero portrait should emerge from the pink disc while the lower body sinks under the page background. */
.hero-person{
  overflow:visible;
  isolation:isolate;
}

.pink-disc{
  z-index:1;
}

.hero-portrait{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
}

.hero-portrait img{
  position:absolute;
  right:4px;
  bottom:0;
  height:505px;
  max-width:480px;
  object-fit:contain;
}

.metric{
  z-index:4;
}

@media(max-width:800px){
  .hero-portrait img{
    right:4px;
    bottom:0;
    height:505px;
    max-width:480px;
  }

}

@media(min-width:801px) and (max-width:1099px){
  .hero-portrait img{
    right:0;
    bottom:0;
    height:410px;
    max-width:320px;
  }

}

@media(min-width:1100px){
  .hero-portrait img{
    right:0;
    bottom:0;
    height:580px;
    max-width:555px;
  }

}

/* Benefit card icons use provided PNG assets instead of glyphs. */
.benefit-icon{
  padding:9px;
  font-size:0;
}

.benefit-icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

@media(min-width:801px){
  .benefit-icon{
    padding:10px;
  }
}

@media(min-width:1100px){
  .benefit-icon{
    padding:12px;
  }
}

.steps i{
  padding:12px;
  font-size:0;
}

.steps i img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

@media(min-width:801px){
  .steps i{
    padding:14px;
  }
}

.social-links a{
  padding:8px;
}

.social-links a img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.social-links .telegram{
  padding:6px;
}

.social-links .telegram img{
  object-position:center;
}

@media(min-width:801px){
  .social-links a{
    padding:9px;
  }

  .social-links .telegram{
    padding:7px;
  }
}

/* Opening screen: the brand mark appears before the main page is revealed. */
.site-loader{
  position:fixed;
  inset:0;
  z-index:100;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#fff;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .44s ease-in,visibility 0s linear .44s;
  animation:site-loader-safety .01s linear 6s forwards;
}

.site-loader:before,
.site-loader:after{
  content:"";
  position:absolute;
  width:min(60vw,740px);
  aspect-ratio:1;
  border:1px solid #f2a1d6;
  border-radius:50%;
  opacity:.68;
}

.site-loader:before{
  transform:translate(-34%,-18%);
  box-shadow:0 0 0 50px #fff,0 0 0 51px #f2a1d6,0 0 0 100px #fff,0 0 0 101px #f2a1d6;
}

.site-loader:after{
  right:-18vw;
  bottom:-36vw;
  width:min(46vw,560px);
  opacity:.42;
}

.site-loader__halo{
  position:absolute;
  width:min(44vw,520px);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(229,0,164,.16) 0,rgba(229,0,164,.07) 42%,rgba(229,0,164,0) 72%);
  animation:site-loader-halo 1.1s ease-out infinite alternate;
}

.site-loader__logo{
  position:relative;
  z-index:1;
  display:block;
  width:min(350px,68vw);
  height:auto;
  opacity:0;
  transform:scale(.88);
  filter:drop-shadow(0 13px 26px rgba(7,22,117,.12));
  animation:site-loader-logo-in .56s cubic-bezier(.2,.8,.2,1) .12s forwards;
}

body.site-ready .site-loader{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  animation:none;
}

@keyframes site-loader-logo-in{
  to{opacity:1;transform:scale(1)}
}

@keyframes site-loader-halo{
  to{transform:scale(1.08);opacity:.76}
}

@keyframes site-loader-safety{
  to{opacity:0;visibility:hidden;pointer-events:none}
}

@media(max-width:800px){
  .site-loader__logo{width:min(285px,72vw)}
  .site-loader:before{transform:translate(-48%,-26%)}
  .site-loader:after{right:-38vw;bottom:-42vw;width:70vw}
}

@media(prefers-reduced-motion:reduce){
  .site-loader,
  .site-loader__halo,
  .site-loader__logo{
    animation-duration:.01ms;
    animation-iteration-count:1;
  }

  .site-loader{transition-duration:.01ms}
}

/* Anchor navigation stays smooth without placing section titles under the viewport edge. */
[id]{scroll-margin-top:24px}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}

/* Coordinates measured from the supplied 1920 px PDF render. */
@media(min-width:801px){
  .shell{width:1080px;margin-left:auto;margin-right:auto}.header{height:100px}.header-inner{gap:25px}.logo span{width:37px;height:37px}.logo i{font-size:19px}.contacts{font-size:11px}.contacts small,.menu-label{font-size:10px}.outline-link{font-size:9px;padding:9px 14px}.social-links a{width:37px;height:37px}.side-nav{right:88px}
  .hero{height:590px;padding-top:61px}.hero h1{font-size:39px}.hero-copy>p{font-size:13px;margin:22px 0 88px}.pink-btn{font-size:10px;padding:17px 60px}.hero-video{width:285px;font-size:10px;padding:9px 20px}.hero-video img{width:49px;height:49px}
  .hero-person{height:590px;width:480px;right:0}.pink-disc{width:480px;height:480px;right:0;bottom:50px}.hero-person>img{height:680px;max-width:480px;right:0;bottom:50px}.metric{font-size:10px;padding:11px 15px}.m-one{right:-44px;top:112px}.m-two{right:-47px;bottom:92px}.hero-note{left:380px;bottom:225px;width:310px;padding:24px 27px;font-size:10px}.hero-note b{font-size:14px}
  .hero.rings-left:before{left:-318px;bottom:-210px}.hero:after{left:-200px;top:0;right:auto;bottom:auto;width:1400px;height:590px;background:radial-gradient(circle at 92px 282px,var(--pink) 0 6px,transparent 7px),radial-gradient(circle at 663px 436px,#111 0 6px,transparent 7px),radial-gradient(circle at 809px 522px,var(--blue) 0 10px,transparent 11px);box-shadow:none;border:0}
  .benefit-grid{gap:24px}.benefit{min-height:280px;padding:28px 31px;border-radius:18px}.benefit-icon{width:50px;height:50px;font-size:22px}.benefit h2{font-size:23px;margin:23px 0}.benefit ul{font-size:10px}
  .about{grid-template-columns:390px 1fr;gap:135px;margin-top:95px}.about-photo{height:420px}.about-photo img{height:440px}.about-copy h2,.process h2,.reviews h2,.exams h2,.faq h2{font-size:29px}.about-copy h2{font-size:38px;line-height:1.18}.about-copy ul{font-size:14px;line-height:1.85;max-width:585px}.ticker{margin:57px 0}.process{padding-top:20px}.caption{font-size:10px}.steps{gap:42px;margin-top:45px}.steps i{width:58px;height:58px;font-size:27px}.steps h3{font-size:12px}.steps p{font-size:10px}
  .reviews{margin-top:90px}.review-title{font-size:28px;margin:30px 0 17px}.review-grid{gap:28px}.review-grid article{min-height:270px;padding:24px}.review-grid img{width:49px;height:49px}.review-grid header b{font-size:15px}.review-grid p{font-size:11px;line-height:1.6}.rings-right:after{right:-316px;bottom:-28px}
  .exams{margin-top:80px}.exams>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.exams article{height:160px;padding:15px 25px}.exams img{width:90px;height:100px}.exams b{font-size:40px}.faq{margin-top:70px;margin-bottom:105px}.faq-grid{width:724px;gap:12px 24px}.faq details{font-size:9px;padding:12px 14px}.footer-inner{grid-template-columns:250px 1fr 1fr;gap:100px}.consultation{min-height:225px;padding:70px 20px 20px}.consultation img{height:150px;top:-90px}.consultation h2{font-size:17px}
}
.hero.rings-left:after{left:-200px!important;top:0!important;right:auto!important;bottom:auto!important;width:1400px!important;height:590px!important;background:radial-gradient(circle at 92px 282px,var(--pink) 0 6px,transparent 7px),radial-gradient(circle at 663px 436px,#111 0 6px,transparent 7px),radial-gradient(circle at 809px 522px,var(--blue) 0 10px,transparent 11px)!important;box-shadow:none!important;border:0!important}

/* Footer reconstructed from the final panel in the supplied PDF. */
#footer{background:#fff!important;padding:72px 0 38px!important;overflow:hidden}.footer-ticker{margin:0!important}.footer-inner{position:relative!important;display:grid!important;grid-template-columns:342px 190px 290px!important;gap:92px!important;align-items:end!important;min-height:340px!important}.consultation{min-height:275px!important;border-radius:14px!important;padding:74px 27px 22px!important}.consultation img{height:166px!important;right:0!important;top:-104px!important}.consultation h2{font-size:22px!important;line-height:1.2}.consultation p{font-size:11px!important;line-height:1.45}.consultation .pink-btn{padding:11px 18px!important;font-size:8px!important}.footer-contacts,.footer-social{position:relative;z-index:2;padding-bottom:9px}.footer-inner h3{font-size:14px!important;margin:0 0 14px!important}.footer-inner a,.footer-inner small{font-size:11px!important;line-height:1.9!important}.footer-menu-title{margin-top:40px!important}.footer-socials{display:flex;gap:10px;margin:0 0 20px!important}.footer-socials a{display:grid;place-items:center;width:44px;height:44px;background:#24202f;border-radius:11px;color:#fff!important;font-size:22px!important;line-height:1!important}.footer-plane-wrap{position:relative!important;width:min(1120px,calc(100% - 36px))!important;height:340px!important;margin:-340px auto 0!important;pointer-events:none!important;z-index:1!important}.footer-plane{position:absolute;width:510px;height:auto;right:-292px;bottom:12px;opacity:.2;z-index:1}.footer-rings{position:absolute;width:220px;height:220px;left:-300px;bottom:4px;border:1px solid var(--line);border-radius:50%;box-shadow:0 0 0 56px #fff,0 0 0 57px var(--line),0 0 0 112px #fff,0 0 0 113px var(--line)}@media(max-width:800px){.footer-inner{grid-template-columns:1fr!important;gap:35px!important}.footer-plane-wrap,.footer-plane,.footer-rings{display:none}.footer-contacts,.footer-social{padding-left:10px}}
.consultation{background:transparent!important;overflow:visible!important;isolation:isolate!important}
.consultation:before{content:"";position:absolute;inset:0;background:var(--blue)!important;border-radius:28px 28px 18px 18px;clip-path:polygon(0 96px,8% 88px,18% 81px,31% 78px,45% 76px,56% 60px,68% 67px,81% 78px,92% 86px,100% 92px,100% 100%,0 100%);pointer-events:none;z-index:1}
.consultation>*{position:relative;z-index:2}
.consultation img{z-index:0!important}

/* Keep the PDF footer in sync: the portrait is clipped, the card itself is not. */
.consultation{background:var(--blue)!important;border-radius:26px 26px 14px 14px!important;overflow:visible!important;isolation:isolate!important}
.consultation-photo{position:absolute!important;right:0!important;top:-104px!important;height:166px!important;aspect-ratio:212/318!important;z-index:3!important;pointer-events:none!important;clip-path:polygon(0 0,100% 0,100% 74%,95% 78%,88% 82%,79% 85%,69% 86%,58% 83%,48% 77%,39% 74%,30% 74%,20% 77%,10% 82%,0 85%)!important}
.consultation-photo img{position:static!important;display:block!important;width:100%!important;height:100%!important;right:auto!important;top:auto!important;object-fit:contain!important;object-position:center top!important}
.consultation:before{inset:auto!important;left:0!important;right:0!important;top:96px!important;bottom:auto!important;height:126px!important;background:var(--blue)!important;border-radius:26px 26px 0 0!important;clip-path:polygon(0 22%,8% 15%,18% 10%,31% 7%,45% 5%,56% 0,68% 6%,81% 16%,92% 23%,100% 29%,100% 100%,0 100%)!important;z-index:1!important}
.consultation h2,.consultation p,.consultation .pink-btn{position:relative!important;z-index:4!important}

/* Final footer typography and alignment from the PDF. */
#footer .consultation-photo{height:178px!important;top:-110px!important;right:-3px!important}.consultation h2,.footer-inner h3{font-family:Unbounded,Manrope,sans-serif!important;font-weight:700!important;letter-spacing:-.7px}.consultation h2{font-size:23px!important}.footer-contacts h3,.footer-social h3{font-size:13px!important}.footer-social{transform:translateY(-58px)}.footer-contacts a,.footer-social>a,.footer-inner small{font-weight:500}.footer-socials a{font-family:Manrope,Arial,sans-serif!important;font-weight:800!important}@media(max-width:800px){.footer-social{transform:none}}
.footer-socials a{overflow:hidden!important;padding:8px!important;font-size:0!important;line-height:0!important}
.footer-socials a img{display:block;width:100%;height:100%;object-fit:cover}
.footer-socials .tiktok{background:#06115f!important}
.footer-socials .telegram{background:#e500a4!important;padding:6px!important}
.footer-socials .youtube{background:#252525!important}

/* Six large FAQ cards as shown in the PDF. */
@media(min-width:801px){.faq-grid{width:1080px!important;gap:15px 38px!important}.faq details{min-height:94px!important;padding:19px 26px!important;font-size:12px!important;display:flex;align-items:center}.faq summary{width:100%;font-size:12px;line-height:1.5}.faq summary:after{width:42px!important;height:42px!important;font-size:32px!important;flex:0 0 42px;margin-left:18px}.faq details p{font-size:11px}.faq details[open]{display:block}.faq details[open] summary{padding-top:4px}}@media(max-width:800px){.faq details{min-height:72px}.faq summary:after{width:34px;height:34px;flex:0 0 34px}}

.pricing {
  position: relative;
  isolation: isolate;
  margin: 95px auto 100px;
}

.pricing[hidden] {
  display: none;
}

.pricing > h2 {
  max-width: 920px;
  margin: 0 auto;
  font-size: 30px;
  text-align: center;
}

.pricing:before,
.pricing:after,
.pricing-card:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.pricing:before {
  top: 94px;
  left: -14px;
  width: 10px;
  height: 10px;
  background: var(--blue);
}

.pricing:after {
  left: -24px;
  bottom: 96px;
  width: 12px;
  height: 12px;
  background: var(--pink);
}

.pricing-card {
  position: relative;
  width: 680px;
  margin: 72px auto 0;
  padding: 44px 60px 38px;
  border-radius: 28px;
  overflow: visible;
  background: var(--pink);
  color: #fff;
  isolation: isolate;
}

.pricing-card:before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
    73deg,
    transparent 40%,
    #ff71d83d 40.5% 48%,
    transparent 48.5%
  );
}

.pricing-card:after {
  right: -124px;
  bottom: 118px;
  width: 14px;
  height: 14px;
  background: var(--pink);
}

.pricing-card h3 {
  margin: 0 -60px 32px;
  padding-bottom: 32px;
  border-bottom: 3px solid #fff;
  font: 700 36px Unbounded, Manrope, sans-serif;
  text-align: center;
}

.pricing-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  line-height: 1.85;
}

.pricing-card li {
  position: relative;
  padding-left: 27px;
}

.pricing-card li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 12px;
  height: 12px;
  border: 4px solid var(--blue);
  border-radius: 50%;
}

.price-bubble {
  position: absolute;
  top: 166px;
  right: -98px;
  width: 196px;
  height: 196px;
  padding: 32px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  text-align: center;
  background: var(--blue);
  font-size: 17px;
  line-height: 1.3;
}

.prices {
  display: grid;
  gap: 13px;
  margin: 44px 0 34px;
}

.prices p {
  margin: 0;
  font-size: 25px;
}

.prices strong {
  font: 700 33px Unbounded, Manrope, sans-serif;
}

.pricing-actions {
  display: grid;
  gap: 15px;
}

.pricing-actions a {
  display: block;
  padding: 19px;
  border-radius: 18px;
  background: var(--blue);
  color: #fff;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.pricing-actions .outline-pay {
  background: transparent;
  border: 3px solid var(--blue);
  color: #fff;
}

.pricing-actions .outline-pay:hover {
  background: var(--blue);
}

.pricing-short-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
  margin-top: 15px;
}

.pricing-short-options[hidden],
.pricing-short-options a[hidden] {
  display: none !important;
}

.pricing-short-options a {
  display: grid;
  min-height: 48px;
  place-items: center;
  border: 2px solid #fff;
  border-radius: 14px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.pricing-short-options a:hover {
  background: #ffffff1f;
}

@media (min-width: 801px) and (max-width: 1099px) {
  .pricing:before {
    top: 88px;
    left: 6px;
  }

  .pricing:after {
    left: 8px;
    bottom: 72px;
  }

  .pricing-card:after {
    right: -48px;
    bottom: 100px;
  }
}

@media (max-width: 800px) {
  .pricing {
    margin: 65px auto;
  }

  .pricing > h2 {
    font-size: 22px;
    text-align: center;
  }

  .pricing:before,
  .pricing:after,
  .pricing-card:after {
    display: none;
  }

  .pricing-card {
    width: 100%;
    margin-top: 38px;
    padding: 28px 22px;
    border-radius: 20px;
  }

  .pricing-card h3 {
    margin: 0 -22px 25px;
    padding-bottom: 24px;
    font-size: 23px;
  }

  .pricing-card ul {
    font-size: 11px;
  }

  .price-bubble {
    position: static;
    width: 152px;
    height: 152px;
    margin: 22px auto 0;
    padding: 26px;
    font-size: 13px;
  }

  .prices p {
    font-size: 17px;
  }

  .prices strong {
    font-size: 21px;
  }

  .pricing-actions a {
    padding: 15px;
    font-size: 12px;
  }

  .pricing-short-options a {
    min-height: 44px;
    font-size: 11px;
  }
}

/* Final responsive layer. Loaded after the visual reference styles. */

img {
  max-width: 100%;
}

@media (min-width: 1100px) and (max-width: 1359px) {
  .shell {
    width: min(1180px, calc(100% - 48px));
    margin-left: auto;
    margin-right: auto;
  }

  .hero-person {
    right: 0;
  }
}

@media (min-width: 801px) and (max-width: 1099px) {
  .shell {
    width: min(980px, calc(100% - 48px));
    margin-left: auto;
    margin-right: auto;
  }

  .header {
    height: auto;
    padding: 18px 0;
  }

  .header-inner {
    min-height: 62px;
    gap: 16px 20px;
  }

  .hero {
    min-height: 0;
  }

  .pricing-card {
    width: min(620px, calc(100% - 130px));
  }

  .price-bubble {
    right: -76px;
    width: 168px;
    height: 168px;
    padding: 24px;
    font-size: 15px;
  }

  #footer {
    padding: 64px 0 42px !important;
    overflow: hidden !important;
  }

  .footer-inner {
    width: min(980px, calc(100% - 48px)) !important;
    min-height: 0 !important;
    grid-template-columns: minmax(270px, 320px) minmax(0, 1fr) !important;
    gap: 34px 64px !important;
    align-items: start !important;
    padding-top: 38px;
  }

  .consultation {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    min-height: 270px !important;
    padding: 92px 24px 24px !important;
  }

  .footer-contacts {
    grid-column: 2 !important;
    grid-row: 1 !important;
    padding-bottom: 0 !important;
  }

  .footer-social {
    grid-column: 2 !important;
    grid-row: 2 !important;
    padding-bottom: 0 !important;
    transform: none !important;
  }

  .footer-plane-wrap,
  .footer-plane,
  .footer-rings {
    display: none !important;
  }
}

@media (max-width: 800px) {
  body {
    overflow-x: hidden;
  }

  .shell {
    width: min(680px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
  }

  .header {
    height: auto;
    min-height: 72px;
    padding: 12px 0;
  }

  .header-inner {
    min-height: 48px;
    gap: 8px;
  }

  .logo img {
    width: auto;
    height: 46px;
    max-width: min(58vw, 250px);
  }

  .social-links {
    gap: 8px;
  }

  .social-links a,
  .hamburger {
    width: 44px;
    height: 44px;
  }

  .social-links a {
    padding: 8px;
  }

  .social-links .telegram {
    padding: 6px;
  }

  .hamburger {
    display: grid;
    place-content: center;
    margin-left: 2px;
  }

  .hamburger span {
    width: 26px;
  }

  .mobile-menu-backdrop {
    position: fixed;
    inset: 0;
    z-index: 24;
    background: rgba(7, 22, 117, .18);
    backdrop-filter: blur(2px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .24s ease;
  }

  .mobile-menu-backdrop.is-open {
    opacity: 1;
    pointer-events: auto;
  }

  .mobile-menu {
    position: fixed;
    top: 76px;
    right: 12px;
    z-index: 25;
    width: min(390px, calc(100vw - 24px));
    display: grid;
    gap: 14px;
    padding: 24px 20px 20px;
    border-radius: 24px;
    background: #2c2d33;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .24);
    opacity: 0;
    transform: translateY(-12px) scale(.98);
    pointer-events: none;
    transition: opacity .24s ease, transform .24s ease;
  }

  .mobile-menu.is-open {
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }

  .mobile-menu a {
    color: #fff;
    text-decoration: none;
    font: 600 17px/1.3 Manrope, Arial, sans-serif;
  }

  .mobile-menu-socials {
    display: flex;
    gap: 10px;
    margin-top: 4px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, .14);
  }

  .mobile-menu-socials a {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 8px;
    border-radius: 12px;
    overflow: hidden;
  }

  .mobile-menu-socials .telegram {
    padding: 6px;
  }

  .mobile-menu-socials img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .side-nav,
  .hero:after,
  .hero.rings-left:before,
  .rings-right:after,
  .faq.rings-left:before,
  .reviews .review-grid:last-child:after {
    display: none;
  }

  .hero {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    gap: 22px;
    height: auto;
    min-height: 0;
    padding-top: 30px;
    padding-bottom: 28px;
  }

  .hero-copy {
    max-width: 430px;
  }

  .hero h1 {
    font-size: clamp(27px, 7.2vw, 38px);
    line-height: 1.2;
    letter-spacing: -1.2px;
  }

  .hero-copy > p {
    max-width: 360px;
    margin: 18px 0 26px;
    font-size: 13px;
  }

  .pink-btn {
    min-height: 46px;
    padding: 14px 26px;
    font-size: 10px;
  }

  .hero-video {
    width: min(100%, 310px);
    min-height: 64px;
    margin-top: 16px;
    padding: 8px 16px;
    font-size: 9px;
  }

  .hero-video img {
    width: 48px;
    height: 48px;
  }

  .hero-person {
    position: relative;
    right: auto;
    bottom: auto;
    justify-self: center;
    width: min(92vw, 370px);
    height: clamp(330px, 94vw, 410px);
    transform: none;
  }

  .pink-disc {
    right: 7%;
    bottom: 0;
    width: 84%;
    height: auto;
    aspect-ratio: 1;
  }

  .hero-portrait img,
  .hero-person > img {
    right: 0;
    bottom: 0;
    height: 106%;
    max-width: 100%;
  }

  .metric {
    padding: 10px 12px;
    font-size: 9px;
  }

  .m-one {
    top: 64px;
    right: -2px;
  }

  .m-two {
    right: 0;
    bottom: 50px;
  }

  .hero-note {
    position: relative;
    left: auto;
    bottom: auto;
    width: min(100%, 360px);
    padding: 16px 18px;
    font-size: 10px;
  }

  .hero-note b {
    font-size: 12px;
  }

  .benefit-grid,
  .review-grid,
  .faq-grid {
    grid-template-columns: 1fr;
  }

  .benefit-grid {
    gap: 16px;
  }

  .benefit {
    min-height: 0;
    padding: 28px 26px;
    border-radius: 18px;
  }

  .benefit h2 {
    margin: 20px 0;
    font-size: 24px;
  }

  .benefit ul {
    font-size: 12px;
    line-height: 1.75;
  }

  .about {
    grid-template-columns: 1fr;
    gap: 34px;
    margin-top: 64px;
  }

  .about-photo {
    width: min(100%, 360px);
    height: 390px;
    margin: 0 auto;
  }

  .about-photo img {
    height: 405px;
  }

  .about-copy {
    top: auto;
  }

  .about-copy h2,
  .process h2,
  .reviews h2,
  .exams h2,
  .faq h2 {
    font-size: clamp(27px, 7vw, 34px);
    line-height: 1.2;
  }

  .about-copy ul {
    max-width: none;
    font-size: 13px;
    line-height: 1.7;
  }

  .ticker {
    margin: 46px 0;
  }

  .process {
    padding-top: 0;
  }

  .caption {
    font-size: 11px;
    line-height: 1.45;
  }

  .steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 16px;
    margin-top: 34px;
  }

  .steps article > div {
    gap: 10px;
  }

  .steps i {
    width: 52px;
    height: 52px;
    padding: 11px;
  }

  .steps h3 {
    margin: 12px 0 10px;
    font-size: 12px;
  }

  .steps p {
    font-size: 10px;
    line-height: 1.5;
  }

  .reviews {
    margin-top: 74px;
  }

  .review-title {
    margin: 28px 0 14px;
    font-size: 28px;
  }

  .review-grid {
    gap: 16px;
  }

  .review-grid article {
    min-height: 0;
    padding: 24px;
  }

  .review-grid header b {
    font-size: 17px;
  }

  .review-grid p {
    font-size: 12px;
    line-height: 1.6;
  }

  .exams {
    margin-top: 74px;
  }

  .exams > div {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 22px;
  }

  .exams article {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    grid-template-areas: "image title" "image action";
    min-height: 146px;
    height: auto;
    padding: 18px;
    gap: 8px 16px;
  }

  .exams img {
    grid-area: image;
    width: 82px;
    height: 96px;
  }

  .exams b {
    grid-area: title;
    align-self: end;
    font-size: clamp(32px, 9vw, 44px);
  }

  .exams .pink-btn {
    grid-area: action;
    justify-self: start;
    min-height: 42px;
    margin: 0;
    padding: 10px 14px;
    font-size: 9px;
  }

  .pricing {
    margin: 70px auto;
  }

  .pricing > h2 {
    font-size: clamp(24px, 6.7vw, 31px);
    text-align: left;
  }

  .pricing-card {
    margin-top: 34px;
    padding: 28px 22px 24px;
  }

  .pricing-card ul {
    font-size: 12px;
    line-height: 1.7;
  }

  .price-bubble {
    width: 160px;
    height: 160px;
    font-size: 14px;
  }

  .pricing-actions a {
    display: grid;
    place-items: center;
    min-height: 48px;
    padding: 12px;
  }

  .faq {
    margin-top: 74px;
    margin-bottom: 72px;
  }

  .faq-grid {
    width: auto;
    gap: 12px;
    margin-top: 24px;
  }

  .faq details {
    padding: 14px;
    font-size: 11px;
  }

  .faq summary {
    gap: 12px;
  }

  .faq summary:after {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
  }

  #footer {
    padding: 56px 0 34px !important;
    overflow: hidden !important;
  }

  .footer-inner {
    width: min(680px, calc(100% - 32px)) !important;
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 30px !important;
    align-items: start !important;
    padding-top: 94px;
  }

  .footer-plane-wrap,
  .footer-plane,
  .footer-rings {
    display: none !important;
  }

  .consultation {
    min-height: 272px !important;
    padding: 98px 22px 24px !important;
    border-radius: 22px !important;
  }

  .consultation-photo {
    top: -112px !important;
    right: 2px !important;
    height: 186px !important;
  }

  .consultation:before {
    top: 88px !important;
    height: 118px !important;
  }

  .consultation h2 {
    font-size: 22px !important;
  }

  .consultation p {
    font-size: 11px !important;
  }

  .consultation .pink-btn {
    min-height: 42px;
    padding: 10px 14px !important;
  }

  .footer-contacts,
  .footer-social {
    padding: 0 !important;
    transform: none !important;
  }

  .footer-inner h3 {
    font-size: 14px !important;
  }

  .footer-inner a,
  .footer-inner small {
    font-size: 12px !important;
    line-height: 1.8 !important;
  }

  .footer-menu-title {
    margin-top: 26px !important;
  }

  .footer-socials a {
    width: 44px !important;
    height: 44px !important;
  }

  dialog {
    width: min(420px, calc(100% - 24px));
    padding: 28px 22px;
  }
}

@media (max-width: 480px) {
  .shell,
  .footer-inner {
    width: calc(100% - 24px) !important;
  }

  .logo img {
    height: 40px;
    max-width: min(45vw, 170px);
  }

  .social-links {
    gap: 4px;
  }

  .social-links a,
  .hamburger {
    width: 36px;
    height: 36px;
  }

  .hero {
    gap: 18px;
    padding-top: 24px;
  }

  .hero h1 {
    font-size: clamp(25px, 7.5vw, 29px);
  }

  .hero-copy > p {
    margin-bottom: 22px;
    font-size: 12px;
  }

  .hero-person {
    width: min(96vw, 330px);
    height: 330px;
  }

  .metric {
    padding: 8px 10px;
    font-size: 8px;
  }

  .m-one {
    top: 54px;
  }

  .m-two {
    bottom: 42px;
  }

  .hero-note {
    padding: 14px 16px;
    font-size: 9px;
  }

  .benefit {
    padding: 24px 22px;
  }

  .about {
    gap: 28px;
    margin-top: 54px;
  }

  .about-photo {
    height: 350px;
  }

  .about-photo img {
    height: 365px;
  }

  .about-copy ul {
    font-size: 12px;
  }

  .steps {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .steps article > div {
    max-width: 280px;
  }

  .reviews,
  .exams,
  .faq {
    margin-top: 60px;
  }

  .review-grid article {
    padding: 22px;
  }

  .exams article {
    grid-template-columns: 72px minmax(0, 1fr);
    padding: 16px;
  }

  .exams img {
    width: 70px;
    height: 84px;
  }

  .exams .pink-btn {
    font-size: 8px;
  }

  .pricing-card {
    padding: 24px 18px 22px;
  }

  .pricing-card h3 {
    margin: 0 -18px 22px;
    padding-bottom: 22px;
    font-size: 22px;
  }

  .pricing-card li {
    padding-left: 23px;
  }

  .pricing-card li:before {
    width: 10px;
    height: 10px;
    border-width: 3px;
  }

  .prices {
    margin: 30px 0 26px;
  }

  .prices p {
    font-size: 16px;
  }

  .prices strong {
    font-size: 20px;
  }

  .consultation {
    min-height: 264px !important;
  }
}

@media (max-width: 359px) {
  .logo img {
    max-width: 41vw;
  }

  .social-links a {
    width: 32px;
    height: 32px;
  }

  .hamburger {
    width: 36px;
    height: 36px;
  }

  .hero h1 {
    font-size: 24px;
  }

  .hero-person {
    width: 304px;
    height: 312px;
  }

  .exams article {
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 6px 10px;
  }

  .exams img {
    width: 60px;
    height: 76px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mobile-menu,
  .mobile-menu-backdrop,
  .hamburger span {
    transition-duration: .01ms;
  }
}

/* Keep the portrait inside the same circle as its pink backdrop. */
@media (min-width: 801px) {
  .hero-portrait {
    clip-path: circle(240px at 240px 300px);
  }
}

/* The author portrait is cropped by the same capsule as its pink background. */
.about-photo > div {
  overflow: hidden;
}

.about-photo > div > img {
  left: -14px;
}

@media (min-width: 801px) and (max-width: 1099px) {
  .about-photo > div > img {
    left: -16px;
  }
}

@media (min-width: 1100px) {
  .about-photo > div > img {
    left: -18px;
  }
}