.hero{overflow:hidden;padding:34px 0 40px;min-height:calc(100vh - 74px);display:flex;align-items:center}.hero>.container{width:min(1540px,calc(100% - 72px))}.hero-grid{display:grid;grid-template-columns:minmax(430px,.72fr) minmax(720px,1.28fr);gap:42px;align-items:center}.hero-grid>div:first-child{min-width:0;position:relative;z-index:5}.hero h1{font-size:clamp(4rem,5.25vw,6rem);line-height:.94;margin:16px 0 22px;max-width:590px}.hero .lede{font-size:1.08rem;line-height:1.55;max-width:570px}.hero .hero-actions{margin:24px 0 18px}.hero .btn{padding:14px 20px}.hero-showcase{position:relative;min-width:0;width:100%;height:560px;display:flex;flex-direction:column;justify-content:center}.hero-showcase:before{content:'';position:absolute;inset:1% -3% 9%;background:radial-gradient(circle at 54% 48%,rgba(0,210,255,.22),transparent 62%);filter:blur(20px);pointer-events:none}.hero-stage{position:relative;width:100%;height:400px;perspective:1500px}.hero-demo{position:absolute;left:53%;top:50%;width:64%;height:330px;transform-origin:center;transition:transform .58s cubic-bezier(.22,.75,.2,1),opacity .45s ease,filter .45s ease;opacity:0;pointer-events:none;filter:saturate(.72) brightness(.64);z-index:0}.hero-demo[data-pos="0"]{transform:translate(-103%,-50%) rotateY(11deg) scale(.73);opacity:.72;z-index:1}.hero-demo[data-pos="1"]{transform:translate(-50%,-50%) scale(1);opacity:1;filter:none;z-index:3;pointer-events:auto}.hero-demo[data-pos="2"]{transform:translate(3%,-50%) rotateY(-11deg) scale(.73);opacity:.72;z-index:1}.hero-showcase .hero-browser{width:100%;max-width:none;height:100%;padding:0;transform:none;border:1px solid rgba(126,222,255,.48);border-radius:17px;background:#07111e;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.5),0 0 40px rgba(0,207,255,.18)}.hero-showcase .hero-browser-top{height:27px;border-radius:0;background:#172333;display:flex;align-items:center;gap:6px;padding:0 11px}.hero-showcase .hero-browser-top i{display:block;width:7px;height:7px;border-radius:50%;background:#8493a4}.hero-live{position:relative;height:calc(100% - 27px);overflow:hidden;background:#0d1b2a}.hero-live iframe{position:absolute;inset:0;width:250%;height:250%;border:0;transform:scale(.4);transform-origin:0 0;pointer-events:none;background:#fff;opacity:0;transition:opacity .28s ease}.hero-live iframe[data-preview-ready="true"]{opacity:1}.hero-live:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#0d1b2a 20%,#183148 42%,#0d1b2a 64%);background-size:220% 100%;animation:heroLoading 1.15s linear infinite}.hero-live:has(iframe[data-preview-ready="true"]):before{display:none}@keyframes heroLoading{to{background-position:-220% 0}}.hero-live.preview-error:after{content:'Vista previa no disponible';position:absolute;inset:0;display:grid;place-items:center;background:#eef3f7;color:#607287;font-size:.78rem;font-weight:800}.hero-demo-link{position:absolute;inset:0;z-index:2}.hero-arrow{position:absolute;top:50%;z-index:6;width:46px;height:46px;border-radius:50%;border:1px solid rgba(185,224,242,.58);background:rgba(5,18,31,.95);color:#eaf7ff;font-size:1.65rem;display:grid;place-items:center;cursor:pointer;transform:translateY(-50%);box-shadow:0 10px 28px rgba(0,0,0,.28)}.hero-arrow:hover{border-color:#27d9ff}.hero-arrow.prev{left:5%}.hero-arrow.next{right:1.5%}.hero-demo-nav{position:relative;z-index:7;display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:5px auto 0;width:min(90%,720px)}.hero-demo-nav button{appearance:none;border:1px solid rgba(158,190,211,.24);background:rgba(8,23,38,.84);color:#b6c4d3;border-radius:999px;padding:10px 7px;font:inherit;font-size:.72rem;cursor:pointer;white-space:nowrap;transition:.2s ease}.hero-demo-nav button:hover,.hero-demo-nav button.active{color:#fff;border-color:#24d9ff;background:rgba(17,54,72,.94);box-shadow:0 0 18px rgba(36,217,255,.09)}.hero-showcase-copy{text-align:center;color:#d8e8f5;font-size:.88rem;line-height:1.5;max-width:700px;margin:21px auto 0;font-weight:400}.hero h1 .gradient-phrase{background:linear-gradient(100deg,#eef7ff 4%,#9fefff 48%,#37dcff 72%,#b961ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1 .gradient-text{background:linear-gradient(95deg,#6ff5ff,#27d9ff 48%,#c657ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .proof-row{gap:24px}.hero .proof-row .pill{background:transparent;border:0;padding:5px 0;color:#d0dae5}.hero .proof-row .pill:before{content:'✓';color:#22ddf7;margin-right:7px;font-weight:900}@media(max-width:1320px){.hero>.container{width:min(1280px,calc(100% - 48px))}.hero-grid{grid-template-columns:minmax(390px,.8fr) minmax(590px,1.2fr);gap:34px}.hero h1{font-size:clamp(3.7rem,5.3vw,5rem)}.hero-showcase{height:520px}.hero-stage{height:375px}.hero-demo{height:305px;width:62%;left:54%}.hero-demo[data-pos="0"]{transform:translate(-102%,-50%) scale(.7)}.hero-demo[data-pos="2"]{transform:translate(2%,-50%) scale(.7)}}@media(max-width:1050px){.hero{padding:44px 0}.hero>.container{width:min(920px,calc(100% - 32px))}.hero-grid{grid-template-columns:1fr;gap:24px}.hero-grid>div:first-child{max-width:720px}.hero h1{max-width:720px}.hero-showcase{height:500px}.hero-stage{height:355px}.hero-demo{left:50%;width:min(72vw,650px);height:315px}.hero-demo[data-pos="0"]{transform:translate(-113%,-50%) scale(.72);opacity:.35}.hero-demo[data-pos="2"]{transform:translate(13%,-50%) scale(.72);opacity:.35}}@media(max-width:700px){html,body{max-width:100%;overflow-x:hidden}.hero{padding:34px 0 38px;min-height:0}.hero>.container{width:calc(100% - 28px)}.hero h1{font-size:clamp(3.15rem,15vw,4.65rem);line-height:.93}.hero .lede{font-size:1rem}.hero-showcase{height:440px;width:100%;overflow:hidden}.hero-stage{height:300px;width:100%;overflow:hidden;perspective:none}.hero-demo{left:50%;width:88vw;max-width:560px;height:265px}.hero-demo[data-pos="0"],.hero-demo[data-pos="2"]{opacity:0;pointer-events:none}.hero-demo[data-pos="0"]{transform:translate(-140%,-50%) scale(.7)}.hero-demo[data-pos="2"]{transform:translate(40%,-50%) scale(.7)}.hero-arrow{width:40px;height:40px}.hero-arrow.prev{left:6px}.hero-arrow.next{right:6px}.hero-demo-nav{grid-template-columns:repeat(3,1fr);width:100%;gap:6px}.hero-demo-nav button{font-size:.63rem;padding:8px 3px}.hero-showcase-copy{font-size:.8rem;padding:0 10px;margin-top:18px}.hero .proof-row{gap:8px 18px}}