:root{--bg:#050608;--surface:#0d1015;--surface2:#0a0e15;--txt:#f4f6f8;--muted:#929aa9;--line:#252a33;--cyan:#19abef;--blue:#2359da;--max:1200px;--shell:min(calc(100% - 96px),var(--max))}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--bg);color:var(--txt);font:400 15px/1.65 'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#1c79db;color:white}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',system-ui,sans-serif;letter-spacing:-.048em}h1{font-size:clamp(48px,6.1vw,91px);line-height:1.09;font-weight:700}h2{font-size:clamp(34px,3.9vw,58px);line-height:1.15;font-weight:650}h3{font-size:clamp(23px,2.2vw,31px);line-height:1.23;font-weight:650}p{color:var(--muted)}.shell{width:var(--shell);margin-inline:auto}.eyebrow{font:700 10px/1.4 'Manrope',sans-serif;letter-spacing:.27em;text-transform:uppercase;color:#a6afbf;display:flex;align-items:center;gap:14px}.eyebrow::before{content:"";display:inline-block;width:27px;height:1px;background:var(--cyan)}.section-pad{padding:116px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:49px;padding:0 22px;border:1px solid transparent;border-radius:5px;font-size:12px;font-weight:700;letter-spacing:.015em;transition:transform .2s,background .2s,border-color .2s;cursor:pointer;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button svg{width:16px;height:16px}.button-primary{background:linear-gradient(108deg,#1698e8,#194ac6);color:white}.button-primary:hover{background:linear-gradient(108deg,#21b9f3,#2866ed)}.button-outline{border-color:#49505c;color:white;background:transparent}.button-outline:hover{border-color:#9ca9b9}.button-link{padding:0;min-height:auto;border-radius:0;color:white;border:0}.button-link:hover{color:#70caff}.divider{border-top:1px solid var(--line)}
.header{height:77px;position:sticky;top:0;z-index:30;background:rgba(5,6,8,.92);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(22px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:8px;min-width:170px;max-width:185px}.brand-mark{width:31px;height:46px;object-fit:contain;mix-blend-mode:screen}.brand-word{width:121px;height:auto;mix-blend-mode:screen}.desktop-nav{display:flex;align-items:center;gap:36px}.desktop-nav a{font-size:12px;color:#b5bac4;transition:color .2s}.desktop-nav a:hover{color:#fff}.header .button{min-height:39px;padding:0 17px;gap:12px;font-size:11px}.menu-toggle{display:none;background:transparent;border:0;color:white;cursor:pointer;padding:8px}.menu-toggle svg{width:23px;height:23px}.mobile-nav{display:none}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero::after{content:"";position:absolute;pointer-events:none;right:-15%;top:-30%;width:70%;height:105%;background:radial-gradient(ellipse at 50% 50%,rgba(17,64,130,.19),transparent 62%)}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:636px;gap:52px;padding:72px 0 83px}.hero-copy{max-width:720px}.hero .eyebrow{margin-bottom:31px}.hero h1{margin-bottom:24px}.hero h1 em{color:#72bced;font-style:normal}.hero p{font-size:16px;line-height:1.8;max-width:480px;margin-bottom:36px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.hero-side{min-height:505px;display:flex;justify-content:center;align-items:center;position:relative}.hero-side::before{content:"";position:absolute;border:1px solid rgba(56,112,204,.18);border-radius:50%;height:400px;aspect-ratio:1/1;background:radial-gradient(circle,rgba(23,65,142,.08),transparent 68%)}.hero-side::after{content:"";position:absolute;bottom:18px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#167cce55,transparent)}.hero-logo{position:relative;z-index:1;width: min(340px,85%);height:auto;mix-blend-mode:screen;filter:drop-shadow(0 24px 60px rgba(0,79,199,.10))}.hero-bottom{position:absolute;bottom:25px;left:0;right:0;z-index:1;display:flex;justify-content:space-between;color:#687486;font:700 10px 'Manrope',sans-serif;letter-spacing:.18em;text-transform:uppercase}
.intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.intro h2{max-width:725px;margin:18px 0 0}.intro p{max-width:315px;margin:0 0 6px;font-size:14px;line-height:1.75}.solutions{position:relative}.solutions::before{content:"";position:absolute;width:350px;height:500px;left:-300px;top:40px;background:radial-gradient(ellipse,#14397621,transparent 70%);pointer-events:none}.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.product-card{position:relative;overflow:hidden;min-height:540px;background:linear-gradient(145deg,#10141b 1%,#080a0e 70%);border:1px solid #252b35;border-radius:12px;transition:border-color .3s,transform .3s}.product-card:hover{border-color:#34628c;transform:translateY(-3px)}.product-copy{padding:37px 38px 5px;max-width:460px}.product-identity{display:flex;align-items:center;gap:13px;margin-bottom:21px}.product-icon{width:40px;height:40px;object-fit:cover;border-radius:9px}.product-identity span{color:#a6afc0;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.product-copy h3{margin-bottom:13px}.product-copy p{max-width:355px;font-size:13px;line-height:1.75;margin-bottom:0}.product-media{position:absolute;bottom:-55px;right:34px;width:260px;height:350px;overflow:hidden;border-radius:26px 26px 0 0;border:7px solid #272c36;border-bottom:0;box-shadow:0 12px 50px #0008,0 0 0 1px #59647755;background:#050609}.product-media img{width:100%;height:auto;display:block}.product-index{position:absolute;bottom:30px;left:35px;font:700 10px 'Manrope';letter-spacing:.18em;color:#717d8d}.product-card .accent-line{position:absolute;bottom:0;left:0;width:2px;height:110px;background:linear-gradient(transparent,#20a7ee)}
.feature{display:grid;grid-template-columns:.95fr 1.05fr;align-items:stretch;min-height:560px;border:1px solid #262c35;border-radius:12px;overflow:hidden;background:linear-gradient(115deg,#0d1116,#080a0d);margin-top:18px}.feature-visual{position:relative;min-height:550px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 85%,rgba(31,62,91,.2),transparent 65%)}.feature-visual::before{content:"";position:absolute;inset:26px;border:1px solid #39414b48;border-radius:5px}.feature .screenshot{position:relative;z-index:1;width:275px;height:480px;overflow:hidden;border:7px solid #252931;border-bottom:none;border-radius:27px 27px 0 0;box-shadow:0 20px 65px #000b;background:#030407}.feature .screenshot img{width:100%;height:auto}.feature-body{padding:66px clamp(36px,5vw,86px);display:flex;flex-direction:column;justify-content:center}.feature-body .eyebrow{margin-bottom:30px}.feature-body h2{margin-bottom:22px}.feature-body p{max-width:420px;font-size:15px;line-height:1.85}.feature-body .button{align-self:flex-start;margin-top:21px}.feature-mini{margin:14px 0 0;display:flex;gap:12px;align-items:center;font-size:12px;color:#a2adbf}.feature-mini img{width:35px;height:35px;border-radius:7px;object-fit:cover}.feature-reverse .feature-visual{order:2}.feature-reverse .feature-body{order:1}.feature-playya .feature-visual{background:radial-gradient(ellipse at 48% 90%,rgba(23,130,176,.18),transparent 58%)}.feature-playya .feature-visual::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 35% 32%,rgba(195,49,145,.08),transparent 55%);pointer-events:none}.feature-gatos .feature-visual{background:linear-gradient(145deg,#151b21,#171516 60%,#0b0d10)}.feature-gatos .feature-body h2{font-size:clamp(38px,4.1vw,59px)}
.section-heading{padding:100px 0 35px}.section-heading h2{margin:18px 0 0;max-width:800px}.ecosystem{padding-top:15px;padding-bottom:110px}.ecosystem .intro{margin-bottom:30px}.band-label{display:flex;gap:12px;align-items:center;color:#677482;letter-spacing:.18em;font-size:10px;font-weight:700;margin-top:32px}.band-label::after{content:"";flex:1;height:1px;background:var(--line)}
.about{background:linear-gradient(#090b0f,#07090d);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:center}.about .eyebrow{margin-bottom:28px}.about h2{margin:0 0 20px}.about p{font-size:15px;max-width:450px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:35px 27px}.principle{border-top:1px solid #333b48;padding-top:20px}.principle small{font-family:'Manrope';color:#28a9ec;letter-spacing:.15em;font-size:10px;font-weight:700}.principle h3{font-size:17px;margin:9px 0}.principle p{font-size:12px;line-height:1.8;margin:0}
.contact{padding:115px 0}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center}.contact h2{margin:17px 0 20px;max-width:650px}.contact p{max-width:475px;font-size:14px}.contact-panel{background:#0c1017;border:1px solid #28313d;border-radius:12px;padding:36px 38px}.contact-panel .eyebrow{margin-bottom:25px}.social{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #202733;font-size:14px}.social:last-of-type{margin-bottom:30px}.social svg{color:#61bfff;width:20px;height:20px;flex:none}.social:hover{color:#83cfff}.contact-panel .button{width:100%;justify-content:space-between}.footer{padding:34px 0 25px;border-top:1px solid #232733}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer .brand{transform:scale(.83);transform-origin:left center}.footer-note{color:#66717f;font-size:11px}.footer-links{display:flex;gap:24px;font-size:11px;color:#818b9b}.footer-links a:hover{color:white}
@media(max-width:1020px){:root{--shell:min(calc(100% - 64px),var(--max))}.desktop-nav{gap:18px}.header .button{display:none}.hero-inner{gap:15px}.hero-side{min-height:440px}.feature-body{padding:50px 36px}.about-grid{gap:42px}}
@media(max-width:720px){:root{--shell:calc(100% - 40px)}.header{height:68px}.header .brand{transform:scale(.9);transform-origin:left center}.desktop-nav{display:none}.menu-toggle{display:block}.mobile-nav{position:absolute;top:68px;left:0;right:0;background:#0a0c11;border-bottom:1px solid #353944;padding:12px 20px 20px;flex-direction:column;gap:0}.mobile-nav.open{display:flex}.mobile-nav a{padding:13px 0;border-bottom:1px solid #1f242d;font-size:13px}.hero-inner{grid-template-columns:1fr;min-height:0;padding:75px 0 55px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(43px,10vw,68px)}.hero p{font-size:14px;margin-bottom:28px}.hero-side{min-height:250px;max-height:280px;margin-top:15px}.hero-side::before{height:235px}.hero-logo{width:160px}.hero-bottom{display:none}.eyebrow{letter-spacing:.18em}.section-pad{padding:77px 0}.intro{display:block;margin-bottom:32px}.intro h2{margin-bottom:16px}.intro p{font-size:13px}.duo{grid-template-columns:1fr;gap:13px}.product-card{min-height:490px}.product-copy{padding:28px}.product-media{right:16px;width:230px;height:295px;bottom:-20px}.product-index{bottom:25px}.feature{display:flex;flex-direction:column;margin-top:14px;min-height:0}.feature-visual,.feature-reverse .feature-visual{order:2;min-height:390px}.feature-visual::before{inset:15px}.feature .screenshot{height:365px;width:215px}.feature-body,.feature-reverse .feature-body{order:1;padding:37px 28px 25px}.feature-body .eyebrow{margin-bottom:19px}.feature-body h2{margin-bottom:13px}.feature-body p{font-size:13px}.feature-body .button{margin-top:10px}.section-heading{padding:75px 0 18px}.ecosystem{padding-bottom:75px}.about-grid{grid-template-columns:1fr;gap:35px}.principles{gap:22px}.contact{padding:80px 0}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-panel{padding:28px 25px}.footer-inner{flex-wrap:wrap}.footer-note{order:3;flex-basis:100%}.footer-links{gap:15px}.button{font-size:11px}.contact-panel .social{font-size:13px}}
@media(max-width:365px){.hero h1{font-size:39px}.actions{align-items:stretch}.actions .button{width:100%}.principles{grid-template-columns:1fr}.product-card{min-height:480px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.js [data-reveal]{opacity:1;transform:none}}

/* Portal and accessible interaction states */
:focus-visible{outline:2px solid #72d2ff;outline-offset:4px}
.skip{position:fixed;top:8px;left:8px;z-index:50;transform:translateY(-150%);padding:10px 16px;background:#fff;color:#050608}
.skip:focus{transform:none}
.hero-bottom,.footer-note,.band-label,.product-index{color:#929eaf}
.brand-word{height:auto}
.hero-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.button-primary,.button-primary:hover{background:linear-gradient(108deg,#0965ab,#1944ba)}
.button-link{min-height:44px;white-space:normal}
.card-link{margin-top:9px}
.product-card{min-height:560px}
.product-media{pointer-events:none}
.contact-grid{align-items:start}
.contact-panel:not(.lead-form){grid-column:2;grid-row:1 / span 2}
.lead-form{grid-column:1;display:grid;gap:9px}
.lead-form .eyebrow{margin:0 0 9px}
.lead-form p{margin:0 0 9px}
.lead-form label{font-weight:700;margin-top:4px}
.lead-form input,.lead-form select,.lead-form textarea{display:block;min-width:0;width:100%;border:1px solid #526074;border-radius:5px;background:#080b10;color:var(--txt);font:inherit;font-size:16px;padding:10px 12px;color-scheme:dark}
.lead-form textarea{resize:vertical}
.lead-form a,.legal a{text-decoration:underline;text-underline-offset:3px}
.lead-form button:disabled{opacity:.6;cursor:wait}
#form-status:empty{display:none}
#form-status{margin:0;color:#a9dfff}
.crumb{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);margin-bottom:44px}
.crumb a{text-decoration:underline}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:start}
.detail h1,.legal h1{font-size:clamp(38px,6vw,76px);margin-bottom:20px}
.detail h2,.legal h2{font-size:clamp(24px,3vw,38px);margin:46px 0 16px}
.detail-lead{font-size:17px}
.detail-media{margin:0;text-align:center}
.detail-media img{width:auto;height:auto;max-height:710px;margin:auto;border:1px solid #334155;border-radius:16px}
.detail-media figcaption{font-size:13px;color:var(--muted);margin-top:12px}
.detail-facts{list-style:none;padding:0;display:grid;gap:20px}
.detail-facts h3{margin:0 0 5px}
.detail-facts p{font-size:14px}
.other-products{display:flex;flex-wrap:wrap;gap:12px;margin-top:48px;border-top:1px solid var(--line);padding-top:24px}
.other-products a{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;min-height:44px;border:1px solid var(--line);border-radius:5px}
.legal{max-width:760px}
.footer-links{flex-wrap:wrap}
@media(min-width:721px) and (max-width:940px){.hero h1{font-size:clamp(43px,6vw,56px)}.hero-side::before{height:auto;width:98%}.product-media{right:16px;width:230px}}
@media(max-width:720px){
  .hero-inner,.detail-grid{grid-template-columns:1fr}
  .hero-inner{gap:8px;padding-top:55px}
  .contact-panel:not(.lead-form),.lead-form{grid-column:1;grid-row:auto}
  .product-card{min-height:520px}
  .product-index{left:20px}
  .mobile-nav{position:static;max-height:calc(100dvh - 68px);overflow:auto}
  .js .mobile-nav{position:absolute}
  html:not(.js) .mobile-nav{display:flex}
  html:not(.js) .menu-toggle{display:none}
  .menu-toggle{min-height:44px;min-width:44px}
}
@media(max-width:365px){.product-card{min-height:545px}.product-media{width:190px}.footer-links{gap:12px}}

.kit-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.kit-figure{margin:0;min-width:0}
.kit-figure img{display:block;width:100%;height:auto;border:1px solid #334155;border-radius:14px}
.kit-figure figcaption{margin-top:10px;color:var(--muted);font-size:13px}
.kit-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
#laboratorio .kit-facts{grid-template-columns:1fr}
.kit-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.kit-panel{margin-top:38px;padding:clamp(20px,4vw,42px);background:var(--surface);border:1px solid var(--line);border-radius:14px}
.detail .kit-panel h2{margin-top:0}
.kit-home{margin:28px 0}
.kit-home h2{font-size:clamp(26px,3.2vw,44px);margin:12px 0 16px}
.kit-faq details{padding:13px 0;border-bottom:1px solid var(--line)}
.kit-faq summary{cursor:pointer;font-weight:700}
.kit-faq p{margin:9px 0 0}
#laboratorio{scroll-margin-top:90px}
@media(max-width:720px){.kit-grid,.kit-facts,.kit-gallery{grid-template-columns:1fr}}

.product-phone img{max-width:min(100%,248px);border:7px solid #252931;border-radius:27px;box-shadow:0 20px 65px #0008}