:root{--ink:#0f0122;--panel:#1c1b3a;--green:#793aff;--mint:#2ea3f2;--blue:#1863dc;--coral:#ff8154;--cream:#f7f5ff;--muted:#abb8c3;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.55}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.nav{height:78px;display:flex;align-items:center;gap:38px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:1.15rem;font-weight:800}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--green);color:var(--ink);font-weight:900;letter-spacing:-2px}.nav nav{display:flex;gap:28px;margin-left:auto}.nav nav a,.text-link{color:#c5d0cd;text-decoration:none;font-size:.92rem}.nav nav a:hover,.text-link:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border:1px solid var(--green);border-radius:10px;background:var(--green);color:var(--ink);font-weight:800;text-decoration:none;transition:.2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(52,210,123,.2)}.button-small{min-height:40px;padding:0 16px;font-size:.88rem}.button-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.25)}.hero{min-height:750px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;padding-top:70px;padding-bottom:90px}.eyebrow{margin:0 0 20px;color:var(--green);font-size:.75rem;font-weight:800;letter-spacing:.18em}.hero h1{margin:0;max-width:720px;font-size:clamp(3rem,6.2vw,5.6rem);line-height:.96;letter-spacing:-.055em}.hero h1 span{color:var(--mint)}.lead{max-width:650px;margin:28px 0 30px;color:#afbfbb;font-size:1.12rem}.actions{display:flex;align-items:center;gap:24px}.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:58px}.proof div{border-top:1px solid var(--line);padding-top:15px}.proof strong{display:block;font-size:1.35rem;color:var(--green)}.proof span{font-size:.75rem;color:var(--muted)}.score-card{position:relative;padding:28px;border:1px solid rgba(52,210,123,.3);border-radius:24px;background:linear-gradient(145deg,#10282a,#091416);box-shadow:0 30px 80px rgba(0,0,0,.35);transform:rotate(1.5deg)}.score-card:before{content:"";position:absolute;inset:-25px;z-index:-1;background:radial-gradient(circle,rgba(52,210,123,.16),transparent 66%)}.score-top,.score-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.7rem;font-weight:700;letter-spacing:.08em}.score-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:50px 0 38px}.score-teams>div:first-child,.score-teams>div:last-child{display:flex;align-items:center;gap:10px}.score-teams>div:last-child{justify-content:flex-end;text-align:right}.team-dot{width:30px;height:30px;border-radius:50%;background:#e9ecea}.rabbit{box-shadow:inset 0 0 0 9px #136c42}.jack{box-shadow:inset 0 0 0 9px #8b5d31}.score{display:flex;gap:12px;align-items:center}.score strong{font-size:3rem;line-height:1}.score span{color:var(--muted)}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:24px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat-strip div{text-align:center}.stat-strip b{display:block;font-size:1.2rem}.stat-strip span{font-size:.67rem;color:var(--muted)}.live-line{margin-top:18px;color:var(--muted);font-size:.75rem}.live-line span{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.video-section{padding:100px 0 120px}.section-heading h2{max-width:760px;margin:0;font-size:clamp(2.1rem,4vw,3.7rem);line-height:1.04;letter-spacing:-.04em}.video-frame{margin-top:46px;padding:12px;border:1px solid var(--line);border-radius:26px;background:#0a181b;box-shadow:0 30px 90px rgba(0,0,0,.3)}video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:17px;background:#050b0d}.platform{padding:120px 0;background:var(--cream);color:var(--ink)}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.split>p{margin:0;color:#53615e}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:70px;background:#ccd4cf;border:1px solid #ccd4cf}.feature-grid article{min-height:300px;padding:28px;background:var(--cream)}.feature-grid .num{color:#118d50;font-size:.75rem;font-weight:800}.feature-grid h3{margin:80px 0 14px;font-size:1.2rem}.feature-grid p{margin:0;color:#5d6865;font-size:.92rem}.roles{padding:120px 0}.role-list{margin-top:55px;border-top:1px solid var(--line)}.role-list article{display:grid;grid-template-columns:80px 1fr;padding:28px 0;border-bottom:1px solid var(--line)}.role-list article>span{color:var(--green);font-size:.75rem}.role-list h3{margin:0 0 8px;font-size:1.5rem}.role-list p{margin:0;color:var(--muted)}.integration{padding:120px 0;background:#102428}.integration-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.integration h2{margin:0;font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.03;letter-spacing:-.04em}.integration-grid>div>p{color:#b7c4c1}.layers{margin-top:36px}.layers>div:not(.connector){display:flex;justify-content:space-between;gap:20px;padding:20px 22px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.13)}.layers .active{border-color:var(--green)!important;background:rgba(52,210,123,.08)!important}.layers span{color:var(--muted);font-size:.85rem}.connector{text-align:center;color:var(--green);font-size:1.35rem}.cta{padding:140px 0;text-align:center}.cta h2{max-width:760px;margin:0 auto;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1;letter-spacing:-.05em}.cta>p:not(.eyebrow){color:var(--muted);font-size:1.05rem}.centered{justify-content:center;margin-top:30px}footer{display:flex;align-items:center;gap:24px;padding:28px 0 46px;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}footer p:nth-last-child(1){margin-left:auto}
@media(max-width:850px){.nav nav{display:none}.nav .button{margin-left:auto}.hero{grid-template-columns:1fr;min-height:auto;padding-top:80px}.score-card{transform:none}.split,.integration-grid{grid-template-columns:1fr;gap:35px}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid article{min-height:240px}.feature-grid h3{margin-top:45px}}
@media(max-width:560px){.shell{width:min(100% - 28px,1180px)}.nav{height:68px}.nav .button-small{display:none}.hero{padding-top:60px;gap:48px}.hero h1{font-size:3.35rem}.proof{gap:9px}.score-card{padding:18px}.score-teams{grid-template-columns:1fr;margin:35px 0 25px}.score-teams>div:first-child,.score-teams>div:last-child{justify-content:center}.score{justify-content:center;order:-1}.score-meta{gap:8px;flex-wrap:wrap}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:210px}.roles,.platform,.integration,.video-section{padding:85px 0}.role-list article{grid-template-columns:44px 1fr}.layers>div:not(.connector){flex-direction:column;gap:5px}.actions{align-items:stretch;flex-direction:column}.text-link{text-align:center}footer{flex-wrap:wrap}footer p:nth-last-child(1){margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Identidad Consumatum */
body{background-color:var(--ink);background-image:radial-gradient(circle at 96% 12%,rgba(121,58,255,.34),transparent 34%)}
.brand-mark{background:linear-gradient(135deg,var(--green),var(--blue));color:#fff;box-shadow:0 8px 24px rgba(121,58,255,.35)}
.nav nav a,.text-link{color:#d2cbea}
.button{background:linear-gradient(135deg,var(--green),var(--blue));color:#fff}
.button:hover{box-shadow:0 12px 30px rgba(121,58,255,.32)}
.button-ghost{background:transparent}
.lead{color:#c0b9d2}
.score-card{border-color:rgba(121,58,255,.48);background:linear-gradient(145deg,#211148,#100522)}
.score-card:before{background:radial-gradient(circle,rgba(121,58,255,.28),transparent 66%)}
.feature-grid .num{color:var(--green)}
.video-frame{background:#16082d;border-color:rgba(121,58,255,.35)}
.integration{background:linear-gradient(135deg,#1c1b3a,#0f0122 62%,#24114d)}
.layers .active{background:rgba(121,58,255,.15)!important}