:root {
  --bg: #06101f;
  --bg2: #091426;

  --card: #111d32;
  --card2: #0b1628;

  --text: #ffffff;
  --muted: #93a3ba;

  --blue: #4169e1;
  --blue2: #5d83f5;
  --blue3: #78a6ff;

  --green: #22c55e;
  --yellow: #fbbf24;

  --border: rgba(255,255,255,.09);

  --container: 1180px;
}


/* RESET */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Inter", sans-serif;

  background:
    radial-gradient(
      circle at 12% 5%,
      rgba(65,105,225,.18),
      transparent 28%
    ),
    radial-gradient(
      circle at 90% 15%,
      rgba(93,131,245,.09),
      transparent 25%
    ),
    var(--bg);

  color: var(--text);

  line-height: 1.45;

  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font-family: inherit;
}

.container {
  width: min(92%, var(--container));
  margin: auto;
}


/* NAVBAR */

.navbar {
  position: fixed;

  top: 0;
  left: 0;

  width: 100%;

  z-index: 1000;

  background: rgba(6,16,31,.84);

  backdrop-filter: blur(18px);

  border-bottom: 1px solid var(--border);
}

.nav-inner {
  height: 72px;

  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo {
  display: flex;
  align-items: center;

  gap: 11px;

  font-weight: 800;
  font-size: 20px;

  letter-spacing: .4px;
}

.brand-lockup {
  display: block;
  width: 207px;
  height: 41px;
  max-width: 100%;
}

.nav-links {
  display: flex;
  align-items: center;

  gap: 26px;

  color: #a9b6c9;

  font-size: 14px;
}

.nav-links a {
  transition: .2s;
}

.nav-links a:hover {
  color: white;
}

.nav-buy {
  padding: 10px 18px;

  color: white !important;

  border-radius: 11px;

  background:
    linear-gradient(
      135deg,
      var(--blue),
      var(--blue2)
    );
}

.mobile-menu {
  display: none;

  background: none;

  color: white;

  border: 0;

  font-size: 26px;

  cursor: pointer;
}


/* HERO */

.hero {
  padding: 132px 0 72px;
}

.hero-grid {
  display: grid;

  grid-template-columns:
    1.04fr .96fr;

  gap: 60px;

  align-items: center;
}

.badge {
  display: inline-flex;

  align-items: center;

  gap: 8px;

  padding: 7px 12px;

  margin-bottom: 15px;

  border-radius: 999px;

  background:
    rgba(65,105,225,.1);

  border:
    1px solid rgba(120,166,255,.23);

  color: #cbdcff;

  font-size: 12px;

  font-weight: 700;
}

.badge-dot {
  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: #78a6ff;

  box-shadow:
    0 0 13px #78a6ff;
}

.hero h1 {
  font-size:
    clamp(46px, 5.7vw, 74px);

  line-height: .99;

  letter-spacing: -3px;

  margin-bottom: 17px;
}

.gradient-text {
  background:
    linear-gradient(
      90deg,
      #6d9dff,
      #b2d1ff,
      #ffffff
    );

  -webkit-background-clip: text;
  background-clip: text;

  color: transparent;
}

.hero-description {
  max-width: 590px;

  color: var(--muted);

  font-size: 17px;

  line-height: 1.52;

  margin-bottom: 20px;
}

.hero-points {
  display: flex;
  flex-wrap: wrap;

  gap: 9px 16px;

  margin-bottom: 27px;
}

.hero-point {
  display: flex;

  align-items: center;

  gap: 7px;

  font-size: 13px;

  color: #d8e2ee;
}

.check {
  width: 19px;
  height: 19px;

  border-radius: 50%;

  display: grid;
  place-items: center;

  background:
    rgba(34,197,94,.14);

  color: #4ade80;

  font-size: 11px;

  font-weight: 800;
}

.hero-buttons {
  display: flex;

  gap: 12px;

  flex-wrap: wrap;
}

.btn {
  min-height: 50px;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 8px;

  padding: 0 23px;

  border: 0;

  border-radius: 12px;

  font-size: 14px;
  font-weight: 700;

  color: white;

  cursor: pointer;

  transition: .2s;
}

.btn:hover {
  transform: translateY(-2px);
}

.btn-primary {
  background:
    linear-gradient(
      135deg,
      var(--blue),
      var(--blue2)
    );

  box-shadow:
    0 15px 36px
    rgba(65,105,225,.28);
}

.btn-secondary {
  background:
    rgba(255,255,255,.045);

  border:
    1px solid var(--border);
}


/* PRODUCT CARD */

.product-card {
  padding: 25px;

  border-radius: 27px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.07),
      rgba(255,255,255,.025)
    );

  border:
    1px solid rgba(255,255,255,.12);

  box-shadow:
    0 30px 80px
    rgba(0,0,0,.35);
}


