:root{--bg:#0b1320;--panel:#111c2b;--line:rgba(173,216,232,.16);--text:#f6fafc;--muted:#aab8c6;--cyan:#35dfff;--blue:#087fe5;--font:'DM Sans',Arial,sans-serif;--mono:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:clip;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%}.wrap{width:min(1232px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;left:12px;top:-60px;background:white;color:#07111c;padding:10px;z-index:20}.skip:focus{top:12px}
.masthead{position:sticky;top:0;z-index:10;background:rgba(10,18,29,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:1.23rem;font-weight:800;letter-spacing:.01em}.brand img{width:42px;height:42px;object-fit:contain}.brand small{display:block;color:var(--muted);font:500 .62rem var(--mono);letter-spacing:.06em;margin-top:2px}.nav nav{display:flex;align-items:center;gap:27px}.nav nav a{text-decoration:none;font-size:.84rem;font-weight:600;color:#c5d0da}.nav nav a:hover,.nav nav a:focus-visible{color:var(--cyan)}.nav .back{padding:11px 15px;border:1px solid var(--line);border-radius:8px}
.eyebrow{color:var(--cyan);font:600 .72rem var(--mono);letter-spacing:.16em}.hero{min-height:670px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:52px;padding-block:90px 85px}.hero-copy{max-width:570px}.hero h1{font-size:clamp(3.1rem,5.4vw,5.6rem);line-height:1.05;letter-spacing:-.067em;margin:18px 0 24px}.hero h1 em{font-style:normal;color:#79ebfb}.hero-copy>p{color:var(--muted);font-size:1.04rem;line-height:1.75;max-width:530px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:33px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;text-decoration:none;border-radius:8px;padding:15px 20px;font-size:.88rem;font-weight:700;min-height:50px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{color:#061620;background:linear-gradient(110deg,#53edff,#158ce8);box-shadow:0 12px 34px rgba(5,144,208,.2)}.subtle{border:1px solid var(--line);background:rgba(255,255,255,.035)}.hero-foot{display:flex;flex-wrap:wrap;gap:18px;margin-top:56px;color:#7f98a9;font:500 .66rem var(--mono);letter-spacing:.07em}.hero-visual{margin:0;position:relative;transform:translateY(-7px)}.hero-visual:before{content:"";position:absolute;inset:12% -8% -8% 9%;background:radial-gradient(ellipse,rgba(30,138,220,.28),transparent 65%);filter:blur(40px);z-index:-1}.hero-visual img{display:block;width:100%;height:auto;border-radius:13px;box-shadow:0 28px 80px rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.15)}.hero-visual figcaption{text-align:right;color:#8195a8;font:500 .67rem var(--mono);margin-top:12px}
h1,h2,h3,.brand{font-family:Sora,Arial,sans-serif}h2{letter-spacing:-.055em;line-height:1.12;margin:15px 0 0;font-size:clamp(2rem,3.6vw,3.45rem)}p{line-height:1.7}.friction{border-block:1px solid var(--line);background:linear-gradient(115deg,#0d1928,#102637)}.friction-grid{display:grid;grid-template-columns:1fr .85fr;gap:12%;padding-block:77px}.friction h2{max-width:610px}.friction p{color:var(--muted);font-size:1.04rem;margin:26px 0}.inline-link{color:#76e7f9;font-size:.9rem;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(118,231,249,.4);padding-bottom:4px}.inline-link:hover{color:white}
.platforms{padding-block:110px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-head p{max-width:360px;margin:0 0 4px;color:var(--muted)}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.platform-card{background:linear-gradient(145deg,#152439,#101b2a);border:1px solid var(--line);border-radius:14px;min-height:338px;padding:28px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.platform-card:hover{border-color:rgba(73,210,240,.55);transform:translateY(-3px)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.card-top img{height:43px;width:43px;object-fit:contain}.card-top span{font:500 .61rem var(--mono);color:#8faabc;text-align:right}.platform-card h3{font-size:1.42rem;letter-spacing:-.04em;margin:39px 0 8px}.platform-card p{color:var(--muted);font-size:.91rem;margin:0 0 24px}.platform-card a{font-weight:700;font-size:.85rem;color:#77eaff;text-decoration:none;margin-top:auto;align-self:flex-start}.platform-card a:hover{text-decoration:underline}.more-platforms{border-top:1px solid var(--line);margin-top:30px;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:28px}.more-platforms p{color:var(--muted);font-size:.86rem;max-width:640px;margin:0}.more-platforms strong{color:#e6f1f6}
.connection{background:#eaf2f7;color:#122338;padding-block:105px}.connection .eyebrow{color:#046e9f}.connection h2{max-width:800px}.connection-lead{max-width:750px;color:#4b6174;font-size:1.02rem}.flow{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr;gap:13px;align-items:center;margin-top:44px}.flow>div{background:white;border:1px solid #d7e4eb;border-radius:12px;min-height:180px;padding:25px}.flow>div span{display:block;color:#0879a8;font:600 .68rem var(--mono);margin-bottom:21px}.flow strong{display:block;font-size:1.07rem;letter-spacing:-.03em}.flow p{color:#597184;font-size:.83rem;margin:8px 0 0}.flow-arrow{text-align:center;color:#0879a8;font-size:1.25rem}.connection-note{color:#607589;font-size:.8rem;margin:22px 0 0}
.closing{display:flex;justify-content:space-between;gap:50px;align-items:center;padding-block:105px}.closing>div{max-width:660px}.closing p{color:var(--muted);max-width:550px;margin:22px 0 27px}.closing>img{width:min(230px,25vw);filter:drop-shadow(0 0 42px rgba(31,193,231,.16))}footer{border-top:1px solid var(--line)}.footer-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8ca2b2;font-size:.75rem}.footer-inner>div{display:flex;flex-wrap:wrap;gap:20px}.footer-inner a{text-decoration:none}.footer-inner a:hover{color:#75e7f8}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0;gap:38px;padding-block:70px}.hero-copy{max-width:680px}.hero-foot{margin-top:35px}.hero-visual{max-width:760px;transform:none}.friction-grid{gap:8%}.platform-grid{grid-template-columns:1fr 1fr}.platform-card:last-child{grid-column:1/-1;min-height:250px}.flow{grid-template-columns:1fr;gap:9px}.flow>div{min-height:0}.flow-arrow{transform:rotate(90deg)}}
@media(max-width:650px){.wrap{width:min(100% - 34px,1232px)}.nav{min-height:70px}.nav nav{gap:10px}.nav nav a:not(.back){display:none}.nav .back{padding:9px 10px;font-size:.7rem}.brand small{font-size:.53rem}.brand img{width:34px;height:34px}.hero{padding-block:58px 65px}.hero h1{font-size:clamp(2.8rem,12vw,4rem)}.hero-foot{gap:10px;font-size:.57rem}.friction-grid{grid-template-columns:1fr;padding-block:64px;gap:8px}.platforms{padding-block:72px}.section-head{display:block}.section-head p{margin-top:18px}.platform-grid{grid-template-columns:1fr}.platform-card,.platform-card:last-child{grid-column:auto;min-height:0}.platform-card h3{margin-top:32px}.more-platforms{align-items:flex-start;flex-direction:column}.connection{padding-block:74px}.closing{padding-block:70px}.closing>img{display:none}.footer-inner{padding-block:26px;align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.platform-card{transition:none}}
.hero-visual::after{content:"";position:absolute;right:12px;bottom:32px;width:38px;height:38px;background:url("Imagen/Logo v2 sin fondo.png") center/contain no-repeat;opacity:.28;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(255,255,255,.65))}
@media(max-width:650px){.hero-visual::after{width:28px;height:28px;right:8px;bottom:30px}}