.start-plug-play{display:flex;flex-direction:column;align-items:center;gap:3px;margin:8px 0 14px;text-transform:uppercase;text-align:center}
.start-plug-play strong{font-family:var(--font-display);font-size:clamp(1.05rem,3vw,1.55rem);letter-spacing:.09em;color:#ffb020;text-shadow:0 0 8px rgba(255,176,32,.8),0 0 22px rgba(255,42,18,.35);animation:plugPulse 2.4s ease-in-out infinite}
.start-plug-play span{font-family:var(--font-mono);font-size:clamp(.72rem,2.2vw,.95rem);letter-spacing:.16em;color:#62ddff;text-shadow:0 0 9px rgba(0,200,255,.6)}

.visual-hero-content{max-width:1180px;gap:15px}
.visual-hero-content .hero-logo{width:min(520px,82vw)}
.hero-dual-slogan,.plug-play-heading,.faces-dual-line,.downward-action-callout{display:flex;flex-direction:column;align-items:center;text-align:center;text-transform:uppercase}
.hero-dual-slogan strong,.plug-play-heading strong{font-family:var(--font-display);font-size:clamp(1.75rem,4.7vw,3.45rem);letter-spacing:.06em;color:#ff9b22;text-shadow:0 0 10px rgba(255,176,32,.9),0 0 30px rgba(255,42,18,.38);animation:plugPulse 2.4s ease-in-out infinite}
.hero-dual-slogan span,.plug-play-heading span{font-family:var(--font-display);font-size:clamp(1rem,2.8vw,2rem);letter-spacing:.075em;color:#57dfff;text-shadow:0 0 10px rgba(0,200,255,.8),0 0 26px rgba(0,200,255,.28)}
.hero-visual-frame{position:relative;width:min(1120px,96vw);aspect-ratio:16/7.85;overflow:hidden;border:1px solid rgba(0,200,255,.34);border-radius:22px;background:#03060c;box-shadow:0 0 28px rgba(0,200,255,.16),0 0 42px rgba(255,42,18,.12)}
.hero-visual-frame::after,.face-media-slot::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.035) 0 1px,transparent 1px 4px);mix-blend-mode:screen;opacity:.36}
.hero-visual-frame img{display:block;width:100%;height:118%;object-fit:cover;object-position:center 38%;transform:translateY(-7.5%)}
.downward-action-callout{gap:5px;padding:12px 18px;border:1px solid rgba(255,122,0,.34);border-radius:14px;background:linear-gradient(180deg,rgba(12,12,18,.9),rgba(5,8,14,.94));box-shadow:0 0 22px rgba(255,42,18,.12),inset 0 0 18px rgba(0,200,255,.04)}
.downward-action-callout strong,.faces-dual-line strong{font-family:var(--font-display);font-size:clamp(1rem,2.4vw,1.65rem);letter-spacing:.045em;color:#ff8f21;text-shadow:0 0 10px rgba(255,122,0,.75);animation:downwardGlow 1.9s steps(2,end) infinite}
.downward-action-callout span,.faces-dual-line span{font-family:var(--font-mono);font-size:clamp(.68rem,1.5vw,.92rem);letter-spacing:.12em;color:#63e0ff;text-shadow:0 0 8px rgba(0,200,255,.55)}

.visual-info-strip{gap:12px;flex-wrap:wrap;justify-content:center;padding-top:16px;padding-bottom:16px}
.slogan-chip{display:flex!important;flex-direction:column;gap:2px;align-items:center;min-width:min(320px,92vw);padding:10px 16px!important}
.slogan-chip .dot{position:absolute;left:10px}
.slogan-chip strong{font-family:var(--font-display);font-size:.82rem;letter-spacing:.07em;color:#ffd873;text-shadow:0 0 8px rgba(255,176,32,.35)}
.slogan-chip small{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.1em;color:#62ddff}

.faces-section{padding:70px 24px 26px;background:radial-gradient(ellipse 65% 42% at 50% 0,rgba(255,42,18,.08),transparent 68%),radial-gradient(ellipse 60% 44% at 50% 100%,rgba(0,200,255,.08),transparent 68%)}
.faces-shell{position:relative;max-width:1180px;margin:0 auto;padding:30px 26px 32px;border:1px solid rgba(255,122,0,.22);border-radius:24px;background:linear-gradient(180deg,rgba(5,8,14,.97),rgba(7,9,15,.96));box-shadow:0 28px 80px rgba(0,0,0,.5),0 0 42px rgba(0,200,255,.07);text-align:center}
.faces-shell>.section-title{margin-bottom:10px}
.faces-dual-line{gap:4px;margin:0 auto 20px}
.face-carousel{position:relative;width:100%;aspect-ratio:16/7.85;overflow:hidden;border-radius:20px;border:1px solid rgba(0,200,255,.34);background:#010308;box-shadow:0 0 36px rgba(0,200,255,.12),0 0 52px rgba(255,42,18,.10)}
.face-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.025);filter:brightness(.72) blur(2px);transition:opacity .42s ease,transform .55s ease,filter .45s ease,visibility 0s linear .55s}
.face-slide.is-active{opacity:1;visibility:visible;transform:scale(1);filter:brightness(1) blur(0);transition-delay:0s;z-index:2}
.face-media-slot{position:absolute;inset:0;overflow:hidden;background:#02040a}
.face-media-slot img,.face-media-slot video{display:block;width:100%;height:118%;object-fit:cover;object-position:center 38%;transform:translateY(-7.5%)}
.face-media-slot video{height:100%;transform:none;object-position:center}
.face-progress{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:5;display:flex;gap:8px;padding:6px 9px;border-radius:999px;background:rgba(0,0,0,.48);backdrop-filter:blur(5px)}
.face-progress span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.25);box-shadow:0 0 0 rgba(0,200,255,0);transition:background .25s ease,box-shadow .25s ease,transform .25s ease}
.face-progress span.is-active{background:#61e3ff;box-shadow:0 0 10px rgba(0,200,255,.9);transform:scale(1.22)}
.faces-video-note{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin:17px 0 0;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase}
.faces-video-note span:last-child{color:#65dfff}

.visual-control-shell{padding-top:34px}
.plug-play-heading{margin-bottom:9px}
.plug-play-art-wrap{margin-top:18px;aspect-ratio:16/8.6}
.plug-play-art-wrap img{width:100%;height:100%;object-fit:cover;object-position:center}
.tested-note{margin:18px auto 0;max-width:900px;font-family:var(--font-mono);font-size:clamp(.56rem,1.2vw,.72rem);letter-spacing:.08em;line-height:1.65;color:var(--text-dim);text-transform:uppercase}

.visual-pilot-section{padding-top:38px}
.visual-pilot-card{grid-template-columns:minmax(220px,330px) 1fr;max-width:1000px}
.visual-pilot-copy{text-align:center}
.visual-pilot-copy .section-title{margin-bottom:13px;color:#ffae2b;text-shadow:0 0 14px rgba(255,122,0,.42)}
.pilot-impact-line{font-family:var(--font-display);font-size:clamp(.95rem,2vw,1.25rem)!important;letter-spacing:.055em;color:#f3f7ff!important;text-transform:uppercase;text-shadow:0 0 12px rgba(255,255,255,.12)}
.pilot-impact-line.es-line{font-family:var(--font-mono);font-size:clamp(.7rem,1.4vw,.9rem)!important;color:#5edfff!important;letter-spacing:.1em}

.footer-plug-play{display:flex;flex-direction:column;gap:2px;margin-top:16px;text-transform:uppercase}
.footer-plug-play strong{font-family:var(--font-display);letter-spacing:.08em;color:#ffae2b}
.footer-plug-play span{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.13em;color:#58dfff}

@keyframes plugPulse{0%,100%{filter:brightness(.92);text-shadow:0 0 7px rgba(255,176,32,.7),0 0 18px rgba(255,42,18,.28)}50%{filter:brightness(1.25);text-shadow:0 0 12px rgba(255,210,80,1),0 0 32px rgba(255,42,18,.52)}}
@keyframes downwardGlow{0%,100%{opacity:1;filter:brightness(1)}50%{opacity:.82;filter:brightness(1.28)}}

@media (max-width:900px){
  .hero-visual-frame,.face-carousel{aspect-ratio:16/9}
  .hero-visual-frame img,.face-media-slot img{height:108%;transform:translateY(-3.5%)}
  .visual-pilot-card{grid-template-columns:1fr;max-width:720px}.visual-pilot-card .pilot-image-wrap{max-width:360px;margin:0 auto}
}
@media (max-width:640px){
  .faces-section{padding:48px 10px 18px}.faces-shell{padding:22px 9px 24px;border-radius:16px}
  .face-carousel{border-radius:12px;aspect-ratio:4/3}.face-media-slot img{height:100%;transform:none;object-fit:cover;object-position:center}
  .hero-visual-frame{aspect-ratio:4/3;border-radius:14px}.hero-visual-frame img{height:100%;transform:none;object-fit:cover;object-position:center}
  .plug-play-art-wrap{aspect-ratio:4/3}.plug-play-art-wrap img{object-fit:cover;object-position:center}
  .hero-dual-slogan strong,.plug-play-heading strong{font-size:clamp(1.45rem,8vw,2.25rem)}
  .hero-dual-slogan span,.plug-play-heading span{font-size:clamp(.88rem,5vw,1.35rem)}
  .faces-video-note{font-size:.55rem}
}
@media (prefers-reduced-motion:reduce){.start-plug-play strong,.hero-dual-slogan strong,.plug-play-heading strong,.downward-action-callout strong,.faces-dual-line strong{animation:none}.face-slide{transition:none}}


.page-grid{grid-template-columns:minmax(0,1fr)!important;}
.page-grid>main{grid-column:1!important;width:100%;}
.hero-dual-slogan span,.plug-play-heading span,.faces-dual-line span,.downward-action-callout span,.slogan-chip small,.footer-plug-play span{display:none!important;}
.start-plug-play{min-height:38px;justify-content:center}
.hero-visual-frame img{display:block;width:100%;height:118%;object-fit:cover;object-position:center 38%;transform:translateY(-7.5%);}
.face-media-slot img{display:block;width:100%;height:118%;object-fit:cover;object-position:center 38%;transform:translateY(-7.5%);}
.face-name-overlay{position:absolute;left:22px;bottom:24px;z-index:4;padding:10px 15px;border:1px solid rgba(0,200,255,.5);border-radius:10px;background:rgba(0,4,12,.78);backdrop-filter:blur(6px);font-family:var(--font-display);font-size:clamp(.9rem,2.2vw,1.45rem);letter-spacing:.07em;color:#f4fbff;text-shadow:0 0 10px rgba(0,200,255,.65);box-shadow:0 0 18px rgba(0,200,255,.12);text-transform:uppercase}
.tested-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px auto 0;max-width:1080px}
.tested-card{min-height:156px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px 10px;border:1px solid rgba(0,200,255,.34);border-radius:14px;background:linear-gradient(180deg,rgba(5,13,24,.94),rgba(2,5,10,.98));box-shadow:inset 0 0 22px rgba(0,200,255,.04),0 0 16px rgba(0,0,0,.35);text-align:center}
.tested-card:nth-child(odd){border-color:rgba(255,78,28,.32)}
.tested-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:16px;border:1px solid rgba(92,224,255,.35);background:rgba(0,200,255,.055);font-size:2rem;filter:saturate(.75);text-shadow:0 0 12px rgba(0,200,255,.4)}
.tested-card strong{font-family:var(--font-display);font-size:clamp(.68rem,1.4vw,.86rem);line-height:1.25;letter-spacing:.055em;color:#f6f8ff;text-transform:uppercase;text-shadow:0 0 8px rgba(255,255,255,.08)}
.visual-pilot-copy{display:flex;flex-direction:column;align-items:center;justify-content:center}
.visual-pilot-copy #pilot-title{max-width:620px;line-height:1.15}
@media(max-width:860px){.tested-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.tested-grid{grid-template-columns:1fr 1fr;gap:8px}.tested-card{min-height:128px;padding:12px 6px}.tested-icon{width:48px;height:48px;font-size:1.55rem}.face-name-overlay{left:10px;bottom:14px}}

.hero-video-frame{background:radial-gradient(circle at 50% 42%,rgba(0,200,255,.10),transparent 36%),radial-gradient(circle at 50% 60%,rgba(255,42,18,.08),transparent 44%),#02040a;display:flex;align-items:center;justify-content:center;}
.hero-video-frame video{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:transparent;}
.screen-video video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.screen-video::after{z-index:2;}
@media (max-width:720px){.hero-video-frame video{object-fit:contain;}}


.gameplay-section{padding:18px 0 8px;}
.gameplay-shell{max-width:1100px;margin:0 auto;padding:20px;border-radius:20px;position:relative;overflow:hidden;}
.gameplay-video-frame{position:relative;margin-top:12px;border:2px solid rgba(0,255,255,.35);border-radius:18px;overflow:hidden;box-shadow:0 0 30px rgba(0,255,255,.12), inset 0 0 24px rgba(255,0,128,.08);background:#050814;}
.gameplay-video-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#000;}
.gameplay-note{margin:12px 0 0;text-align:center;font-weight:700;letter-spacing:.08em;color:var(--text-soft,#cfe9ff);text-transform:uppercase;font-size:.86rem;}