.howtouse-page{overflow-x:clip}.howtouse-faq-anchor{scroll-margin-top:110px}.howtouse-section-title{text-align:center;margin:0 0 12px;font-size:clamp(2rem,3vw,2.6rem);line-height:1.2}.howtouse-section-subtitle{text-align:center;color:#838383;max-width:720px;margin:0 auto 36px;font-size:17px;line-height:1.6}.howtouse-hero-wrap{margin-top:-120px;padding:36px 0 52px;position:relative}@media screen and (max-width:850px){.howtouse-hero-wrap{margin-top:-16px;padding:24px 0 38px}}.howtouse-hero-bg{pointer-events:none;background:linear-gradient(165deg,#faf7ff 0%,#fff 45%,#f5ecff 100%);position:absolute;inset:0;overflow:hidden}.howtouse-hero-bg-lines{opacity:.34;position:absolute;top:-28px;right:-2%;width:min(560px,48vw)!important;height:auto!important}@media screen and (max-width:920px){.howtouse-hero-bg-lines{right:-22%;width:min(420px,82vw)!important}}.howtouse-hero-bg-circle{opacity:.22;position:absolute;bottom:-24%;left:-8%;width:min(320px,45vw)!important;height:auto!important}@media screen and (max-width:920px){.howtouse-hero-bg-circle{bottom:-14%;left:-18%}}.howtouse-hero{z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(30px,5vw,78px);display:grid;position:relative}@media screen and (max-width:980px){.howtouse-hero{text-align:center;grid-template-columns:1fr}}.howtouse-hero-content{max-width:620px}@media screen and (max-width:980px){.howtouse-hero-content{flex-direction:column;align-items:center;max-width:100%;display:flex}}.howtouse-hero-label{letter-spacing:.09em;text-transform:uppercase;color:#9138f4;margin-bottom:10px;font-size:13px;font-weight:700}.howtouse-hero-title{margin:0 0 16px;font-size:clamp(2.2rem,4vw,3.55rem);line-height:1.08}.howtouse-hero-title span{display:block}.howtouse-hero-highlight{color:#9138f4}.howtouse-hero-subtitle{color:#6e6e6e;max-width:560px;margin:0 0 20px;font-size:20px;line-height:1.55}@media screen and (max-width:768px){.howtouse-hero-subtitle{font-size:17px}}.howtouse-hero-bullets{flex-direction:column;gap:10px;margin:0 0 24px;padding:0;list-style:none;display:flex}.howtouse-hero-bullets li{align-items:flex-start;gap:10px;font-size:15px;line-height:1.45;display:flex}@media screen and (max-width:980px){.howtouse-hero-bullets{text-align:left;max-width:420px}}.howtouse-hero-actions{flex-wrap:wrap;gap:12px 14px;margin-bottom:12px;display:flex}@media screen and (max-width:980px){.howtouse-hero-actions{justify-content:center}}@media screen and (max-width:470px){.howtouse-hero-actions{flex-direction:column;width:100%;max-width:340px}.howtouse-hero-actions .btn{justify-content:center;width:100%}}.howtouse-hero-note{color:#9c9c9c;margin:0;font-size:14px}.howtouse-hero-note a{color:#9138f4;font-weight:600;text-decoration:none}.howtouse-hero-note a:hover{text-decoration:underline}.howtouse-hero-visual{justify-content:center;align-items:center;min-height:360px;display:flex;position:relative}@media screen and (max-width:980px){.howtouse-hero-visual{min-height:320px}}.howtouse-hero-person{z-index:2;max-width:min(360px,82vw);position:relative;width:auto!important;height:auto!important}.howtouse-hero-float{z-index:3;filter:drop-shadow(0 8px 20px #2c2c2c21);position:absolute}.howtouse-hero-float.howtouse-hero-float-hammer{animation:5s ease-in-out infinite howtouse-float;top:20%;right:8%}.howtouse-hero-float.howtouse-hero-float-trowel{animation:5.5s ease-in-out .3s infinite howtouse-float;bottom:26%;left:10%}@media screen and (max-width:980px){.howtouse-hero-float.howtouse-hero-float-hammer{top:17%;right:14%}.howtouse-hero-float.howtouse-hero-float-trowel{left:16%}}@keyframes howtouse-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.howtouse-proof-strip{background:linear-gradient(90deg,#f8f2ff 0%,#f4ebfe 50%,#f8f2ff 100%);border-block:1px solid #9138f41a;margin-bottom:84px}@media screen and (max-width:768px){.howtouse-proof-strip{margin-bottom:64px}}.howtouse-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 0;display:grid}@media screen and (max-width:640px){.howtouse-proof-grid{grid-template-columns:1fr}}.howtouse-proof-item{text-align:center;padding:10px 8px}.howtouse-proof-value{color:#9138f4;margin:0;font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:700}.howtouse-proof-label{color:#3e3e3e;margin:2px 0 0;font-size:14px}.howtouse-reasons,.howtouse-steps,.howtouse-benefits,.howtouse-register{margin-bottom:88px}@media screen and (max-width:768px){.howtouse-reasons,.howtouse-steps,.howtouse-benefits,.howtouse-register{margin-bottom:64px}}.howtouse-reasons-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}@media screen and (max-width:960px){.howtouse-reasons-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}}.howtouse-reason-card{background:#fff;border:1px solid #9138f429;border-radius:20px;padding:24px 22px;box-shadow:0 12px 32px #2c2c2c0f}.howtouse-reason-card h3{margin:0 0 8px;font-size:1.15rem}.howtouse-reason-card p{color:#838383;margin:0;line-height:1.55}.howtouse-reason-icon{background:#f5ecff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:14px;display:inline-flex}.howtouse-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}@media screen and (max-width:960px){.howtouse-steps-grid{grid-template-columns:1fr}}.howtouse-step-card{background:#fff;border:1px solid #9138f426;border-radius:18px;gap:16px;padding:22px;display:flex}.howtouse-step-card:nth-child(odd){background:linear-gradient(145deg,#9138f4 0%,#720de2 100%);border-color:#0000}.howtouse-step-card:nth-child(odd) h3,.howtouse-step-card:nth-child(odd) p,.howtouse-step-card:nth-child(odd) .howtouse-step-number{color:#fff}.howtouse-step-card:nth-child(odd) img{filter:brightness(0)invert()}.howtouse-step-number{color:#9138f4;text-align:center;flex-shrink:0;width:44px;font-size:34px;font-weight:700;line-height:1}.howtouse-step-content h3{color:#2c2c2c;margin:4px 0 7px;font-size:1.1rem}.howtouse-step-content p{color:#838383;margin:0;font-size:15px;line-height:1.55}.howtouse-categories{margin-bottom:88px}@media screen and (max-width:768px){.howtouse-categories{margin-bottom:64px}}.howtouse-categories-inner{color:#fff;text-align:center;background:linear-gradient(135deg,#242424 0%,#211136 100%);border-radius:26px;padding:42px 34px}.howtouse-categories-inner h2{margin:0 0 10px;font-size:clamp(1.6rem,3vw,2.2rem)}.howtouse-categories-inner p{opacity:.9;max-width:620px;margin:0 auto 26px;line-height:1.55}@media screen and (max-width:768px){.howtouse-categories-inner{padding:32px 18px}}.howtouse-categories-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.howtouse-categories-grid li{background:#ffffff14;border:1px solid #ffffff38;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.howtouse-categories-grid img{filter:brightness(0)invert()}@media screen and (max-width:960px){.howtouse-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:480px){.howtouse-categories-grid{grid-template-columns:1fr}}.howtouse-benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media screen and (max-width:960px){.howtouse-benefits-grid{grid-template-columns:1fr}}.howtouse-benefit-card{background:#fff;border:1px solid #9138f424;border-radius:16px;padding:22px 20px}.howtouse-benefit-card h3{margin:0 0 7px;font-size:1.06rem}.howtouse-benefit-card p{color:#838383;margin:0;line-height:1.55}.howtouse-register-box{text-align:center;background:linear-gradient(135deg,#9138f4 0%,#770dec 100%);border-radius:30px;padding:56px 32px}.howtouse-register-box h2{color:#fff;margin:0 0 10px;font-size:clamp(1.9rem,3vw,2.5rem)}.howtouse-register-box p{color:#ffffffe6;max-width:640px;margin:0 auto 24px;font-size:17px;line-height:1.6}@media screen and (max-width:768px){.howtouse-register-box{padding:40px 18px}}.howtouse-register-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.howtouse-register-actions .btn.btn-white-purple{color:#fff;box-shadow:none;background:0 0;border:2px solid #ffffffd9}.howtouse-register-actions .btn.btn-white-purple:after{content:url(/img/icons/arrow-right-white.svg)}.howtouse-register-actions .btn.btn-white-purple:hover{background:#ffffff1f}@media screen and (max-width:480px){.howtouse-register-actions{flex-direction:column;align-items:stretch}.howtouse-register-actions .btn{justify-content:center;width:100%}}