/* PRODUCT GALLERY */

.product-gallery {
  margin-bottom: 18px;
}

.main-image-wrap {
  position: relative;
}

.main-product-image {
  width: 100%;

  height: 275px;

  object-fit: contain;

  display: block;

  border-radius: 20px;

  background: #070b11;

  border:
    1px solid rgba(255,255,255,.08);

  padding: 5px;

  margin-bottom: 10px;

  transition:
    opacity .22s ease,
    transform .22s ease;
}

.main-product-image.fade-out {
  opacity: 0;

  transform: scale(.985);
}

.main-product-image.fade-in {
  opacity: 1;

  transform: scale(1);
}

.gallery-arrow {
  position: absolute;

  top: 50%;

  transform:
    translateY(-50%);

  width: 39px;
  height: 39px;

  border-radius: 50%;

  border:
    1px solid rgba(255,255,255,.15);

  background:
    rgba(5,12,24,.75);

  color: white;

  display: grid;
  place-items: center;

  font-size: 28px;

  cursor: pointer;

  z-index: 5;

  transition: .2s;
}

.gallery-arrow:hover {
  background: var(--blue);

  transform:
    translateY(-50%)
    scale(1.07);
}

.gallery-prev {
  left: 12px;
}

.gallery-next {
  right: 12px;
}

.thumbnail-row {
  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  gap: 8px;
}

.thumbnail-row .thumb {
  width: 100%;

  height: 67px;

  object-fit: cover;

  display: block;

  border-radius: 10px;

  cursor: pointer;

  border: 2px solid transparent;

  opacity: .6;

  transition: .2s;
}

.thumbnail-row .thumb:hover {
  opacity: 1;

  transform:
    translateY(-2px);
}

.thumbnail-row .active-thumb {
  border-color: var(--blue2);

  opacity: 1;

  box-shadow:
    0 0 0 2px
    rgba(93,131,245,.12);
}


/* PRODUCT INFO */

.product-label {
  color: #74a0ff;

  font-size: 11px;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 1.3px;

  margin-bottom: 4px;
}

.product-title {
  font-size: 27px;

  margin-bottom: 4px;
}

.product-subtitle {
  color: var(--muted);

  font-size: 13px;

  margin-bottom: 16px;
}

.price-row {
  display: flex;

  align-items: end;

  gap: 10px;

  margin-bottom: 18px;
}

.price {
  font-size: 42px;

  font-weight: 800;

  letter-spacing: -2px;
}

.old-price {
  color: #6f7d92;

  text-decoration: line-through;

  margin-bottom: 7px;
}

.save-badge {
  margin-left: auto;

  margin-bottom: 6px;

  padding: 6px 9px;

  border-radius: 7px;

  color: #8df2af;

  background:
    rgba(34,197,94,.12);

  border:
    1px solid rgba(34,197,94,.17);

  font-size: 11px;

  font-weight: 800;
}


/* QUICK FEATURES */

.quick-grid {
  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 9px;

  margin-bottom: 18px;
}

.quick-feature {
  padding: 12px;

  border-radius: 12px;

  display: flex;

  align-items: center;

  gap: 10px;

  background: #0a1526;

  border:
    1px solid var(--border);
}

.quick-icon {
  width: 34px;
  height: 34px;

  display: grid;
  place-items: center;

  border-radius: 9px;

  background:
    rgba(65,105,225,.13);
}

.quick-title {
  font-size: 12px;

  font-weight: 700;
}

.quick-subtitle {
  font-size: 10px;

  color: #78869b;
}

.full-width {
  width: 100%;
}

.secure-note {
  text-align: center;

  color: #748198;

  font-size: 11px;

  margin-top: 10px;
}


/* TRUST */

.trust-strip {
  background: #081426;

  border-top:
    1px solid var(--border);

  border-bottom:
    1px solid var(--border);
}

.trust-grid {
  padding: 19px 0;

  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  gap: 15px;
}

.trust-item {
  display: flex;

  align-items: center;
  justify-content: center;

  gap: 9px;
}

.trust-icon {
  font-size: 20px;
}

.trust-title {
  font-size: 12px;

  font-weight: 700;
}

