*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#02060b;--panel:#07111d;--panel2:#091522;--white:#fff;--muted:#c5cfdd;--cyan:#00e5f0;--blue:#28a7ff;--purple:#a83bff;--mag:#d343ff;--line:rgba(130,220,255,.22)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:Rajdhani,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 36%,rgba(168,59,255,.07),transparent 26%),radial-gradient(circle at 74% 30%,rgba(0,229,240,.06),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 24%);z-index:-1}a{color:inherit;text-decoration:none}.sprite{display:none}.nav{position:fixed;inset:0 0 auto;z-index:100;background:linear-gradient(90deg,rgba(2,6,11,.94),rgba(3,10,18,.82));border-bottom:1px solid rgba(0,229,240,.13);backdrop-filter:blur(18px)}.nav-inner{max-width:1180px;margin:auto;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.brand,.footer-brand{display:flex;align-items:center;gap:13px;font:700 29px/1 'Barlow Condensed',sans-serif;letter-spacing:4px}.brand img{width:42px;height:42px;filter:drop-shadow(0 0 10px rgba(0,229,240,.36))}.nav-links{display:flex;align-items:center;gap:46px;font:700 14px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:1.8px}.nav-links a{color:#f7fbff;opacity:.92;position:relative}.nav-links a.active,.nav-links a:hover{color:var(--cyan)}.nav-links a.active:after{content:"";position:absolute;left:50%;bottom:-16px;width:28px;height:2px;transform:translateX(-50%);background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.nav-cta{padding:15px 32px;border:1px solid var(--cyan);border-left-color:var(--mag);border-radius:6px;box-shadow:inset 0 0 18px rgba(0,229,240,.04),0 0 18px rgba(0,229,240,.1)}.menu-toggle{display:none;background:transparent;border:0;width:38px;height:28px;gap:6px;flex-direction:column}.menu-toggle span{height:3px;background:#fff;border-radius:9px;display:block}.hero{min-height:570px;position:relative;padding:138px 38px 66px;background-image:linear-gradient(90deg,rgba(2,6,11,.96) 0%,rgba(2,6,11,.76) 35%,rgba(2,6,11,.14) 72%,rgba(2,6,11,.52) 100%),linear-gradient(0deg,rgba(2,6,11,.88) 0%,rgba(2,6,11,.06) 50%),url('assets/hero-field.jpg');background-size:cover;background-position:center 54%;border-bottom:1px solid rgba(0,229,240,.1);overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(transparent,var(--bg))}.hero-shine{position:absolute;right:11%;top:18%;width:410px;height:260px;background:radial-gradient(circle,rgba(0,229,240,.18),transparent 63%);filter:blur(8px)}.hero-content{position:relative;z-index:2;max-width:1180px;margin:auto}.badge{display:inline-flex;align-items:center;gap:12px;padding:10px 18px;border:1px solid rgba(0,229,240,.45);border-left-color:rgba(168,59,255,.7);border-radius:7px;background:rgba(8,18,31,.72);color:var(--cyan);font:700 15px/1 'Barlow Condensed';letter-spacing:2.4px;text-transform:uppercase;box-shadow:0 0 20px rgba(0,229,240,.08)}.badge span{width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 18px var(--blue)}h1{font-family:'Bebas Neue',Impact,sans-serif;font-size:clamp(86px,11vw,134px);line-height:.82;letter-spacing:7px;margin-top:24px;text-shadow:0 10px 18px rgba(0,0,0,.5),0 0 3px #fff}.slogan{font:700 clamp(28px,3.6vw,38px)/1 'Barlow Condensed';letter-spacing:5px;text-transform:uppercase;margin:18px 0 26px;background:linear-gradient(90deg,var(--purple) 0%,#5874ff 44%,var(--cyan) 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{font-size:21px;line-height:1.45;color:#f4f7fb}.hero-copy strong{font-weight:700;color:#fff}.actions{display:flex;gap:26px;margin-top:34px}.btn{height:54px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 30px;border-radius:6px;font:700 16px/1 'Barlow Condensed';letter-spacing:1.7px;text-transform:uppercase;border:1px solid transparent;white-space:nowrap}.btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2}.btn-primary{background:linear-gradient(90deg,var(--purple),var(--cyan));box-shadow:0 0 24px rgba(0,229,240,.25),inset 0 0 12px rgba(255,255,255,.17);color:white}.btn-primary svg{fill:white;stroke:none}.btn-ghost{background:rgba(3,8,14,.55);border-color:rgba(0,229,240,.58);box-shadow:inset 0 0 24px rgba(0,229,240,.03)}.section{padding:40px 38px 46px;position:relative}.section-head{text-align:center;max-width:900px;margin:auto}.section-head p,.kicker,.social-title{color:var(--cyan);font:700 14px/1 'Barlow Condensed';text-transform:uppercase;letter-spacing:3px}.section-head h2{font-family:'Bebas Neue';font-size:42px;letter-spacing:5px;margin:10px 0 23px}.features-section{padding-top:20px}.features-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.feature-card{position:relative;min-height:280px;padding:26px 18px;text-align:center;border:1px solid rgba(113,182,232,.26);border-radius:8px;background:linear-gradient(180deg,rgba(10,24,39,.78),rgba(4,9,15,.86));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 34px rgba(0,0,0,.22);overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 14%,rgba(0,229,240,.17),transparent 34%);opacity:.9}.feature-card:hover{border-color:rgba(0,229,240,.62);box-shadow:0 0 28px rgba(0,229,240,.12),inset 0 1px 0 rgba(255,255,255,.1)}.feature-card svg{position:relative;z-index:1;width:58px;height:58px;margin:0 auto 27px;fill:none;stroke:url(#dummy);stroke-width:1.7;filter:drop-shadow(0 0 9px rgba(0,229,240,.7));color:var(--cyan)}.feature-card:nth-child(2n) svg,.feature-card:nth-child(2n) h3{color:#8f6cff}.feature-card:nth-child(3n) svg,.feature-card:nth-child(3n) h3{color:#c246ff}.feature-card svg{stroke:currentColor}.feature-card h3{position:relative;z-index:1;font:700 22px/1.12 'Barlow Condensed';letter-spacing:1.4px;text-transform:uppercase;margin-bottom:15px}.feature-card p{position:relative;z-index:1;color:#e6edf6;font-size:16px;line-height:1.48}.stats{padding:24px 38px;border-block:1px solid rgba(0,229,240,.13);background:radial-gradient(circle at 50% -10%,rgba(0,229,240,.12),transparent 35%),linear-gradient(90deg,rgba(0,229,240,.03),rgba(168,59,255,.05),rgba(0,229,240,.03))}.stats-grid{max-width:980px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.stats-grid div{position:relative}.stats-grid div+div:before{content:"";position:absolute;left:0;top:12px;bottom:10px;width:1px;background:linear-gradient(transparent,var(--cyan),transparent)}.stats strong{display:block;font-family:'Bebas Neue';font-size:55px;color:var(--cyan);letter-spacing:2px;text-shadow:0 0 16px rgba(0,229,240,.35)}.stats span{display:block;font:700 20px/1 'Barlow Condensed';letter-spacing:1.6px;text-transform:uppercase}.process{padding-top:36px;border-bottom:1px solid rgba(255,255,255,.05)}.steps{max-width:1060px;margin:18px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:52px;position:relative}.steps:before{content:"";position:absolute;left:5%;right:5%;top:31px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--purple),#5170ff,var(--cyan));opacity:.75}.steps article{position:relative}.steps span{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--cyan);background:#03101a;color:var(--cyan);font:700 20px/1 'Barlow Condensed';box-shadow:0 0 18px rgba(0,229,240,.35);margin-bottom:28px}.steps article:nth-child(2) span{border-color:var(--mag);color:var(--mag);box-shadow:0 0 18px rgba(211,67,255,.35)}.steps article:nth-child(3) span{border-color:#5971ff;color:#7b8cff;box-shadow:0 0 18px rgba(89,113,255,.35)}.steps h3{font:700 20px/1.1 'Barlow Condensed';letter-spacing:1.3px;text-transform:uppercase}.steps p{font-size:17px;line-height:1.43;color:#dbe4ee;margin-top:11px}.about{padding-top:28px}.about-grid{max-width:1080px;margin:auto;display:grid;grid-template-columns:190px 1fr 395px;gap:45px;align-items:center}.big-logo{width:170px;height:170px;display:grid;place-items:center}.big-logo img{width:170px;filter:drop-shadow(0 0 20px rgba(168,59,255,.85)) drop-shadow(0 0 24px rgba(0,229,240,.55))}.about-copy h2{font-family:'Bebas Neue';font-size:50px;letter-spacing:5px;margin:10px 0 17px}.about-copy p{font-size:17px;line-height:1.5;color:#e3ebf4;margin-bottom:12px}.about-copy strong{color:#fff}.domain-pill{display:inline-flex;align-items:center;justify-content:center;min-width:175px;height:42px;border:1px solid var(--cyan);border-right-color:var(--mag);border-radius:5px;color:var(--cyan);font:700 15px/1 'Barlow Condensed';letter-spacing:2px;margin-top:10px}.waitlist{padding:28px 28px 22px;border:1px solid var(--cyan);border-left-color:var(--mag);border-radius:9px;background:linear-gradient(180deg,rgba(9,21,34,.88),rgba(4,9,15,.88));box-shadow:0 0 25px rgba(0,229,240,.07),inset 0 1px 0 rgba(255,255,255,.05)}.waitlist h2{font:700 32px/1 'Barlow Condensed';letter-spacing:2px;text-transform:uppercase;background:linear-gradient(90deg,var(--mag),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.waitlist p{font-size:17px;color:#dbe4ee;line-height:1.38;margin:14px 0 19px}.waitlist input{height:52px;width:100%;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:#05101b;color:#fff;padding:0 17px;font:500 16px Rajdhani;margin-bottom:14px}.waitlist input:focus{outline:1px solid var(--cyan)}.waitlist .btn{width:100%}.waitlist small{display:block;text-align:center;color:#8995a5;margin-top:12px}.social{padding-top:12px}.social-title{text-align:center;margin-bottom:14px}.social-grid{max-width:1020px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.social-card{height:64px;display:flex;align-items:center;gap:17px;border:1px solid rgba(0,229,240,.45);border-radius:7px;background:#07111d;padding:0 30px;box-shadow:inset 0 0 20px rgba(0,229,240,.02)}.social-card svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;color:var(--cyan);filter:drop-shadow(0 0 10px rgba(0,229,240,.45))}.social-card:first-child svg,.social-card:nth-child(3) svg{fill:currentColor;stroke:none}.social-card:nth-child(2) svg{color:#ff4fd8}.social-card:nth-child(3) svg{color:#2391ff}.social-card b{display:block;font:700 22px/1 'Barlow Condensed';letter-spacing:1.7px;text-transform:uppercase}.social-card em{display:block;color:var(--cyan);font-style:normal;font-size:16px}footer{max-width:1180px;margin:auto;padding:26px 38px 28px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;color:#9ba6b4}footer .footer-brand{font-size:25px;color:#fff}footer img{width:28px;height:28px;filter:drop-shadow(0 0 8px rgba(0,229,240,.4))}footer p{text-align:center;font-size:15px}footer nav{display:flex;justify-content:flex-end;gap:24px;font-size:16px}footer a:hover{color:var(--cyan)}.page{min-height:100vh;padding:128px 38px 60px}.legal,.contact{max-width:960px;margin:auto}.legal h1,.contact h1{font-family:'Bebas Neue';font-size:78px;letter-spacing:4px;line-height:.9;margin-bottom:20px}.legal h2,.contact h2{font:700 30px/1 'Barlow Condensed';letter-spacing:1.4px;text-transform:uppercase;margin:32px 0 10px}.legal p,.legal li,.contact p{font-size:18px;line-height:1.65;color:#d7e1ed}.legal ul{padding-left:22px}.contact-card{margin-top:22px;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:28px}.toast{position:fixed;right:18px;bottom:18px;z-index:500;background:#07111d;border:1px solid var(--cyan);border-left-color:var(--mag);border-radius:8px;padding:14px 18px;transform:translateY(110px);transition:.25s}.toast.show{transform:translateY(0)}@media(max-width:1030px){.features-grid{grid-template-columns:repeat(3,1fr)}.about-grid{grid-template-columns:1fr 1fr}.big-logo{display:none}.social-grid{gap:18px}.steps{gap:30px}}@media(max-width:740px){.nav-inner{height:80px;padding:0 26px}.brand{font-size:32px;letter-spacing:6px}.brand img{width:58px;height:58px}.menu-toggle{display:flex}.nav-links{display:none;position:absolute;top:86px;left:18px;right:18px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#07111d;flex-direction:column;align-items:flex-start;gap:20px}.nav-links.open{display:flex}.nav-cta{width:100%;text-align:center}.hero{min-height:620px;padding:180px 26px 60px;background-position:center right 28%;background-image:linear-gradient(90deg,rgba(2,6,11,.94),rgba(2,6,11,.63),rgba(2,6,11,.38)),linear-gradient(0deg,rgba(2,6,11,.92),rgba(2,6,11,.08)),url('assets/hero-field.jpg')}.badge{font-size:20px;padding:17px 22px;border-radius:8px;letter-spacing:3px}h1{font-size:92px;letter-spacing:9px;margin-top:32px}.slogan{font-size:42px;line-height:1.15;letter-spacing:9px;max-width:520px}.hero-copy{font-size:31px;line-height:1.55}.actions{display:grid;gap:20px}.btn{height:70px;width:100%;font-size:22px;letter-spacing:2.5px}.btn svg{width:28px;height:28px}.section{padding:58px 26px}.section-head h2{font-size:50px;letter-spacing:8px}.section-head p,.social-title{font-size:19px;letter-spacing:6px}.features-grid{grid-template-columns:1fr;gap:24px}.feature-card{min-height:250px;padding:36px 28px}.feature-card svg{width:60px;height:60px;margin-bottom:28px}.feature-card h3{font-size:37px;letter-spacing:3px}.feature-card p{font-size:28px;line-height:1.38}.stats-grid{grid-template-columns:1fr;gap:26px}.stats-grid div+div:before{display:none}.stats strong{font-size:58px}.stats span{font-size:25px}.steps{grid-template-columns:1fr;gap:40px}.steps:before{display:none}.steps span{margin-bottom:20px}.steps h3{font-size:37px;letter-spacing:3px}.steps p{font-size:28px}.about-grid{grid-template-columns:1fr;gap:24px}.big-logo{display:grid;width:320px;height:230px;place-items:start}.big-logo img{width:170px}.about-copy h2{font-size:60px;letter-spacing:9px}.kicker{font-size:24px;letter-spacing:7px}.about-copy p{font-size:31px;line-height:1.5}.domain-pill{height:52px;font-size:20px}.waitlist{padding:30px}.waitlist h2{font-size:40px}.waitlist p,.waitlist input{font-size:22px}.social-grid{grid-template-columns:1fr;gap:26px}.social-card{height:122px;border-radius:12px;padding:0 55px;gap:28px}.social-card svg{width:58px;height:58px}.social-card b{font-size:38px}.social-card em{font-size:29px}footer{grid-template-columns:1fr;text-align:center;padding:40px 26px}footer p{text-align:center}footer nav{justify-content:center;flex-wrap:wrap}.page{padding:120px 26px 50px}.legal h1,.contact h1{font-size:66px}.legal p,.legal li,.contact p{font-size:21px}}@media(max-width:420px){.brand{font-size:28px}.brand img{width:48px;height:48px}h1{font-size:78px}.slogan{font-size:34px}.hero-copy{font-size:25px}.feature-card h3,.steps h3{font-size:30px}.feature-card p,.steps p,.about-copy p{font-size:23px}.social-card{padding:0 34px}.social-card b{font-size:32px}.social-card em{font-size:24px}}

