/* Parallel worlds: glass gateways and displaced dimensional planes. */
.smp-worlds{position:relative;isolation:isolate;width:min(1480px,100%);margin:auto;color:#002366;direction:ltr}
.smp-worlds *{box-sizing:border-box}
.smp-stage{position:relative;height:min(680px,calc(100svh - 80px));min-height:570px;isolation:isolate}
.smp-haze{position:absolute;inset:4% 6%;pointer-events:none;background:radial-gradient(ellipse at 49% 48%,#e4efff7a,transparent 60%),radial-gradient(ellipse at 25% 28%,#f1f6ff85,transparent 49%),radial-gradient(ellipse at 76% 75%,#eee7d52c,transparent 42%)}
.smp-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.smp-field-mobile{display:none}
.smp-route{transition:opacity .3s;opacity:.78}
.smp-route.is-active{opacity:1;stroke:#739aca}
.smp-route.is-active path{stroke:#739aca;stroke-width:1.25}
.smp-core{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:clamp(240px,23vw,290px);height:clamp(258px,24.5vw,309px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:29px 36px;z-index:2;border:1px solid #bbd0eb;border-radius:47% 47% 39% 39%;background:radial-gradient(circle at 28% 13%,#fff 38%,#f9fcff 74%,#eaf3ff);box-shadow:0 24px 65px -37px #5481bc46,inset 0 2px 1px white,0 0 0 7px #edf4fc55}
.smp-core::before,.smp-core::after{content:"";position:absolute;inset:-13px;border:1px solid #d8e5f4;border-radius:47% 47% 39% 39%;pointer-events:none;z-index:-1}
.smp-core::before{transform:translate(14px,-10px);opacity:.55}
.smp-core::after{inset:-24px;transform:translate(-10px,12px);opacity:.36;border-color:#cdbd9b}
.smp-core-mark{display:block;width:100%;height:100px;color:#002366}
.smp-wordmark{font-size:clamp(28px,2.65vw,36px);font-weight:800;line-height:1.1;direction:ltr;letter-spacing:-.6px}
.smp-core-caption{font-size:13px;line-height:1.6;color:#647d9e;text-align:center;font-weight:400;white-space:nowrap;direction:rtl}
[lang=en] .smp-core-caption{direction:ltr}
.smp-links{position:absolute;inset:0;z-index:3;pointer-events:none}
.smp-node{position:absolute;left:var(--px);top:var(--py);transform:translate(-50%,-50%);width:180px;min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;padding:7px;text-decoration:none;color:#002366;text-align:center;pointer-events:auto;border-radius:20px;-webkit-tap-highlight-color:transparent}
.smp-window{position:relative;display:grid;place-items:center;width:89px;height:93px;border:1px solid #c2d5ef;border-radius:47px 47px 29px 29px;background:radial-gradient(circle at 22% 15%,#fff 45%,#f2f7ff 84%);box-shadow:0 15px 32px -23px #204c875a,inset 0 2px 0 white;transition:transform .3s,border-color .3s,box-shadow .3s}
.smp-window::before,.smp-window::after{content:"";position:absolute;inset:-5px;border:1px solid #d8e5f4;border-radius:inherit;z-index:-1;pointer-events:none;transition:transform .3s,opacity .3s}
.smp-window::before{transform:translate(5px,-5px);opacity:.66}
.smp-window::after{transform:translate(-5px,5px);opacity:.4;border-color:#c7d5e5}
.smp-window svg{display:block;width:57px;height:57px;overflow:visible}
.smp-label{font-size:16px;font-weight:500;line-height:1.55;color:#536f94;white-space:nowrap;direction:rtl}
[lang=en] .smp-label{direction:ltr}
.smp-node:hover .smp-window,.smp-node:focus-visible .smp-window{transform:translateY(-4px);border-color:#88a9d2;box-shadow:0 16px 32px -18px #345f9645,inset 0 2px 0 white}
.smp-node:hover .smp-window::before,.smp-node:focus-visible .smp-window::before{transform:translate(8px,-8px);opacity:1}
.smp-node:hover .smp-label,.smp-node:focus-visible .smp-label{color:#002366}
.smp-node:focus-visible{outline:2px solid #002366;outline-offset:3px}
.smp-food{--px:16%;--py:47%}.smp-shelter{--px:22%;--py:24%}.smp-ride{--px:50%;--py:10%}.smp-pay{--px:78%;--py:24%}.smp-shop{--px:84%;--py:47%}.smp-service{--px:78%;--py:69%}.smp-trip{--px:65%;--py:89%}.smp-play{--px:35%;--py:89%}.smp-metaverse{--px:22%;--py:69%}
.smp-worlds.sc-motion-paused *{animation-play-state:paused!important}
.smp-worlds.sc-motion-reduced .smp-light{visibility:hidden}
@media(min-width:1600px){.smp-stage{height:min(780px,calc(100svh - 85px))}.smp-window{width:100px;height:104px}.smp-window svg{width:63px;height:63px}}
@media(max-width:1000px) and (min-width:721px){.smp-core{width:220px;height:242px;padding:25px 30px}.smp-core-mark{height:86px}.smp-wordmark{font-size:28px}.smp-node{width:144px}.smp-window{width:76px;height:80px}.smp-window svg{width:49px;height:49px}.smp-label{font-size:13px}}
@media(max-width:720px){
 .smp-stage{width:min(480px,100%);height:auto;aspect-ratio:420/630;min-height:565px;max-height:720px;margin:auto}
 .smp-field-desktop{display:none}.smp-field-mobile{display:block}
 .smp-haze{inset:1% 0}
 .smp-core{width:148px;height:170px;padding:20px 22px;gap:9px;border-radius:46% 46% 36% 36%;box-shadow:0 19px 40px -29px #7293be55,inset 0 1px 1px white,0 0 0 5px #edf4fc55}
 .smp-core::before{inset:-8px;transform:translate(7px,-6px)}.smp-core::after{inset:-14px;transform:translate(-5px,7px)}
 .smp-core-mark{height:58px}.smp-wordmark{font-size:23px;letter-spacing:-.45px}.smp-core-caption{font-size:9px}
 .smp-node{width:90px;min-height:102px;padding:4px 2px;gap:9px}
 .smp-window{width:54px;height:59px;border-radius:29px 29px 19px 19px;box-shadow:0 9px 21px -15px #315c9540,inset 0 1px 0 white}
 .smp-window::before,.smp-window::after{inset:-3px}.smp-window::before{transform:translate(3px,-3px)}.smp-window::after{transform:translate(-3px,3px)}
 .smp-window svg{width:37px;height:37px}
 .smp-label{font-size:13px;white-space:normal;line-height:1.45;min-height:20px;text-wrap:balance}
 .smp-ride{width:82px}
 .smp-food{--px:16%;--py:47%}.smp-shelter{--px:21%;--py:24%}.smp-ride{--px:50%;--py:10%}.smp-pay{--px:79%;--py:24%}.smp-shop{--px:84%;--py:47%}.smp-service{--px:79%;--py:69%}.smp-trip{--px:65%;--py:90%}.smp-play{--px:35%;--py:90%}.smp-metaverse{--px:21%;--py:69%}
}
@media(max-width:360px){.smp-core{width:124px;height:150px;padding:17px 18px;gap:8px}.smp-core-mark{height:51px}.smp-wordmark{font-size:20px}.smp-core-caption{font-size:8px}.smp-window{width:51px;height:56px}.smp-window svg{width:35px;height:35px}.smp-node{width:86px}.smp-ride{width:80px}.smp-label{font-size:12px}}
@media(prefers-reduced-motion:reduce){.smp-worlds *{animation:none!important;transition:none!important}.smp-light{visibility:hidden}}

/* Place the approved composition before the existing, fully functional hub introduction. */
.smt-hero-worlds.hero{padding-top:calc(var(--head-h,55px) + 28px);background:#fff;overflow:hidden}
.smt-hero-worlds .smp-stage{height:min(680px,calc(100svh - 108px))}
@media(min-width:1600px){.smt-hero-worlds .smp-stage{height:min(780px,calc(100svh - 113px))}}
.smt-hero-worlds>.wrap{margin-top:34px}
@media(max-width:720px){.smt-hero-worlds>.wrap{margin-top:34px}.smt-hero-worlds .smp-stage{height:auto}}
@media(max-width:360px){body:has(.smt-hero-worlds) #method .smt-method__grid,body:has(.smt-hero-worlds) #latest .smt-latest{grid-template-columns:minmax(0,1fr)}body:has(.smt-hero-worlds) #method .smt-method__col,body:has(.smt-hero-worlds) #latest .smt-latest__row{min-width:0}}
