:root{
  --bg:#08061f;
  --bg2:#141044;
  --text:#17142a;
  --muted:#706b86;
  --white:#ffffff;
  --purple:#7c4dff;
  --pink:#ff68b3;
  --green:#79d43b;
  --cyan:#52d5ff;
  --card:#ffffff;
  --soft:#f7f5ff;
  --shadow:0 30px 90px rgba(25,16,74,.22);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;color:var(--text);overflow-x:hidden}
a{text-decoration:none;color:inherit}
.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(124,77,255,.18),transparent 65%);pointer-events:none;z-index:0;transform:translate(-50%,-50%)}
.nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(1120px,calc(100% - 32px));height:66px;padding:0 16px 0 20px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.12);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.18);border-radius:999px;z-index:10;color:#fff}
.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 12px 30px rgba(255,104,179,.28)}
.nav-links{display:flex;gap:28px;font-size:14px;color:rgba(255,255,255,.78)}.nav-links a:hover{color:#fff}.nav-btn{padding:13px 20px;border-radius:999px;background:#fff;color:#1d1646;font-weight:800;font-size:14px}
.hero{position:relative;min-height:760px;padding:155px max(24px,calc((100vw - 1120px)/2)) 90px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:radial-gradient(circle at 76% 24%,rgba(255,104,179,.38),transparent 30%),radial-gradient(circle at 20% 22%,rgba(82,213,255,.20),transparent 28%),linear-gradient(145deg,#17104b 0%,#372075 52%,#7391ff 100%);color:#fff;overflow:hidden}
.stars,.stars:before,.stars:after{position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:58px 58px;opacity:.38}.stars:before{content:"";background-size:96px 96px;opacity:.22}.stars:after{content:"";background-size:38px 38px;opacity:.16}
.hero-copy,.hero-visual{position:relative;z-index:1}.badge{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-weight:700;font-size:14px;margin-bottom:24px}.badge span{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 0 7px rgba(121,212,59,.18)}
h1{font-size:clamp(46px,6vw,82px);line-height:1.02;letter-spacing:-.06em;margin-bottom:24px}h1 span{background:linear-gradient(90deg,#fff,#ccfff0,#ffd6ec);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.8;color:rgba(255,255,255,.78);max-width:580px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0}.primary-btn,.secondary-btn,.instagram-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;border-radius:999px;font-weight:900;letter-spacing:.02em}.primary-btn{background:#fff;color:#1b1444;box-shadow:0 20px 40px rgba(0,0,0,.18)}.secondary-btn{border:1px solid rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.08)}.secondary-btn.dark{border-color:#ded8ff;color:#22184e;background:#fff}.trust-row{display:flex;gap:14px;flex-wrap:wrap}.trust-row div{min-width:150px;padding:17px 18px;border-radius:22px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16)}.trust-row strong{display:block;font-size:21px}.trust-row small{display:block;color:rgba(255,255,255,.68);margin-top:4px}
.hero-visual{height:520px}.laptop-card{position:absolute;right:-50px;top:30px;width:470px;height:310px;border-radius:28px;background:rgba(7,8,28,.72);border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow);padding:22px;transform:rotate(1deg)}.laptop-top{display:flex;gap:8px;margin-bottom:24px}.laptop-top span{width:12px;height:12px;border-radius:50%;background:#fff;opacity:.45}.code-lines{display:grid;gap:14px}.code-lines i{display:block;height:15px;border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,.86),rgba(124,77,255,.28));width:var(--w,80%)}.code-lines i:nth-child(2){--w:62%}.code-lines i:nth-child(3){--w:88%}.code-lines i:nth-child(4){--w:52%}.code-lines i:nth-child(5){--w:72%}.code-lines i:nth-child(6){--w:46%}.code-lines i:nth-child(7){--w:66%}.ad-chip{position:absolute;right:28px;bottom:24px;padding:12px 15px;border-radius:999px;background:linear-gradient(135deg,var(--green),#dfff7a);color:#18340b;font-weight:900}
.phone-mockup{position:absolute;left:0;bottom:0;width:250px;height:500px;border-radius:46px;padding:13px;background:#11111a;border:2px solid rgba(255,255,255,.28);box-shadow:0 32px 80px rgba(0,0,0,.36)}.phone-notch{position:absolute;top:15px;left:50%;transform:translateX(-50%);width:82px;height:22px;background:#0b0b12;border-radius:0 0 16px 16px;z-index:2}.app-screen{height:100%;border-radius:34px;background:linear-gradient(180deg,#f8fbff,#ece8ff);padding:42px 16px 16px;color:#1c1740;overflow:hidden}.app-header{height:38px;border-radius:15px;background:linear-gradient(135deg,var(--purple),var(--pink));margin-bottom:18px}.app-title{font-weight:900;font-size:24px;margin-bottom:14px}.app-card{height:155px;border-radius:24px;background:linear-gradient(135deg,#2a215c,#9b6bff);box-shadow:0 18px 40px rgba(124,77,255,.22)}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.app-grid span{height:82px;border-radius:19px;background:#fff}.banner-ad{height:48px;border-radius:16px;background:#151044;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800}
.section{padding:105px max(24px,calc((100vw - 1120px)/2))}.section-head{text-align:center;max-width:760px;margin:0 auto 58px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:900;color:var(--purple);font-size:13px;margin-bottom:12px}h2{font-size:clamp(34px,4vw,54px);line-height:1.12;letter-spacing:-.04em}.feature-layout{display:grid;grid-template-columns:360px 1fr;gap:70px;align-items:center}.feature-phone{display:grid;place-items:center}.mini-phone{width:270px;height:530px;border-radius:50px;background:#111;padding:13px;box-shadow:var(--shadow)}.mini-screen{height:100%;border-radius:38px;background:linear-gradient(180deg,#28165d,#f0ebff);padding:42px 18px 18px;display:grid;gap:16px}.mini-bar,.mini-card,.mini-ad{display:block;border-radius:22px;background:#fff}.mini-bar{height:48px}.mini-card{height:180px;background:linear-gradient(135deg,#70e3ff,#8468ff)}.mini-card.small{height:130px;background:#fff}.mini-ad{height:54px;background:linear-gradient(135deg,var(--pink),var(--purple));display:grid;place-items:center;color:#fff;font-weight:900;font-size:13px}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.features-grid article{padding:30px;border-radius:30px;background:#fff;box-shadow:0 20px 70px rgba(25,16,74,.10);border:1px solid #efebff}.icon{width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,#f1edff,#fff);display:grid;place-items:center;font-size:26px;margin-bottom:24px}.features-grid h3{font-size:22px;margin-bottom:10px}.features-grid p,.video-section p,.faq-list p,footer p{color:var(--muted);line-height:1.75}
.video-section{margin:0 max(24px,calc((100vw - 1120px)/2));padding:46px;border-radius:38px;background:linear-gradient(135deg,#151044,#352072);color:#fff;display:grid;grid-template-columns:1fr 360px;gap:30px;align-items:center;box-shadow:var(--shadow)}.video-section .eyebrow{color:#9ff27d}.video-section p{color:rgba(255,255,255,.72);max-width:650px;margin-top:12px}.video-card{display:flex;align-items:center;gap:18px;padding:24px;border-radius:26px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16)}.play{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#211850}.video-card strong,.video-card small{display:block}.video-card small{color:rgba(255,255,255,.6);margin-top:6px}
.pricing-section{padding:110px 24px;background:linear-gradient(180deg,#fff,#f6f3ff);display:grid;place-items:center}.price-card{position:relative;width:min(720px,100%);padding:54px;border-radius:42px;background:#fff;box-shadow:var(--shadow);border:1px solid #eee9ff;text-align:center;overflow:hidden}.discount{position:absolute;top:26px;right:-42px;transform:rotate(35deg);padding:12px 58px;background:linear-gradient(135deg,var(--green),#e2ff73);font-weight:1000;color:#18340b}.price-row{display:flex;justify-content:center;align-items:baseline;gap:16px;margin:24px 0 8px}.old-price{font-size:26px;text-decoration:line-through;color:#999}.new-price{font-size:72px;font-weight:1000;letter-spacing:-.06em;color:#1b1444}.price-note{color:var(--muted)}.price-card ul{margin:34px auto;max-width:430px;text-align:left;display:grid;gap:14px;list-style:none}.price-card li{padding-left:34px;position:relative;color:#3d3654}.price-card li:before{content:"✓";position:absolute;left:0;top:-3px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#eaffdc;color:#3a9f13;font-weight:900}.full{width:min(360px,100%);background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff}
.buy-section{padding:110px max(24px,calc((100vw - 1120px)/2));display:grid;grid-template-columns:1fr 420px;gap:56px;align-items:center;background:#fff}.steps{display:grid;gap:16px;margin:34px 0}.steps div{display:flex;gap:16px;align-items:flex-start;padding:18px;border-radius:24px;background:#faf8ff;border:1px solid #eee9ff}.steps span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;font-weight:900;flex:0 0 auto}.steps p{color:#504a65;line-height:1.6}.instagram-btn{background:#111;color:#fff}.qr-card{padding:22px;border-radius:38px;background:#faf8ff;border:1px solid #eee9ff;box-shadow:var(--shadow);text-align:center}.qr-top{font-weight:900;margin-bottom:16px;color:#211850}.qr-card img{width:100%;border-radius:28px;background:#fff;display:block}.qr-card p{margin-top:16px;color:#504a65}
.faq-section{padding:100px max(24px,calc((100vw - 900px)/2));background:linear-gradient(180deg,#f6f3ff,#fff);text-align:center}.faq-list{display:grid;gap:14px;margin-top:34px;text-align:left}.faq-list details{padding:22px 24px;border-radius:22px;background:#fff;border:1px solid #eee9ff;box-shadow:0 12px 40px rgba(25,16,74,.06)}.faq-list summary{cursor:pointer;font-weight:900}.faq-list p{margin-top:12px}
footer{padding:42px max(24px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;gap:24px;background:#151515;color:#fff}footer a{color:#d8d0ff;font-weight:800}
.reveal{opacity:0;transform:translateY(26px);transition:.7s ease}.reveal.show{opacity:1;transform:none}
@media (max-width:900px){.nav{top:12px}.nav-links,.nav-btn{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:120px;gap:20px}.hero-visual{height:520px}.laptop-card{right:-120px;width:390px}.phone-mockup{left:20px}.feature-layout,.video-section,.buy-section{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr}.video-section{padding:32px}.price-card{padding:42px 24px}.new-price{font-size:58px}footer{flex-direction:column}.cursor-glow{display:none}}
@media (max-width:520px){.hero{padding-left:18px;padding-right:18px}.trust-row div{width:100%}.hero-actions a{width:100%}.hero-visual{height:470px}.phone-mockup{width:215px;height:430px;left:0}.laptop-card{width:320px;height:260px;right:-150px;top:60px}.section{padding:80px 18px}.buy-section{padding:80px 18px}.video-section{margin-left:18px;margin-right:18px}.qr-card{padding:14px}.mini-phone{width:230px;height:455px}}

.seo-section {
  max-width: 980px;
  margin: 0 auto 70px;
  padding: 58px 28px;
  text-align: center;
  border: 1px solid rgba(99, 102, 241, 0.14);
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(247,248,255,0.78));
  box-shadow: 0 30px 80px rgba(27, 32, 76, 0.08);
}

.seo-section h2 {
  max-width: 720px;
  margin: 0 auto 14px;
}

.seo-section p:last-child {
  max-width: 780px;
  margin: 0 auto;
  color: #5f6475;
  line-height: 1.8;
}


.terms-section {
  padding: 90px max(24px, calc((100vw - 980px)/2));
  background: #fff;
}

.terms-card {
  padding: 46px;
  border-radius: 36px;
  background: linear-gradient(135deg, #151044, #352072);
  color: #fff;
  box-shadow: var(--shadow);
  border: 1px solid rgba(255,255,255,.12);
}

.terms-card .eyebrow {
  color: #9ff27d;
}

.terms-card h2 {
  margin-bottom: 22px;
}

.terms-card p {
  color: rgba(255,255,255,.76);
  line-height: 1.85;
  margin: 14px 0;
}

.terms-card a {
  color: #fff;
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.terms-card strong {
  display: inline-block;
  margin-top: 14px;
}

@media (max-width: 520px) {
  .terms-section {
    padding: 70px 18px;
  }
  .terms-card {
    padding: 30px 22px;
    border-radius: 28px;
  }
}


.checkout-section {
  background: radial-gradient(circle at 20% 20%, rgba(124,77,255,.10), transparent 28%), #fff;
}
.checkout-intro {
  color: #5b556d;
  line-height: 1.8;
  max-width: 640px;
  margin-top: 16px;
}
.buy-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.payment-card {
  position: relative;
  padding: 34px;
  border-radius: 38px;
  background: linear-gradient(180deg, #ffffff, #f4f0ff);
  border: 1px solid #eee9ff;
  box-shadow: var(--shadow);
  overflow: hidden;
}
.payment-card:before {
  content: "";
  position: absolute;
  inset: -80px -80px auto auto;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(124,77,255,.25), transparent 68%);
}
.payment-badge {
  display: inline-flex;
  padding: 10px 14px;
  border-radius: 999px;
  background: #ece7ff;
  color: #5b35d5;
  font-size: 13px;
  font-weight: 900;
  margin-bottom: 22px;
}
.payment-card h3 {
  font-size: 34px;
  line-height: 1.1;
  letter-spacing: -.04em;
  margin-bottom: 10px;
}
.payment-card p {
  color: #6d6682;
  line-height: 1.7;
}
.payment-price {
  margin: 28px 0;
  padding: 22px;
  border-radius: 26px;
  background: #151044;
  color: #fff;
}
.payment-price span {
  display: block;
  font-size: 56px;
  font-weight: 1000;
  letter-spacing: -.06em;
}
.payment-price small {
  color: rgba(255,255,255,.68);
}
.payment-card ul {
  list-style: none;
  display: grid;
  gap: 13px;
  margin: 28px 0;
}
.payment-card li {
  position: relative;
  padding-left: 30px;
  color: #413a57;
}
.payment-card li:before {
  content: "✓";
  position: absolute;
  left: 0;
  top: -2px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #eaffdc;
  color: #3a9f13;
  font-weight: 900;
  font-size: 12px;
}
.payment-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--purple), var(--pink));
  color: #fff;
  font-weight: 1000;
  box-shadow: 0 18px 35px rgba(124,77,255,.22);
}
.payment-note {
  display: block;
  text-align: center;
  margin-top: 14px;
  color: #78718d;
}
@media (max-width: 520px) {
  .buy-actions a { width: 100%; }
  .payment-card { padding: 26px 20px; }
  .payment-price span { font-size: 46px; }
}
