.site-main:has(>.how-page){max-width:none;margin:0;padding:0}.how-page{color:var(--gw-ink);background:#f7f6fa;overflow:hidden}.how-wrap{width:min(100% - 2 * var(--gutter), 1280px);margin-inline:auto}.how-hero{color:#fff;background:radial-gradient(circle at 82% 18%,#c9f73a3d,#0000 24%),linear-gradient(135deg,#171323 0%,#251d39 60%,#151220 100%);padding:clamp(56px,8vw,110px) 0 88px;position:relative}.how-hero:after{content:"";background:#ffffff1f;height:1px;position:absolute;inset:auto 0 0}.how-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);align-items:center;gap:clamp(42px,7vw,100px);display:grid}.how-hero__copy{gap:24px;max-width:730px;display:grid}.how-hero h1{color:#fff;letter-spacing:-.055em;margin:0;font-size:clamp(48px,7vw,86px);line-height:.94}.how-hero h1 em{color:var(--gw-lime);font-style:normal}.how-hero__copy>p{color:#ffffffb3;max-width:620px;margin:0;font-size:clamp(17px,2vw,21px);line-height:1.65}.how-actions{flex-wrap:wrap;gap:12px;display:flex}.how-preview{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff21;border-radius:26px;gap:12px;padding:22px;display:grid;position:relative;box-shadow:0 28px 80px #0000003d}.how-preview__top{color:#ffffff8c;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;display:flex}.how-preview__live{color:var(--gw-lime);align-items:center;gap:7px;display:flex}.how-preview__live:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #c9f73a1a}.how-preview__card{color:var(--gw-ink);background:#fff;border-radius:16px;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:15px;display:grid}.how-preview__icon{width:48px;height:48px;color:var(--gw-violet);background:#f0ecff;border-radius:13px;place-items:center;font-size:22px;display:grid}.how-preview__card strong,.how-preview__card small{display:block}.how-preview__card strong{font-size:14px}.how-preview__card small{color:var(--gw-ink-2);margin-top:4px;font-size:11px}.how-preview__price{text-align:right}.how-preview__price strong{color:var(--gw-violet);font-size:17px}.how-preview__price small{color:#27804a;font-weight:800}.how-preview__alert{background:var(--gw-lime);color:#202419;border-radius:16px;align-items:center;gap:12px;padding:14px 15px;font-size:12px;font-weight:800;display:flex}.how-section{padding:clamp(70px,9vw,118px) 0}.how-section--white{background:#fff}.how-section__head{grid-template-columns:minmax(0,.7fr) minmax(300px,.5fr);align-items:end;gap:40px;margin-bottom:48px;display:grid}.how-section__head h2{letter-spacing:-.045em;max-width:760px;margin:10px 0 0;font-size:clamp(38px,5vw,62px);line-height:.98}.how-section__head p{color:var(--gw-ink-2);margin:0;font-size:16px;line-height:1.7}.how-kicker{color:var(--gw-violet);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:900}.how-steps{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.how-step{background:#fff;border:1px solid #e7e3ef;border-radius:24px;min-height:360px;padding:30px;position:relative;box-shadow:0 15px 45px #1e16330d}.how-step__number{width:44px;height:44px;color:var(--gw-violet);background:#eee9ff;border-radius:13px;place-items:center;margin-bottom:70px;font-weight:900;display:grid}.how-step:nth-child(2) .how-step__number{color:#bf3472;background:#fff0f6}.how-step:nth-child(3) .how-step__number{color:#b96212;background:#fff1df}.how-step h3{letter-spacing:-.025em;margin:0 0 12px;font-size:25px;line-height:1.1}.how-step p{color:var(--gw-ink-2);margin:0;line-height:1.65}.how-step__result{color:var(--gw-ink);border-top:1px solid #eeeaf3;margin-top:20px;padding-top:18px;font-size:12px;font-weight:800;display:block}.how-modes{grid-template-columns:1fr 1fr;gap:18px;display:grid}.how-mode{color:#fff;background:#211a32;border-radius:26px;gap:22px;padding:clamp(28px,4vw,48px);display:grid}.how-mode:nth-child(2){color:var(--gw-ink);background:#ece6ff}.how-mode__top{justify-content:space-between;align-items:center;gap:20px;display:flex}.how-mode__badge{color:var(--gw-lime);letter-spacing:.1em;text-transform:uppercase;background:#ffffff1a;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900}.how-mode:nth-child(2) .how-mode__badge{color:var(--gw-violet);background:#fff}.how-mode__value{letter-spacing:-.05em;font-size:clamp(34px,5vw,56px);font-weight:900}.how-mode h3{margin:0;font-size:25px}.how-mode p{color:#ffffffa8;margin:0;line-height:1.65}.how-mode:nth-child(2) p{color:var(--gw-ink-2)}.how-mode__example{border-top:1px solid #ffffff1f;padding-top:18px;font-size:12px;font-weight:750}.how-mode:nth-child(2) .how-mode__example{border-color:#d8cfef}.how-flow{background:#fff;border:1px solid #e5e0ec;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;display:grid;overflow:hidden}.how-flow__item{border-right:1px solid #e5e0ec;padding:28px}.how-flow__item:last-child{border:0}.how-flow__item span{color:var(--gw-violet);letter-spacing:.12em;font-size:11px;font-weight:900}.how-flow__item strong{margin-top:25px;font-size:16px;display:block}.how-flow__item p{color:var(--gw-ink-2);margin:8px 0 0;font-size:13px;line-height:1.55}.how-scope{color:#fff;background:#171320;border-radius:30px;grid-template-columns:1fr .82fr;align-items:start;gap:clamp(36px,7vw,90px);padding:clamp(38px,6vw,72px);display:grid}.how-scope h2{color:#fff;letter-spacing:-.045em;margin:10px 0 20px;font-size:clamp(36px,5vw,58px);line-height:1}.how-scope p{color:#ffffffa6;line-height:1.7}.how-scope__list{gap:10px;display:grid}.how-scope__item{color:#ffffffc7;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;gap:13px;padding:16px;font-size:13px;line-height:1.5;display:flex}.how-scope__item b{color:var(--gw-lime)}@media (max-width:900px){.how-hero__grid,.how-section__head,.how-scope{grid-template-columns:1fr}.how-preview{max-width:620px}.how-steps{grid-template-columns:1fr}.how-step{min-height:0}.how-step__number{margin-bottom:38px}.how-flow{grid-template-columns:1fr 1fr}.how-flow__item:nth-child(2){border-right:0}.how-flow__item:nth-child(-n+2){border-bottom:1px solid #e5e0ec}}@media (max-width:620px){.how-hero{padding-top:45px}.how-hero__grid{gap:34px}.how-preview{padding:14px}.how-preview__card{grid-template-columns:42px 1fr}.how-preview__price{text-align:left;grid-column:2}.how-modes,.how-flow{grid-template-columns:1fr}.how-flow__item{border-bottom:1px solid #e5e0ec;border-right:0}.how-flow__item:nth-child(2){border-bottom:1px solid #e5e0ec}.how-actions .gw-btn{width:100%}}
