/* Unified transport and synthetic Oracle demonstration. No script/policy changes. */
body #gx-complete-home-hero .gx-hero-navigation-unified {
  position:absolute; left:clamp(20px,4.2vw,60px); bottom:22px; z-index:12;
  display:flex; flex-wrap:wrap; align-items:center; gap:16px;
  width:auto; max-width:calc(100% - 132px); margin:0;
}
body #gx-complete-home-hero .gx-hero-transport {
  display:flex; align-items:center; gap:6px; flex:0 0 auto;
  padding:5px; border:1px solid #8fb5dc66; border-radius:32px;
  background:#06142be8; box-shadow:0 5px 24px #0003;
}
body #gx-complete-home-hero .gx-hero-transport button {
  box-sizing:border-box; display:flex; align-items:center; justify-content:center;
  position:static!important; inset:auto!important;
  width:44px!important; height:44px; min-width:44px!important; min-height:44px!important;
  max-width:none; padding:0!important; margin:0!important;
  font-size:0!important; line-height:0; border:1px solid transparent;
  border-radius:50%; color:#edf7ff; background:transparent; cursor:pointer;
}
body #gx-complete-home-hero .gx-hero-transport button:hover {background:#b3ddff22; border-color:#b3ddff66}
body #gx-complete-home-hero .gx-hero-transport button:focus-visible {outline:3px solid #a5ddff;outline-offset:3px;background:#1b4165}
body #gx-complete-home-hero .gx-hero-transport button::before {
  content:""; display:block!important; width:22px; height:22px; background:currentColor;
  position:static; transform:none; margin:0; opacity:1; mask:none; -webkit-mask:none;
}
body #gx-complete-home-hero .gx-hero-transport [data-corea-hero-prev]::before {clip-path:polygon(15% 18%,25% 18%,25% 48%,85% 16%,85% 84%,25% 52%,25% 82%,15% 82%)}
body #gx-complete-home-hero .gx-hero-transport [data-corea-hero-next]::before {clip-path:polygon(85% 18%,75% 18%,75% 48%,15% 16%,15% 84%,75% 52%,75% 82%,85% 82%)}
body #gx-complete-home-hero .gx-hero-transport .corea-gx-hero__playback[aria-pressed="false"]::before {clip-path:polygon(20% 15%,40% 15%,40% 85%,20% 85%,20% 15%,60% 15%,80% 15%,80% 85%,60% 85%,60% 15%)}
body #gx-complete-home-hero .gx-hero-transport .corea-gx-hero__playback[aria-pressed="true"]::before {clip-path:polygon(25% 10%,90% 50%,25% 90%)}
body #gx-complete-home-hero .corea-gx-hero__shell {padding-bottom:126px}
body #gx-complete-home-hero .gx-home-shared-oracle {
  --oracle-x:clamp(86px,15vw,170px); --oracle-y:calc(var(--oracle-x)*.64); --oracle-motion:paused;
  position:relative; display:block; isolation:isolate; width:100%; min-width:0;
  height:clamp(360px,35vw,510px); margin:0; overflow:visible;
  perspective:800px; perspective-origin:50% 48%; color:#e4f4ff;
}
body #gx-complete-home-hero:not([data-gx-media-phase="corea"]) .gx-home-shared-oracle {visibility:hidden}
body #gx-complete-home-hero[data-gx-media-phase="corea"][data-gx-connect-paused="false"] .gx-home-shared-oracle {--oracle-motion:running}
.gx-oracle-halo {position:absolute;inset:5% -8%;z-index:-1;background:radial-gradient(ellipse,#09274bc9 0%,#06182b77 42%,transparent 72%);pointer-events:none}
.gx-oracle-camera {position:absolute;inset:0;transform-style:preserve-3d;animation:gx-oracle-dolly 27s ease-in-out infinite;animation-play-state:var(--oracle-motion)}
.gx-oracle-focus {position:absolute;left:50%;top:46%;width:112px;height:112px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid #b2e7ff99;border-radius:28px;background:linear-gradient(145deg,#0d3154eb,#05152cec);box-shadow:0 0 42px #53c8ff30,0 10px 28px #0004}
.gx-oracle-focus img {width:82px;height:76px;object-fit:contain;filter:none}
.gx-oracle-focus small {position:absolute;bottom:7px;letter-spacing:.15em;font-size:8px;color:#bfe8ff}
.gx-oracle-orbits {position:absolute;inset:0;transform-style:preserve-3d;animation:gx-oracle-reveal 27s ease both infinite;animation-play-state:var(--oracle-motion)}
.gx-oracle-ring {position:absolute;left:50%;top:46%;width:calc(var(--oracle-x)*2);height:calc(var(--oracle-y)*2);border:1px solid #68b5de40;border-radius:50%;transform:translate(-50%,-50%) rotate(-16deg);box-shadow:0 0 16px #69cfff0b}
.gx-oracle-ring--two {transform:translate(-50%,-50%) rotate(44deg);opacity:.65}
.gx-oracle-ring--three {transform:translate(-50%,-50%) rotate(-65deg);opacity:.35}
.gx-oracle-node {position:absolute;left:calc(50% - 44px);top:calc(46% - 40px);width:88px;height:80px;display:grid;grid-template-rows:54px 18px;align-content:center;justify-items:center;border:1px solid #71b8e36b;border-radius:19px;background:linear-gradient(145deg,#123c5bee,#071e35f2);box-shadow:0 5px 20px #0004;animation:gx-oracle-orbit 24s linear infinite;animation-play-state:var(--oracle-motion)}
.gx-oracle-node img {display:block;width:70px;height:50px;object-fit:contain}
.gx-oracle-node span {font:600 9px/15px system-ui,sans-serif;letter-spacing:.025em;color:#eaf7ff;white-space:nowrap}
.gx-oracle-node--1 {animation-delay:0s;transform:translate3d(var(--oracle-x),0,42px)}
.gx-oracle-node--2 {animation-delay:-4s;transform:translate3d(calc(var(--oracle-x)*.5),var(--oracle-y),20px)}
.gx-oracle-node--3 {animation-delay:-8s;transform:translate3d(calc(var(--oracle-x)*-.5),var(--oracle-y),-20px)}
.gx-oracle-node--4 {animation-delay:-12s;transform:translate3d(calc(var(--oracle-x)*-1),0,-42px)}
.gx-oracle-node--5 {animation-delay:-16s;transform:translate3d(calc(var(--oracle-x)*-.5),calc(var(--oracle-y)*-1),-20px)}
.gx-oracle-node--6 {animation-delay:-20s;transform:translate3d(calc(var(--oracle-x)*.5),calc(var(--oracle-y)*-1),20px)}
.gx-oracle-caption {position:absolute;bottom:8px;left:0;right:0;text-align:center;font:600 11px/1.65 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#b6d5ed}
.gx-oracle-caption span {display:block;font-size:9px;letter-spacing:.06em;color:#91acc5}
@keyframes gx-oracle-dolly {0%,9%{transform:translateZ(270px)}26%,92%{transform:translateZ(0)}100%{transform:translateZ(0)}}
@keyframes gx-oracle-reveal {0%,10%{opacity:0}25%,100%{opacity:1}}
@keyframes gx-oracle-orbit {
  0%,100%{transform:translate3d(var(--oracle-x),0,42px)}
  16.667%{transform:translate3d(calc(var(--oracle-x)*.5),var(--oracle-y),20px)}
  33.333%{transform:translate3d(calc(var(--oracle-x)*-.5),var(--oracle-y),-20px)}
  50%{transform:translate3d(calc(var(--oracle-x)*-1),0,-42px)}
  66.667%{transform:translate3d(calc(var(--oracle-x)*-.5),calc(var(--oracle-y)*-1),-20px)}
  83.333%{transform:translate3d(calc(var(--oracle-x)*.5),calc(var(--oracle-y)*-1),20px)}
}
@media(max-width:900px){
  body #gx-complete-home-hero .gx-home-shared-oracle {--oracle-x:clamp(86px,29vw,170px);height:310px;margin:12px 0 0;max-width:500px;justify-self:center}
  body #gx-complete-home-hero .corea-gx-hero__shell {padding-bottom:150px}
  body #gx-complete-home-hero .gx-hero-navigation-unified {gap:10px;bottom:20px}
}
@media(max-width:360px){.gx-oracle-node{width:76px;height:72px;left:calc(50% - 38px);top:calc(46% - 36px);grid-template-rows:48px 16px}.gx-oracle-node img{width:62px;height:44px}.gx-oracle-node span{font-size:8px}.gx-oracle-focus{width:96px;height:96px}.gx-oracle-focus img{width:70px;height:66px}}
@media(prefers-reduced-motion:reduce){.gx-home-shared-oracle *{animation:none!important}.gx-oracle-camera{transform:none}.gx-oracle-orbits{opacity:1}}
html[data-gx-motion="reduced"] .gx-home-shared-oracle *{animation:none!important}
html[data-gx-motion="reduced"] .gx-oracle-camera{transform:none}
html[data-gx-motion="reduced"] .gx-oracle-orbits{opacity:1}

@media(max-width:900px){
 body #gx-complete-home-hero .gx-home-shared-oracle {--oracle-x:clamp(100px,29vw,170px);--oracle-y:96px}
 .gx-oracle-focus{width:96px;height:96px}.gx-oracle-focus img{width:70px;height:66px}
 .gx-oracle-node{width:76px;height:72px;left:calc(50% - 38px);top:calc(46% - 36px);grid-template-rows:48px 16px}
 .gx-oracle-node img{width:62px;height:44px}.gx-oracle-node span{font-size:8px}
}
