*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body.pro-page{--pro-pad:clamp(24px,calc((100vw - 1288px)/2),316px);margin:0;min-width:320px;background:#050516;color:#fff;font-family:"Helvetica Neue",Arial,sans-serif;overflow-x:hidden}
.pro-page main{background:#fff}
.pro-page .wrap{width:100%;max-width:1920px;margin:0 auto;padding:0 var(--pro-pad)}
.btn-grad{display:inline-block;padding:clamp(22px,1.61vw,31px) clamp(36px,2.55vw,49px);border:0;border-radius:clamp(17px,1.09vw,21px);color:#fff!important;background:linear-gradient(96deg,#f5ef66,#1fc7a3 52%,#1c83e0);font-size:clamp(21px,1.5625vw,30px);line-height:1;text-decoration:none;transition:opacity .2s ease,transform .2s ease}
.btn-grad:hover{opacity:.88;transform:scale(1.03)}
.sec-title{margin:0;font-size:clamp(40px,3.34vw,64px);font-weight:700;line-height:1.15}
.step-link{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:opacity .2s ease}.step-link:hover{opacity:.7}

.pro-page .hero{position:relative;min-height:0;background-color:#050516;background-image:radial-gradient(circle at 78% 22%,rgba(75,83,255,.4),transparent 28%),radial-gradient(circle at 88% 68%,rgba(31,199,163,.22),transparent 25%),radial-gradient(circle at 12% 88%,rgba(245,239,102,.13),transparent 24%);overflow:hidden}
.hero .wrap{position:relative;z-index:2;height:100%}
.hero-body{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(36px,6vw,110px);padding:clamp(132px,8vw,155px) 0 clamp(76px,5vw,96px)}
.hero-copy{max-width:900px}
.hero h1{margin:0;color:#fff;font-size:clamp(50px,5.35vw,84px);font-weight:700;line-height:1.08;letter-spacing:-.035em}
.hero p{max-width:880px;margin:clamp(22px,1.77vw,34px) 0 0;color:#fff;font-size:clamp(22px,1.72vw,33px);font-weight:300;line-height:1.34}
.hero p+p{margin-top:26px}.hero .btn-grad{margin-top:clamp(34px,3.75vw,72px)}
.hero-art{position:relative;display:grid;flex:0 0 480px;place-items:center;width:480px;height:480px}
.hero-art i{--o:.2;position:absolute;border-radius:50%;background:#6f74d6;opacity:var(--o);animation:ringPulse 3.6s ease-in-out infinite}
.hero-art i:nth-child(1){--o:.16;width:480px;height:480px;filter:blur(2px)}
.hero-art i:nth-child(2){--o:.2;width:402px;height:402px;animation-delay:.28s}
.hero-art i:nth-child(3){--o:.26;width:330px;height:330px;animation-delay:.56s}
.hero-art img{position:relative;width:283px;height:auto;animation:iconPulse 3.6s ease-in-out infinite;filter:drop-shadow(0 24px 34px rgba(0,0,0,.35))}
@keyframes ringPulse{0%,100%{transform:scale(1);opacity:var(--o)}50%{transform:scale(1.075);opacity:calc(var(--o)*1.85)}}
@keyframes iconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}

.pro{padding:100px 0 115px;color:#fff;background:#16205e}
.pro .sec-title{color:#fff}.pro-lead,.pro-sub{max-width:1180px;margin:clamp(20px,2.5vw,48px) 0 0;font-size:clamp(22px,1.72vw,33px);font-weight:500;line-height:1.36}.pro-sub{margin-top:clamp(70px,6vw,105px)}
.plans{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:clamp(16px,1.8vw,30px);margin-top:clamp(28px,3.4vw,54px)}
.plan{display:flex;flex-direction:column;padding:clamp(22px,2.3vw,38px);border:1px solid rgba(22,32,94,.12);border-radius:clamp(20px,2vw,32px);color:#16205e;background:rgba(255,255,255,.9);box-shadow:0 14px 40px rgba(3,9,48,.18)}
.plan--pro{background:#fff;border-color:rgba(22,32,94,.2)}
.plan-top{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-bottom:clamp(14px,1.4vw,22px);border-bottom:1px solid rgba(22,32,94,.12)}
.plan-name{margin:0;font-size:clamp(24px,2vw,38px);font-weight:700;line-height:1.1}.plan-price{font-size:clamp(22px,1.9vw,34px);font-weight:700;line-height:1.1;text-align:right;white-space:nowrap}.plan-price span{display:block;margin-top:4px;color:#5c6a8c;font-size:clamp(13px,.95vw,16px);font-weight:500}
.plan-note,.plan-promo{color:#5c6a8c;font-size:clamp(14px,1.05vw,18px);font-weight:500;line-height:1.45}.plan-note{margin:clamp(14px,1.4vw,20px) 0 0}.plan-list{display:grid;gap:clamp(10px,1vw,14px);margin:clamp(16px,1.6vw,24px) 0 0;padding:0;list-style:none}.plan-list li{display:flex;align-items:flex-start;gap:12px;font-size:clamp(15px,1.1vw,19px);font-weight:500;line-height:1.4}.plan-yes{position:relative;flex:none;width:21px;height:21px;margin-top:2px;border-radius:7px;background:linear-gradient(96deg,#f5ef66,#1fc7a3 52%,#1c83e0)}.plan-yes::after{content:"";position:absolute;left:6px;top:5px;width:6px;height:9px;border:solid #fff;border-width:0 2.3px 2.3px 0;transform:rotate(45deg)}.plan-promo{margin:auto 0 0;padding-top:clamp(18px,1.8vw,26px);border-top:1px solid rgba(22,32,94,.12)}
.feats{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;row-gap:50px;margin-top:50px}.feat{display:grid;grid-template-columns:89px 1fr;align-items:start;column-gap:24px;color:#fff;text-decoration:none}.feat .ic{display:grid;place-items:center;width:89px;height:89px;border-radius:17px;object-fit:cover;background:linear-gradient(96deg,#f5ef66,#1fc7a3 52%,#1c83e0)}.feat .ic--text{font-size:25px;font-weight:700}.feat h3{margin:0;font-size:clamp(22px,1.72vw,33px);font-weight:700;line-height:1.18}.feat p{margin:10px 0 0;font-size:clamp(19px,1.46vw,28px);font-weight:400;line-height:1.28}.feat:hover h3{text-decoration:underline;text-underline-offset:5px}

.faq-section{width:100%;background:#0e1958;overflow:hidden}.faq-section__inner{max-width:1920px;margin:0 auto;padding:100px clamp(24px,16.45vw,316px)}.faq-section__title{margin:0;color:#fff;font-size:clamp(40px,3.34vw,64px);font-weight:700;line-height:1.22}.faq-section__list{display:flex;flex-direction:column;gap:15px;max-width:1288px;margin:37px 0 0;padding:0;list-style:none}.faq-item{min-height:140px;padding:36px 55px;border:1px solid #467abd;border-radius:50px;cursor:pointer;transition:border-color .2s,background-color .2s,box-shadow .2s}.faq-item:hover{box-shadow:inset 0 0 0 9999px rgba(0,0,0,.1)}.faq-item.is-open{border-color:#6ba0de;background:rgba(20,33,103,.36)}.faq-item__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px}.faq-item__question{max-width:1056px;margin:0;color:#fff;font-size:clamp(23px,1.88vw,36px);font-weight:700;line-height:1.22}.faq-item__toggle{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:68px;height:68px;padding:0;border:1px solid #467abd;border-radius:24px;color:#467abd;background:#fff;font-size:36px;cursor:pointer}.faq-item__toggle::before{content:"?";font-weight:700;line-height:1}.faq-item.is-open .faq-item__toggle{color:#fff;border-color:#6ba0de;background:#467abd}.faq-item__answer{max-height:0;overflow:hidden;opacity:0;transition:max-height .25s ease,opacity .2s ease,margin-top .2s ease}.faq-item.is-open .faq-item__answer{margin-top:22px;opacity:1}.faq-item__answer-text{max-width:972px;margin:0;color:#fff;font-size:clamp(18px,1.25vw,24px);line-height:1.32}
.pro-page .subscribe-section{margin-top:0}

@media(max-width:1335px){body.pro-page{--pro-pad:clamp(20px,5vw,60px)}.hero-body{flex-direction:column;align-items:stretch;gap:clamp(28px,4vw,48px);padding:132px 0 clamp(48px,6vw,80px)}.hero-copy{max-width:720px}.hero-art{order:-1;align-self:center;flex-basis:auto;width:min(62vw,430px);height:min(62vw,430px)}.hero-art i:nth-child(1){width:100%;height:100%}.hero-art i:nth-child(2){width:84%;height:84%}.hero-art i:nth-child(3){width:69%;height:69%}.hero-art img{width:59%}.plans,.feats{grid-template-columns:1fr}.faq-section__inner{padding:76px var(--pro-pad)}.faq-item{min-height:0;padding:27px 30px;border-radius:32px}}
@media(max-width:767px){body.pro-page{--pro-pad:20px}.hero-body{padding:112px 0 64px}.hero h1{font-size:55px;line-height:1.12}.hero p{font-size:21px}.hero .btn-grad{display:block;width:100%;max-width:410px;text-align:center}.hero-art{width:min(76vw,360px);height:min(76vw,360px)}.pro{padding:72px 0}.plan{padding:24px;border-radius:25px}.plan-top{align-items:flex-start;flex-direction:column}.plan-price{text-align:left}.feat{grid-template-columns:58px 1fr;column-gap:16px}.feat .ic{width:58px;height:58px;border-radius:12px}.faq-section__inner{padding:72px var(--pro-pad)}.faq-item{padding:22px 20px;border-radius:26px}.faq-item__row{gap:15px}.faq-item__toggle{width:52px;height:52px;border-radius:18px;font-size:29px}}
@media(max-width:420px){.hero h1{font-size:clamp(42px,13vw,55px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art i,.hero-art img{animation:none}.btn-grad{transition:none}}