:root{--display:"Segoe UI",Arial,sans-serif;--paper:#081527;--muted:#acbcd0;--line:#273e58;--cyan:#56d9ed;--mono:"Segoe UI",Arial,sans-serif}
body{background:#081527;color:#eef4fc}.site-header{position:fixed;top:max(16px,env(safe-area-inset-top));left:20px;right:20px;width:min(850px,calc(100% - 40px));padding:10px 16px 10px 22px;background:rgba(14,33,55,.76);border:1px solid #ffffff25;border-radius:99px;backdrop-filter:blur(24px);box-shadow:0 8px 40px #0003}.brand{letter-spacing:.1em;font-size:15px}.brand-mark{font-family:Arial,sans-serif;font-style:normal}nav{gap:22px}.nav-ticket{background:#e9f7fc;color:#0b2440;border:0}nav .nav-ticket:hover{color:#0b2440;background:#56d9ed}.hero{min-height:100svh;padding:170px max(5vw,24px) 110px;grid-template-columns:1fr 1fr;gap:4vw;background:radial-gradient(ellipse at 85% 55%,#164e733b,transparent 55%),#071322}.hero:before{display:none}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.14em}.hero h1{font-weight:500;line-height:1.07;font-size:clamp(44px,5.4vw,84px);letter-spacing:-.065em}.hero h1 em{font-style:normal;color:#8eb9d9}.hero-lead{font-size:18px;max-width:540px;color:#b0bfd0}.hero-actions{gap:12px}.button{font-weight:500}.button-primary{background:#c3f5fd}.signal-board{transform:none;background:#10253b;border-radius:20px;padding:12px;overflow:hidden}.board-head{font-family:inherit;font-size:12px}.signal-board .signal,.signal-line{display:none}.signal-board:after{content:"Nexus · De la información a la decisión";display:block;font-size:13px;color:#acc4da;padding:16px 5px 4px}.hero-screen{width:100%;border-radius:10px;margin-top:12px;aspect-ratio:1.48;object-fit:cover;object-position:top}.hero .live{color:#a5c8df}.hero .live i{display:none}.intro{background:#081527;padding:90px max(5vw,24px) 64px;gap:36px}.intro h2,.custom h2,.final-cta h2{font-weight:500;line-height:1.1;font-size:clamp(34px,4.2vw,62px);letter-spacing:-.05em}.intro>p:last-child{color:#a5b7cb;font-size:18px}.custom{background:#0c2037}.final-cta{background:#102b48}.final-cta h2{font-size:clamp(48px,7vw,96px)}footer{background:#071322}dialog{color:#132b47}dialog .privacy-copy{color:#53647a}.dialog-head button{min-height:44px;min-width:44px}.footer-links a,.footer-links button{min-height:44px;display:inline-flex;align-items:center}section[id]{scroll-margin-top:115px}
/* Garlam product theatre: real application screens, scroll-linked on desktop. */
.brand-mark{overflow:hidden;border:0;background:#fff}.brand-mark img{width:100%;height:100%;object-fit:contain}.board-head{display:none}.signal-board{box-shadow:0 35px 110px #0007;transform:perspective(1400px) rotateY(-7deg) rotateX(3deg)}.hero-screen{margin:0;aspect-ratio:auto;object-fit:contain}.hero{perspective:1600px}.hero-copy{animation:arrive .7s both}.signal-board{animation:arrive 1s both}.hero-scroll{position:absolute;bottom:30px;left:max(5vw,24px);font-size:13px;letter-spacing:.04em;color:#8ba3bf;text-decoration:none}.hero-scroll span{display:inline-block;margin-right:12px;color:var(--cyan)}
.products{background:#071322}.product{color:#eef4fc!important;background:transparent!important;gap:5vw;border:0;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding:65px max(5vw,24px)}.product:nth-child(even){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.product:nth-child(even) .product-copy{order:0}.product h3{font-weight:500;font-size:clamp(36px,4.2vw,64px);line-height:1.06;letter-spacing:-.05em}.product-copy{padding:30px;border:1px solid #ffffff20;border-radius:20px;background:#10283eac;backdrop-filter:blur(28px)}.product-copy>p:not(.product-tagline){color:#b6c6d7!important}.product-label{font-size:12px;border-bottom-color:#ffffff20;color:#80ddec;gap:10px}.product-tagline{font-size:20px;font-weight:500}.feature-list{font-size:15px;color:#c6d7e6}.feature-list li:before{background:#73c9e1;border-radius:2px;width:3px;height:13px;top:.35em}.text-link{color:#93e6ef}.wide-shot,.product-nexus .wide-shot{background:#152c44;border:1px solid #ffffff2a;padding:8px;border-radius:16px;transform:none;box-shadow:0 25px 75px #0005}.wide-shot img{max-height:55vh;object-fit:contain}.phone-shot{min-height:0;height:520px;background:transparent;overflow:visible}.phone-shot img{height:100%;width:auto;max-width:100%;object-fit:contain;border:5px solid #223c52;transform:rotate(3deg)}.chat-backdrop{display:none}.ticket-shot{height:510px;min-height:0;overflow:visible;background:transparent;gap:20px}.ticket-shot img{height:87%;width:auto;max-width:46%;object-fit:contain;box-shadow:0 25px 60px #0006;border:4px solid #24394b;border-radius:16px}.ticket-shot img:last-child{transform:translateY(20px) rotate(3deg)}
.product-stage{position:relative}.product-tabs{display:flex;gap:8px;justify-content:center;padding:16px;position:sticky;top:95px;z-index:6;background:#0c1e32e8;backdrop-filter:blur(24px)}.product-tabs button{min-height:48px;padding:10px 22px;border:1px solid transparent;border-radius:99px;background:transparent;color:#a0b4cb;cursor:pointer;font-size:14px;white-space:nowrap}.product-tabs button[aria-pressed="true"]{color:#071b2f;background:#d8f6ff}.product-tabs button:hover{border-color:#5b91ad}.product-progress{height:2px;background:#ffffff15;position:absolute;left:5vw;right:5vw;bottom:24px}.product-progress i{height:100%;display:block;background:#78dbed;transform:scaleX(var(--progress,0));transform-origin:left;transition:transform .15s}
@media(min-width:1051px) and (min-height:700px) and (prefers-reduced-motion:no-preference){
.products.is-enhanced{height:440vh;position:relative}.is-enhanced .product-stage{position:sticky;top:0;height:100vh;overflow:hidden;background:radial-gradient(ellipse at 78% 45%,#1f52763b,transparent 65%),#071322}.is-enhanced .product-tabs{position:absolute;top:100px;left:50%;transform:translateX(-50%);width:max-content;border:1px solid #ffffff17;border-radius:99px;padding:6px}
.is-enhanced .product{position:absolute;inset:160px 0 55px;min-height:0;padding:30px 5vw;opacity:0;visibility:hidden;transform:translateY(22px);transition:opacity .5s,transform .65s,visibility .5s;pointer-events:none}.is-enhanced .product.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto}.is-enhanced .product-copy{max-height:calc(100vh - 250px);overflow:auto}.is-enhanced .phone-shot{height:min(510px,58vh)}.is-enhanced .ticket-shot{height:min(510px,58vh)}.is-enhanced .product-visual{transition:transform .7s}.is-enhanced .product:not(.is-active) .product-visual{transform:scale(.97) translateX(25px)}
}
@media(max-width:1050px),(max-height:699px){.product-progress{display:none}.product-tabs{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.product{scroll-margin-top:180px;min-height:0;grid-template-columns:1fr!important;gap:40px;padding:45px max(5vw,20px) 70px}.product-copy{max-width:750px;width:100%;margin:auto}.product-visual{width:min(750px,100%);margin:auto}.phone-shot{height:480px}.ticket-shot{height:480px}.wide-shot img{max-height:none}}
@media(max-width:980px){.site-header{top:12px;width:calc(100% - 28px);left:14px;right:14px;padding:8px 14px 8px 18px}.site-header nav{top:68px;left:0;right:0;border-radius:20px}.hero{grid-template-columns:1fr;padding:130px 24px 80px;gap:45px;min-height:0}.hero-copy{max-width:680px}.hero h1{font-size:clamp(43px,8vw,72px)}.hero-lead{font-size:17px}.signal-board{width:100%;max-width:680px;transform:none;margin:0}.hero-scroll{display:none}.intro{grid-template-columns:1fr;padding:65px 24px 40px;gap:20px}.intro h2{margin:0}.intro .section-kicker{margin:0}.product-tabs{top:84px}.custom{padding:70px 24px}.final-cta{padding:70px 24px}.product-copy{padding:26px}.product h3{font-size:40px}.product-tagline{font-size:19px}.product-label{flex-wrap:wrap}.cta-row address{font-size:15px}.intro>p:last-child{font-size:17px}}
@media(max-width:480px){.hero{padding-left:20px;padding-right:20px}.hero h1{font-size:44px;letter-spacing:-.055em}.hero-actions{flex-direction:column}.eyebrow{font-size:11px;line-height:1.7}.product-copy{padding:23px}.product-tabs button{padding:10px 17px}.phone-shot{height:400px}.ticket-shot{height:370px;gap:12px}.product h3{font-size:36px}.product-label i{display:none}footer{padding:35px 24px}.footer-links{gap:6px}.signal-board{border-radius:13px;padding:6px}.signal-board:after{font-size:12px;padding:10px}.hero-screen{border-radius:8px}}
@keyframes arrive{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.signal-board,.hero-copy{animation:none}.product{opacity:1;transform:none}.product-progress{display:none}}
.product{opacity:1;transform:none}