:root{--experience-blue:#6fa8ff;--experience-violet:#9b7cff}
body{overflow-x:hidden}
.site-header{position:fixed!important;background:rgba(5,11,18,.72)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;backdrop-filter:blur(20px) saturate(140%)!important;transition:background .3s,border-color .3s,box-shadow .3s}
.site-header.is-scrolled{background:rgba(5,11,18,.94)!important;border-color:rgba(103,229,196,.18)!important;box-shadow:0 16px 45px rgba(0,0,0,.2)!important}
.scroll-progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--accent),var(--experience-blue),var(--experience-violet));box-shadow:0 0 18px rgba(103,229,196,.6);pointer-events:none}
.hero{isolation:isolate;background:#050b12!important;color:#edf7f4!important;min-height:790px!important}
.hero:before{content:"";position:absolute;z-index:-2;inset:-20%;background:radial-gradient(circle at var(--hero-x,72%) var(--hero-y,38%),rgba(64,204,168,.25),transparent 22%),radial-gradient(circle at 20% 15%,rgba(91,139,229,.18),transparent 28%),radial-gradient(circle at 62% 85%,rgba(123,85,214,.12),transparent 25%);filter:blur(2px);transition:background .15s linear}
.hero:after{z-index:-1!important;background-image:linear-gradient(rgba(103,229,196,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(103,229,196,.055) 1px,transparent 1px)!important;background-size:64px 64px!important;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.hero-particle{position:absolute;z-index:-1;width:3px;height:3px;border-radius:50%;background:#a7ffe8;box-shadow:0 0 12px #67e5c4;opacity:.45;animation:particle-drift var(--duration,11s) ease-in-out infinite alternate}
@keyframes particle-drift{to{transform:translate3d(var(--drift-x,25px),var(--drift-y,-38px),0);opacity:.12}}
.experience-badge{display:inline-flex;align-items:center;gap:9px;margin-bottom:17px;padding:8px 12px;border:1px solid rgba(103,229,196,.22);border-radius:999px;background:rgba(103,229,196,.07);color:#bffbea;font:750 10px/1 ui-monospace,monospace;letter-spacing:1.25px;text-transform:uppercase;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.experience-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(103,229,196,.1);animation:status-pulse 2s infinite}
@keyframes status-pulse{50%{box-shadow:0 0 0 9px transparent}}
.hero .eyebrow{color:#7ddfca!important}.hero h1{color:#f5fbfa;text-wrap:balance;text-shadow:0 1px 0 rgba(255,255,255,.08)}
.hero h1 em{background:linear-gradient(100deg,#67e5c4 5%,#78caff 55%,#a890ff);background-clip:text;-webkit-background-clip:text;color:transparent!important}
.hero .lead{color:#9eacb7!important}.hero .trust{color:#85949f!important}
.hero .btn.primary,.navcta{position:relative;overflow:hidden;box-shadow:0 12px 35px rgba(73,215,179,.2)}
.hero .btn.primary:after,.navcta:after{content:"";position:absolute;inset:-2px;transform:translateX(-120%) skewX(-25deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transition:transform .65s}
.hero .btn.primary:hover:after,.navcta:hover:after{transform:translateX(120%) skewX(-25deg)}
.experience-secondary{border-color:rgba(255,255,255,.16)!important;background:rgba(255,255,255,.035);color:#dce8ec!important;backdrop-filter:blur(8px)}
.experience-secondary:hover{border-color:rgba(103,229,196,.5)!important;color:#fff!important;transform:translateY(-1px)}
.visual:before{content:"";position:absolute;width:80%;height:65%;border-radius:50%;background:rgba(61,222,181,.2);filter:blur(70px);animation:orb-breathe 5s ease-in-out infinite alternate}
@keyframes orb-breathe{to{transform:scale(1.13);opacity:.65}}
.code.terminal{position:relative;z-index:1;background:linear-gradient(150deg,rgba(16,27,40,.95),rgba(7,13,22,.98))!important;border:1px solid rgba(121,229,201,.24)!important;box-shadow:0 45px 100px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.025),0 0 70px rgba(71,209,174,.11)!important;transition:transform .25s ease,box-shadow .25s ease}
.code.terminal:hover{box-shadow:0 50px 110px rgba(0,0,0,.58),0 0 85px rgba(71,209,174,.18)!important}
.terminal-chip{position:absolute;z-index:2;padding:9px 11px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(9,17,27,.84);color:#9fb0bc;font:700 9px ui-monospace,monospace;letter-spacing:.8px;backdrop-filter:blur(12px);box-shadow:0 15px 35px rgba(0,0,0,.28);animation:chip-float 4s ease-in-out infinite alternate}
.terminal-chip b{color:#72e9c7}.terminal-chip:nth-of-type(1){right:-9px;top:58px}.terminal-chip:nth-of-type(2){left:-13px;bottom:70px;animation-delay:-1.4s}.terminal-chip:nth-of-type(3){right:7px;bottom:24px;animation-delay:-2.5s}
@keyframes chip-float{to{transform:translateY(-7px)}}
.proof-rail{position:relative;z-index:2;background:#071019;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);color:#dce9e6}
.proof-rail .shell{display:grid;grid-template-columns:auto repeat(4,1fr);align-items:center;gap:0;min-height:92px}
.proof-rail strong{padding-right:26px;color:#6e7f89;font:800 9px ui-monospace,monospace;letter-spacing:1.7px;text-transform:uppercase}
.proof-rail span{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 22px;border-left:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:650}
.proof-rail span:before{content:"";width:7px;height:7px;border-radius:2px;border:1px solid var(--accent);box-shadow:0 0 10px rgba(103,229,196,.35)}
#servicios .cards article,.outcome-list article,.tech-groups section,.delivery-principles span,.contact form,.faq details{--spot-x:50%;--spot-y:50%}
#servicios .cards article{overflow:hidden;background:radial-gradient(360px circle at var(--spot-x) var(--spot-y),rgba(103,229,196,.13),transparent 42%),linear-gradient(145deg,#0d1823,#0b1715)!important;border-color:rgba(103,229,196,.17)!important;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
#servicios .cards article:hover{transform:translateY(-5px);border-color:rgba(103,229,196,.46)!important;box-shadow:0 28px 65px rgba(0,0,0,.22),0 0 35px rgba(61,211,173,.08)}
.tech-groups span{position:relative;overflow:hidden}.tech-groups span:after{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(100deg,transparent,rgba(103,229,196,.16),transparent);transition:transform .5s}.tech-groups span:hover:after{transform:translateX(110%)}
.heading h2,.cap-intro h2{text-wrap:balance}.section{position:relative}
.progressive-reveal{transition-delay:var(--reveal-delay,0ms)!important}
@media(max-width:900px){.proof-rail .shell{grid-template-columns:1fr 1fr}.proof-rail strong{grid-column:1/-1;padding:20px 0 8px}.proof-rail span{border-left:0;border-top:1px solid rgba(255,255,255,.07);padding:0 8px}.terminal-chip{display:none}}
@media(max-width:720px){.site-header{position:fixed!important}.hero{min-height:auto!important;padding-top:124px!important}.hero-grid{gap:34px!important}.visual{height:360px!important}.proof-rail .shell{padding-bottom:14px}.proof-rail span{font-size:11px}.experience-badge{margin-bottom:7px}.hero .actions{display:grid;grid-template-columns:1fr 1fr}.hero .actions .btn{padding:0 12px}.code.terminal{transform:none!important}}
@media(max-width:430px){.hero .actions{grid-template-columns:1fr}.proof-rail .shell{grid-template-columns:1fr}.proof-rail strong{grid-column:auto}.proof-rail span{min-height:40px}.visual{height:325px!important}.hero-particle:nth-of-type(n+9){display:none}}
@media(prefers-reduced-motion:reduce){.hero-particle,.experience-badge:before,.visual:before,.terminal-chip{animation:none!important}.code.terminal{transform:none!important}.scroll-progress{display:none}}