html,body{margin:0;padding:0;background:#FFFFFF;scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#2B4BFF;text-decoration:none}
a:hover{color:#1E38E6}
img{max-width:100%}
::selection{background:#2B4BFF;color:#fff}
*{box-sizing:border-box}

@keyframes rise{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}

.page{font-family:'Outfit',sans-serif;color:#0B0C14;font-size:18px;line-height:1.5;min-height:100vh;position:relative;background-color:#FFFFFF;background-image:linear-gradient(rgba(43,75,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(43,75,255,.12) 1px,transparent 1px);background-size:56px 56px;background-position:center top}
.container{max-width:1140px;margin:0 auto;padding:0 24px}
h2{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.04;letter-spacing:-.035em;margin:0}

.rise{animation:rise .8s cubic-bezier(.2,.8,.2,1) both}
.rise.d1{animation-delay:.08s}
.rise.d2{animation-delay:.16s}
.rise.d3{animation-duration:.9s;animation-delay:.26s}
.rise.d4{animation-duration:.9s;animation-delay:.36s}
[data-reveal]{opacity:0}
[data-reveal].shown{opacity:1}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:17px 30px;border-radius:8px;font-weight:500;font-size:18px;transition:transform .2s ease,background .2s ease,color .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-dark{background:#0B0C14;color:#fff}
.btn-dark:hover{background:#2B4BFF;color:#fff}
.btn-blue{background:#2B4BFF;color:#fff}
.btn-blue:hover{background:#3D5BFF;color:#fff}
.btn-outline{background:transparent;color:#0B0C14;border:1px solid #0B0C14}
.btn-outline:hover{background:#fff;color:#0B0C14}

/* HERO */
.hero{position:relative;overflow:hidden;padding:92px 0 104px}
.hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 50% 38%,rgba(255,255,255,.95),rgba(255,255,255,0) 100%)}
.hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.spots{font-size:18px;font-weight:600;color:#E5343A}
.hero-title{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(40px,6.4vw,80px);font-weight:800;line-height:1;letter-spacing:-.04em;margin:0;max-width:900px;text-wrap:balance}
.hl{background:#2B4BFF;color:#fff;padding:0 .14em;border-radius:.12em;display:inline-block;transform:rotate(-1.2deg)}
.hero-sub{margin:0;font-size:clamp(19px,1.7vw,23px);line-height:1.5;color:rgba(11,12,20,.72);max-width:600px;text-wrap:pretty}
.vsl-wrap{position:relative;width:100%;max-width:880px;margin-top:18px}
.vsl{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#05070F;box-shadow:0 0 0 1px rgba(11,12,20,.1),0 24px 60px rgba(11,12,20,.18)}
.vsl iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vsl-novideo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:32px;text-align:center;color:rgba(255,255,255,.78);font-size:18px;font-weight:500}
.vsl-cover{position:absolute;inset:0;cursor:pointer}
.vsl-cover canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.vsl-play-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px}
.vsl-play{display:inline-flex;align-items:center;gap:14px;padding:10px 22px 10px 10px;border-radius:999px;background:#fff;color:#0B0C14;font-weight:500;font-size:18px;box-shadow:0 20px 50px rgba(0,0,0,.45);transition:transform .2s ease}
.vsl-cover:hover .vsl-play{transform:scale(1.04)}
.vsl-play-icon{width:44px;height:44px;border-radius:50%;background:#2B4BFF;display:flex;align-items:center;justify-content:center}
.vsl-play-icon span{width:0;height:0;border-left:15px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}
.hero-ctas{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:14px}
.link-under{font-size:18px;font-weight:500;color:rgba(11,12,20,.7);border-bottom:1px solid rgba(11,12,20,.25);padding-bottom:1px}
.link-under:hover{color:#2B4BFF;border-bottom-color:#2B4BFF}

/* RESULTS */
.results{position:relative;overflow:hidden;padding:40px 0 110px;border-top:1px solid rgba(11,12,20,.1)}
.results-inner{max-width:1180px;position:relative;z-index:2;display:flex;flex-direction:column;gap:40px}
.results-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;padding-top:60px}
.marquee-wrap{position:relative;width:100vw;margin-left:calc(50% - 50vw);display:flex;flex-direction:column;gap:18px}
.marquee-track{overflow:hidden}
.marquee{display:flex;width:max-content;animation:marquee 120s linear infinite}
.marquee-rev{animation:marquee 130s linear infinite reverse}
.marquee:hover{animation-play-state:paused}
.marquee img{height:240px;width:auto;margin-right:18px;border-radius:6px;border:1px solid rgba(11,12,20,.12);background:#fff;box-shadow:0 10px 30px rgba(11,12,20,.08);cursor:zoom-in;display:block;transition:transform .25s ease}
.marquee img:hover{transform:translateY(-4px)}
.marquee-fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff,transparent 8%,transparent 92%,#fff)}

/* HOW */
.how{padding:130px 0}
.how-inner{display:flex;flex-direction:column;gap:44px}
.steps{border-top:1px solid #0B0C14}
.step{display:grid;grid-template-columns:72px minmax(0,1fr);gap:24px;align-items:start;padding:34px 0;border-bottom:1px solid rgba(11,12,20,.12)}
.step.last{border-bottom:0}
.step-n{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:44px;line-height:1;letter-spacing:-.04em;color:#2B4BFF}
.step-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px 40px;align-items:baseline}
.step-body h3{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-size:26px;font-weight:700;letter-spacing:-.025em;line-height:1.2}
.step-body p{margin:0;font-size:18px;line-height:1.55;color:rgba(11,12,20,.7)}

/* PRICING */
.pricing{position:relative;padding:130px 0;background:#EEF1FF;border-top:1px solid rgba(43,75,255,.15);border-bottom:1px solid rgba(43,75,255,.15)}
.pricing-inner{display:flex;flex-direction:column;gap:44px}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:20px;align-items:stretch}
.plan{border-radius:14px;padding:40px;display:flex;flex-direction:column;gap:30px}
.plan-side{background:transparent;border:1px solid rgba(43,75,255,.3)}
.plan-main{position:relative;overflow:hidden;background:#0B0C14;color:#fff;box-shadow:0 30px 70px rgba(43,75,255,.22)}
.plan-head{display:flex;flex-direction:column;gap:12px}
.plan-name{font-family:'Bricolage Grotesque',sans-serif;font-size:22px;font-weight:700;letter-spacing:-.02em}
.plan-side .plan-name{color:rgba(11,12,20,.7)}
.plan-price{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.plan-side .plan-price{gap:10px}
.price{font-family:'Bricolage Grotesque',sans-serif;font-size:56px;font-weight:800;letter-spacing:-.045em;line-height:1}
.plan-price s{font-size:22px;color:rgba(255,255,255,.45)}
.term{font-size:18px;color:rgba(11,12,20,.7)}
.plan-main .term{color:rgba(255,255,255,.75)}
.plan-head p{margin:0;font-size:18px;line-height:1.5;color:rgba(11,12,20,.72)}
.plan-main .plan-head p{color:rgba(255,255,255,.8)}
.plan-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;font-size:18px}
.plan-list li{display:flex;gap:14px;align-items:flex-start}
.plan-list li::before{content:"";width:14px;height:1px;background:#2B4BFF;flex-shrink:0;margin-top:12px}
.plan .btn{margin-top:auto;padding:16px 24px}

/* FAQ */
.faq{padding:130px 0 160px}
.faq-inner{max-width:860px;display:flex;flex-direction:column;gap:40px}
.faq-list{background:#fff;border-top:2px solid #0B0C14;padding:0 4px}
.faq-item{border-bottom:1px solid rgba(43,75,255,.14)}
.faq-item:last-child{border-bottom:0}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;background:transparent;border:0;color:#0B0C14;font-family:'Outfit',sans-serif;font-size:20px;font-weight:600;text-align:left;cursor:pointer}
.faq-sign{font-family:'Bricolage Grotesque',sans-serif;font-size:26px;color:#0B0C14;flex-shrink:0;width:24px;text-align:center;line-height:1;font-weight:400}
.faq-a{margin:0;padding:0 44px 22px 0;font-size:18px;line-height:1.6;color:rgba(11,12,20,.72)}
.faq-item:not(.open) .faq-a{display:none}

/* FINAL */
.final{padding:0 0 140px}
.final-box{background:#EEF1FF;border:1px solid rgba(43,75,255,.2);border-radius:16px;padding:clamp(40px,6vw,72px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.final-box h2{font-size:clamp(32px,4.4vw,56px);font-weight:800;line-height:1;letter-spacing:-.04em;max-width:720px;text-wrap:balance}
.spots-big{margin:0;font-size:20px;color:#E5343A;font-weight:600}
.final-box .btn{padding:18px 34px;margin-top:8px}

/* FOOTER */
.footer{border-top:1px solid rgba(43,75,255,.16);padding:32px 0;background:#fff}
.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;font-size:18px;color:rgba(11,12,20,.7)}
.brand{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;color:#0B0C14}
.footer-links{display:flex;gap:18px}
.footer-links a{color:rgba(11,12,20,.55)}
.footer-links a:hover{color:#2B4BFF}

/* LIGHTBOX */
.lightbox{position:fixed;inset:0;z-index:100;background:rgba(7,9,22,.94);display:flex;align-items:center;justify-content:center;padding:32px;cursor:zoom-out}
.lightbox[hidden]{display:none}
.lightbox img{max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.7);background:#fff}