:root{
  --azul:#0D3B92;
  --grafito:#27303A;
  --aqua:#18B6D9;
  --gris:#DDE3EA;
  --blanco:#FFFFFF;
  --dark:#07111f;
  --deep:#04102a;
  --muted:#9fb0c5;
  --radius:28px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--dark);color:var(--blanco);overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 10%,rgba(24,182,217,.23),transparent 28%),radial-gradient(circle at 80% 20%,rgba(13,59,146,.45),transparent 32%),linear-gradient(135deg,#06101d,#10233c 45%,#07111f);z-index:-3}.noise{position:fixed;inset:0;opacity:.08;pointer-events:none;z-index:-2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.nav{position:fixed;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 46px;z-index:20;background:rgba(5,15,30,.55);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.brand img{height:44px;border-radius:12px}.nav nav{display:flex;gap:28px}.nav a{color:var(--blanco);text-decoration:none;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.nav nav a{opacity:.78}.nav nav a:hover{opacity:1;color:var(--aqua)}.nav-cta{border:1px solid rgba(255,255,255,.22);padding:13px 18px;border-radius:999px;background:rgba(255,255,255,.06)}
.section-full{min-height:100vh}.hero{position:relative;display:grid;grid-template-columns:.9fr 1.2fr;align-items:center;gap:40px;padding:130px 7vw 70px}.hero-bg-word{position:absolute;top:110px;left:6vw;font-size:14vw;font-weight:900;letter-spacing:-.08em;opacity:.035;white-space:nowrap}.eyebrow{color:var(--aqua);font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:12px;margin-bottom:18px}.hero h1,.copy h2,.section-title h2,.service h2,.final-cta h2{font-size:clamp(44px,7vw,108px);line-height:.88;letter-spacing:-.06em;text-transform:uppercase}.hero-sub,.copy p,.service-copy p,.final-cta p{font-size:clamp(17px,1.4vw,22px);line-height:1.6;color:#c3d1e2;max-width:720px;margin-top:26px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:17px 24px;border-radius:999px;text-decoration:none;text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:900}.btn.primary{background:linear-gradient(135deg,var(--aqua),var(--azul));color:white;box-shadow:0 18px 45px rgba(24,182,217,.23)}.btn.ghost{color:white;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06)}
.hero-visual{position:relative}.screen-frame,.device{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:12px;box-shadow:0 40px 100px rgba(0,0,0,.45),0 0 80px rgba(24,182,217,.13);transform:perspective(1100px) rotateY(-7deg) rotateX(4deg)}.screen-frame img,.device img{width:100%;display:block;border-radius:18px}.main-shot{animation:float 6s ease-in-out infinite}.floating-card{position:absolute;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(16px);box-shadow:0 20px 50px rgba(0,0,0,.25)}.floating-card strong{display:block;font-size:18px}.floating-card span{display:block;color:#c5d5e7;font-size:13px;margin-top:4px}.card-a{left:-20px;bottom:14%}.card-b{right:0;top:10%}.scroll-hint{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:#9fb0c5}
.statement{padding:130px 7vw;background:#fff;color:#07111f}.statement-inner{display:grid;grid-template-columns:140px 1fr;gap:44px;align-items:center}.statement img{width:130px;border-radius:28px}.statement h2{font-size:clamp(34px,5vw,76px);line-height:1;text-transform:uppercase;letter-spacing:-.05em;max-width:1100px}.showcase{padding:120px 7vw;display:grid;grid-template-columns:.78fr 1.22fr;gap:60px;align-items:center;background:#eef3f8;color:#07111f}.showcase.dark{background:linear-gradient(135deg,#07111f,#0b2557);color:white}.reverse{grid-template-columns:1.18fr .82fr}.copy h2{font-size:clamp(36px,5vw,76px)}.copy p{color:inherit;opacity:.74}.copy ul{margin-top:28px;display:grid;gap:12px;list-style:none}.copy li{padding:14px 18px;border-radius:14px;background:rgba(13,59,146,.08);border:1px solid rgba(13,59,146,.12);font-weight:700}.dark .copy li{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}.device{transform:none;padding:10px;background:white}.dark .device{background:rgba(255,255,255,.08)}
.features{padding:120px 7vw;background:#07111f}.section-title{max-width:940px}.feature-grid{margin-top:54px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{min-height:250px;padding:30px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);transition:.35s}.feature:hover{transform:translateY(-8px);border-color:rgba(24,182,217,.55)}.feature span{color:var(--aqua);font-weight:900;letter-spacing:.16em}.feature h3{font-size:30px;text-transform:uppercase;margin:50px 0 14px}.feature p{color:#bdcce0;line-height:1.55}.gallery{padding:80px 0;background:#fff;overflow:hidden}.gallery-track{display:flex;gap:28px;width:max-content;animation:marquee 45s linear infinite}.gallery img{height:430px;border-radius:26px;box-shadow:0 30px 80px rgba(7,17,31,.16);border:1px solid #dce4ee}.service{padding:130px 7vw;display:flex;align-items:center;justify-content:space-between;gap:70px;background:linear-gradient(135deg,#030814,#092b65 65%,#06101d)}.service-copy{max-width:950px}.metrics{display:grid;gap:18px;min-width:300px}.metrics div{padding:30px;border-radius:22px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13)}.metrics strong{font-size:54px;display:block;color:var(--aqua)}.metrics span{color:#c9d6e7}.login-section{padding:120px 7vw;background:#edf3f8;color:#07111f;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.login-device img{max-height:520px;object-fit:cover;object-position:center}.final-cta{padding:150px 7vw;text-align:center;background:#fff;color:#07111f}.final-logo{width:min(720px,90%);border-radius:22px;margin-bottom:44px}.final-cta p{margin-left:auto;margin-right:auto;color:#516173}.final-cta .hero-actions{justify-content:center}.final-cta .btn.ghost{color:#07111f;border-color:#cbd5e1;background:#fff}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease, transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}.delay{transition-delay:.16s}@keyframes float{0%,100%{transform:perspective(1100px) rotateY(-7deg) rotateX(4deg) translateY(0)}50%{transform:perspective(1100px) rotateY(-7deg) rotateX(4deg) translateY(-16px)}}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:980px){.nav{padding:0 20px}.nav nav{display:none}.hero,.showcase,.reverse,.login-section{grid-template-columns:1fr}.hero{padding-top:120px}.feature-grid{grid-template-columns:1fr}.statement-inner{grid-template-columns:1fr}.service{display:block}.metrics{margin-top:40px}.gallery img{height:260px}.hero h1,.copy h2,.section-title h2,.service h2,.final-cta h2{letter-spacing:-.04em}.floating-card{display:none}}

/* Escáner y trazabilidad en tiempo real */
.scanner-showcase{position:relative;overflow:hidden;padding:135px 7vw;display:grid;grid-template-columns:.82fr 1.18fr;gap:72px;align-items:center;background:linear-gradient(145deg,#030814 0%,#071a38 48%,#0d3b92 100%)}
.scanner-showcase::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-140px;top:-160px;background:radial-gradient(circle,rgba(24,182,217,.28),transparent 68%);filter:blur(8px)}
.scanner-copy{position:relative;z-index:2}.scanner-copy h2{font-size:clamp(40px,5.7vw,86px);line-height:.92;letter-spacing:-.055em;text-transform:uppercase}.scanner-copy>p{font-size:clamp(17px,1.3vw,21px);line-height:1.65;color:#c6d4e7;margin-top:26px;max-width:760px}
.scanner-points{display:grid;gap:13px;margin-top:34px}.scanner-points div{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:14px;padding:15px 18px;border-radius:17px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px)}.scanner-points strong{color:var(--aqua);font-size:13px;letter-spacing:.15em}.scanner-points span{color:#eef7ff;font-weight:750}
.scanner-visual{position:relative;min-height:690px}.phone{position:absolute;border-radius:34px;padding:9px;background:linear-gradient(145deg,rgba(255,255,255,.38),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.28);box-shadow:0 35px 100px rgba(0,0,0,.48),0 0 55px rgba(24,182,217,.12);overflow:hidden}.phone img{display:block;width:100%;border-radius:26px}.phone-main{width:min(360px,55%);left:50%;top:20px;transform:translateX(-50%);z-index:3}.phone-left{width:min(285px,42%);left:0;top:150px;transform:rotate(-7deg);z-index:1;opacity:.92}.phone-right{width:min(285px,42%);right:0;top:190px;transform:rotate(7deg);z-index:2;opacity:.95}.scanner-badge{position:absolute;z-index:4;left:50%;bottom:22px;transform:translateX(-50%);width:max-content;max-width:90%;padding:17px 22px;border-radius:999px;background:rgba(4,16,42,.78);border:1px solid rgba(24,182,217,.5);backdrop-filter:blur(16px);box-shadow:0 18px 55px rgba(0,0,0,.32)}.scanner-badge span{display:block;color:var(--aqua);font-size:10px;font-weight:900;letter-spacing:.22em}.scanner-badge strong{display:block;margin-top:5px;font-size:15px}
.scanner-flow{padding:120px 7vw;background:#eef3f8;color:#07111f}.scanner-flow .section-title h2{font-size:clamp(38px,5.3vw,78px)}.scanner-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:52px}.scanner-step{display:flex;flex-direction:column;min-height:610px;border-radius:25px;padding:24px;background:white;border:1px solid #d8e1ec;box-shadow:0 24px 65px rgba(7,17,31,.09);overflow:hidden}.scanner-step>span{font-size:12px;color:var(--azul);font-weight:900;letter-spacing:.16em}.scanner-step h3{font-size:27px;text-transform:uppercase;margin-top:20px}.scanner-step p{color:#5f6f82;line-height:1.55;margin:12px 0 22px}.scanner-step img{width:100%;height:390px;object-fit:cover;object-position:top;border-radius:19px;margin-top:auto;border:1px solid #e2e8f0}.scanner-step:hover{transform:translateY(-8px);transition:.35s;border-color:rgba(24,182,217,.7)}
@media (max-width:1100px){.scanner-showcase{grid-template-columns:1fr}.scanner-visual{min-height:660px}.scanner-flow-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:680px){.scanner-showcase{padding:105px 20px 80px}.scanner-visual{min-height:560px}.phone-main{width:68%}.phone-left,.phone-right{width:46%;top:160px}.scanner-badge{bottom:0;font-size:12px}.scanner-flow{padding:85px 20px}.scanner-flow-grid{grid-template-columns:1fr}.scanner-step{min-height:560px}.scanner-step img{height:360px}}