.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#top .morph-hero{min-height:92svh;text-align:center;align-items:center;padding:150px 0 100px}
.morph-eyebrow{font:500 11px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:34px;max-width:46ch;text-wrap:balance}
#top .morph-title{width:100%;max-width:1100px;font-size:clamp(44px,7.8vw,104px);font-weight:700;letter-spacing:-.055em;line-height:1.03;margin:0 auto 24px}
.morph-intro{display:block;font-size:.42em;letter-spacing:-.025em;font-weight:400;color:var(--muted);margin-bottom:20px}
.morph-stage{display:grid;position:relative;min-height:2.2em;align-items:center;isolation:isolate;color:var(--fg)}
.morph-stage.morph-enabled{filter:url('#kanvia-morph-filter') blur(.6px)}
.morph-layer{grid-area:1/1;display:block;width:100%;max-width:18ch;margin:auto;text-wrap:balance}
.morph-layer:empty{opacity:0}
.morph-filter{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
#top .hero-sub{max-width:58ch;font-size:clamp(16px,1.65vw,20px);margin:0 auto 28px;line-height:1.65;text-wrap:pretty}
#top .hero-actions{justify-content:center}
#top .hero-tag{margin:22px auto 0;font-size:12px}
.morph-control{background:none;border:0;color:var(--muted);font:11px var(--font-mono);padding:14px;cursor:pointer;margin-top:10px;text-decoration:underline;text-underline-offset:4px}
.morph-control:hover{color:var(--fg)}
.morph-control:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.morph-control[hidden]{display:none}
#top .hero-foot{justify-content:center;bottom:20px}
#transformacion .digital-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.digital-service{padding:28px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel)}
.digital-service .mono{color:var(--accent);font-size:11px}
.digital-service h3{font-size:22px;line-height:1.2;margin:24px 0 12px}
.digital-service p{color:var(--muted);font-size:15px;line-height:1.65}
#bi .hero-video{min-width:0}
#bi .hero-video::before{inset:8% 0}
@media(min-width:981px) and (max-width:1200px){
 .nav-center{display:none}
 .menu-btn{display:flex;align-items:center;justify-content:center}
 .nav-center.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--bg);padding:24px;gap:24px;border-bottom:1px solid var(--border)}
}
@media(max-width:700px){
 #top .morph-hero{padding:125px 0 70px;min-height:88svh}
 #top .morph-title{font-size:clamp(38px,10.5vw,70px)}
 .morph-eyebrow{font-size:10px;line-height:1.8;margin-bottom:24px}
 .morph-stage{min-height:3.25em}
 .morph-layer{max-width:14ch}
 #top .hero-foot{display:none}
 #top .hero-actions{width:100%}
 #top .hero-actions .btn{justify-content:center;width:100%}
 #transformacion .digital-services{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.morph-stage.morph-enabled{filter:none}.morph-control{display:none}}
@media(max-width:480px){.nav-right .nav-cta{display:none}}