.trust-subtitle {
  color: #748198;

  font-size: 10px;
}


/* GENERAL */

section {
  padding: 82px 0;
}

.section-header {
  max-width: 720px;

  margin:
    0 auto 37px;

  text-align: center;
}

.section-label {
  color: #73a0ff;

  text-transform: uppercase;

  font-size: 11px;

  font-weight: 800;

  letter-spacing: 2px;

  margin-bottom: 6px;
}

.section-header h2 {
  font-size:
    clamp(35px,4vw,51px);

  line-height: 1.05;

  letter-spacing: -2px;

  margin-bottom: 9px;
}

.section-header p {
  color: var(--muted);

  font-size: 14px;

  line-height: 1.5;
}


/* FEATURES */

.features-grid {
  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 15px;
}

.feature-card {
  padding: 23px;

  border-radius: 18px;

  background:
    rgba(255,255,255,.032);

  border:
    1px solid var(--border);

  transition: .2s;
}

.feature-card:hover {
  transform:
    translateY(-4px);

  border-color:
    rgba(114,165,255,.27);
}

.feature-icon {
  width: 43px;
  height: 43px;

  display: grid;
  place-items: center;

  border-radius: 11px;

  background:
    rgba(65,105,225,.12);

  margin-bottom: 13px;
}

.feature-card h3 {
  font-size: 17px;

  margin-bottom: 5px;
}

.feature-card p {
  color: var(--muted);

  font-size: 13px;

  line-height: 1.48;
}


/* ACTIVATION */

.activation-section {
  background:
    rgba(255,255,255,.012);
}

.steps {
  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  gap: 14px;
}

.step {
  padding: 24px;

  border-radius: 18px;

  background: #0c192c;

  border:
    1px solid var(--border);
}

.step-number {
  width: 40px;
  height: 40px;

  display: grid;
  place-items: center;

  border-radius: 11px;

  background:
    linear-gradient(
      135deg,
      #4169e1,
      #6e9fff
    );

  font-weight: 800;

  margin-bottom: 13px;
}

.step h3 {
  font-size: 16px;

  margin-bottom: 5px;
}

.step p {
  color: var(--muted);

  font-size: 12px;

  line-height: 1.5;
}


/* REVIEWS */

.rating-summary {
  display: flex;

  justify-content: center;

  align-items: center;

  gap: 13px;

  margin-bottom: 24px;
}

.rating-number {
  font-size: 40px;

  font-weight: 800;
}

.rating-stars {
  color: var(--yellow);

  font-size: 20px;

  letter-spacing: 2px;
}

.rating-small {
  color: #738096;

  font-size: 10px;
}

.reviews-grid {
  display: grid;

  grid-template-columns:
    repeat(3,1fr);

  gap: 15px;
}

.review {
  padding: 22px;

  border-radius: 18px;

  background:
    rgba(255,255,255,.032);

  border:
    1px solid var(--border);
}

.review-stars {
  color: var(--yellow);

  margin-bottom: 9px;
}

.review p {
  color: #cbd5e1;

  font-size: 13px;

  line-height: 1.48;

  margin-bottom: 16px;
}

.reviewer {
  display: flex;

  align-items: center;

  gap: 10px;
}

.avatar {
  width: 41px;
  height: 41px;

  border-radius: 50%;

  display: grid;
  place-items: center;

  background:
    linear-gradient(
      135deg,
      #4169e1,
      #77b3ff
    );

  font-weight: 800;
}

.reviewer-name {
  font-size: 13px;

  font-weight: 700;
}

.review-note {
  color: #708098;

  font-size: 10px;
}


/* FAQ */

.faq {
  max-width: 850px;

  margin: auto;
}

.faq-item {
  border-bottom:
    1px solid var(--border);
}

.faq-question {
  width: 100%;

  padding: 18px 0;

  background: none;

  border: 0;

  color: white;

  display: flex;

  justify-content: space-between;

  text-align: left;

  font-size: 15px;

  font-weight: 600;

  cursor: pointer;
}

.faq-plus {
  color: #73a0ff;

  font-size: 22px;
}

.faq-answer {
  max-height: 0;

  overflow: hidden;

  color: var(--muted);

  font-size: 13px;

  line-height: 1.5;

  transition: .3s;
}

.faq-item.active .faq-answer {
  max-height: 180px;

  padding-bottom: 17px;
}


/* CTA */

