/* One open composition: real cutouts, connected categories and independent depth. */
.hero{display:block;min-height:0;isolation:isolate;padding-bottom:32px}
.hero:before{content:'';position:absolute;inset:16% -9% -15%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse closest-side at 42% 65%,#446eb720 0%,#446eb714 38%,#446eb705 72%,#446eb700 100%)}
.hero-copy{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:70px;padding:44px 0 32px}
.hero .eyebrow{color:#7d94bc;letter-spacing:.12em;margin-bottom:18px}
.hero h1{font-size:clamp(65px,6.4vw,92px);line-height:1;letter-spacing:0;margin:0}
.hero h1 em{color:#82a3dd;white-space:nowrap}
.hero .intro{font-size:15px;line-height:1.8;color:#b8b9bb;max-width:430px;margin-bottom:20px}
.hero .button{background:#82a3dd;border-radius:6px;font-size:13px;padding:14px 19px;gap:22px}
.hero .button:hover{background:#a2bcea}
.editorial-stage{height:auto;margin:0;width:100%;max-width:none;isolation:isolate;background:none;border:0;box-shadow:none;overflow:visible;transform:none!important;perspective:none}
.hero-ensemble{position:relative;display:grid;grid-template-columns:46fr 35fr 19fr;gap:0;padding-top:0;isolation:isolate}
.ensemble-rail{position:absolute;left:23%;right:9.5%;top:40px;height:1px;background:linear-gradient(90deg,#6582b577,#6582b544);z-index:0;pointer-events:none}
.ensemble-rail i{position:absolute;top:-1px;left:0;width:60px;height:3px;background:linear-gradient(90deg,transparent,#97b8f0,transparent);opacity:.65;animation:signal-travel 7s linear infinite;animation-play-state:paused}
.ensemble-group{position:relative;min-width:0;padding-top:78px;isolation:isolate}
.ensemble-group:before{content:'';position:absolute;inset:0 -28% -13%;border-radius:50%;background:radial-gradient(ellipse at 50% 51%,#5785d421,transparent 65%);z-index:-1;pointer-events:none}
.ensemble-digital:before{background:radial-gradient(ellipse at 50% 51%,#87afa612,transparent 65%)}
.ensemble-business:before{background:radial-gradient(ellipse at 50% 51%,#6a86b71a,transparent 65%)}
.ensemble-label{position:absolute;left:50%;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:15px;min-width:86px;min-height:51px;z-index:8;font-size:13px;font-weight:600;color:#96b1df;letter-spacing:.06em}
.ensemble-label i{width:7px;height:7px;background:#82a3dd;border-radius:50%;box-shadow:0 0 0 5px #96b1df09,0 0 19px #96b1df44}
.ensemble-label:after{content:'';position:absolute;top:46px;width:1px;height:21px;background:linear-gradient(#7999cf70,transparent)}
.ensemble-label:hover{color:#b5ccf4}
.ensemble-portraits{height:290px;position:relative;perspective:1100px}
.ensemble-person{position:absolute;bottom:0;display:block;height:100%;width:42%;transform-style:preserve-3d}
.portfolio-preview{--card-x:0deg;--card-y:0deg;--base-y:0deg;--base-z:0deg;--arrival-delay:.15s;transform:rotateY(calc(var(--base-y) + var(--card-x))) rotateX(var(--card-y)) rotateZ(var(--base-z));transition:transform .28s ease-out;animation:ensemble-arrive .85s var(--arrival-delay) both cubic-bezier(.22,1,.36,1);outline-offset:5px}
.ensemble-person:before{content:'';position:absolute;inset:-18% -30%;background:radial-gradient(ellipse,#779bd916,transparent 68%);border-radius:50%;opacity:0;transition:opacity .35s;pointer-events:none;z-index:-1}
.portrait-fade{position:absolute;inset:0;display:block;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(#000 62%,#000b 79%,transparent 99%);mask-composite:intersect;animation:ensemble-float 7s ease-in-out infinite;animation-play-state:paused}
.portrait-fade img{position:absolute;max-width:none;width:100%;height:auto;left:0;top:0;filter:saturate(.86);pointer-events:none}
.person-trak{left:-1%;width:43%;height:102%;--base-y:5deg;--arrival-delay:.18s;z-index:1}
.person-trak img{width:128%;left:-14%;top:-1%}
.person-leo{left:29%;width:40%;height:103%;z-index:3;--arrival-delay:.28s}
.person-leo img{width:115%;left:-7%;top:0}
.person-pikeno{left:60%;width:40%;height:100%;z-index:2;--base-y:-4deg;--arrival-delay:.38s}
.person-pikeno img{width:122%;left:-11%;top:0}
.person-pikeno .portrait-fade{animation-delay:-2s}
.person-silver{left:-2%;width:49%;height:100%;z-index:2;--base-y:5deg;--arrival-delay:.45s}
.person-silver img{width:118%;left:-9%}
.person-silver .portrait-fade{animation-delay:-4s}
.person-tembase{right:-2%;width:77%;height:auto;aspect-ratio:920/770;z-index:3;--base-y:-4deg;--arrival-delay:.55s}
.tembase-cutout{aspect-ratio:920/770;inset:auto 0 0;width:100%;height:auto;mask-image:linear-gradient(#000 66%,#000c 83%,transparent 99%)}
.tembase-cutout img{position:absolute;width:211.9565%;max-width:none;height:auto;left:-19.5652%;top:-3.24675%}
.ensemble-caption{font-size:12px;color:#a5a39f;text-align:center;margin:0;line-height:1.5;position:relative;z-index:5}
.ensemble-screens{height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:0 0 10px 21px;perspective:1100px}
.company-screen{width:100%;max-width:205px;position:relative;display:block;border:1px solid #8ca5d032;border-radius:9px;background:linear-gradient(125deg,#292a29,#151718 80%);box-shadow:7px 13px 24px -15px #000c,inset 0 1px #ffffff0a;padding:9px 13px 12px;--base-y:-10deg;--base-z:1deg}
.screen-chrome{display:flex;gap:3px;margin-bottom:8px}.screen-chrome i{display:block;width:3px;height:3px;background:#88857d66;border-radius:50%}
.company-screen strong{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:17px;letter-spacing:-.045em;line-height:1.4;color:#d3dbe9;white-space:nowrap}
.company-screen strong>span{font-size:13px;font-weight:400;color:#7792c0;margin-left:6px}
.screen-rule{display:block;height:1px;margin-top:8px;background:linear-gradient(90deg,#7694c855,#7694c800);width:65%}
.screen-games{--arrival-delay:.6s;translate:-8px 0}.screen-upgrade{--arrival-delay:.68s;translate:0 0}.screen-elite{--arrival-delay:.76s;translate:-6px 0}
.editorial-stage.motion-visible .portrait-fade,.editorial-stage.motion-visible .ensemble-rail i{animation-play-state:running}
.network-proof{padding-top:9px;padding-bottom:28px}
@keyframes ensemble-arrive{from{opacity:0;translate:0 24px}to{opacity:1}}
@keyframes ensemble-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes signal-travel{0%{left:0;opacity:0}8%{opacity:.65}90%{opacity:.65}100%{left:calc(100% - 60px);opacity:0}}
@media(hover:hover) and (pointer:fine){.portfolio-preview:hover{transform:translateY(-3px) rotateY(calc(var(--base-y) + var(--card-x))) rotateX(var(--card-y)) rotateZ(var(--base-z))}.ensemble-person:hover:before{opacity:1}.company-screen:hover{border-color:#8ca5d070}}
@media(max-width:1100px){.hero-copy{gap:38px;grid-template-columns:1.35fr 1fr}.hero h1{font-size:75px}.hero .intro{font-size:14px}.ensemble-portraits,.ensemble-screens{height:250px}.ensemble-screens{gap:12px;padding-left:12px}.company-screen{padding:8px 10px 10px}.company-screen strong{font-size:15px}.ensemble-group{padding-top:72px}}
@media(max-width:900px){.hero-copy{padding-top:36px;gap:25px}.hero h1{font-size:65px}.hero .intro{font-size:13px}.hero .button{font-size:12px;padding:12px 14px;gap:14px}.ensemble-portraits,.ensemble-screens{height:210px}.ensemble-screens{gap:9px;padding-left:8px}.company-screen{padding:7px 8px 8px}.company-screen strong{font-size:13px}.screen-chrome{margin-bottom:6px}.screen-rule{margin-top:6px}.ensemble-caption{font-size:11px}.ensemble-group{padding-top:69px}}
@media(max-width:700px){
 .hero{padding-bottom:23px}.hero:before{inset:25% -15% -8%}.hero-copy{grid-template-columns:1fr;gap:20px;padding:32px 0 27px}.hero .eyebrow{font-size:11px;margin-bottom:17px}.hero h1{font-size:clamp(55px,10.3vw,72px);line-height:1.02}.hero h1 em{white-space:normal}.hero .intro{font-size:14px;line-height:1.7;margin-bottom:19px;max-width:450px}.hero .button{font-size:12px;padding:13px 16px}.editorial-stage{margin:0 auto;max-width:500px}
 .hero-ensemble{grid-template-columns:52fr 48fr;row-gap:20px}.ensemble-rail{left:26%;right:24%;top:35px}.ensemble-label{font-size:12px;gap:12px;min-height:46px}.ensemble-label i{width:6px;height:6px}.ensemble-label:after{top:41px;height:15px}.ensemble-group{padding-top:61px}.ensemble-portraits{height:clamp(151px,42vw,200px)}.ensemble-caption{font-size:11px;line-height:1.5;min-height:18px;white-space:nowrap}.ensemble-person{--base-y:0deg}.person-trak{width:49%;left:-5%;height:100%}.person-trak img{width:139%;left:-19%;top:0}.person-leo{width:45%;left:27%;height:100%}.person-leo img{width:128%;left:-14%}.person-pikeno{width:46%;left:58%;height:97%}.person-pikeno img{width:136%;left:-18%}.person-silver{width:51%;left:-1%;height:100%}.person-silver img{width:144%;left:-22%;top:0}.person-tembase{width:90%;right:-3%;bottom:12px;aspect-ratio:920/770}.tembase-cutout{height:auto;aspect-ratio:920/770}.tembase-cutout img{width:211.9565%;left:-19.5652%;top:-3.24675%}.ensemble-digital{z-index:2}.ensemble-digital .ensemble-label{left:50%}
 .ensemble-business{grid-column:1/-1;padding-top:47px}.ensemble-business .ensemble-label{left:50%;gap:10px;min-height:41px;font-size:12px}.ensemble-business:after{content:'';position:absolute;left:15%;right:15%;top:33px;height:1px;z-index:-1;background:linear-gradient(90deg,transparent,#6582b555,transparent)}.ensemble-business .ensemble-label:after{display:none}.ensemble-business .ensemble-label i{width:5px;height:5px}.ensemble-screens{height:auto;flex-direction:row;gap:10px;padding:0 0 9px;align-items:center}.company-screen{min-width:0;width:33.33%;max-width:none;padding:8px 9px 9px;--base-y:0deg;--base-z:0deg;translate:0 0}.company-screen strong{font-size:13px;letter-spacing:-.045em;line-height:1.5}.company-screen strong>span{display:none}.screen-chrome{margin-bottom:7px}.screen-rule{margin-top:8px;width:75%}.ensemble-business .ensemble-caption{display:none}.network-proof{padding-top:0;padding-bottom:25px}
}
@media(max-width:370px){.hero h1{font-size:55px}.hero-copy{padding-top:28px}.hero .eyebrow{font-size:10px;letter-spacing:.08em}.hero .intro{font-size:13px}.ensemble-caption{font-size:10px}.ensemble-screens{gap:8px}.company-screen{padding:7px 7px 8px}.company-screen strong{font-size:12px}.ensemble-portraits{height:150px}.hero-ensemble{row-gap:17px}}
@media(prefers-reduced-motion:reduce){.portfolio-preview,.portrait-fade,.ensemble-rail i{animation:none!important;transition:none!important;transform:none!important}.ensemble-rail i{display:none}}