:root {
  --lp-soft: "Avenir Next", Avenir, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --lp-cyan: #72ecff;
  --lp-violet: #b77cff;
  --lp-magenta: #ff65c7;
  --lp-gold: #ffd980;
}

.hero--global-lp {
  position: relative;
  min-height: min(780px, calc(100svh - 94px));
  padding: clamp(26px, 4vw, 58px) clamp(18px, 3vw, 44px);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: clamp(20px,3vw,34px);
  background:
    radial-gradient(circle at 12% 18%, rgba(32,214,255,.22), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(182,76,255,.28), transparent 34%),
    radial-gradient(circle at 78% 82%, rgba(255,69,180,.16), transparent 30%),
    radial-gradient(circle at 38% 0%, rgba(255,205,109,.13), transparent 28%),
    linear-gradient(126deg, rgba(2,15,33,.99), rgba(16,5,36,.995) 52%, rgba(1,8,20,.995));
  box-shadow:
    0 44px 130px rgba(0,0,0,.5),
    inset 0 0 0 1px rgba(255,255,255,.018),
    inset 0 -120px 140px rgba(58,31,118,.15);
  isolation: isolate;
}

.hero--global-lp::before,
.hero--global-lp::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.hero--global-lp::before {
  background:
    linear-gradient(105deg, transparent 13%, rgba(88,231,255,.075) 38%, transparent 51%),
    linear-gradient(68deg, transparent 43%, rgba(255,93,210,.065) 62%, transparent 80%);
  mix-blend-mode: screen;
}
.hero--global-lp::after {
  opacity: .4;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.75), transparent 78%);
}

.hero-lp__copy { font-family: var(--lp-soft); }
.hero-lp__kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 19px;
  padding: 8px 13px;
  border: 1px solid rgba(114,236,255,.38);
  border-radius: 999px;
  color: rgba(216,250,255,.94);
  background: linear-gradient(90deg,rgba(48,199,229,.15),rgba(168,79,255,.13));
  box-shadow: 0 0 32px rgba(78,220,255,.09);
  font-size: clamp(.58rem,.8vw,.7rem);
  font-weight: 600;
  letter-spacing: .085em;
}
.hero-lp__kicker span { color: var(--lp-gold); }

