:root{--forest:#17271d;--english:#20382a;--field:#4e672d;--olive:#758846;--sage:#a8b879;--beige:#e7e2d1;--warm:#f8f7f2;--ink:#282d29;--white:#fff;--radius:24px;--shadow:0 22px 60px rgba(16,32,23,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--warm);color:var(--ink);font:400 1rem/1.65 "DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:#fff;padding:10px 16px}.skip-link:focus{top:10px}.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(22px,5vw,76px);color:#fff;transition:.35s}.site-header.scrolled{padding-top:14px;padding-bottom:14px;background:rgba(23,39,29,.96);box-shadow:0 10px 35px rgba(0,0,0,.15);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.12em;font-family:Manrope;font-size:1.1rem}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--sage);border-radius:50%;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--sage);border-radius:2px}.brand-mark:before{width:17px;height:4px}.brand-mark:after{width:4px;height:17px}.brand-mark i{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff}.main-nav{display:flex;align-items:center;gap:clamp(18px,2vw,34px);font-size:.9rem}.main-nav a{opacity:.8;transition:.2s}.main-nav a:hover{opacity:1}.main-nav .nav-cta{border:1px solid rgba(255,255,255,.45);padding:9px 18px;border-radius:999px;opacity:1}.menu-toggle{display:none;background:transparent;border:0;padding:10px}.menu-toggle span{display:block;width:26px;height:2px;background:#fff;margin:6px}.hero{min-height:82vh;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}.hero-media{position:absolute;inset:0;background:url('../assets/img/hero-biorad.webp') center/cover no-repeat;transform:scale(1.02)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,29,20,.9) 0%,rgba(19,43,26,.65) 48%,rgba(10,20,13,.2) 78%),linear-gradient(0deg,rgba(10,20,13,.3),transparent 50%)}.hero-content{position:relative;z-index:2;width:min(730px,90vw);margin-left:clamp(24px,9vw,170px);padding:130px 0 110px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:700}.eyebrow{color:var(--sage)}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.08;margin:0}h1{font-size:clamp(4rem,10vw,8rem);letter-spacing:-.07em}.hero-lead{font:600 clamp(1.35rem,3vw,2.25rem)/1.25 Manrope;max-width:670px;margin:8px 0 24px}.launch{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;font-weight:700}.launch span{width:7px;height:7px;background:#d7e271;border-radius:50%;box-shadow:0 0 0 7px rgba(215,226,113,.14)}.hero-copy{max-width:540px;color:rgba(255,255,255,.76);font-size:1.05rem;margin:25px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;border:0;padding:14px 23px;border-radius:999px;font-weight:700;cursor:pointer;transition:.25s}.button.light{background:var(--warm);color:var(--forest)}.button.ghost{border:1px solid rgba(255,255,255,.45);color:#fff}.button:hover{transform:translateY(-2px)}.scroll-cue{position:absolute;z-index:3;right:5vw;bottom:52px;font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;display:flex;align-items:center;gap:12px}.scroll-cue span{height:45px;width:1px;background:rgba(255,255,255,.65)}.hero-curve{position:absolute;z-index:2;bottom:-1px;left:-3%;width:106%;height:70px;background:var(--warm);border-radius:50% 50% 0 0/100% 100% 0 0}.section{padding:110px clamp(24px,7vw,120px)}.section-heading{max-width:760px;margin-bottom:55px}.kicker{color:var(--olive);margin:0 0 18px}.section-heading h2,.field-copy h2,.contact-copy h2,.game-intro h2{font-size:clamp(2.4rem,5vw,4.7rem);letter-spacing:-.055em;color:var(--forest)}.section-heading>p:last-child,.field-copy>p,.contact-copy>p{max-width:650px;font-size:1.1rem;color:#626b65}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:#fff;border:1px solid rgba(32,56,42,.08);border-radius:var(--radius);padding:32px;min-height:340px;display:flex;flex-direction:column;position:relative;transition:.3s}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.card-num{position:absolute;right:28px;top:24px;color:#aeb5b0;font-size:.78rem}.icon{width:60px;height:60px;border-radius:18px;background:#e8eddc;color:var(--field);display:grid;place-items:center;font-size:1.7rem;margin-bottom:50px}.service-card h3{font-size:1.45rem}.service-card p{color:#6b736e}.service-card a{margin-top:auto;color:var(--field);font-weight:700;font-size:.9rem}.field-section{display:grid;grid-template-columns:1.05fr .95fr;min-height:680px;background:var(--beige)}.field-visual{min-height:580px;background:linear-gradient(135deg,rgba(21,39,27,.12),rgba(21,39,27,.5)),url('../assets/img/hero-biorad.webp') 78% center/cover;border-radius:0 42px 42px 0;position:relative}.device-card{position:absolute;right:32px;bottom:32px;background:rgba(248,247,242,.92);backdrop-filter:blur(10px);padding:22px 28px;border-radius:18px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.device-card span,.device-card small{font-size:.75rem;color:#69746b}.device-card strong{font:700 1.2rem Manrope;margin:3px 0}.field-copy{align-self:center;padding:70px clamp(35px,7vw,110px)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(32,56,42,.18);margin-top:45px;padding-top:28px;gap:12px}.metrics div{display:flex;flex-direction:column}.metrics strong{font:700 1.6rem Manrope;color:var(--forest)}.metrics span{font-size:.75rem;color:#67726a}.game-section{background:var(--forest);color:#fff;padding:110px clamp(14px,5vw,84px);overflow:hidden}.game-intro{text-align:center;margin-bottom:50px}.game-intro h2{color:#fff}.game-intro>p:last-child{color:#b7c2b8;font-size:1.1rem}.kicker.pale{color:var(--sage)}.game-shell{max-width:1220px;margin:auto;background:#0e1812;border:1px solid rgba(168,184,121,.25);border-radius:24px;padding:12px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.game-topbar{display:flex;justify-content:space-between;align-items:center;padding:9px 10px 18px;font-size:.78rem;color:#b9c4bb}.game-title{display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;border-radius:50%;background:#c8df5e}.game-actions{display:flex;gap:8px}.game-actions button{background:#1b2d21;color:#d7e0d9;border:1px solid #314438;border-radius:8px;padding:7px 10px;cursor:pointer}.canvas-wrap{position:relative;aspect-ratio:16/9;background:#88b7c7;border-radius:15px;overflow:hidden}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.start-screen{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,28,18,.92),rgba(12,28,18,.45)),url('../assets/img/hero-biorad.webp') center/cover;display:flex;align-items:center;padding:8%;z-index:5}.start-screen.hidden{display:none}.start-screen>div{max-width:500px}.mini-logo{font-size:.7rem;letter-spacing:.2em;color:var(--sage);font-weight:700}.start-screen h3{font-size:clamp(2rem,5vw,4rem);margin:12px 0}.start-screen p{color:#c4cec7;max-width:430px}.game-start{background:#dce985;color:#17271d;margin-top:12px}.control-guide{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;padding:15px 8px 4px;color:#8f9a92;font-size:.75rem}.control-guide span{display:flex;align-items:center;gap:5px}kbd{background:#223329;border:1px solid #405146;border-bottom-width:3px;border-radius:5px;padding:1px 6px;color:#d6ded8}.mobile-controls{display:none;position:absolute;z-index:4;bottom:14px;left:12px;right:12px;justify-content:space-between;pointer-events:none}.mobile-controls>div{display:flex;gap:8px}.mobile-controls button{pointer-events:auto;touch-action:none;width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(11,24,15,.6);color:#fff;font-size:1.3rem}.mobile-controls .shoot{background:rgba(219,204,63,.6)}.contact-section{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;padding:120px clamp(24px,9vw,170px);align-items:center}.contact-copy .button{margin-top:20px}.button.dark{background:var(--forest);color:#fff}.contact-panel{background:#fff;border-radius:var(--radius);padding:35px;box-shadow:var(--shadow)}.contact-panel>p{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#7b847e}.contact-panel a{display:flex;justify-content:space-between;border-top:1px solid #e5e8e5;padding:18px 0;font-weight:600}.contact-panel a:hover{color:var(--field)}footer{background:#101c15;color:#fff;padding:70px clamp(24px,7vw,120px) 30px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:start}footer>p{color:#95a098;margin:0}footer nav{display:flex;gap:24px;grid-column:2;grid-row:1/3;font-size:.85rem}footer small{grid-column:1/-1;border-top:1px solid #304037;padding-top:24px;color:#7f8d83}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.site-header{padding:18px 22px}.menu-toggle{display:block;z-index:3}.main-nav{position:fixed;inset:0;background:var(--forest);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:60px;gap:24px;font-size:1.5rem;transform:translateX(100%);transition:.35s}.main-nav.open{transform:none}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{min-height:760px}.hero-content{margin:0 24px;padding-top:100px}.scroll-cue{display:none}.cards{grid-template-columns:1fr}.service-card{min-height:280px}.field-section{grid-template-columns:1fr}.field-visual{min-height:430px;border-radius:0}.field-copy{padding:70px 24px}.game-section{padding-left:8px;padding-right:8px}.game-shell{border-radius:16px;padding:6px}.game-topbar{flex-direction:column;align-items:flex-start;gap:10px}.game-actions{width:100%;overflow:auto}.control-guide{display:none}.mobile-controls{display:flex}.contact-section{grid-template-columns:1fr;gap:35px;padding:85px 24px}footer{grid-template-columns:1fr}footer nav{grid-column:1;grid-row:auto;flex-wrap:wrap}.canvas-wrap{min-height:290px}.start-screen{padding:7%}.start-screen p{font-size:.9rem}}
@media(max-width:480px){h1{font-size:3.8rem}.hero-lead{font-size:1.35rem}.hero-actions .button{width:100%}.section{padding:80px 18px}.metrics{grid-template-columns:1fr}.metrics div{border-bottom:1px solid rgba(0,0,0,.1);padding:9px}.game-actions button{white-space:nowrap;font-size:.7rem}.canvas-wrap{aspect-ratio:4/3}.mobile-controls button{width:50px;height:50px}.contact-panel{padding:25px}.contact-panel a{font-size:.85rem}footer{padding:55px 24px 28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.service-card{transition:none}}

/* Segunda pasada: profundidad y tecnología silenciosa */
.site-header{background:linear-gradient(180deg,rgba(18,38,26,.34),rgba(18,38,26,.12));border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px) saturate(112%);-webkit-backdrop-filter:blur(12px) saturate(112%)}
.site-header.scrolled{background:rgba(18,38,26,.88);border-bottom-color:rgba(255,255,255,.11);box-shadow:0 12px 38px rgba(5,18,10,.18)}
.main-nav a{position:relative}.main-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:-9px;height:1px;background:var(--sage);opacity:.75;transition:left .2s ease,right .2s ease}.main-nav a:hover:after,.main-nav a.active:after{left:0;right:0}.main-nav .nav-cta:after{display:none}
.button,.game-actions button,.mobile-controls button{transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.button:active,.game-actions button:active,.mobile-controls button:active{transform:translateY(1px)}
.service-card{box-shadow:0 1px 0 rgba(32,56,42,.04),0 16px 45px rgba(20,45,29,.025)}.service-card:hover{border-color:rgba(78,103,45,.22);box-shadow:0 24px 58px rgba(16,38,24,.12)}
.field-section,.intro{position:relative}.intro:before,.field-section:after{content:"";position:absolute;pointer-events:none;inset:0;background-image:linear-gradient(rgba(32,56,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(32,56,42,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,black 30%,transparent);opacity:.45}.intro>*{position:relative;z-index:1}
.device-card{background:rgba(248,247,242,.82);border:1px solid rgba(255,255,255,.52);box-shadow:0 24px 65px rgba(15,37,22,.17);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.game-section{position:relative;isolation:isolate}.game-section:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(rgba(188,210,176,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(188,210,176,.045) 1px,transparent 1px),radial-gradient(ellipse at 70% 42%,rgba(168,184,121,.07),transparent 46%);background-size:72px 72px,72px 72px,100% 100%;mask-image:linear-gradient(to bottom,transparent 2%,black 20%,black 82%,transparent)}
.game-section:after{content:"";position:absolute;z-index:-1;left:3%;right:3%;top:34%;height:120px;opacity:.07;background:repeating-radial-gradient(ellipse at center,transparent 0 14px,rgba(219,232,198,.8) 15px 16px,transparent 17px 25px);filter:blur(.2px);pointer-events:none}
.game-shell{background:rgba(10,23,15,.72);border-color:rgba(211,228,198,.16);box-shadow:0 34px 95px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.game-topbar{border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:10px}.game-actions button{background:rgba(36,58,43,.62);border-color:rgba(255,255,255,.1);backdrop-filter:blur(8px)}.game-actions button:hover{background:rgba(58,82,64,.72);border-color:rgba(168,184,121,.28)}
.canvas-wrap{border:1px solid rgba(226,238,217,.14);box-shadow:inset 0 0 0 1px rgba(8,23,13,.35),0 18px 48px rgba(0,0,0,.26)}.canvas-wrap:after{content:"";position:absolute;pointer-events:none;inset:0;border-radius:inherit;box-shadow:inset 0 0 40px rgba(8,24,14,.14);z-index:3}
.start-screen{z-index:7}.mobile-controls{z-index:6}.mobile-controls button{background:rgba(11,31,18,.58);border-color:rgba(255,255,255,.18);box-shadow:0 7px 20px rgba(0,0,0,.18);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.mobile-controls button:active{background:rgba(117,136,70,.76);border-color:rgba(255,255,255,.46)}.mobile-controls .run{font-weight:800;color:#dbe8bd}.mobile-controls .shoot{background:rgba(167,150,36,.58)}
@media(max-width:850px){.site-header{background:rgba(18,38,26,.72)}.main-nav{background:rgba(23,39,29,.96);backdrop-filter:blur(16px)}.mobile-controls>div:last-child{gap:6px}.mobile-controls button{width:54px;height:54px}}
@media(max-width:360px){.mobile-controls{bottom:9px;left:7px;right:7px}.mobile-controls button{width:46px;height:46px;font-size:1.05rem}}