:root{
  --bg:#050a13;
  --bg2:#071424;
  --panel:rgba(10,25,46,.72);
  --panel-2:rgba(10,29,54,.56);
  --line:rgba(113,205,255,.18);
  --cyan:#38B6FF;
  --cyan-2:#75dcff;
  --violet:#7C5CFF;
  --gold:#F5C542;
  --text:#F4F8FF;
  --muted:#AFC0D8;
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body.landing{min-height:100vh;margin:0;overflow-x:hidden;color:var(--text);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;background:
  radial-gradient(circle at 20% 18%,rgba(56,182,255,.10),transparent 35%),
  radial-gradient(circle at 80% 18%,rgba(124,92,255,.10),transparent 36%),
  linear-gradient(145deg,#040812 0%,#07111f 48%,#07162a 100%)}
a{color:inherit}
.landing-bg{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.grid-glow{position:absolute;inset:0;background-image:linear-gradient(rgba(56,182,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(56,182,255,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 86%)}
.orb{position:absolute;border-radius:999px;filter:blur(12px);opacity:.32;animation:orbFloat 13s ease-in-out infinite alternate}
.orb--one{width:420px;height:420px;left:-160px;top:15%;background:radial-gradient(circle,rgba(56,182,255,.34),transparent 68%)}
.orb--two{width:480px;height:480px;right:-170px;top:-130px;background:radial-gradient(circle,rgba(124,92,255,.26),transparent 68%);animation-delay:-5s}
.orb--three{width:340px;height:340px;left:45%;bottom:-180px;background:radial-gradient(circle,rgba(56,182,255,.22),transparent 70%);animation-delay:-9s}
@keyframes orbFloat{to{transform:translate3d(30px,-24px,0) scale(1.06)}}
.particle{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--cyan-2);box-shadow:0 0 10px var(--cyan);opacity:.2;animation:particleDrift var(--dur,12s) linear infinite}
@keyframes particleDrift{0%{transform:translate3d(0,12px,0);opacity:0}15%{opacity:.5}100%{transform:translate3d(var(--dx,60px),-140px,0);opacity:0}}
.landing-header{position:relative;z-index:10;width:min(1180px,calc(100% - 36px));margin:0 auto;padding:24px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.landing-brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}.landing-brand img{width:38px;height:38px;border-radius:10px;box-shadow:0 0 24px rgba(56,182,255,.16)}
.landing-brand span{display:flex;flex-direction:column;line-height:1.08}.landing-brand strong{font-family:"Manrope",sans-serif;letter-spacing:.08em;font-size:14px}.landing-brand small{margin-top:6px;color:var(--muted);font-size:11px;letter-spacing:.04em}
.landing-nav{display:flex;align-items:center;gap:10px}.landing-nav a{text-decoration:none;font-weight:800;font-size:13px;border-radius:999px;padding:11px 16px;border:1px solid transparent;transition:.25s ease}
.nav-link{color:#d8e6f8}.nav-link:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}
.nav-cta{background:rgba(56,182,255,.10);border-color:rgba(56,182,255,.28)!important;color:#dff6ff;box-shadow:0 0 24px rgba(56,182,255,.08)}.nav-cta:hover{transform:translateY(-2px);background:rgba(56,182,255,.16)}
.landing-main{position:relative;z-index:2;width:min(1180px,calc(100% - 36px));margin:34px auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.92fr);gap:64px;align-items:center}
.landing-copy{padding:22px 0 30px}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;background:rgba(56,182,255,.07);border:1px solid rgba(56,182,255,.16);color:#bdeaff;font-size:11px;font-weight:800;letter-spacing:.12em}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.5);opacity:.55}}
.landing-copy h1{max-width:720px;margin:24px 0 18px;font-family:"Manrope",sans-serif;font-size:clamp(46px,5vw,78px);line-height:.98;letter-spacing:-.045em;text-align:left}.landing-copy h1 span{display:block;color:transparent;background:linear-gradient(90deg,#fff 0%,#8edcff 42%,#8a6dff 100%);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 38px rgba(56,182,255,.11)}
.landing-lead{max-width:650px;margin:0;color:var(--muted);font-size:clamp(16px,1.6vw,20px);line-height:1.65}
.promo-line{display:flex;align-items:center;gap:18px;margin:28px 0 0;padding:17px 20px;width:max-content;max-width:100%;border:1px solid rgba(245,197,66,.20);border-radius:18px;background:linear-gradient(115deg,rgba(245,197,66,.09),rgba(56,182,255,.035));box-shadow:inset 0 0 35px rgba(245,197,66,.025)}
.promo-number{font-family:"Manrope",sans-serif;font-size:clamp(38px,4.3vw,58px);font-weight:900;line-height:1;color:var(--gold);text-shadow:0 0 28px rgba(245,197,66,.13)}.promo-copy{display:flex;flex-direction:column;gap:5px}.promo-copy strong{font-size:14px;letter-spacing:.12em}.promo-copy span{color:#d6dfec;font-size:14px}
.landing-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.btn{--mx:50%;--my:50%;position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:52px;padding:0 22px;border-radius:14px;text-decoration:none;font-size:14px;font-weight:900;letter-spacing:.01em;border:1px solid rgba(255,255,255,.12);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}.btn::before,.glow-target::before{content:"";position:absolute;inset:-35%;z-index:-1;pointer-events:none;background:radial-gradient(250px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.28),rgba(56,182,255,.11) 30%,transparent 62%);opacity:0;transition:opacity .25s ease}.btn:hover::before,.glow-target:hover::before{opacity:1}.btn:hover{transform:translateY(-4px)}
.btn--primary{background:linear-gradient(135deg,#28a8f0,#426cff);border-color:rgba(88,195,255,.45);box-shadow:0 12px 32px rgba(42,126,255,.20),0 0 30px rgba(56,182,255,.08)}.btn--primary:hover{box-shadow:0 16px 42px rgba(42,126,255,.28),0 0 36px rgba(56,182,255,.15)}.btn--ghost{background:rgba(255,255,255,.045);color:#eaf3ff}.btn--ghost:hover{border-color:rgba(124,92,255,.42);background:rgba(124,92,255,.08)}
.trust-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.trust-chips span{padding:9px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#aebed2;font-size:12px;font-weight:700}
.visual-shell{position:relative;perspective:1200px}.visual-card{--mx:50%;--my:50%;position:relative;isolation:isolate;min-height:560px;border-radius:28px;overflow:hidden;border:1px solid rgba(105,202,255,.28);background:#07101d;box-shadow:0 36px 90px rgba(0,0,0,.50),0 0 0 1px rgba(56,182,255,.06),0 0 55px rgba(56,182,255,.10);transition:transform .25s ease,box-shadow .3s ease}.visual-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(130deg,rgba(134,224,255,.7),transparent 24%,transparent 67%,rgba(124,92,255,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.55}.visual-image-wrap{position:absolute;inset:0;overflow:hidden}.visual-image{width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.68) contrast(1.06);transform:scale(1.055);animation:imageFloat 9s ease-in-out infinite alternate}@keyframes imageFloat{to{transform:scale(1.09) translate3d(-5px,-7px,0)}}.visual-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(2,8,17,.20),rgba(4,9,18,.40) 38%,rgba(3,8,17,.88) 100%),radial-gradient(circle at 70% 28%,rgba(56,182,255,.11),transparent 42%)}
.scan-line{position:absolute;left:-10%;right:-10%;height:2px;top:-5%;background:linear-gradient(90deg,transparent,rgba(117,220,255,.85),transparent);box-shadow:0 0 20px rgba(56,182,255,.9);opacity:.42;animation:scan 5.8s linear infinite}@keyframes scan{to{top:108%}}
.visual-topline{position:absolute;left:24px;right:24px;top:24px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;font-weight:900;letter-spacing:.12em;color:#e9f7ff}.status{display:inline-flex;align-items:center;gap:7px;color:#bdeaff}.status i{width:7px;height:7px;border-radius:50%;background:#48e087;box-shadow:0 0 13px #48e087}.visual-badge{position:absolute;left:28px;bottom:94px;display:flex;flex-direction:column;align-items:flex-start}.visual-badge__small{padding:7px 9px;border-radius:8px;background:rgba(56,182,255,.13);border:1px solid rgba(56,182,255,.25);font-size:10px;font-weight:900;letter-spacing:.12em}.visual-badge strong{margin-top:9px;font-family:"Manrope",sans-serif;font-size:clamp(48px,6vw,74px);line-height:.9;color:#fff;text-shadow:0 8px 34px rgba(0,0,0,.6)}.visual-badge>span:last-child{margin-top:10px;color:#c9d8eb;font-size:14px;font-weight:700}.visual-bottom{position:absolute;left:28px;right:28px;bottom:24px;display:flex;justify-content:space-between;align-items:end;gap:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.11)}.visual-bottom div{display:flex;flex-direction:column;gap:4px}.visual-bottom small{color:#7f94ad;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.visual-bottom strong{font-size:14px}.visual-bottom a{text-decoration:none;color:#aee8ff;font-size:12px;font-weight:900}.visual-bottom a:hover{color:#fff}
.quick-strip{position:relative;z-index:2;width:min(1180px,calc(100% - 36px));margin:52px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick-card{--mx:50%;--my:50%;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:86px;padding:17px;border-radius:18px;text-decoration:none;background:rgba(9,24,43,.58);border:1px solid rgba(255,255,255,.075);backdrop-filter:blur(12px);transition:transform .25s ease,border-color .25s ease,background .25s ease}.quick-card:hover{transform:translateY(-6px);border-color:rgba(56,182,255,.22);background:rgba(10,29,54,.72)}.quick-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(56,182,255,.075);border:1px solid rgba(56,182,255,.15);color:#8fdcff;font-size:11px;font-weight:900}.quick-card>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.quick-card strong{font-size:14px}.quick-card small{color:#8fa4bc;font-size:11px}.quick-card b{color:#6d8198;font-size:18px}
.landing-footer{position:relative;z-index:2;width:min(1180px,calc(100% - 36px));margin:34px auto 0;padding:20px 0 28px;display:flex;justify-content:space-between;gap:18px;border-top:1px solid rgba(255,255,255,.06);color:#6f849d;font-size:11px}.landing-footer a{text-decoration:none;color:#8da4bc}.landing-footer a:hover{color:#dff6ff}
.floating-whatsapp{position:fixed;z-index:30;right:22px;bottom:20px;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:rgba(10,25,46,.86);border:1px solid rgba(58,223,106,.28);box-shadow:0 18px 50px rgba(0,0,0,.38),0 0 32px rgba(58,223,106,.12);backdrop-filter:blur(12px);transition:.25s ease}.floating-whatsapp:hover{transform:translateY(-5px) scale(1.04)}.floating-whatsapp img{width:50px;height:50px;object-fit:contain}
.reveal-item{opacity:0;transform:translateY(18px);filter:blur(4px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1),filter .8s cubic-bezier(.2,.8,.2,1)}.reveal-item.is-visible{opacity:1;transform:none;filter:none}.landing-copy.reveal-item{transition-delay:.05s}.visual-shell.reveal-item{transition-delay:.16s}.quick-strip.reveal-item{transition-delay:.28s}
@media(max-width:980px){.landing-main{grid-template-columns:1fr;gap:28px;margin-top:20px}.landing-copy{max-width:760px;margin:0 auto;text-align:center}.landing-copy h1{text-align:center}.landing-lead{margin-left:auto;margin-right:auto}.promo-line{margin-left:auto;margin-right:auto}.landing-actions,.trust-chips{justify-content:center}.visual-shell{width:min(680px,100%);margin:0 auto}.visual-card{min-height:500px}.quick-strip{grid-template-columns:1fr 1fr}.quick-card:last-child{grid-column:1/-1}}
@media(max-width:640px){.landing-header{align-items:flex-start;padding-top:18px}.landing-brand strong{font-size:12px}.landing-brand small{font-size:9px}.landing-nav{gap:7px}.landing-nav a{padding:9px 11px;font-size:11px}.nav-link{display:none}.landing-main{width:min(100% - 26px,1180px);margin-top:10px}.landing-copy h1{font-size:clamp(40px,13vw,60px);margin-top:20px}.landing-lead{font-size:16px}.promo-line{width:100%;justify-content:center;padding:14px}.promo-number{font-size:40px}.promo-copy{text-align:left}.landing-actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.trust-chips span{font-size:10px}.visual-card{min-height:430px;border-radius:22px}.visual-topline{left:18px;right:18px;top:18px}.visual-badge{left:20px;bottom:82px}.visual-badge strong{font-size:52px}.visual-bottom{left:20px;right:20px;bottom:18px}.quick-strip{width:min(100% - 26px,1180px);grid-template-columns:1fr;margin-top:30px}.quick-card:last-child{grid-column:auto}.landing-footer{width:min(100% - 26px,1180px);flex-direction:column;text-align:center;align-items:center}.floating-whatsapp{right:14px;bottom:14px;width:56px;height:56px}.floating-whatsapp img{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal-item{opacity:1;transform:none;filter:none}}