.hero--global-lp .hero-lp__title {
  max-width: 750px;
  margin: 0;
  font-family: var(--lp-soft);
  font-weight: 450;
  letter-spacing: -.025em;
  line-height: 1.04;
}
.hero--global-lp .hero-lp__title span {
  display: block;
  color: rgba(239,248,255,.85);
  font-size: clamp(1.35rem,2.65vw,2.65rem) !important;
  font-weight: 400 !important;
  letter-spacing: -.02em !important;
  line-height: 1.08 !important;
}
.hero--global-lp .hero-lp__title strong {
  display: block;
  margin-top: 3px !important;
  font-size: clamp(2rem,4.45vw,4.45rem) !important;
  font-weight: 550 !important;
  letter-spacing: -.045em !important;
  line-height: 1.02 !important;
  background: linear-gradient(105deg,#fff 2%,#a8f4ff 30%,#d6a8ff 58%,#ffe0a0 91%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  text-shadow: none !important;
  filter: drop-shadow(0 8px 34px rgba(99,210,255,.1));
}
.hero-lp__hook {
  margin: 25px 0 0;
  color: #fff4d8;
  font: 500 clamp(1rem,1.65vw,1.32rem)/1.62 var(--lp-soft);
  letter-spacing: -.01em;
  text-shadow: 0 0 28px rgba(255,197,109,.11);
}
.hero-lp__lead {
  max-width: 680px;
  margin: 21px 0 0;
  color: rgba(224,234,241,.73);
  font: 400 clamp(.87rem,1.25vw,1rem)/1.85 var(--lp-soft);
  letter-spacing: .003em;
}

.hero-lp__brand {
  display: flex;
  align-items: center;
  gap: 13px;
  width: fit-content;
  margin-top: 25px;
}
.hero-lp__brand img { width: 38px; height: 38px; filter: drop-shadow(0 0 16px rgba(255,211,117,.2)); }
.hero-lp__brand span { display: grid; gap: 2px; }
.hero-lp__brand small { color: rgba(143,226,246,.65); font: 600 .5rem/1.3 var(--lp-soft); letter-spacing: .085em; }
.hero-lp__brand b { color: rgba(255,226,157,.94); font: 500 .86rem/1.3 var(--lp-soft); letter-spacing: .05em; }

.hero-lp__actions { margin-top: 28px; }
.hero-lp__primary,
.hero-lp__secondary { font-family: var(--lp-soft); font-weight: 600; letter-spacing: .035em; }
.hero-lp__primary {
  min-width: 208px;
  border-color: rgba(255,220,133,.92);
  background: linear-gradient(105deg,rgba(240,164,51,.98),rgba(204,95,81,.96) 48%,rgba(171,72,211,.96));
  box-shadow: 0 0 36px rgba(255,176,82,.2),0 0 52px rgba(178,76,230,.11),inset 0 1px rgba(255,255,255,.2);
}
.hero-lp__secondary {
  border-color: rgba(114,236,255,.44);
  color: #c7f6ff;
  background: linear-gradient(90deg,rgba(40,180,216,.13),rgba(132,70,205,.13));
}
.hero-lp__primary:hover,
.hero-lp__primary:focus-visible { box-shadow: 0 0 42px rgba(255,176,82,.3),0 0 62px rgba(178,76,230,.18); }
.hero-lp__secondary:hover,
.hero-lp__secondary:focus-visible { border-color: rgba(162,244,255,.82); box-shadow: 0 0 34px rgba(70,220,255,.17); }

.hero-lp__trust {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  max-width: 720px;
  margin-top: 34px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: rgba(2,9,21,.46);
  backdrop-filter: blur(12px);
}
.hero-lp__trust span { display: grid; gap: 5px; min-height: 65px; padding: 14px 13px; border-right: 1px solid rgba(255,255,255,.055); }
.hero-lp__trust span:last-child { border-right: 0; }
.hero-lp__trust b { color: rgba(246,232,195,.94); font: 600 .64rem/1.2 var(--lp-soft); letter-spacing: .045em; }
.hero-lp__trust small { color: rgba(174,216,229,.5); font: 500 .48rem/1.3 var(--lp-soft); letter-spacing: .05em; }

.hero-lp__art { overflow: visible; isolation: isolate; }
.hero-lp__aurora {
  position: absolute;
  width: 94%;
  height: 94%;
  border-radius: 50%;
  background: conic-gradient(from 210deg,rgba(50,227,255,.19),rgba(142,75,255,.21),rgba(255,81,185,.17),rgba(255,196,88,.14),rgba(50,227,255,.19));
  filter: blur(48px);
  opacity: .72;
  animation: lp-aurora 19s ease-in-out infinite alternate;
}
.hero-lp__portal { position: relative; display: grid; place-items: center; width: min(660px,100%); aspect-ratio: 1; }
.hero-lp__portal-glow {
  position: absolute;
  width: 62%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(255,245,206,.34),rgba(87,229,255,.2) 22%,rgba(153,77,249,.14) 43%,transparent 70%);
  filter: blur(20px);
  animation: lp-core-pulse 6s ease-in-out infinite;
}
.hero--global-lp .hero-lp__orbit {
  position: relative;
  z-index: 2;
  width: 100%;
  filter: drop-shadow(0 0 24px rgba(95,225,255,.28)) drop-shadow(0 0 54px rgba(166,73,241,.17));
  animation: lp-orbit 54s linear infinite !important;
}
.hero-lp__core {
  position: absolute;
  z-index: 4;
  display: grid;
  place-items: center;
  width: 110px;
  height: 110px;
  border: 1px solid rgba(255,222,145,.48);
  border-radius: 50%;
  color: white;
  background: radial-gradient(circle,rgba(255,219,137,.23),rgba(45,187,219,.14) 42%,rgba(8,9,25,.94) 72%);
  box-shadow: 0 0 48px rgba(255,200,100,.15),0 0 76px rgba(80,217,255,.13);
}
.hero-lp__core small { color: rgba(159,234,248,.68); font: 600 .47rem/1 var(--lp-soft); letter-spacing: .11em; }
.hero-lp__core strong { color: #ffe3a3; font: 600 .72rem/1 var(--lp-soft); letter-spacing: .11em; }
.hero-lp__flare { position: absolute; border-radius: 50%; filter: blur(20px); pointer-events: none; }
.hero-lp__flare--cyan { top: 13%; left: 3%; width: 120px; height: 120px; background: rgba(69,224,255,.2); }
.hero-lp__flare--violet { top: 24%; right: 0; width: 160px; height: 160px; background: rgba(166,76,255,.21); }
.hero-lp__flare--gold { bottom: 8%; left: 23%; width: 120px; height: 120px; background: rgba(255,187,80,.16); }
.hero-lp__signal {
  position: absolute;
  z-index: 6;
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 999px;
  color: rgba(223,244,249,.72);
  background: rgba(3,10,22,.66);
  backdrop-filter: blur(12px);
  font: 600 .51rem/1 var(--lp-soft);
  letter-spacing: .07em;
  box-shadow: 0 10px 30px rgba(0,0,0,.22);
}
.hero-lp__signal--a { top: 17%; left: 7%; border-color: rgba(95,226,255,.3); }
.hero-lp__signal--b { top: 43%; right: 0; border-color: rgba(193,109,255,.31); }
.hero-lp__signal--c { bottom: 15%; left: 15%; border-color: rgba(255,210,118,.29); }

.hero-benefits {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  margin-top: clamp(18px,2.5vw,30px);
  font-family: var(--lp-soft);
}
.hero-benefits article {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: 16px;
  min-height: 170px;
  padding: clamp(20px,3vw,28px);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 18px;
  background: linear-gradient(145deg,rgba(9,20,38,.84),rgba(4,7,20,.97));
  box-shadow: 0 22px 58px rgba(0,0,0,.22);
}
.hero-benefits article:nth-child(1) { border-top-color: rgba(82,224,255,.5); }
.hero-benefits article:nth-child(2) { border-top-color: rgba(184,97,255,.52); }
.hero-benefits article:nth-child(3) { border-top-color: rgba(255,196,91,.5); }
.hero-benefits > article > span { color: rgba(132,229,247,.45); font: 600 .7rem/1 var(--lp-soft); letter-spacing: .08em; }
.hero-benefits small { color: rgba(130,224,244,.72); font: 600 .53rem/1 var(--lp-soft); letter-spacing: .09em; }
.hero-benefits h2 { margin: 8px 0 0; color: rgba(248,237,211,.96); font: 500 clamp(1rem,1.6vw,1.3rem)/1.25 var(--lp-soft); letter-spacing: -.015em; }
.hero-benefits p { margin: 11px 0 0; color: rgba(212,225,230,.63); font: 400 .8rem/1.72 var(--lp-soft); }

@keyframes lp-orbit { to { transform: rotate(360deg); } }
@keyframes lp-aurora { from { transform: scale(.93) rotate(-4deg); } to { transform: scale(1.08) rotate(7deg); } }
@keyframes lp-core-pulse { 0%,100% { opacity:.65; transform:scale(.92); } 50% { opacity:1; transform:scale(1.08); } }

@media (max-width:960px) {
  .hero--global-lp { grid-template-columns: 1fr; }
  .hero-lp__art { min-height: 500px; }
  .hero-lp__portal { width: min(540px,88vw); }
}
@media (max-width:620px) {
  .hero--global-lp { padding: 24px 17px 30px; border-radius: 20px; }
  .hero--global-lp .hero-lp__title span { font-size: clamp(1.08rem,5.6vw,1.45rem) !important; }
  .hero--global-lp .hero-lp__title strong { font-size: clamp(1.85rem,10.5vw,3rem) !important; }
  .hero-lp__hook { font-size: .98rem; }
  .hero-lp__lead { font-size: .84rem; line-height: 1.76; }
  .hero-lp__trust { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hero-lp__trust span:nth-child(2) { border-right: 0; }
  .hero-lp__trust span:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.055); }
  .hero-lp__art { min-height: 390px; }
  .hero-lp__core { width: 82px; height: 82px; }
  .hero-benefits { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion:reduce) {
  .hero--global-lp .hero-lp__orbit,
  .hero-lp__aurora,
  .hero-lp__portal-glow { animation: none !important; }
}