.page-hero{text-align:center;padding:clamp(1.5rem,4vw,2.5rem) clamp(1.2rem,5vw,4rem) clamp(1rem,3vw,2rem);max-width:1180px;margin:0 auto}.page-hero .kicker{display:inline-block;font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:var(--celeste);margin-bottom:1rem}.page-hero h1{font-size:clamp(2.4rem,7vw,4.4rem);font-weight:700;color:var(--white)}.page-hero h1 .accent{color:var(--scarlet)}.page-hero p{max-width:620px;margin:1rem 0 0;color:var(--muted);font-size:clamp(1rem,2.3vw,1.15rem);line-height:1.6}.crew-grid{max-width:1400px;margin:0 auto 20rem;padding:clamp(1.5rem,4vw,3rem) clamp(1.2rem,5vw,4rem) 2rem;display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}.crew-grid .agent-card{grid-column:span 1;width:100%;height:auto;aspect-ratio:10/16}@media (max-width: 660px){.crew-grid{grid-template-columns:1fr}}@keyframes glowing-border-crew{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.agent-card{text-decoration:none;background:linear-gradient(135deg,#010a32eb,#011451d9 40%,#000826f2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;position:relative;box-shadow:0 8px 48px #0000008c,inset 0 1px #ffffff14,inset 0 -1px #0006;border:1.5px solid rgba(255,255,255,.08);transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease;display:flex;flex-direction:column}.agent-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:22px;background:linear-gradient(270deg,#13bbaf,#f5010a,#13bbaf,#f5010a);background-size:400% 400%;opacity:0;z-index:-1;transition:opacity .45s ease;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;padding:2px;pointer-events:none}.agent-card:hover:before{opacity:1;animation:glowing-border-crew 2.5s ease infinite}.agent-card:hover{transform:translateY(-5px);border-color:transparent;box-shadow:0 16px 64px #000000b3,0 0 40px #13bbaf2e,inset 0 1px #ffffff1f,inset 0 -1px #00000080}.keycap-container{aspect-ratio:16/9;width:100%;background:transparent;border-bottom:none;display:flex;align-items:center;justify-content:center;perspective:1000px;box-sizing:border-box;padding:2.2rem}.keycap-3d{width:min(240px,90%);height:min(135px,85%);background:#01145173;border-radius:16px;border:2px solid rgba(255,255,255,.15);box-shadow:0 15px 35px #00000080;display:flex;align-items:center;justify-content:center;transform:rotateX(12deg) rotateY(16deg) translateZ(10px);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.25,1,.5,1),box-shadow .6s ease,border-color .6s ease}.keycap-paco,.keycap-piero,.keycap-sandro{background:var(--scarlet)!important;box-shadow:0 15px 35px #00000080,0 0 15px #f5010a33}.keycap-dalia,.keycap-alba{background:var(--celeste)!important;border-color:#ffffff4d!important;box-shadow:0 15px 35px #00000080,0 0 15px #13bbaf40}.agent-card:hover .keycap-3d{transform:rotateX(0) rotateY(0) translateZ(25px)}.agent-card:hover .keycap-paco,.agent-card:hover .keycap-piero,.agent-card:hover .keycap-sandro{border-color:var(--celeste);box-shadow:0 25px 50px #000000b3,0 0 30px #f5010a99}.agent-card:hover .keycap-dalia,.agent-card:hover .keycap-alba{border-color:var(--scarlet);box-shadow:0 25px 50px #000000b3,0 0 30px #13bbafb3}.keycap-text{font-family:IBM Plex Sans,sans-serif;font-weight:700;font-size:clamp(1.5rem,4vw,2.3rem);letter-spacing:.05em;transform:translateZ(30px);pointer-events:none;-webkit-user-select:none;user-select:none}.text-celeste{color:var(--celeste);text-shadow:0 0 12px rgba(19,187,175,.75),0 0 30px rgba(19,187,175,.3)}.text-rojo{color:var(--scarlet);text-shadow:0 0 12px rgba(245,1,10,.75),0 0 30px rgba(245,1,10,.3)}.agent-card:hover .text-celeste{color:var(--white);text-shadow:0 0 25px rgba(19,187,175,1),0 0 50px rgba(19,187,175,.6);transform:translateZ(45px) scale(1.05)}.agent-card:hover .text-rojo{color:var(--white);text-shadow:0 0 25px rgba(245,1,10,1),0 0 50px rgba(245,1,10,.6);transform:translateZ(45px) scale(1.05)}.agent-card .body{padding:1.2rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}.agent-card .body h3{font-size:1.4rem;font-weight:700;color:var(--white);margin:0 0 .6rem}.agent-card .body p{color:#ffffffbd;font-size:.95rem;line-height:1.55;margin:0 0 1.2rem}.agent-card .enter{align-self:flex-start;background:var(--scarlet);color:#fff;font-weight:600;font-size:.9rem;padding:.6em 1.5em;border-radius:999px;transition:transform .2s,box-shadow .2s}.agent-card:hover .enter{transform:translateY(-2px);box-shadow:0 8px 22px #f5010a66}.reveal{opacity:0}.waviy{position:relative;-webkit-box-reflect:below -10px linear-gradient(transparent,rgba(0,0,0,.2));font-size:26px}.waviy span{font-family:Sora,sans-serif;font-weight:800;position:relative;display:inline-block;color:#fff;text-transform:uppercase}.agent-card:hover .waviy span{animation:waviy 1s infinite;animation-delay:calc(.1s * var(--i))}@keyframes waviy{0%,40%,to{transform:translateY(0)}20%{transform:translateY(-20px)}}.btn-enter{padding:.8em 1.5em;font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:800;color:#fff!important;background-color:#f5010ab3;border:2px solid rgba(245,1,10,.9);border-radius:45px;box-shadow:0 8px 15px #0006;transition:all .3s ease 0s;cursor:pointer;outline:none;font-family:Sora,sans-serif;text-decoration:none;display:inline-block;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.btn-enter:hover{background-color:#f5010a;box-shadow:0 15px 20px #f5010a99;color:#fff!important;transform:translate(-50%) translateY(-7px)}.btn-enter:active{transform:translate(-50%) translateY(-1px)}.btn-dalia{color:var(--scarlet)!important;background-color:#13bbafb3!important;border:2px solid rgba(19,187,175,.9)!important}.btn-dalia:hover{background-color:#13bbaf!important;box-shadow:0 15px 20px #13bbaf99!important;color:#fff!important}.btn-piero{color:var(--celeste)!important;background-color:#fff!important;border:2px solid #ffffff!important}.btn-piero:hover{background-color:#fff!important;box-shadow:0 15px 20px #fff9!important;color:var(--celeste)!important}.btn-alba{color:#fff!important;background-color:var(--scarlet)!important;border:2px solid var(--scarlet)!important}.btn-alba:hover{background-color:var(--scarlet)!important;box-shadow:0 15px 20px #f5010a99!important;color:#fff!important}.btn-sandro{color:var(--scarlet)!important;background-color:#13bbaf!important;border:2px solid rgba(19,187,175,1)!important}.btn-sandro:hover{background-color:#13bbaf!important;box-shadow:0 15px 20px #13bbaf99!important;color:var(--scarlet)!important}
