:root{--navy:#07366d;--deep:#052b59;--blue:#087cf0;--sky:#27b7ef;--pale:#eaf7ff;--yellow:#ffd633;--text:#0b315e;--muted:#647f9e;--white:#fff;--shadow:0 20px 60px rgba(4,53,105,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:"DM Sans",sans-serif;background:#fff;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:#fff;padding:12px 18px;border-radius:10px}.skip-link:focus{top:16px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:#78bdf2;font-size:.78rem}.site-header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(10,106,186,.08)}.nav-wrap{height:94px;display:flex;align-items:center;gap:34px}.brand{width:280px;flex:0 0 auto}.brand img{width:100%;height:auto}.site-header nav{display:flex;align-items:center;gap:30px;margin-left:auto}.site-header nav a{font-weight:600;color:#6e82a0;position:relative}.site-header nav a:hover,.site-header nav a.active{color:var(--blue)}.site-header nav a.active:after{content:"";position:absolute;height:3px;border-radius:3px;left:0;right:0;bottom:-15px;background:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:linear-gradient(135deg,#0a86f6,#0062df);color:#fff;font-weight:800;border-radius:999px;padding:16px 26px;box-shadow:0 12px 28px rgba(2,112,228,.27);border:0;transition:.25s transform,.25s box-shadow}.button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(2,112,228,.34)}.button-small{padding:13px 22px}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:5px}
.hero{position:relative;padding:165px 0 84px;min-height:760px;overflow:hidden;background:linear-gradient(160deg,#fff 12%,#eff9ff 57%,#d7efff);isolation:isolate}.hero-art{position:absolute;inset:0;background:url("assets/hero-superior.png") bottom center/cover no-repeat;opacity:.3;z-index:-1}.hero-glow{position:absolute;width:560px;height:560px;right:3%;top:15%;border-radius:50%;background:radial-gradient(circle,rgba(58,187,245,.2),transparent 66%);z-index:-1}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:34px;align-items:center}.hero-copy{padding-top:15px}.hero h1,.section-heading h2,.section-copy h2,.family-message h2{font-family:"Nunito",sans-serif;margin:.3em 0;line-height:1.03;color:var(--navy);letter-spacing:-.035em}.hero h1{font-size:clamp(2.65rem,5vw,4.4rem);max-width:640px}.hero h1 span,.section-heading h2 span,.section-copy h2 span,.family-message h2 span{color:var(--blue)}.lede{font-size:1.08rem;line-height:1.7;color:var(--muted);max-width:590px}.hero-actions{display:flex;gap:14px;margin:30px 0}.button-ghost{background:rgba(255,255,255,.78);color:var(--blue);border:2px solid #7bbdf6;box-shadow:none}.play-mini{border:2px solid;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:.65rem;padding-left:2px}.hero-points{list-style:none;display:flex;gap:26px;padding:0;margin:38px 0 0;color:#7890ad;font-size:.79rem}.hero-points li{display:flex;align-items:center;gap:8px;max-width:140px}.hero-points span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e1f4ff;color:var(--blue);font-size:1rem;flex:0 0 auto}
.product-scene{position:relative;height:530px}.laptop{position:absolute;width:77%;height:60%;left:0;top:20%;background:#152d42;border:9px solid #152d42;border-radius:16px 16px 7px 7px;transform:perspective(900px) rotateY(-4deg);box-shadow:0 28px 45px rgba(6,48,87,.26)}.laptop:after{content:"";position:absolute;left:-6%;right:-6%;height:14px;bottom:-22px;border-radius:4px 4px 20px 20px;background:linear-gradient(#d5e4ed,#8aa2b6)}.laptop-screen{height:100%;padding:54px 34px;background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(221,247,255,.68)),url("assets/maqueta.jpg") center/cover;border-radius:7px;color:var(--navy)}.mock-brand{display:flex;align-items:center;gap:9px}.mock-brand img{width:27px;border-radius:7px}.laptop-screen p{font-family:"Nunito";font-size:2rem;line-height:1.05;margin:28px 0 10px}.laptop-screen small{color:#6b85a4}.phone{position:absolute;right:3%;top:17%;height:71%;aspect-ratio:1048/2048;width:auto;background:#fff;border:8px solid #152d42;border-radius:30px;padding:0;overflow:hidden;box-shadow:0 28px 48px rgba(6,48,87,.3);z-index:3}.phone-shot{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.floating-icon{position:absolute;width:104px;top:2%;left:39%;border-radius:25px;box-shadow:0 18px 32px rgba(3,67,129,.35);z-index:5}.video-orb{position:absolute;left:46%;top:49%;z-index:6;width:96px;height:96px;border-radius:50%;background:linear-gradient(145deg,#20a5ff,#0065ec);border:8px solid rgba(255,255,255,.72);display:grid;place-items:center;color:#fff;font-size:2rem;box-shadow:0 10px 30px rgba(0,103,229,.4)}.video-orb span{margin-left:6px}.note{position:absolute;font-family:"Nunito";font-style:italic;color:#5278a2;transform:rotate(-6deg);font-size:1rem}.note-top{right:0;top:0}.note-bottom{bottom:0;left:35%}.sun-mark{position:absolute;right:4%;bottom:5%;width:120px;height:120px;border-radius:50%;background:var(--yellow);opacity:.55}
.video-section{padding:90px 0;background:#f6fbff}.video-grid{display:grid;grid-template-columns:.38fr .62fr;align-items:center;gap:58px}.section-copy h2,.section-heading h2,.family-message h2{font-size:clamp(2.15rem,4vw,3.35rem)}.section-copy p:not(.eyebrow){color:var(--muted);line-height:1.7}.video-frame{border-radius:28px;padding:10px;background:linear-gradient(135deg,#fff,#bce8ff);box-shadow:var(--shadow)}video{display:block;width:100%;aspect-ratio:16/9;border-radius:20px;background:#052b59;object-fit:cover}
.features{padding:100px 0 120px;background:linear-gradient(#fff,#f4fbff)}.section-heading{text-align:center;max-width:800px;margin:0 auto 50px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:rgba(255,255,255,.92);padding:38px 34px;border-radius:28px;text-align:center;box-shadow:var(--shadow);border:1px solid rgba(56,145,213,.1);transition:.25s transform}.feature-card:hover{transform:translateY(-7px)}.feature-card h3{font-family:"Nunito";font-size:1.45rem;margin:20px 0 8px}.feature-card p{color:#748aa6;line-height:1.65;margin:0}.feature-icon{width:142px;height:112px;margin:auto;display:grid;place-items:center}.feature-icon img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:18px}
.family-section{position:relative;min-height:590px;overflow:hidden;background:linear-gradient(135deg,#f4fbff 0%,#d9f1ff 52%,#b9e4fb 100%);border-top:1px solid rgba(31,132,211,.12)}.family-art{position:absolute;inset:0;background:url("assets/fondo-final.png") bottom center/cover no-repeat;opacity:.3}.family-content{position:relative;z-index:1;min-height:590px;display:flex;align-items:center}.family-message{width:53%;padding:60px 0}.family-message p:not(.eyebrow){line-height:1.7;color:#587999;max-width:560px}.family-message .button{margin-top:18px}.scout-badge{position:absolute;right:1%;top:12%;display:flex;align-items:center;font-family:"Nunito";font-style:italic;color:#4e7195;transform:rotate(-4deg)}.scout-badge span{font-size:1.05rem}
footer{background:linear-gradient(90deg,#042b58,#063f7e);color:#c7d9eb;padding:28px 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr auto;align-items:center;gap:30px;font-size:.78rem}.footer-grid>div{display:flex;align-items:center;gap:10px}.footer-grid img{width:30px;border-radius:8px}.footer-grid i{height:18px;width:1px;background:#5c7c9f}.footer-grid nav{display:flex;gap:20px}.footer-grid p{font-family:"Nunito";font-style:italic;margin:0}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease opacity,.7s ease transform}.reveal.visible{opacity:1;transform:none}
@media (max-width:980px){.brand{width:220px}.site-header nav{position:absolute;left:20px;right:20px;top:82px;background:white;border-radius:20px;box-shadow:var(--shadow);padding:22px;display:none;flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.hero-grid,.video-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero h1,.lede{margin-left:auto;margin-right:auto}.hero-actions,.hero-points{justify-content:center}.product-scene{max-width:680px;width:100%;margin:auto}.video-grid{gap:32px}.section-copy{text-align:center}.feature-grid{grid-template-columns:1fr;max-width:620px;margin:auto}.family-message{width:67%}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-grid>div,.footer-grid nav{justify-content:center}.site-header>.shell>.button-small{display:none}}
@media (max-width:640px){.shell{width:min(100% - 28px,1160px)}.nav-wrap{height:78px}.brand{width:185px}.hero{padding-top:120px}.hero h1{font-size:2.55rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-points{display:grid;grid-template-columns:1fr;justify-items:start;text-align:left;width:max-content;max-width:100%;margin-inline:auto}.hero-points li{max-width:none}.product-scene{height:420px}.laptop{width:87%;height:58%;top:24%}.laptop-screen{padding:38px 20px}.laptop-screen p{font-size:1.35rem}.phone{height:70%;padding:0;border-width:6px}.floating-icon{width:72px;left:37%}.video-orb{width:72px;height:72px;font-size:1.4rem;left:43%}.note{display:none}.family-art{background-size:auto 100%;background-position:70% bottom;opacity:.3}.family-message{width:100%;text-align:center;padding:75px 0 210px}.family-message p{margin-inline:auto}.scout-badge{right:50%;transform:translateX(50%) rotate(-4deg);top:auto;bottom:40px}.footer-grid>div{flex-wrap:wrap}.footer-grid nav{flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.feature-card{transition:none}}
.nav-wrap{height:130px;padding-top:10px}
@media (max-width:640px){.nav-wrap{height:98px;padding-top:8px}.hero{padding-top:145px}}

.footer-grid{grid-template-columns:1.5fr 1fr auto auto}
.social-links{display:flex;align-items:center;gap:9px;white-space:nowrap}
.social-links>span{margin-right:2px;font-weight:700;color:#fff}
.social-links a{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#fff;background:rgba(255,255,255,.08);transition:.2s ease transform,.2s ease background-color,.2s ease border-color}
.social-links a:hover,.social-links a:focus-visible{transform:translateY(-2px);background:#087ef0;border-color:#62b8ff;outline:none}
.social-links svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.social-links .social-dot,.social-links path{fill:currentColor;stroke:none}
@media (max-width:1100px){.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>p{justify-self:end}.social-links{justify-content:flex-end}}
@media (max-width:980px){.footer-grid{grid-template-columns:1fr}.footer-grid>p{justify-self:center}.social-links{justify-content:center}}
.hero-art{background-position:top center;background-size:100% auto}
.feature-card:nth-child(3) .feature-icon img{object-fit:cover;object-position:center;transform:translateY(22px)}
.video-frame{scroll-margin-top:150px}
@media (max-width:640px){.video-frame{scroll-margin-top:112px}}
.features{padding:40px 0 48px;scroll-margin-top:130px}
.features .section-heading{margin-bottom:24px}
.features .section-heading h2{font-size:clamp(2rem,3vw,2.75rem)}
.features .feature-card{padding:24px 28px}
.features .feature-icon{width:118px;height:92px}
.features .feature-card h3{margin:12px 0 6px;font-size:1.35rem}
.features .feature-card p{line-height:1.48}
@media (max-width:980px){.features{padding:72px 0 82px;scroll-margin-top:100px}.features .section-heading{margin-bottom:36px}.features .feature-card{padding:32px 30px}.features .feature-icon{width:132px;height:104px}}
@media (min-width:981px){
  .hero{min-height:auto;padding:150px 0 48px}
  .hero h1{font-size:clamp(2.3rem,3.6vw,3.3rem)}
  .hero .lede{line-height:1.55}
  .hero-actions{margin:16px 0}
  .hero-points{margin-top:14px}
  .product-scene{height:400px}
  .floating-icon{width:88px}
  .video-orb{width:82px;height:82px;font-size:1.7rem}
}