/* === Retarival V2 official-logo overrides === */
.brand img,
.footer-brand img,
.big-logo img{
  object-fit:contain;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}
.brand img{
  width:46px;
  height:46px;
  filter:drop-shadow(0 0 7px rgba(168,59,255,.82)) drop-shadow(0 0 9px rgba(0,229,240,.65));
}
.footer-brand img{
  width:30px;
  height:30px;
  filter:drop-shadow(0 0 7px rgba(168,59,255,.7)) drop-shadow(0 0 8px rgba(0,229,240,.5));
}
.big-logo{
  width:190px;
  height:190px;
  position:relative;
}
.big-logo:after{
  content:"";
  position:absolute;
  left:25px;
  right:25px;
  bottom:9px;
  height:18px;
  background:radial-gradient(ellipse, rgba(168,59,255,.55), rgba(0,229,240,.26) 48%, transparent 70%);
  filter:blur(10px);
  z-index:0;
}
.big-logo img{
  position:relative;
  z-index:1;
  width:190px;
  height:auto;
  filter:drop-shadow(0 0 14px rgba(168,59,255,.95)) drop-shadow(0 0 18px rgba(0,229,240,.70));
}
.feature-card svg{
  stroke-linecap:round;
  stroke-linejoin:round;
}
.social-card svg{
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(max-width:740px){
  .brand{font-size:30px;letter-spacing:5px;gap:16px;}
  .brand img{width:50px;height:50px;}
  .hero{padding-top:170px;}
  .hero-copy{font-size:26px;}
  .feature-card p,.steps p,.about-copy p{font-size:22px;}
  .feature-card h3,.steps h3{font-size:30px;}
  .about-grid{gap:34px;}
  .big-logo{display:grid;width:230px;height:210px;margin:0 auto 10px;place-items:center;}
  .big-logo img{width:210px;}
  .about-copy h2{font-size:56px;}
}
@media(max-width:420px){
  .brand{font-size:27px;letter-spacing:4px;}
  .brand img{width:45px;height:45px;}
  .big-logo{width:200px;height:185px;}
  .big-logo img{width:190px;}
}

/* === Retarival V2.1 Light Contrast Theme ===
   Objetivo: mantener el logo/colores neón, pero quitar el look cyberpunk oscuro.
   Fondo blanco, tarjetas claras, texto oscuro y neón usado como acento premium. */
:root{
  --bg:#f7f9fc;
  --panel:#ffffff;
  --panel2:#f2f6fb;
  --white:#0a1020;
  --muted:#5f6b7d;
  --cyan:#00c8d4;
  --blue:#228dff;
  --purple:#7f56ff;
  --mag:#b833ff;
  --line:rgba(13,32,56,.12);
  --ink:#08111f;
  --soft:#eef4fb;
}
html,body{background:var(--bg);color:var(--ink)}
body:before{
  background:
    radial-gradient(circle at 14% 18%,rgba(127,86,255,.12),transparent 24%),
    radial-gradient(circle at 82% 20%,rgba(0,200,212,.12),transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f7f9fc 45%,#ffffff 100%);
}
a{color:inherit}.nav{
  background:rgba(255,255,255,.88);
  border-bottom:1px solid rgba(0,200,212,.20);
  box-shadow:0 10px 30px rgba(8,17,31,.08);
}
.nav-inner{color:#08111f}.brand,.footer-brand{color:#0b1220}.brand span,.footer-brand span{color:#0b1220;text-shadow:none}.brand img{filter:drop-shadow(0 0 6px rgba(127,86,255,.34)) drop-shadow(0 0 6px rgba(0,200,212,.28))}.nav-links a{color:#0b1220;opacity:.78}.nav-links a.active,.nav-links a:hover{color:var(--cyan)}.nav-cta{background:#fff;border-color:var(--cyan);border-left-color:var(--mag);color:#08111f;box-shadow:0 8px 22px rgba(0,200,212,.10)}.menu-toggle span{background:#0b1220}
.hero{
  min-height:590px;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.88) 33%,rgba(255,255,255,.36) 61%,rgba(255,255,255,.14) 100%),
    linear-gradient(0deg,rgba(247,249,252,.98) 0%,rgba(255,255,255,.05) 44%),
    url('assets/hero-field.jpg');
  background-size:cover;
  background-position:center 54%;
  border-bottom:1px solid rgba(0,200,212,.16);
}
.hero:after{background:linear-gradient(transparent,var(--bg))}.hero-shine{background:radial-gradient(circle,rgba(0,200,212,.20),transparent 64%)}.badge{background:rgba(255,255,255,.74);color:#0797a2;border-color:rgba(0,200,212,.55);border-left-color:rgba(184,51,255,.65);box-shadow:0 12px 28px rgba(8,17,31,.08)}h1{color:#0b1220;text-shadow:0 8px 25px rgba(255,255,255,.72),0 3px 9px rgba(8,17,31,.08)}.hero-copy{color:#172033}.hero-copy strong{color:#07101f}.slogan{filter:drop-shadow(0 0 10px rgba(0,200,212,.18))}.btn-primary{color:white;box-shadow:0 16px 34px rgba(0,200,212,.22),0 8px 22px rgba(127,86,255,.16),inset 0 0 12px rgba(255,255,255,.22)}.btn-ghost{background:rgba(255,255,255,.72);color:#0b1220;border-color:rgba(0,200,212,.65);box-shadow:0 12px 30px rgba(8,17,31,.08)}
.section{background:transparent}.section-head h2{color:#0b1220}.section-head p,.kicker,.social-title{color:#0797a2}.features-section{background:linear-gradient(180deg,#f7f9fc 0%,#ffffff 100%)}.feature-card{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,248,253,.96));border:1px solid rgba(13,32,56,.13);box-shadow:0 22px 44px rgba(8,17,31,.09), inset 0 1px 0 rgba(255,255,255,.9)}.feature-card:before{background:radial-gradient(circle at 50% 10%,rgba(0,200,212,.13),transparent 36%)}.feature-card:hover{border-color:rgba(0,200,212,.56);box-shadow:0 26px 54px rgba(0,200,212,.13),0 14px 26px rgba(8,17,31,.08)}.feature-card h3{color:#0b1220}.feature-card p{color:#37465c}.feature-card svg{filter:drop-shadow(0 0 8px rgba(0,200,212,.30))}.stats{background:linear-gradient(90deg,#ffffff,#f2f8ff,#ffffff);border-block:1px solid rgba(13,32,56,.10)}.stats strong{text-shadow:0 0 14px rgba(0,200,212,.22)}.stats span{color:#0b1220}.stats-grid div+div:before{background:linear-gradient(transparent,rgba(0,200,212,.45),transparent)}.process{background:#fff;border-bottom:1px solid rgba(13,32,56,.08)}.steps:before{opacity:.55}.steps span{background:#ffffff}.steps h3{color:#0b1220}.steps p{color:#415069}.about{background:linear-gradient(180deg,#ffffff 0%,#f7f9fc 100%)}.big-logo:after{background:radial-gradient(ellipse,rgba(127,86,255,.28),rgba(0,200,212,.20) 50%,transparent 72%)}.big-logo img{filter:drop-shadow(0 0 11px rgba(127,86,255,.45)) drop-shadow(0 0 14px rgba(0,200,212,.35))}.about-copy h2{color:#0b1220}.about-copy p{color:#3c4b63}.about-copy strong{color:#0b1220}.domain-pill{background:#fff;color:#0797a2;box-shadow:0 12px 26px rgba(8,17,31,.06)}.waitlist{background:rgba(255,255,255,.92);border-color:var(--cyan);border-left-color:var(--mag);box-shadow:0 22px 46px rgba(8,17,31,.10),0 0 28px rgba(0,200,212,.09)}.waitlist p{color:#3d4c65}.waitlist input{background:#f7f9fc;color:#0b1220;border-color:rgba(13,32,56,.14)}.waitlist input::placeholder{color:#7b8797}.waitlist small{color:#718096}.social{background:#f7f9fc}.social-card{background:rgba(255,255,255,.92);border-color:rgba(0,200,212,.45);box-shadow:0 18px 38px rgba(8,17,31,.08)}.social-card b{color:#0b1220}.social-card em{color:#0797a2}footer{background:#fff;max-width:none;padding-inline:max(38px,calc((100vw - 1180px)/2 + 38px));border-top:1px solid rgba(13,32,56,.10);color:#637083}footer .footer-brand{color:#0b1220}footer a:hover{color:#0797a2}.page{background:linear-gradient(180deg,#fff,#f7f9fc);color:#0b1220}.legal p,.legal li,.contact p{color:#3c4b63}.contact-card{background:#fff;border-color:rgba(13,32,56,.12);box-shadow:0 18px 42px rgba(8,17,31,.08)}.toast{background:#fff;color:#0b1220;box-shadow:0 18px 42px rgba(8,17,31,.16)}
@media(max-width:740px){
  .nav-links{background:#fff;box-shadow:0 20px 45px rgba(8,17,31,.12)}
  .hero{background-image:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.70),rgba(255,255,255,.35)),linear-gradient(0deg,rgba(247,249,252,.98),rgba(255,255,255,.08)),url('assets/hero-field.jpg')}
  .hero-copy{color:#1b2638}.feature-card p,.steps p,.about-copy p{color:#3d4c65}.social-card{background:#fff}
}
.honeypot{position:absolute!important;left:-9999px!important;opacity:0!important;height:0!important;width:0!important;overflow:hidden!important}.toast.error{background:#fff0f0;border-color:#ffb3b3;color:#8a0e0e}.waitlist input,.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid rgba(13,21,40,.14);border-radius:18px;padding:16px 18px;font-family:Rajdhani,sans-serif;font-size:16px;background:rgba(255,255,255,.86);color:#0d1528;outline:none;box-shadow:0 10px 30px rgba(13,21,40,.05)}.waitlist input:focus,.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:rgba(0,200,212,.55);box-shadow:0 0 0 4px rgba(0,200,212,.12)}.contact-form{display:grid;gap:14px;max-width:640px;margin:30px auto 0}.contact-form textarea{min-height:150px;resize:vertical}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:start}.contact-note{background:rgba(255,255,255,.78);border:1px solid rgba(13,21,40,.08);border-radius:28px;padding:28px;box-shadow:0 24px 70px rgba(13,21,40,.08)}@media(max-width:800px){.contact-grid{grid-template-columns:1fr}}

/* === Retarival V2.3: hero color + premium custom icons === */
.hero{
  /* Same official hero image, but with less white wash so the grass, net and logo stay visible. */
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.80) 0%,rgba(255,255,255,.58) 34%,rgba(255,255,255,.20) 63%,rgba(255,255,255,.06) 100%),
    linear-gradient(0deg,rgba(247,249,252,.78) 0%,rgba(255,255,255,.02) 50%),
    url('assets/hero-field.jpg')!important;
  background-position:center 54%!important;
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 76% 50%, rgba(0,200,212,.12), transparent 34%),
    radial-gradient(circle at 62% 37%, rgba(168,59,255,.10), transparent 28%);
  mix-blend-mode:multiply;
  opacity:.85;
  z-index:0;
}
.hero-content{z-index:2}.hero-shine{opacity:.65}

/* Make the headline readable while keeping the image vivid. */
h1{ text-shadow:0 3px 0 rgba(255,255,255,.42),0 18px 34px rgba(8,17,31,.12)!important; }
.hero-copy{ text-shadow:0 1px 18px rgba(255,255,255,.45); }

/* Premium Retarival icon system: custom SVGs, not emojis or generic icon-library marks. */
.feature-card{
  padding:30px 20px 28px;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.feature-card:hover{ transform:translateY(-5px); }
.feature-card svg{
  width:66px!important;
  height:66px!important;
  margin-bottom:24px!important;
  stroke:url(#retarival-gradient)!important;
  fill:none!important;
  stroke-width:3.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  color:unset!important;
  filter:
    drop-shadow(0 0 6px rgba(168,59,255,.36))
    drop-shadow(0 0 9px rgba(0,200,212,.36))!important;
}
.feature-card:nth-child(2n) svg,
.feature-card:nth-child(3n) svg{ color:unset!important; stroke:url(#retarival-gradient)!important; }
.feature-card h3{
  background:linear-gradient(95deg,#0b1220 0%,#3927e9 42%,#00aeb9 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  font-weight:700;
}
.feature-card:hover svg{
  filter:
    drop-shadow(0 0 8px rgba(168,59,255,.55))
    drop-shadow(0 0 15px rgba(0,200,212,.55))!important;
}
.feature-card:hover:before{ opacity:1; background:radial-gradient(circle at 50% 12%,rgba(0,200,212,.20),transparent 38%); }

/* Slightly stronger card separation on the light theme. */
.feature-card{
  border-color:rgba(13,32,56,.16)!important;
  box-shadow:0 20px 44px rgba(8,17,31,.10), inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.feature-card:hover{
  border-color:rgba(0,200,212,.62)!important;
  box-shadow:0 28px 58px rgba(0,200,212,.15),0 16px 30px rgba(8,17,31,.09)!important;
}

@media(max-width:740px){
  .hero{
    background-image:
      linear-gradient(90deg,rgba(255,255,255,.86) 0%,rgba(255,255,255,.66) 46%,rgba(255,255,255,.27) 100%),
      linear-gradient(0deg,rgba(247,249,252,.78),rgba(255,255,255,.02)),
      url('assets/hero-field.jpg')!important;
    background-position:center right 30%!important;
  }
  .feature-card svg{width:72px!important;height:72px!important;}
}

/* === Retarival V2.4: portada menos nublada + iconos inline premium visibles === */
.hero{
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.58) 0%,rgba(255,255,255,.38) 35%,rgba(255,255,255,.10) 62%,rgba(255,255,255,0) 100%),
    linear-gradient(0deg,rgba(247,249,252,.42) 0%,rgba(255,255,255,0) 48%),
    url('assets/hero-field.jpg')!important;
  background-position:center 54%!important;
}
.hero:before{
  background:
    radial-gradient(circle at 73% 47%, rgba(0,200,212,.08), transparent 31%),
    radial-gradient(circle at 58% 35%, rgba(168,59,255,.08), transparent 28%)!important;
  mix-blend-mode:normal!important;
  opacity:.38!important;
}
.hero:after{height:52px!important;background:linear-gradient(transparent,rgba(255,255,255,.78))!important;}
.hero-shine{opacity:.35!important;}
.hero-copy{color:#142037!important;text-shadow:0 1px 12px rgba(255,255,255,.35)!important;}
.hero-copy strong{color:#07101f!important;}
h1{color:#09111f!important;text-shadow:0 2px 0 rgba(255,255,255,.30),0 16px 32px rgba(8,17,31,.12)!important;}
.badge{background:rgba(255,255,255,.55)!important;}

.feature-card svg.rt-icon{
  width:72px!important;
  height:72px!important;
  margin:0 auto 22px!important;
  display:block!important;
  fill:none!important;
  stroke-width:3.4!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  filter:drop-shadow(0 0 7px rgba(168,59,255,.30)) drop-shadow(0 0 10px rgba(0,200,212,.36))!important;
  opacity:1!important;
  visibility:visible!important;
}
.feature-card svg.rt-icon path,
.feature-card svg.rt-icon circle,
.feature-card svg.rt-icon rect{
  stroke:var(--icon-stroke,url(#g-rank));
  fill:none;
  vector-effect:non-scaling-stroke;
}
.feature-card svg.rt-icon .accent{opacity:.74;stroke-width:2.6!important;}
.feature-card .rt-trophy *{stroke:url(#g-rank)!important;}
.feature-card .rt-ball *{stroke:url(#g-ball)!important;}
.feature-card .rt-chart *{stroke:url(#g-chart)!important;}
.feature-card .rt-medal *{stroke:url(#g-medal)!important;}
.feature-card .rt-pin *{stroke:url(#g-pin)!important;}
.feature-card .rt-fire *{stroke:url(#g-fire)!important;}
.feature-card:hover svg.rt-icon{
  transform:translateY(-2px) scale(1.035);
  filter:drop-shadow(0 0 10px rgba(168,59,255,.48)) drop-shadow(0 0 17px rgba(0,200,212,.52))!important;
}
.feature-card{padding-top:34px!important;}
.feature-card h3{letter-spacing:1.6px!important;}

@media(max-width:740px){
  .hero{
    background-image:
      linear-gradient(90deg,rgba(255,255,255,.66) 0%,rgba(255,255,255,.46) 48%,rgba(255,255,255,.16) 100%),
      linear-gradient(0deg,rgba(247,249,252,.46),rgba(255,255,255,0)),
      url('assets/hero-field.jpg')!important;
    background-position:center right 34%!important;
  }
  .feature-card svg.rt-icon{width:78px!important;height:78px!important;}
}

/* === Retarival V2.5: hero natural color / no white fog ===
   User feedback: the hero looked like a soft white layer was sitting on top of
   the field. This override keeps the same official hero image but removes the
   milky wash so grass, net and logo have real color/protagonism. */
.hero{
  background-image:
    linear-gradient(90deg,
      rgba(255,255,255,.22) 0%,
      rgba(255,255,255,.14) 32%,
      rgba(255,255,255,.04) 58%,
      rgba(255,255,255,0) 100%),
    linear-gradient(0deg,
      rgba(247,249,252,.10) 0%,
      rgba(255,255,255,0) 46%),
    url('assets/hero-field.jpg')!important;
  background-position:center 54%!important;
  background-size:cover!important;
}
.hero:before{
  background:
    radial-gradient(circle at 72% 48%, rgba(0,200,212,.05), transparent 29%),
    radial-gradient(circle at 55% 34%, rgba(168,59,255,.05), transparent 25%)!important;
  opacity:.18!important;
  mix-blend-mode:normal!important;
}
.hero:after{
  height:28px!important;
  background:linear-gradient(transparent,rgba(255,255,255,.16))!important;
}
.hero .badge{
  background:rgba(255,255,255,.48)!important;
  backdrop-filter:blur(9px);
}
.hero-copy{
  text-shadow:0 1px 14px rgba(255,255,255,.35)!important;
}
h1{
  text-shadow:0 2px 0 rgba(255,255,255,.22),0 12px 28px rgba(8,17,31,.14)!important;
}

/* Keep feature icons visible in all browsers, even when SVG gradient URLs are
   handled differently inside <symbol>/<defs>. */
.feature-card svg path,
.feature-card svg circle,
.feature-card svg rect{
  vector-effect:non-scaling-stroke;
}
.feature-card svg{
  stroke:#5f7cff!important;
}
.feature-card:nth-child(1) svg,
.feature-card:nth-child(5) svg{stroke:#00aeb9!important;}
.feature-card:nth-child(2) svg,
.feature-card:nth-child(4) svg,
.feature-card:nth-child(6) svg{stroke:#8f46ff!important;}
.feature-card:nth-child(3) svg{stroke:#b33bff!important;}

@media(max-width:740px){
  .hero{
    background-image:
      linear-gradient(90deg,
        rgba(255,255,255,.26) 0%,
        rgba(255,255,255,.16) 44%,
        rgba(255,255,255,.05) 100%),
      linear-gradient(0deg,
        rgba(247,249,252,.08) 0%,
        rgba(255,255,255,0) 46%),
      url('assets/hero-field.jpg')!important;
    background-position:center right 32%!important;
  }
  .hero:after{background:linear-gradient(transparent,rgba(255,255,255,.10))!important;}
  .hero .badge{background:rgba(255,255,255,.42)!important;}
}

/* === Retarival V2.6: legibilidad del hero + iconos menos saturados ===
   Correcciones solicitadas:
   1) Reducir el glow cyan alrededor de los iconos de las tarjetas.
   2) Hacer más legibles los textos del hero.
   3) Cambiar el color de "Reta y sé el protagonista" porque el gradiente anterior
      se perdía contra el verde/morado del fondo.
*/

/* Iconos: sin halo neón exagerado. Mantienen color de marca, pero más limpios. */
.feature-card:before{
  opacity:.32!important;
  background:radial-gradient(circle at 50% 12%, rgba(0,174,185,.055), transparent 38%)!important;
}
.feature-card:hover:before{
  opacity:.46!important;
  background:radial-gradient(circle at 50% 12%, rgba(0,174,185,.085), transparent 40%)!important;
}
.feature-card svg,
.feature-card svg.rt-icon{
  filter:drop-shadow(0 2px 5px rgba(7,16,31,.08))!important;
  stroke-width:2.35!important;
}
.feature-card:hover svg,
.feature-card:hover svg.rt-icon{
  filter:drop-shadow(0 3px 8px rgba(7,16,31,.12))!important;
  transform:translateY(-2px) scale(1.025)!important;
}
.feature-card svg.rt-icon .accent{
  opacity:.62!important;
  stroke-width:2.35!important;
}

/* Hero: mantener la foto visible, pero mejorar lectura del texto. */
.slogan{
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:#111b32!important;
  text-shadow:0 2px 14px rgba(255,255,255,.82), 0 1px 2px rgba(255,255,255,.58)!important;
  filter:none!important;
  font-weight:800!important;
}
.hero-copy{
  font-size:24px!important;
  line-height:1.5!important;
  font-weight:500!important;
  color:#111b32!important;
  text-shadow:0 2px 12px rgba(255,255,255,.78), 0 1px 2px rgba(255,255,255,.5)!important;
  max-width:680px;
}
.hero-copy strong{
  font-size:1.04em!important;
  font-weight:800!important;
  color:#07101f!important;
  text-shadow:0 2px 12px rgba(255,255,255,.86)!important;
}

/* Badge un poco menos translúcido para que no parezca nube encima del hero. */
.hero .badge{
  background:rgba(255,255,255,.52)!important;
  backdrop-filter:blur(5px)!important;
}

@media(max-width:760px){
  .slogan{
    font-size:38px!important;
    letter-spacing:7px!important;
    line-height:1.14!important;
    color:#111b32!important;
  }
  .hero-copy{
    font-size:28px!important;
    line-height:1.54!important;
    max-width:100%;
  }
  .hero-copy strong{
    font-size:1.02em!important;
  }
  .feature-card:before{
    opacity:.24!important;
  }
  .feature-card svg.rt-icon,
  .feature-card svg{
    filter:drop-shadow(0 2px 4px rgba(7,16,31,.08))!important;
  }
}

@media(max-width:420px){
  .slogan{font-size:33px!important;letter-spacing:6px!important;}
  .hero-copy{font-size:24px!important;}
}

/* === Retarival V2.7: Mobile-first responsive correction ===
   Desktop stays as approved. These rules only activate on tablets/phones.
   Goal: no desktop layout squeezed into phone, less endless scroll, better mobile hierarchy.
*/
@media (max-width: 900px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;}
  .nav{position:sticky;top:0;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px);}
  .nav-inner{height:84px;padding:0 22px;max-width:100%;}
  .brand{gap:14px;font-size:34px;letter-spacing:6px;color:#081122;}
  .brand img{width:54px;height:54px;filter:drop-shadow(0 0 9px rgba(90,108,255,.32));}
  .menu-toggle{display:flex;width:44px;height:32px;}
  .menu-toggle span{height:4px;background:#07101f;}
  .nav-links{position:absolute;top:84px;left:14px;right:14px;display:none;flex-direction:column;gap:0;padding:12px;background:rgba(255,255,255,.96);border:1px solid rgba(13,32,56,.10);border-radius:18px;box-shadow:0 22px 50px rgba(8,17,31,.16);}
  .nav-links.open{display:flex;}
  .nav-links a{width:100%;padding:15px 18px;color:#07101f!important;opacity:1;}
  .nav-links a.active:after{display:none;}
  .nav-cta{border-radius:14px;text-align:center;border-color:rgba(0,200,212,.5);}

  .hero{min-height:auto;padding:46px 7vw 42px!important;border-bottom:1px solid rgba(13,32,56,.08);background-size:cover!important;background-position:center right 34%!important;}
  .hero:before{display:none!important;}
  .hero:after{display:none!important;}
  .hero-shine{display:none!important;}
  .hero-content{max-width:100%;}
  .badge{font-size:18px!important;letter-spacing:3.2px!important;padding:14px 18px!important;border-radius:12px!important;max-width:100%;background:rgba(255,255,255,.58)!important;color:#088a95!important;}
  h1{font-size:clamp(70px,20vw,110px)!important;line-height:.86!important;letter-spacing:6px!important;margin-top:30px!important;color:#081122!important;text-shadow:0 2px 10px rgba(255,255,255,.46)!important;}
  .slogan{font-size:clamp(31px,8vw,44px)!important;line-height:1.08!important;letter-spacing:6px!important;margin:16px 0 24px!important;color:#121b31!important;text-shadow:0 2px 10px rgba(255,255,255,.55)!important;}
  .hero-copy{font-size:clamp(21px,5.7vw,27px)!important;line-height:1.42!important;color:#121b31!important;max-width:100%!important;text-shadow:0 2px 10px rgba(255,255,255,.58)!important;}
  .hero-copy strong{display:block;margin-top:8px;font-size:1.02em!important;color:#07101f!important;}
  .actions{display:grid;grid-template-columns:1fr;gap:16px;margin-top:32px;}
  .btn{height:58px;width:100%;padding:0 20px;font-size:18px;letter-spacing:2px;border-radius:8px;}

  .section{padding:42px 20px!important;}
  .section-head h2{font-size:38px;letter-spacing:4px;margin-bottom:24px;}
  .section-head p{font-size:13px;letter-spacing:2.5px;}

  .features-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;max-width:100%;}
  .feature-card{min-height:190px!important;padding:22px 12px 18px!important;border-radius:16px!important;}
  .feature-card svg.rt-icon,.feature-card svg{width:48px!important;height:48px!important;margin-bottom:14px!important;filter:drop-shadow(0 2px 4px rgba(7,16,31,.08))!important;stroke-width:2.45!important;}
  .feature-card h3{font-size:19px!important;line-height:1.05!important;letter-spacing:1.2px!important;margin-bottom:10px!important;}
  .feature-card p{font-size:14.5px!important;line-height:1.36!important;color:#435169!important;}

  .stats{padding:24px 12px!important;}
  .stats-grid{grid-template-columns:repeat(3,1fr);gap:0;max-width:100%;}
  .stats strong{font-size:42px;}
  .stats span{font-size:14px;letter-spacing:1px;}

  .steps{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;margin-top:18px!important;}
  .steps:before{display:none!important;}
  .steps article{display:grid;grid-template-columns:58px 1fr;column-gap:15px;align-items:start;padding:16px;border:1px solid rgba(13,32,56,.10);border-radius:18px;background:rgba(255,255,255,.86);box-shadow:0 14px 34px rgba(8,17,31,.06);}
  .steps span{grid-row:1 / span 2;width:50px;height:50px;margin:0!important;font-size:18px;background:#fff;}
  .steps h3{font-size:19px;margin-top:2px;}
  .steps p{font-size:15.5px;line-height:1.35;margin-top:7px;}

  .about-grid{grid-template-columns:1fr!important;gap:20px!important;text-align:left;max-width:100%;}
  .big-logo{width:112px;height:112px;margin:0 auto 4px;}
  .big-logo img{width:112px;}
  .about-copy h2{font-size:44px;letter-spacing:5px;}
  .about-copy p{font-size:17px;line-height:1.45;}
  .domain-pill{width:100%;}
  .waitlist{padding:24px 18px!important;border-radius:18px;}
  .waitlist h2{font-size:29px;line-height:1.05;text-align:center;}
  .waitlist p{text-align:center;}

  .social-grid{grid-template-columns:1fr!important;gap:14px!important;}
  .social-card{height:72px;border-radius:16px;padding:0 22px;}
  footer{padding:28px 20px!important;display:grid!important;gap:16px;text-align:center;justify-items:center;}
}

@media (max-width: 430px){
  .brand{font-size:30px;letter-spacing:5px;}
  .brand img{width:48px;height:48px;}
  .nav-inner{height:78px;padding:0 20px;}
  .nav-links{top:78px;}
  .hero{padding:38px 24px 40px!important;background-position:center right 28%!important;}
  .badge{font-size:16px!important;letter-spacing:2.6px!important;padding:12px 15px!important;}
  h1{font-size:72px!important;letter-spacing:5px!important;margin-top:26px!important;}
  .slogan{font-size:31px!important;letter-spacing:5px!important;}
  .hero-copy{font-size:22px!important;}
  .btn{font-size:17px;height:56px;}
  .features-grid{grid-template-columns:1fr!important;gap:16px!important;}
  .feature-card{min-height:unset!important;padding:28px 22px!important;}
  .feature-card svg.rt-icon,.feature-card svg{width:58px!important;height:58px!important;}
  .feature-card h3{font-size:26px!important;}
  .feature-card p{font-size:18px!important;line-height:1.42!important;}
}

/* === Retarival V2.8 final design polish ===
   Último ajuste visual solicitado: el logo oficial debe verse nítido,
   corporativo y sin halo/sombra neón alrededor. El hero y los iconos se mantienen.
*/
.big-logo:after{
  display:none!important;
  content:none!important;
}
.big-logo img,
.about .big-logo img,
.big-logo img[alt="Retarival"]{
  filter:drop-shadow(0 4px 10px rgba(7,16,31,.10))!important;
  box-shadow:none!important;
}
.footer-brand img{
  filter:drop-shadow(0 2px 4px rgba(7,16,31,.08))!important;
  box-shadow:none!important;
}
.brand img{
  filter:drop-shadow(0 2px 5px rgba(7,16,31,.10))!important;
}
@media(max-width:900px){
  .brand img{filter:drop-shadow(0 2px 5px rgba(7,16,31,.10))!important;}
  .big-logo img{filter:drop-shadow(0 3px 8px rgba(7,16,31,.10))!important;}
}