.cta-box {
  text-align: center;

  padding: 50px 25px;

  border-radius: 25px;

  border:
    1px solid rgba(114,165,255,.17);

  background:
    radial-gradient(
      circle at 20% 20%,
      rgba(65,105,225,.18),
      transparent 40%
    ),
    #0b172a;
}

.cta-box h2 {
  font-size:
    clamp(35px,4vw,50px);

  line-height: 1.05;

  letter-spacing: -2px;

  margin-bottom: 8px;
}

.cta-box p {
  color: var(--muted);

  font-size: 14px;

  margin-bottom: 20px;
}


/* PAYMENT BAR */

.payment-bar {
  margin:
    30px auto 0;

  max-width: 720px;

  padding: 15px 20px;

  border-radius: 13px;

  display: flex;

  align-items: center;
  justify-content: center;

  gap: 13px;

  flex-wrap: wrap;

  background: white;

  box-shadow:
    0 15px 35px
    rgba(0,0,0,.2);
}

.payment-label {
  color: #677384;

  font-size: 10px;

  font-weight: 700;
}

.payment-method {
  min-width: 82px;

  height: 34px;

  padding: 0 12px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 7px;

  border:
    1px solid #dbe2eb;

  color: #111827;

  font-size: 12px;

  font-weight: 800;
}

.paypal {
  color: #0070ba;
}

.visa {
  color: #172574;

  font-size: 17px;
}

.mastercard {
  color: #171717;
  gap: 7px;
  font-weight: 600;
}
.mastercard svg { flex-shrink: 0; }


/* FOOTER */

footer {
  padding: 46px 0 25px;

  border-top:
    1px solid var(--border);
}

.footer-grid {
  display: grid;

  grid-template-columns:
    1.5fr 1fr 1fr 1fr;

  gap: 35px;

  margin-bottom: 32px;
}

.footer-description {
  max-width: 310px;

  margin-top: 11px;

  color: #7f8ca0;

  font-size: 12px;

  line-height: 1.5;
}

.footer-title {
  font-size: 12px;

  font-weight: 800;

  margin-bottom: 11px;
}

.footer-links {
  display: grid;

  gap: 9px;

  color: #8897ad;

  font-size: 12px;
}

.footer-links a:hover {
  color: white;
}

.footer-bottom {
  padding-top: 21px;

  border-top:
    1px solid var(--border);

  display: flex;

  justify-content: space-between;

  gap: 20px;

  color: #59677d;

  font-size: 10px;
}


/* WHATSAPP */

.whatsapp {
  border: 0;
  padding: 0;
  position: fixed;

  right: 22px;
  bottom: 22px;

  width: 54px;
  height: 54px;

  z-index: 950;

  border-radius: 50%;

  display: grid;
  place-items: center;

  background: #25d366;

  color: white;

  font-size: 21px;

  cursor: pointer;

  box-shadow:
    0 15px 35px
    rgba(0,0,0,.3);
}


