@font-face{font-family:Inter;src:url('assets/fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{font-family:Inter,Arial,sans-serif;color:#070c1c;background:var(--surface);font-synthesis:none;--surface:#FFFFFF;--accent-color:#AE94F2;--accent-icon-filter:url("assets/icons/accent-filter.svg#lavender")}
*{box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;background:var(--surface)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,img{border:0}img{display:block}h1,h2,h3,p{margin:0}[hidden]{display:none!important}
button:focus-visible,a:focus-visible{outline:3px solid var(--accent-color);outline-offset:5px}
.site{position:relative;width:100%;max-width:480px;min-height:100svh;margin-inline:auto;container-type:inline-size;isolation:isolate}
.home-view{padding-top:max(20px,env(safe-area-inset-top));background:var(--surface)}
.hero{height:82cqw;position:relative;overflow:hidden;background:var(--surface)}
.hero:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#fffffff7 0%,#ffffffe6 43%,#ffffffb8 55%,transparent 64%);mask-image:linear-gradient(#000 0%,#000 65%,transparent 92%)}
.hero-photo{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:right center}
.site-header{position:relative;z-index:5;height:9.77cqw;margin-inline:6.1cqw;display:flex;align-items:flex-start;justify-content:space-between}
.brand{display:inline-flex;align-items:center;min-height:30px}.brand img{width:30cqw;max-width:144px;height:auto}
.hero-copy{position:relative;z-index:4;margin-left:5.8cqw;pointer-events:none}.hero-copy a{pointer-events:auto}
.hero h1{font-size:7.94cqw;line-height:1.025;font-weight:790;letter-spacing:-.055em}
.hero-description{font-size:3.51cqw;line-height:1.29;font-weight:390;letter-spacing:-.028em;margin-top:1.25cqw}
.button{display:flex;align-items:center;justify-content:center;gap:1.4cqw;background:var(--accent-color);color:white;border-radius:100px;white-space:nowrap;transition:filter .16s ease,transform .16s ease;min-height:44px}
.button:hover{filter:brightness(1.07)}.button:active{transform:translateY(1px);filter:brightness(.97)}
.hero-button{position:relative;width:48.4cqw;min-height:0;height:9.31cqw;font-size:3.36cqw;font-weight:350;margin-top:2.25cqw;letter-spacing:-.045em}
.hero-note{font-size:2.56cqw;color:#7c94af;font-weight:370;letter-spacing:-.025em;margin-top:1.85cqw}
.how-it-works{position:relative;z-index:2;border-radius:3.2cqw 3.2cqw 0 0;background:var(--surface);padding:3.5cqw 3.2cqw max(22px,env(safe-area-inset-bottom))}
.section-intro{padding-inline:3cqw}.section-intro h2,.program-inside>h2,.offer-summary h2{font-size:clamp(20px,5.65cqw,24px);line-height:1.08;letter-spacing:-.035em;font-weight:680}
.section-intro p{font-size:clamp(13px,3.8cqw,16px);line-height:1.3;letter-spacing:-.047em;font-weight:340;margin-top:1.1cqw}
.steps{padding:0;margin:3.95cqw 0 0;list-style:none;display:grid;gap:2.1cqw}
.step{position:relative;display:flex;gap:4.5cqw;min-height:29.5cqw;padding:4cqw 2.4cqw;border-radius:2.5cqw;background:var(--surface)}.step-one{min-height:31.65cqw}
.step-number{flex:none;width:9.62cqw;height:9.62cqw;display:grid;place-items:center;border-radius:50%;background:var(--accent-color);color:white;font-size:5.55cqw;font-weight:520;line-height:1}
.step-copy{position:relative;z-index:1;min-width:0;max-width:calc(100% - 53cqw);padding-top:.1cqw}.step-copy h3{font-size:3.91cqw;line-height:1.13;font-weight:710;letter-spacing:-.062em}
.step-copy p{font-size:clamp(13px,3.7cqw,16px);line-height:1.35;font-weight:400;letter-spacing:-.025em;color:inherit;margin-top:1cqw}
.step-art{position:absolute;right:.9cqw;bottom:0;width:37.71cqw;overflow:hidden;pointer-events:none}.step-art img{position:absolute;height:auto;max-width:none}
.payment-art{height:35.57cqw}.payment-art img{width:114.42%;left:-5.594%;top:-2.835cqw}.telegram-art{height:30.84cqw}.telegram-art img{width:110.892%;left:-4.341%;top:-.804cqw}.videos-art{height:31.15cqw}.videos-art img{width:111.164%;left:-4.355%;top:-1.254cqw}
.offer-summary{width:100%;margin:0 auto 2cqw;padding:6.2cqw 4cqw 4cqw;text-align:center;border-radius:4cqw;background:var(--surface)}
.program-inside{padding:10cqw 3cqw 0}

.summary-button{width:100%;height:12cqw;min-height:48px;margin-top:4cqw;font-size:clamp(14px,3.6cqw,17px);font-weight:500}
.check{display:grid;place-items:center;width:6.15cqw;height:6.15cqw;border-radius:50%;background:var(--accent-color);box-shadow:inset 0 1px 2px #ffffff45}.check img{height:4.2cqw;width:4.2cqw;filter:brightness(0) invert(1)}
.summary-features{list-style:none;display:grid;gap:3.2cqw;margin:5cqw 0 3.8cqw;padding:0 0 0 1.135cqw;text-align:left}
.summary-features li{display:grid;align-items:start;font-weight:400;grid-template-columns:6.15cqw 1fr;gap:3cqw;min-height:6.15cqw;font-size:clamp(13px,3.7cqw,16px);line-height:1.35;letter-spacing:-.025em}
.summary-features li>span:last-child{padding-top:.25cqw}
dialog{width:min(360px,calc(100% - 40px));padding:30px 24px 24px;border:1px solid #e9e5ff;border-radius:24px;background:var(--surface);color:#0a1022;box-shadow:0 20px 70px #1b123b30}dialog::backdrop{background:#10112766;backdrop-filter:blur(5px)}
.dialog-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:44px;height:44px;background:transparent;border-radius:50%}.dialog-close img{width:18px;height:18px}.dialog-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--surface);margin-bottom:18px}.dialog-icon img{width:26px;height:26px;filter:var(--accent-icon-filter)}
dialog h2{font-size:25px;line-height:1.15;letter-spacing:-.045em;margin-bottom:14px}dialog p{font-size:15px;line-height:1.5}dialog .dialog-note{color:#697185;margin-top:12px}.dialog-done{width:100%;margin-top:24px;font-size:16px;height:48px}
.hero-button:after{content:"";position:absolute;inset:-5px 0}
@media(min-width:600px){.home-view{padding-top:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