.whatsapp:hover { background: #1fba59; }
.whatsapp:focus-visible { outline: 3px solid white; outline-offset: 4px; }

/* MOBILE */

@media(max-width:950px) {

  .mobile-menu {
    display: block;
  }

  .nav-links {
    position: absolute;

    top: 72px;
    left: 0;

    width: 100%;

    padding: 24px;

    flex-direction: column;

    background: #06101f;

    transform:
      translateY(-150%);

    transition: .25s;
  }

  .nav-links.active {
    transform:
      translateY(0);
  }

  .hero-grid {
    grid-template-columns:
      1fr;
  }

  .hero-content {
    text-align: center;
  }

  .hero-description {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-points,
  .hero-buttons {
    justify-content: center;
  }

  .product-card {
    max-width: 560px;

    margin: auto;
  }

  .trust-grid {
    grid-template-columns:
      1fr 1fr;
  }

  .features-grid,
  .reviews-grid {
    grid-template-columns:
      1fr;
  }

  .steps {
    grid-template-columns:
      1fr 1fr;
  }

  .footer-grid {
    grid-template-columns:
      1fr 1fr;
  }

}


@media(max-width:580px) {

  .hero {
    padding-top: 112px;
  }

  .hero h1 {
    font-size: 44px;
  }

  section {
    padding: 64px 0;
  }

  .hero-buttons {
    flex-direction: column;
  }

  .hero-buttons .btn {
    width: 100%;
  }

  .quick-grid {
    grid-template-columns:
      1fr;
  }

  .trust-grid {
    grid-template-columns:
      1fr;
  }

  .steps {
    grid-template-columns:
      1fr;
  }

  .footer-grid {
    grid-template-columns:
      1fr;
  }

  .footer-bottom {
    flex-direction: column;
  }

}


.guide{max-width:900px;padding-top:120px;padding-bottom:70px}.guide h1{font-size:clamp(34px,6vw,58px);line-height:1.1;letter-spacing:-2px;margin:14px 0 20px}.guide p,.guide li{color:#abb9ce;line-height:1.8}.guide section{padding:28px;margin:22px 0;background:#0e1a2e;border:1px solid var(--border);border-radius:20px;scroll-margin-top:90px}.guide h2{font-size:24px;margin-bottom:14px}.guide h3{margin:18px 0 6px}.guide ol,.guide ul{padding-left:23px}.guide li{margin-bottom:12px}.guide strong{color:#eef4ff}.guide a:not(.btn){color:#91bbff;text-decoration:underline;text-underline-offset:4px}.guide .path{padding:14px 18px;margin:16px 0;background:#142746;border-left:3px solid #66dad9;border-radius:8px;color:white}.guide-nav{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0}.guide .eyebrow{color:#66dad9;font-size:12px;letter-spacing:2px;text-transform:uppercase}.guide details{padding:14px 0;border-top:1px solid var(--border)}.guide summary{cursor:pointer;font-weight:700}.guide details p{margin-top:10px}@media(max-width:600px){.guide section{padding:20px}.nav-inner .btn{padding:0 12px;font-size:12px}.brand-lockup{width:170px}}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #66dad9;outline-offset:5px}section[id],#product{scroll-margin-top:90px}.skip-link{position:fixed;top:-70px;left:16px;z-index:2000;background:#fff;color:#091222;padding:12px 20px;border-radius:8px}.skip-link:focus{top:10px}.page-layout{padding-top:120px;padding-bottom:70px;max-width:1120px}.page-layout h1{font-size:clamp(36px,6vw,60px);line-height:1.06;letter-spacing:-2px;margin:16px 0}.page-lead{max-width:690px;color:#aabbd3;font-size:17px;line-height:1.75}.eyebrow{color:#66dad9;font-size:12px;letter-spacing:2px;text-transform:uppercase}.page-grid{display:grid;grid-template-columns:220px 1fr;gap:32px;margin-top:35px;align-items:start}.support-nav{padding:20px;border:1px solid var(--border);border-radius:16px;background:#0c182a;display:grid;gap:4px}.support-nav a{padding:10px 12px;color:#aabbd3;border-radius:8px;font-size:13px}.support-nav a:hover,.support-nav a[aria-current=page]{background:#192d4c;color:#fff}.copy-card{padding:30px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,#101f36,#0b1729)}.copy-card section{padding:0;margin:0 0 26px}.copy-card h2{font-size:21px;margin-bottom:10px}.copy-card p,.copy-card li{color:#aabbd3;line-height:1.8;font-size:15px}.copy-card p+p{margin-top:12px}.copy-card ul,.copy-card ol{padding-left:22px}.copy-card strong{color:#edf4ff}.copy-card a:not(.btn){color:#9ac0ff;text-decoration:underline;text-underline-offset:4px}.notice{border-left:3px solid #66dad9;background:#14253d;padding:16px 18px;border-radius:8px;margin-bottom:26px;color:#cfddf2;line-height:1.7}.support-callout{margin-top:28px;padding:25px;border-radius:16px;background:#142641}.support-callout .btn{margin-top:16px}.copy-card details{border-bottom:1px solid var(--border);padding:16px 0}.copy-card summary{cursor:pointer;font-weight:700;line-height:1.5}.copy-card details p{padding-top:12px}.page-meta{font-size:12px;color:#7f95b4;margin-top:16px}.footer-links a{line-height:1.5}.payment-caption{font-size:11px;color:#93a3ba;margin-top:12px;text-align:center}.thumbnail-row .thumb:focus-visible{opacity:1}.footer-bottom{padding-right:62px}.nav-links{visibility:visible}.hero-grid>*{min-width:0}@media(max-width:950px){.nav-links{visibility:hidden;pointer-events:none;transform:translateY(-160%)}.nav-links.active{visibility:visible;pointer-events:auto;transform:translateY(0)}}@media(max-width:700px){.page-grid{grid-template-columns:1fr}.support-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:2px}.copy-card{padding:22px}.page-layout{padding-top:100px}.nav-inner .brand-lockup{width:175px}.hero h1{letter-spacing:-2px}.footer-bottom{padding-bottom:45px}.price-row{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}