/* Product landing pages: /xlantis/ and /mannadrops/. Extends styles.css tokens; no external deps. */
.pl-hero { position: relative; min-height: 100vh; min-height: 100svh; display: grid; align-items: end; overflow: hidden; padding: 140px 0 72px; color: #fffdf8; background: #03080f; }
.pl-hero-media, .pl-hero-media video, .pl-hero-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pl-hero-media::after { position: absolute; inset: 0; content: ""; background: linear-gradient(180deg, rgba(3,8,15,.55) 0%, rgba(3,8,15,.05) 32%, rgba(3,8,15,.35) 62%, rgba(3,8,15,.96) 100%), linear-gradient(90deg, rgba(3,8,15,.78) 0%, rgba(3,8,15,0) 60%); }
.pl-hero .container { position: relative; z-index: 1; }
.pl-hero h1 { max-width: 960px; margin: 0 0 22px; font-size: clamp(3.1rem, 8.4vw, 8.2rem); font-weight: 850; letter-spacing: -.075em; line-height: .86; text-shadow: 0 10px 40px rgba(0,0,0,.45); }
.pl-hero h1 em { color: var(--gold); font-family: Georgia, "Times New Roman", serif; font-style: italic; font-weight: 600; }
.pl-hero .pl-lede { max-width: 620px; margin: 0 0 30px; color: #dfe5ea; font-size: clamp(1rem, 1.5vw, 1.18rem); line-height: 1.65; }
.pl-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.pl-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: .8rem 1.35rem; border: 1px solid var(--gold); border-radius: 4px; background: var(--gold); color: var(--navy); font-size: .82rem; font-weight: 800; letter-spacing: .04em; transition: transform 160ms ease, background 160ms ease; }
.pl-btn:hover, .pl-btn:focus-visible { transform: translateY(-2px); background: var(--gold-light); }
.pl-btn-ghost { background: rgba(3,8,15,.35); color: #fffdf8; border-color: rgba(255,255,255,.5); backdrop-filter: blur(6px); }
.pl-btn-ghost:hover, .pl-btn-ghost:focus-visible { background: rgba(255,255,255,.12); }
.pl-status { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 22px; padding: 7px 13px; border: 1px solid rgba(220,181,72,.55); border-radius: 999px; background: rgba(3,8,15,.55); color: var(--gold-light); font-size: .68rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; backdrop-filter: blur(6px); }
.pl-status::before { width: 7px; height: 7px; content: ""; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 4px rgba(220,181,72,.18); }
.pl-caption { position: absolute; z-index: 1; right: 20px; bottom: 18px; color: rgba(255,255,255,.62); font-size: .66rem; letter-spacing: .08em; }
.pl-section { position: relative; padding: clamp(80px, 11vw, 140px) 0; }
.pl-section h2 { max-width: 860px; margin: 0 0 22px; font-size: clamp(2.4rem, 5.2vw, 5rem); }
.pl-section .pl-intro { max-width: 680px; color: #c3ccd2; font-size: 1.04rem; line-height: 1.72; }
.pl-dark { background: #050d17; color: var(--paper); }
.pl-paper { background: var(--paper); color: var(--ink); }
.pl-paper .pl-intro { color: #4d5960; }
.pl-gallery { display: grid; grid-template-columns: repeat(12, 1fr); gap: 12px; margin-top: 48px; }
.pl-shot { position: relative; overflow: hidden; margin: 0; border-radius: 6px; background: #0b1724; aspect-ratio: 16 / 9; }
.pl-shot img { width: 100%; height: 100%; object-fit: cover; transition: transform 600ms ease; }
.pl-shot:hover img { transform: scale(1.04); }
.pl-shot figcaption { position: absolute; inset: auto 0 0; padding: 40px 18px 14px; background: linear-gradient(0deg, rgba(3,8,15,.9), transparent); color: #fff; font-size: .82rem; font-weight: 700; }
.pl-shot figcaption small { display: block; color: var(--gold-light); font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; }
.pl-span-8 { grid-column: span 8; } .pl-span-4 { grid-column: span 4; } .pl-span-6 { grid-column: span 6; } .pl-span-4b { grid-column: span 4; }
.pl-span-4.pl-tall { aspect-ratio: auto; }
.pl-split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 6vw, 80px); align-items: center; }
.pl-split-media { position: relative; overflow: hidden; border-radius: 8px; aspect-ratio: 16 / 10; box-shadow: 0 40px 90px rgba(0,0,0,.45); }
.pl-split-media video, .pl-split-media img { width: 100%; height: 100%; object-fit: cover; }
.pl-list { display: grid; gap: 1px; margin: 28px 0 0; padding: 0; list-style: none; background: var(--line); border: 1px solid var(--line); }
.pl-list li { padding: 16px 18px; background: rgba(9,27,44,.82); color: #e8ecee; font-size: .92rem; }
.pl-list li b { margin-right: 10px; color: var(--gold); font-size: .66rem; letter-spacing: .1em; }
.pl-paper .pl-list { background: var(--line-dark); border-color: var(--line-dark); }
.pl-paper .pl-list li { background: #ece8df; color: var(--ink); }
.pl-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 44px; counter-reset: step; }
.pl-step { padding: 26px 22px; border: 1px solid #d4cfc4; border-radius: 6px; background: #ece8df; }
.pl-step::before { display: block; margin-bottom: 18px; counter-increment: step; content: counter(step, decimal-leading-zero); color: var(--gold-deep); font-size: .72rem; font-weight: 800; letter-spacing: .12em; }
.pl-step h3 { margin: 0 0 8px; color: var(--ink); font-size: 1.1rem; letter-spacing: -.02em; }
.pl-step p { margin: 0; color: #56636a; font-size: .88rem; line-height: 1.6; }
.pl-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 30px; }
.pl-chips span { padding: 9px 14px; border: 1px solid rgba(220,181,72,.4); border-radius: 999px; color: #f2e6bf; font-size: .78rem; font-weight: 700; }
.pl-roadmap { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 44px; background: var(--line); border: 1px solid var(--line); }
.pl-roadmap div { padding: 26px 22px; background: #07131f; }
.pl-roadmap small { color: var(--gold-light); font-size: .62rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.pl-roadmap h3 { margin: 10px 0 8px; font-size: 1.08rem; }
.pl-roadmap p { margin: 0; color: #a9b4bc; font-size: .86rem; line-height: 1.6; }
.pl-roadmap .is-now { background: linear-gradient(160deg, rgba(220,181,72,.16), #07131f 60%); }
.pl-cta { text-align: center; background: radial-gradient(circle at 50% 30%, rgba(220,181,72,.18), transparent 40%), #040b14; }
.pl-cta h2 { margin-left: auto; margin-right: auto; }
.pl-cta .pl-intro { margin: 0 auto 30px; }
.pl-cta .pl-actions { justify-content: center; }
.pl-note { margin-top: 26px; color: #8e9aa3; font-size: .74rem; line-height: 1.6; }
.pl-paper .pl-note { color: #6a7479; }
/* MannaDrops illustration (pure CSS/SVG, labelled as illustration) */
.md-hero { background: radial-gradient(circle at 70% 30%, rgba(46,121,174,.35), transparent 35%), radial-gradient(circle at 80% 85%, rgba(220,181,72,.18), transparent 30%), #040b14; }
.md-hero-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 40px; align-items: center; }
.md-phone { position: relative; width: min(340px, 78vw); aspect-ratio: 9 / 19; margin: 0 auto; border: 10px solid #101b27; border-radius: 44px; background: #0a1a12; box-shadow: 0 60px 120px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.08); overflow: hidden; }
.md-phone svg { width: 100%; height: 100%; display: block; }
.md-drop { animation: md-fall 3.6s cubic-bezier(.3,.1,.3,1) infinite; transform-origin: center; }
@keyframes md-fall { 0% { transform: translateY(-260px) rotate(-8deg); opacity: 0; } 15% { opacity: 1; } 70% { transform: translateY(0) rotate(0); } 78% { transform: translateY(-10px); } 86%, 100% { transform: translateY(0); } }
.md-pulse { animation: md-pulse 2.4s ease-out infinite; transform-origin: 170px 470px; transform-box: view-box; }
@keyframes md-pulse { 0% { transform: scale(.6); opacity: .9; } 100% { transform: scale(1.6); opacity: 0; } }
.md-illus-label { margin-top: 14px; text-align: center; color: #7f8b94; font-size: .66rem; letter-spacing: .14em; text-transform: uppercase; }
@media (prefers-reduced-motion: reduce) { .md-drop, .md-pulse { animation: none; } .pl-shot img { transition: none; } }
@media (max-width: 900px) {
  .pl-gallery { grid-template-columns: 1fr 1fr; }
  .pl-span-8, .pl-span-4, .pl-span-6, .pl-span-4b { grid-column: span 2; }
  .pl-split, .md-hero-grid { grid-template-columns: 1fr; }
  .pl-steps, .pl-roadmap { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .pl-steps, .pl-roadmap { grid-template-columns: 1fr; }
  .pl-hero { padding-bottom: 48px; }
  .pl-btn { width: 100%; }
}
.md-hero h1 { font-size: clamp(2.7rem, 5.8vw, 5.9rem); }
.md-hero { padding-top: 120px; }


/* Cinematic XMANNA product pages. Scoped to product page classes; global shell remains owned by XMN-001. */
:root { --xm-cyan: #79e7ff; --xm-blue: #579dff; --xm-violet: #a882ff; --xm-ink: #06111e; --xm-panel: #0a1a2a; --md-lime: #b8f58a; --md-aqua: #71e9d5; }
.pl-hero, .pl-section, .pl-cta, .md-hero { display: none; }
.xm-hero, .md-hero-new, .xm-section, .md-section { position: relative; isolation: isolate; overflow: hidden; }
.xm-hero { min-height: min(900px, 100svh); display: flex; align-items: center; padding: 132px 0 92px; background: #030914; color: #fff; }
.xm-hero-film, .xm-hero-film::after, .xm-hero-film video { position: absolute; inset: 0; width: 100%; height: 100%; }
.xm-hero-film video { object-fit: cover; opacity: .63; filter: saturate(.85) contrast(1.08); }
.xm-hero-film::after { content: ""; background: linear-gradient(90deg,rgba(2,7,14,.94),rgba(2,7,14,.64) 44%,rgba(2,7,14,.14) 100%),linear-gradient(0deg,#030914 0%,transparent 45%,rgba(2,7,14,.45)); }
.xm-hero-grid { position:absolute;inset:0;z-index:0;opacity:.18;background-image:linear-gradient(rgba(130,220,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(130,220,255,.18) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,black,transparent 90%);pointer-events:none; }
.xm-hero-content { position:relative;z-index:2; }
.xm-kicker,.md-kicker { display:flex;align-items:center;gap:10px;margin:0 0 20px;color:#9ddff3;font-size:.66rem;font-weight:800;letter-spacing:.18em;line-height:1.4;text-transform:uppercase; }
.xm-kicker-dot,.md-kicker>span { width:8px;height:8px;flex:0 0 auto;border:1px solid #89eaff;border-radius:50%;box-shadow:0 0 18px #6ddfff,0 0 0 5px rgba(91,210,255,.13); }
.xm-hero h1,.md-hero-new h1 { max-width:900px;margin:0 0 24px;color:#fffdf9;font-size:clamp(3.4rem,7.2vw,7.2rem);font-weight:850;letter-spacing:-.078em;line-height:.88;text-shadow:0 10px 44px rgba(0,0,0,.45); }
.xm-hero h1 em,.xm-section h2 em,.xm-final-cta h2 em { color:#91eaff;background:linear-gradient(100deg,#b2f6ff,#7acaff 55%,#ae9aff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.065em; }
.xm-hero-copy { max-width:570px;margin:0 0 31px;color:#d6e2e9;font-size:1.08rem;line-height:1.72; }
.xm-hero .pl-actions,.xm-final-actions { gap:12px; }
.xm-hero .pl-btn,.xm-final-cta .pl-btn,.md-final-cta .pl-btn { min-height:52px;padding-inline:1.35rem;border-radius:6px;font-size:.76rem; }
.xm-hero-orbit { position:absolute;z-index:1;right:8%;top:50%;width:min(36vw,500px);aspect-ratio:1;transform:translateY(-45%);border:1px solid rgba(130,228,255,.18);border-radius:50%;box-shadow:0 0 100px rgba(72,184,255,.12),inset 0 0 70px rgba(73,116,255,.09); }
.xm-hero-orbit::before,.xm-hero-orbit::after { position:absolute;content:"";inset:10%;border:1px solid rgba(143,122,255,.24);border-radius:50%;transform:rotateX(68deg) rotate(-25deg); }
.xm-hero-orbit::after { inset:21%;border-color:rgba(100,218,255,.42);transform:rotateX(68deg) rotate(38deg); }
.xm-hero-orbit span { position:absolute;z-index:2;width:14px;height:14px;border-radius:50%;background:#8cefff;box-shadow:0 0 28px 9px rgba(83,210,255,.7); }
.xm-hero-orbit span:nth-child(1){top:13%;left:30%}.xm-hero-orbit span:nth-child(2){right:9%;top:48%;background:#b3a2ff;box-shadow:0 0 28px 9px rgba(161,126,255,.72)}.xm-hero-orbit span:nth-child(3){bottom:11%;left:26%}
.xm-hero-orbit b { position:absolute;z-index:3;inset:0;display:grid;place-content:center;text-align:center;color:#fff;font-size:1.65rem;line-height:1.05;letter-spacing:.09em;text-shadow:0 0 25px #5ecfff; }
.xm-section-nav,.md-section-nav { position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,42px);min-height:66px;padding:10px 24px;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.08);background:#071321;color:#d2e0e8;font-size:.72rem;font-weight:750;letter-spacing:.04em; }
.xm-section-nav a,.md-section-nav a { display:inline-flex;align-items:center;min-height:44px;transition:color .18s ease; }
.xm-section-nav a:hover,.xm-section-nav a:focus-visible { color:var(--xm-cyan); }
.xm-section-nav .xm-nav-drop,.md-section-nav .md-nav-x { color:#f0d36d; }
.xm-section { padding:clamp(84px,10vw,142px) 0;color:#f7f8fb;background:#061321; }
.xm-world-section { background:radial-gradient(ellipse at 18% 38%,rgba(39,112,175,.22),transparent 39%),linear-gradient(145deg,#071422,#07101d 60%,#0b1021); }
.xm-section::before,.md-section::before { position:absolute;z-index:-1;inset:0;content:"";opacity:.14;background-image:radial-gradient(rgba(132,214,240,.34) .8px,transparent .8px);background-size:27px 27px;mask-image:linear-gradient(160deg,black,transparent 88%); }
.xm-section-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:46px; }
.xm-section h2,.xm-copy-panel h2,.xm-final-cta h2,.md-section h2,.md-copy h2,.md-final-cta h2 { margin:0;color:#fffdf9;font-size:clamp(2.65rem,5vw,4.8rem);font-weight:800;letter-spacing:-.073em;line-height:.96; }
.xm-section-heading .xm-intro { max-width:390px;margin:0 2vw 4px 0;color:#acbdca;font-size:.96rem;line-height:1.72; }
.xm-section h2 em,.xm-final-cta h2 em { color:#91eaff; }
.xm-world-layout { display:grid;grid-template-columns:minmax(0,1.24fr) minmax(310px,.76fr);gap:22px;align-items:stretch; }
.xm-map-stage { position:relative;min-height:530px;overflow:hidden;border:1px solid rgba(130,222,255,.22);border-radius:16px;background:radial-gradient(ellipse at 50% 49%,rgba(29,114,171,.31),transparent 45%),linear-gradient(143deg,#091c2c,#080e1c);box-shadow:0 2px 3px rgba(0,0,0,.2),0 28px 70px -30px rgba(1,4,10,.92),0 0 68px -30px rgba(65,171,255,.45); }
.xm-map-stage::after { position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.06),transparent 28% 72%,rgba(114,128,255,.08)); }
.xm-map-glow { position:absolute;left:50%;top:50%;width:240px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#3bc9ff;filter:blur(90px);opacity:.2; }
.xm-map-lines { position:absolute;inset:0;width:100%;height:100%; }
.xm-map-route { fill:none;stroke:rgba(109,225,255,.46);stroke-width:1.5;stroke-dasharray:5 8;filter:drop-shadow(0 0 5px #46c7ff); }
.xm-map-boundary { fill:none;stroke:rgba(153,174,198,.12);stroke-width:1;stroke-dasharray:2 8; }
.xm-map-gridline { stroke:rgba(145,176,202,.09);stroke-width:1; }
.xm-ring { fill:none;stroke:#83e8ff;stroke-width:1.2;filter:drop-shadow(0 0 8px rgba(65,213,255,.7)); }
.xm-ring-a { stroke-dasharray:3 8;animation:xm-orbit 30s linear infinite;transform-origin:382px 260px; }
.xm-ring-b { stroke:#a994ff;stroke-dasharray:18 4 3 6;animation:xm-orbit 22s linear infinite reverse;transform-origin:382px 260px; }
.xm-ring-c { stroke:#c0f7ff;stroke-dasharray:36 5; }
.xm-map-label { fill:#f6fdff;font:700 11px ui-sans-serif,system-ui;letter-spacing:2px; }
.xm-portal { position:absolute;z-index:3;display:flex;align-items:center;gap:9px;min-height:48px;padding:8px 13px;border:1px solid rgba(126,224,255,.36);border-radius:999px;background:rgba(4,15,27,.78);box-shadow:0 10px 28px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.09);backdrop-filter:blur(13px);color:#e8f7ff;font-size:.61rem;font-weight:850;letter-spacing:.11em;cursor:pointer;transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .2s ease; }
.xm-portal:hover,.xm-portal.is-selected { transform:translateY(-3px);border-color:#83e8ff;box-shadow:0 15px 35px rgba(0,0,0,.38),0 0 30px rgba(68,203,255,.24); }
.xm-portal:focus-visible { outline:3px solid #f7f8fb;outline-offset:3px; }
.xm-portal[data-portal="hub"] { left:calc(50% - 62px);top:calc(50% - 28px);min-width:124px;justify-content:center;background:rgba(8,37,54,.92); }
.xm-portal[data-portal="stadium"] { left:10%;top:17%; }.xm-portal[data-portal="city"] { right:8%;top:18%; }.xm-portal[data-portal="race"] { left:9%;bottom:17%; }.xm-portal[data-portal="stage"] { right:7%;bottom:17%; }
.xm-portal-pin { display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(100,213,255,.16);color:#9cecff;font-size:.58rem; }
.xm-portal-mark { display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #8cefff;border-radius:50%;box-shadow:0 0 14px rgba(97,225,255,.35); }
.xm-portal-mark i { position:absolute;width:6px;height:6px;border-radius:50%;background:#c3f8ff;box-shadow:0 0 12px #76eaff; }.xm-portal-mark i:nth-child(2){transform:translate(7px,-5px)}.xm-portal-mark i:nth-child(3){transform:translate(-7px,5px)}
.xm-map-legend { position:absolute;z-index:2;left:20px;bottom:17px;display:flex;align-items:center;gap:8px;color:#c2d5df;font-size:.56rem;font-weight:800;letter-spacing:.12em; }
.xm-map-legend small { margin-left:5px;color:#8298a6;font-size:.53rem; }
.xm-live-light { width:7px;height:7px;border-radius:50%;background:#68dafb;box-shadow:0 0 12px #5ad6ff; }
.xm-portal-card { display:flex;flex-direction:column;overflow:hidden;min-height:530px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(11,26,41,.91);box-shadow:0 1px 3px rgba(0,0,0,.24),0 28px 68px -32px #000,0 30px 95px -72px rgba(102,173,255,.7); }
.xm-portal-image-frame { position:relative;min-height:310px;flex:1;overflow:hidden;background:#091523; }
.xm-portal-image-frame::after { position:absolute;inset:0;content:"";background:linear-gradient(0deg,rgba(2,8,15,.96),transparent 56%),linear-gradient(110deg,rgba(19,98,142,.15),transparent 56%);pointer-events:none; }
.xm-portal-image-frame img { display:block;width:100%;height:100%;min-height:310px;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .18s ease; }
.xm-portal-image-frame img.is-swapping { opacity:.25;transform:scale(1.03); }
.xm-image-chip { position:absolute;z-index:2;top:15px;left:15px;padding:7px 10px;border:1px solid rgba(255,255,255,.27);border-radius:999px;background:rgba(4,12,21,.67);backdrop-filter:blur(12px);color:#eaf9ff;font-size:.52rem;font-weight:850;letter-spacing:.13em; }
.xm-image-caption { position:absolute;z-index:2;right:22px;bottom:18px;left:22px; }
.xm-image-caption small { color:#a1e8fb;font-size:.58rem;font-weight:850;letter-spacing:.18em; }
.xm-image-caption h3 { margin:6px 0 0;color:#fff;font-size:2.1rem;letter-spacing:-.06em;line-height:1; }
.xm-portal-copy { padding:20px 23px 14px; }
.xm-portal-copy p { min-height:60px;margin:0 0 20px;color:#c3d1da;font-size:.88rem;line-height:1.62; }
.xm-portal-meta { display:flex;justify-content:space-between;gap:12px;padding-top:13px;border-top:1px solid rgba(255,255,255,.1);color:#9fb2bf;font-size:.52rem;font-weight:800;letter-spacing:.11em; }
.xm-portal-meta>span { display:flex;align-items:center;gap:7px; }.xm-dot-cyan { width:7px;height:7px;border-radius:50%;background:#74e9ff;box-shadow:0 0 9px #5bdaff; }
.xm-card-link { display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 23px;border-top:1px solid rgba(255,255,255,.09);color:#e5f8ff;font-size:.76rem;font-weight:750; }
.xm-card-link:hover,.xm-inline-link:hover { color:#8feaff; }
.xm-archive-note { max-width:820px;margin:22px 0 0;color:#899daa;font-size:.74rem;line-height:1.65; }
.xm-crew-section { background:radial-gradient(ellipse at 28% 47%,rgba(38,128,181,.24),transparent 37%),linear-gradient(108deg,#071522,#090e1c 62%,#101127); }
.xm-split { display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(40px,7vw,100px);align-items:center; }
.xm-crew-image,.xm-scene-frame { position:relative;overflow:hidden;min-height:480px;border:1px solid rgba(156,220,241,.2);border-radius:15px;background:#0a1828;box-shadow:0 2px 4px rgba(0,0,0,.3),0 36px 80px -35px #000,0 0 70px -50px #60cbff; }
.xm-crew-image img,.xm-scene-frame img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.xm-crew-image::after,.xm-scene-frame::after { position:absolute;inset:0;content:"";background:linear-gradient(0deg,rgba(3,9,16,.83),transparent 48%),linear-gradient(130deg,rgba(66,148,200,.15),transparent 50%); }
.xm-glass-fact { position:absolute;z-index:2;right:18px;top:22px;display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(4,13,22,.7);box-shadow:0 16px 40px rgba(0,0,0,.25);backdrop-filter:blur(14px); }
.xm-fact-orb { display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(132,232,255,.55);border-radius:50%;color:#a5efff;box-shadow:0 0 25px rgba(90,213,255,.24); }
.xm-glass-fact span:last-child { display:grid;gap:3px; }.xm-glass-fact small { color:#9fe9fa;font-size:.52rem;font-weight:800;letter-spacing:.15em; }.xm-glass-fact b { color:white;font-size:.74rem; }
.xm-copy-panel { max-width:550px; }.xm-copy-panel h2 { margin-bottom:22px; }.xm-copy-panel>p:not(.xm-kicker) { color:#bdcbd5;font-size:1rem;line-height:1.72; }
.xm-feature-lines { display:grid;gap:0;margin:28px 0 22px;border-top:1px solid rgba(255,255,255,.11); }
.xm-feature-lines>div { display:grid;grid-template-columns:38px 1fr;gap:2px 10px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.11); }
.xm-feature-lines>div>span { grid-row:span 2;color:#80def9;font-size:.65rem;font-weight:850;letter-spacing:.1em; }.xm-feature-lines b { color:#f5f8fa;font-size:.87rem; }.xm-feature-lines small { color:#8fa2af;font-size:.73rem; }
.xm-honesty { margin-top:22px!important;padding:13px 15px;border-left:2px solid #62cee9;background:rgba(48,132,171,.1);color:#b4c9d4!important;font-size:.74rem!important;line-height:1.6!important; }
.xm-stadium-section { padding-top:20px;background:radial-gradient(ellipse at 78% 45%,rgba(113,92,208,.16),transparent 35%),#080e1a; }
.xm-split-reverse { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }.xm-split-reverse .xm-copy-panel { grid-column:1;grid-row:1; }.xm-split-reverse .xm-scene-frame { grid-column:2;grid-row:1; }
.xm-scene-frame { min-height:450px;margin:0; }.xm-scene-frame img { object-fit:cover; }.xm-scene-frame figcaption { position:absolute;z-index:2;right:26px;bottom:23px;left:26px;display:grid;gap:6px;color:white; }.xm-scene-frame figcaption span { color:#a7eaff;font-size:.56rem;font-weight:850;letter-spacing:.16em; }.xm-scene-frame figcaption b { font-size:1.24rem;letter-spacing:-.025em; }.xm-frame-corner { position:absolute;z-index:3;right:18px;top:18px;width:42px;height:42px;border-top:1px solid rgba(156,232,255,.8);border-right:1px solid rgba(156,232,255,.8); }
.xm-inline-link { display:inline-flex;align-items:center;gap:16px;min-height:48px;color:#c8e8f2;font-size:.78rem;font-weight:800; }
.xm-rebuild-section { background:radial-gradient(ellipse at 50% 0,rgba(68,125,181,.22),transparent 44%),linear-gradient(180deg,#071321,#080d18); }
.xm-heading-center { display:grid;justify-content:center;text-align:center; }.xm-heading-center .xm-kicker { justify-content:center; }.xm-heading-center .xm-intro { max-width:610px;margin:8px auto 0; }
.xm-stage-track { position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px; }
.xm-track-line { position:absolute;top:67px;right:16%;left:16%;height:1px;background:linear-gradient(90deg,#69d9fa,#786fe2,rgba(120,111,226,.25));box-shadow:0 0 16px rgba(93,184,244,.45); }
.xm-track-line span { position:absolute;top:-4px;left:0;width:9px;height:9px;border-radius:50%;background:#8feaff;box-shadow:0 0 14px 4px rgba(95,211,255,.54); }
.xm-stage { position:relative;z-index:1;padding:0 24px 27px;border:1px solid rgba(171,196,215,.14);border-radius:12px;background:linear-gradient(150deg,rgba(15,34,52,.96),rgba(8,17,30,.98));box-shadow:0 1px 3px rgba(0,0,0,.25),0 24px 48px -30px #000; }
.xm-stage.is-current { transform:translateY(-12px);border-color:rgba(113,222,255,.5);box-shadow:0 2px 4px rgba(0,0,0,.3),0 30px 70px -34px #000,0 0 66px -40px rgba(77,204,255,.8); }
.xm-stage>small { display:inline-flex;align-items:center;min-height:46px;color:#9ee8fa;font-size:.55rem;font-weight:850;letter-spacing:.13em; }
.xm-stage-art { position:relative;height:112px;margin:0 -5px 10px;overflow:hidden;border-radius:8px;background:radial-gradient(ellipse at 50% 80%,rgba(73,205,255,.27),transparent 45%),linear-gradient(135deg,#0a2437,#12152a); }
.xm-stage-art::before,.xm-stage-art::after { position:absolute;content:"";border:1px solid rgba(117,227,255,.55);border-radius:50%;transform:rotateX(65deg); }.xm-stage-art::before { inset:17px 30%; }.xm-stage-art::after { inset:30px 20%;border-color:rgba(156,137,255,.55); }
.xm-stage-art i { position:absolute;z-index:2;width:9px;height:9px;border-radius:50%;background:#a9edff;box-shadow:0 0 16px 4px #52cfff; }.xm-stage-art i:nth-child(1){left:28%;top:25%}.xm-stage-art i:nth-child(2){right:27%;top:60%;background:#b2a0ff;box-shadow:0 0 15px 4px #8870ea}.xm-stage-art i:nth-child(3){left:47%;bottom:17%}
.xm-art-stadium { background:linear-gradient(180deg,transparent 48%,rgba(34,172,196,.3)),repeating-linear-gradient(90deg,rgba(121,222,236,.12) 0 2px,transparent 2px 20px),#101b2a; }.xm-art-portals::before { inset:19px 34%;border-width:2px; }.xm-stage h3 { margin:8px 0;color:#f4f8fa;font-size:1.16rem;letter-spacing:-.025em; }.xm-stage p { margin:0;color:#9eafba;font-size:.78rem;line-height:1.62; }
.xm-stage-foot { display:flex;align-items:center;justify-content:center;gap:9px;margin-top:31px;color:#9cb1bf;font-size:.62rem;font-weight:850;letter-spacing:.14em;text-align:center; }.xm-pulse-soft { width:7px;height:7px;border-radius:50%;background:#76e6ff;box-shadow:0 0 14px #67ddff; }
.xm-final-cta { position:relative;overflow:hidden;padding:clamp(70px,9vw,112px) 0;color:#fff;background:radial-gradient(ellipse at 85% 30%,rgba(99,76,187,.3),transparent 30%),radial-gradient(ellipse at 23% 100%,rgba(47,150,204,.22),transparent 34%),#050b15; }
.xm-final-cta::before { position:absolute;right:-10%;top:-90%;width:65vw;aspect-ratio:1;content:"";border:1px solid rgba(131,211,255,.18);border-radius:50%;box-shadow:0 0 0 55px rgba(131,211,255,.025),0 0 0 110px rgba(131,211,255,.02); }
.xm-final-inner { position:relative;display:flex;align-items:center;justify-content:space-between;gap:44px; }.xm-final-cta h2 { margin-bottom:18px; }.xm-final-inner>div:first-child>p:last-child { max-width:485px;margin:0;color:#b6c7d2;line-height:1.65; }.xm-final-actions { display:grid;min-width:240px; }
.md-hero-new { min-height:790px;display:flex;align-items:center;padding:136px 0 84px;color:#fff;background:radial-gradient(ellipse at 65% 46%,rgba(30,111,117,.24),transparent 38%),linear-gradient(120deg,#061321,#081623 52%,#071922); }
.md-hero-gridline { position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(rgba(135,221,208,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(135,221,208,.17) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,black 40%,black 80%,transparent); }
.md-aurora { position:absolute;z-index:-1;width:470px;aspect-ratio:1;border-radius:50%;filter:blur(90px);opacity:.17;pointer-events:none; }.md-aurora-one { top:5%;right:4%;background:#5cdbcb; }.md-aurora-two { bottom:-28%;left:39%;background:#69a2ff; }
.md-hero-layout { display:grid;grid-template-columns:minmax(0,.94fr) minmax(460px,1.06fr);gap:38px;align-items:center; }
.md-kicker { color:#a8e7d9; }.md-kicker>span { border-color:#a2f4df;box-shadow:0 0 16px #67e3d0,0 0 0 5px rgba(88,222,202,.12); }
.md-hero-new h1 { max-width:660px;font-size:clamp(3.3rem,6.3vw,6.4rem); }.md-hero-new h1 em,.md-section h2 em,.md-final-cta h2 em { color:#b8f58a;background:linear-gradient(100deg,#c1f6a0,#75e9d1 64%,#8ab3ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.065em; }
.md-hero-copy>p:not(.md-kicker) { max-width:530px;margin:0 0 28px;color:#d1dfdf;font-size:1.02rem;line-height:1.72; }
.md-hero-new .pl-btn-ghost,.md-final-cta .pl-btn-ghost { border-color:rgba(166,228,211,.5); }.md-hero-truth { margin:22px 0 0;color:#9db1b3;font-size:.68rem;line-height:1.6; }.md-hero-truth span { margin-right:8px;color:#b9ef90;font-size:.58rem;font-weight:850;letter-spacing:.12em; }
.md-hero-scene { position:relative;min-height:560px;display:grid;place-items:center;perspective:1200px; }
.md-map-device { position:relative;z-index:2;width:min(330px,70vw);min-height:535px;padding:10px;border:1px solid rgba(218,249,244,.54);border-radius:36px;background:linear-gradient(145deg,#273b45,#101b22 35%,#071018);box-shadow:0 2px 5px rgba(0,0,0,.4),0 44px 80px -26px #000,0 30px 110px -50px rgba(103,231,212,.9);transform:rotateY(-9deg) rotateX(4deg);animation:md-device-float 7s ease-in-out infinite; }
.md-device-top { display:flex;justify-content:space-between;align-items:center;height:26px;padding:0 14px;color:#e4f3ef;font-size:.56rem;font-weight:800;letter-spacing:.07em; }.md-device-top i { width:43px;height:8px;border-radius:9px;background:#02090d; }.md-device-content { position:relative;overflow:hidden;height:440px;border-radius:23px;background:#0d1d22; }.md-map-title { position:absolute;z-index:1;top:14px;left:16px;display:grid;gap:4px;padding:10px 13px;border:1px solid rgba(255,255,255,.17);border-radius:10px;background:rgba(5,15,18,.78);box-shadow:0 10px 25px rgba(0,0,0,.25);backdrop-filter:blur(12px); }.md-map-title small { color:#bcefd9;font-size:.48rem;font-weight:850;letter-spacing:.12em; }.md-map-title b { color:#fff;font-size:.88rem; }.md-map-title span { color:#a8b9b6;font-size:.6rem; }
.md-city-map { width:100%;height:100%;background:linear-gradient(160deg,#152c2b,#1a2c28 50%,#12221f); }.md-road { fill:none;stroke:#a2afa5;stroke-width:12;opacity:.22; }.md-road-wide { stroke:#d0b58c;stroke-width:24;opacity:.2; }.md-park { fill:#224b3b;stroke:#77a88a;stroke-width:2;opacity:.8; }.md-geofence { fill:rgba(131,225,190,.18);stroke:#b8f58a;stroke-width:2;stroke-dasharray:6 6; }.md-map-label { fill:#dbf6e5;font:800 11px ui-sans-serif,system-ui;letter-spacing:1px; }.md-map-street { fill:#8fa79c;font:700 9px ui-sans-serif,system-ui;letter-spacing:1px; }
.md-map-pin circle { fill:#beff90;stroke:#eaffdb;stroke-width:3;filter:drop-shadow(0 0 12px rgba(184,245,138,.9)); }.md-map-pin text { fill:#163124;text-anchor:middle;font:900 15px ui-sans-serif,system-ui; }.md-pin-two circle { fill:#83dcd4; }.md-player-location { fill:#86c8ff;stroke:white;stroke-width:3; }.md-player-wave { fill:none;stroke:#86c8ff;stroke-width:2;opacity:.75;animation:md-wave 2.4s ease-out infinite;transform-origin:166px 281px; }
.md-drop-card { position:absolute;right:12px;bottom:12px;left:12px;display:flex;align-items:center;gap:11px;padding:12px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(5,13,16,.85);box-shadow:0 15px 40px rgba(0,0,0,.3);backdrop-filter:blur(14px); }.md-drop-card>span:nth-child(2) { display:grid;gap:3px;flex:1; }.md-drop-card b { color:#fff;font-size:.74rem; }.md-drop-card small { color:#a8b9b6;font-size:.56rem; }.md-drop-gem { display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:linear-gradient(145deg,#c7ff9a,#56cbb8);color:#153028;font-size:1.2rem;box-shadow:0 0 25px rgba(146,243,172,.35); }.md-drop-arrow { color:#a5f1db;font-size:1rem; }
.md-device-nav { display:flex;justify-content:space-around;align-items:center;height:39px;color:#8ea7a0;font-size:.47rem;font-weight:900;letter-spacing:.12em; }.md-device-nav span:nth-child(2) { color:#c2f594; }
.md-map-orbit { position:absolute;z-index:1;width:490px;height:245px;border:1px solid rgba(111,237,213,.24);border-radius:50%;transform:rotate(-21deg);box-shadow:0 0 50px rgba(83,225,204,.1); }.md-orbit-b { width:590px;height:330px;border-color:rgba(139,165,255,.17);transform:rotate(31deg); }.md-floating-note { position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid rgba(235,255,250,.23);border-radius:11px;background:rgba(5,15,21,.77);box-shadow:0 17px 40px rgba(0,0,0,.32),0 0 45px -30px #83edd6;backdrop-filter:blur(14px); }.md-note-left { left:0;top:22%; }.md-note-right { right:-2%;bottom:19%; }.md-note-icon { display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(187,245,139,.58);border-radius:50%;color:#c3f993; }.md-note-cyan { color:#80edda;border-color:rgba(128,237,218,.55); }.md-floating-note>span:last-child { display:grid;gap:3px; }.md-floating-note small { color:#9eb9b3;font-size:.48rem;font-weight:850;letter-spacing:.12em; }.md-floating-note b { color:#eff9f3;font-size:.66rem; }.md-scene-caption { position:absolute;bottom:1px;margin:0;color:#8ea5a1;font-size:.57rem;letter-spacing:.06em;text-align:center; }
.md-section { padding:clamp(80px,9vw,126px) 0;color:#f6fbf8; }
.md-player-section { background:radial-gradient(ellipse at 82% 30%,rgba(55,155,134,.19),transparent 34%),linear-gradient(135deg,#081821,#09151d 57%,#071921); }
.md-section-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:38px;margin-bottom:42px; }.md-section-heading>div { flex:1; }.md-section-heading>p { max-width:420px;margin:0 0 4px;color:#adbfbd;font-size:.94rem;line-height:1.7; }.md-section h2,.md-copy h2,.md-final-cta h2 { font-size:clamp(2.6rem,4.8vw,4.7rem); }.md-section h2 em,.md-final-cta h2 em { color:#b8f58a; }
.md-player-demo { display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:19px;align-items:stretch; }
.md-demo-map { overflow:hidden;border:1px solid rgba(180,232,219,.19);border-radius:15px;background:linear-gradient(145deg,#10252a,#0a171d);box-shadow:0 1px 3px rgba(0,0,0,.3),0 30px 70px -35px #000,0 0 70px -48px rgba(87,230,201,.72); }
.md-map-surface { position:relative;min-height:425px;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,rgba(63,159,127,.2),transparent 55%),linear-gradient(160deg,#10252b,#12212a); }.md-map-surface svg { display:block;width:100%;height:100%;min-height:425px; }.md-map-river { fill:none;stroke:#438d84;stroke-width:37;opacity:.31; }.md-map-route-line { fill:none;stroke:#e4c184;stroke-width:2;stroke-dasharray:4 8;opacity:.55; }.md-block { fill:#234038;stroke:rgba(175,225,199,.12);stroke-width:2; }.md-park-large { fill:#244b3c;stroke:#5f9b74;stroke-width:2; }.md-safe-zone { fill:rgba(183,245,138,.18);stroke:#b8f58a;stroke-width:2;stroke-dasharray:7 6;transition:transform .35s ease,fill .3s ease;transform-origin:50% 50%; }.md-map-labels { fill:#b2c6ba;font:800 10px ui-sans-serif,system-ui;letter-spacing:1.5px; }.md-demo-marker circle { fill:#b8f58a;stroke:#edffdb;stroke-width:3;filter:drop-shadow(0 0 12px rgba(184,245,138,.8)); }.md-demo-marker text { fill:#243d2c;text-anchor:middle;font:900 18px ui-sans-serif,system-ui; }.md-marker-two circle { fill:#86e9dc; }.md-marker-three circle { fill:#b0bcff; }.md-user-dot { fill:#93c8ff;stroke:white;stroke-width:3; }.md-user-wave { fill:none;stroke:#93c8ff;stroke-width:2;opacity:.8; }.md-map-scale { position:absolute;right:16px;bottom:14px;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:rgba(5,14,18,.78);color:#a9c2b9;font-size:.5rem;font-weight:800;letter-spacing:.08em; }.md-map-scale i { width:19px;height:19px;border:1px solid #b8f58a;border-radius:50%;box-shadow:0 0 12px rgba(184,245,138,.25); }
.md-location-row { display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.1); }.md-location-choice { display:flex;align-items:center;gap:10px;min-height:74px;padding:11px 13px;border:0;border-right:1px solid rgba(255,255,255,.08);background:rgba(5,13,17,.47);color:#eaf4f0;text-align:left;cursor:pointer;transition:background .18s ease; }.md-location-choice:last-child { border-right:0; }.md-location-choice:hover,.md-location-choice:focus-visible,.md-location-choice.is-active { background:rgba(73,155,129,.2);outline:0; }.md-loc-indicator { width:8px;height:8px;flex:0 0 auto;border:1px solid #80a69a;border-radius:50%; }.md-location-choice.is-active .md-loc-indicator { border-color:#c7ff93;background:#c7ff93;box-shadow:0 0 12px #b8f58a; }.md-location-choice>span:nth-child(2) { display:grid;gap:4px;flex:1; }.md-location-choice small { color:#90aaa2;font-size:.47rem;font-weight:850;letter-spacing:.1em; }.md-location-choice b { font-size:.69rem; }.md-loc-arrow { color:#94b5a7;font-size:.76rem; }
.md-drop-detail { position:relative;overflow:hidden;padding:22px;border:1px solid rgba(188,232,213,.19);border-radius:15px;background:radial-gradient(ellipse at 50% 8%,rgba(94,208,178,.19),transparent 39%),linear-gradient(150deg,#10232a,#0b141d 65%);box-shadow:0 1px 3px rgba(0,0,0,.3),0 30px 74px -38px #000; }.md-detail-top { display:flex;align-items:center;justify-content:space-between;gap:10px;color:#89aaa0;font-size:.49rem;font-weight:850;letter-spacing:.1em; }.md-demo-pill { display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(186,245,139,.35);border-radius:999px;color:#c6f49e; }.md-demo-pill i { width:6px;height:6px;border-radius:50%;background:#c1f593;box-shadow:0 0 10px #b8f58a; }
.md-detail-art { position:relative;display:grid;place-items:center;height:145px;margin:13px 0 12px;overflow:hidden;border:1px solid rgba(184,232,221,.11);border-radius:10px;background:linear-gradient(145deg,rgba(46,107,97,.24),rgba(20,35,43,.18)); }.md-detail-art svg { position:relative;z-index:1;width:116px;filter:drop-shadow(0 10px 22px rgba(74,217,188,.2)); }.md-detail-art svg path:first-child { fill:rgba(188,245,138,.72);stroke:#e0ffc1;stroke-width:2; }.md-detail-art svg path:nth-child(2) { fill:none;stroke:#386b5d;stroke-width:2; }.md-detail-art svg circle { fill:none;stroke:rgba(140,242,215,.5);stroke-width:1;stroke-dasharray:4 5; }.md-detail-glow { position:absolute;width:115px;height:80px;border-radius:50%;background:#66dcb6;filter:blur(45px);opacity:.35; }.md-detail-orbit { position:absolute;width:200px;height:70px;border:1px solid rgba(133,238,208,.26);border-radius:50%;transform:rotate(-22deg); }
.md-detail-kicker { margin:0 0 5px;color:#a7e7d9;font-size:.54rem;font-weight:850;letter-spacing:.13em; }.md-drop-detail h3 { margin:0 0 8px;color:#fff;font-size:1.42rem;letter-spacing:-.035em; }.md-drop-detail>p:not(.md-detail-kicker):not(.md-sim-result) { min-height:55px;margin:0;color:#aebfba;font-size:.76rem;line-height:1.62; }.md-detail-reward { display:grid;gap:5px;margin-top:15px;padding:13px;border:1px solid rgba(184,232,216,.14);border-radius:9px;background:rgba(6,16,19,.48); }.md-detail-reward span { color:#89a89f;font-size:.49rem;font-weight:850;letter-spacing:.12em; }.md-detail-reward b { color:#d8f9b8;font-size:.76rem; }.md-detail-reward small { color:#879a95;font-size:.58rem; }
.md-simulate-button,.md-campaign-preview { display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;margin-top:15px;padding:0 14px;border:1px solid rgba(160,232,214,.44);border-radius:7px;background:linear-gradient(110deg,rgba(68,167,142,.25),rgba(49,104,130,.22));color:#e9fff5;font-size:.72rem;font-weight:850;cursor:pointer;transition:box-shadow .18s ease,transform .18s ease; }.md-simulate-button:hover,.md-campaign-preview:hover { transform:translateY(-2px);box-shadow:0 0 30px rgba(97,228,199,.16); }.md-simulate-button:focus-visible,.md-campaign-preview:focus-visible { outline:2px solid #b8f58a;outline-offset:3px; }.md-sim-result { min-height:42px;margin:10px 0 0;color:#a8c1b7;font-size:.61rem;line-height:1.5; }
.md-flow-section { background:radial-gradient(ellipse at 80% 45%,rgba(82,146,145,.16),transparent 32%),linear-gradient(120deg,#07141c,#0a1720 58%,#0a161c); }.md-flow-grid { display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center; }.md-copy { max-width:430px; }.md-copy h2 { margin:0 0 20px; }.md-copy>p:not(.md-kicker) { color:#adbfbc;font-size:.94rem;line-height:1.7; }.md-text-link { display:inline-flex;align-items:center;gap:15px;min-height:48px;color:#c3f1d5;font-size:.76rem;font-weight:850; }
.md-flow-visual { position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:14px; }.md-flow-step { position:relative;z-index:1;min-height:225px;padding:17px;border:1px solid rgba(202,233,224,.13);border-radius:11px;background:linear-gradient(145deg,rgba(20,45,50,.92),rgba(9,22,28,.98));box-shadow:0 1px 3px rgba(0,0,0,.22),0 24px 50px -35px #000; }.md-flow-step small { color:#9bddd0;font-size:.5rem;font-weight:850;letter-spacing:.12em; }.md-flow-step h3 { margin:8px 0 6px;color:#f5fbf8;font-size:.92rem; }.md-flow-step p { margin:0;color:#9db0aa;font-size:.68rem;line-height:1.6; }.md-flow-art { position:relative;display:grid;place-items:center;height:95px;margin-bottom:13px;overflow:hidden;border:1px solid rgba(175,233,216,.11);border-radius:8px;background:radial-gradient(ellipse at 50% 60%,rgba(110,222,188,.21),transparent 52%),#10232b; }.md-flow-art span { position:relative;z-index:1;display:grid;place-items:center;width:37px;height:37px;border:1px solid #b8f58a;border-radius:50%;background:rgba(92,183,136,.22);color:#d2ffa9;box-shadow:0 0 26px rgba(160,244,180,.26); }.md-flow-art i { position:absolute;width:120px;height:44px;border:1px solid rgba(114,226,197,.43);border-radius:50%;transform:rotate(-23deg); }.md-art-enter { background-image:linear-gradient(90deg,transparent 48%,rgba(174,217,193,.13) 49% 51%,transparent 52%),linear-gradient(#152b2b,#12232a); }.md-art-play { background-image:radial-gradient(circle at 50% 50%,rgba(153,209,255,.2),transparent 45%),linear-gradient(135deg,#10262c,#131c32); }.md-art-claim { background-image:radial-gradient(circle at 50% 45%,rgba(184,245,138,.22),transparent 45%),#102721; }.md-flow-track { position:absolute;z-index:0;top:50%;right:8%;left:8%;height:1px;background:linear-gradient(90deg,rgba(136,232,207,.05),rgba(136,232,207,.55),rgba(136,232,207,.05)); }
.md-partner-section { background:radial-gradient(ellipse at 15% 20%,rgba(68,151,160,.18),transparent 37%),linear-gradient(135deg,#09171d,#07141b 60%,#0d1b24); }.md-partner-stage { display:grid;grid-template-columns:minmax(0,1.28fr) minmax(310px,.72fr);gap:18px; }.md-partner-map,.md-campaign-flow { position:relative;overflow:hidden;border:1px solid rgba(179,228,213,.17);border-radius:14px;background:linear-gradient(145deg,#10242a,#0c171e);box-shadow:0 1px 3px rgba(0,0,0,.3),0 30px 70px -37px #000,0 0 70px -50px rgba(113,228,203,.58); }
.md-partner-map-head { position:absolute;z-index:2;inset:17px 17px auto;display:flex;justify-content:space-between;gap:10px;align-items:center;color:#d8eee4;font-size:.6rem;font-weight:850;letter-spacing:.1em; }.md-partner-map-head span:first-child { display:grid;gap:4px; }.md-partner-map-head small { color:#91aca1;font-size:.46rem; }.md-status-draft { padding:7px 9px;border:1px solid rgba(232,190,118,.3);border-radius:999px;background:rgba(119,73,25,.16);color:#edcf9a;font-size:.48rem; }
.md-partner-map svg { display:block;width:100%;height:100%;min-height:440px;background:radial-gradient(ellipse at 49% 50%,rgba(80,149,115,.19),transparent 55%),#12232a; }.md-v-road { fill:none;stroke:#d7c39e;stroke-width:22;opacity:.16; }.md-v-green { fill:rgba(74,142,100,.24);stroke:rgba(156,219,176,.2);stroke-width:2; }.md-v-building { fill:#283c3e;stroke:#88a99b;stroke-width:2;opacity:.88; }.md-v-fence { fill:rgba(184,245,138,.12);stroke:#b8f58a;stroke-width:2;stroke-dasharray:7 6; }.md-v-nozone { fill:rgba(236,131,127,.12);stroke:#eea09a;stroke-width:2;stroke-dasharray:4 6; }.md-v-entrance { fill:#96d6ff;stroke:#eaf9ff;stroke-width:3; }.md-v-drop { fill:#c6f694;stroke:#f0ffdf;stroke-width:3;filter:drop-shadow(0 0 12px #b8f58a); }.md-partner-map svg>text { fill:#d5efe3;text-anchor:middle;font:800 10px ui-sans-serif,system-ui;letter-spacing:1.2px; }.md-v-label { text-anchor:start!important;font-size:9px!important; }.md-v-zone-label { fill:#d8f3bc!important; }.md-v-no-label { fill:#efb2ab!important; }.md-map-footnote { position:absolute;left:17px;right:17px;bottom:14px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(5,13,16,.72);color:#9cb0a9;font-size:.56rem; }.md-map-footnote span { margin-right:7px;color:#b8f58a; }
.md-campaign-flow { padding:22px; }.md-campaign-title { display:grid;gap:6px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1); }.md-campaign-title small { color:#9ce1ce;font-size:.52rem;font-weight:850;letter-spacing:.13em; }.md-campaign-title b { color:#f5fbf8;font-size:1rem; }.md-campaign-list { display:grid;gap:0;margin:9px 0 0;padding:0;list-style:none; }.md-campaign-list li { display:grid;grid-template-columns:28px 1fr 20px;gap:9px;align-items:center;min-height:68px;border-bottom:1px solid rgba(255,255,255,.08); }.md-campaign-list li>span { display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(160,219,200,.36);border-radius:50%;color:#b6ddc7;font-size:.48rem;font-weight:850; }.md-campaign-list li>div { display:grid;gap:4px; }.md-campaign-list b { color:#e5f1eb;font-size:.68rem; }.md-campaign-list small { color:#8ea69c;font-size:.55rem; }.md-campaign-list i { color:#9db3a7;font-style:normal;text-align:center; }.md-campaign-list .is-complete i { color:#b8f58a; }.md-campaign-list .is-complete>span { border-color:rgba(184,245,138,.6);color:#c2f594; }.md-campaign-preview { margin-top:13px; }.md-campaign-result { min-height:34px;margin:9px 0 0;color:#98b5a7;font-size:.58rem;line-height:1.5; }
.md-partner-bottom { display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:26px;padding:19px 22px;border:1px solid rgba(182,227,212,.14);border-radius:10px;background:rgba(10,25,29,.68);box-shadow:0 20px 42px -32px #000; }.md-partner-bottom p { display:grid;gap:4px;margin:0; }.md-partner-bottom b { color:#f3faf6;font-size:.84rem; }.md-partner-bottom span { color:#96aaa1;font-size:.71rem; }.md-partner-bottom .pl-btn { min-height:46px; }
.md-guardrails { background:radial-gradient(ellipse at 85% 50%,rgba(63,133,132,.19),transparent 35%),#07151c; }.md-guard-layout { display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center; }.md-guard-layout h2 { margin-bottom:20px; }.md-guard-layout>div:first-child>p:last-child { max-width:480px;color:#a9bdb7;font-size:.9rem;line-height:1.7; }.md-status-visual { display:grid;gap:10px; }.md-status-visual>div { display:grid;grid-template-columns:37px 1fr auto;align-items:center;gap:12px;min-height:73px;padding:10px 15px;border:1px solid rgba(190,225,210,.14);border-radius:9px;background:linear-gradient(110deg,rgba(20,47,47,.87),rgba(12,28,34,.95));box-shadow:0 1px 2px rgba(0,0,0,.2),0 18px 38px -28px #000; }.md-status-symbol { display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(176,222,205,.36);border-radius:50%;font-weight:800; }.md-status-preview { color:#c3f49a;box-shadow:0 0 20px rgba(184,245,138,.15); }.md-status-off { color:#d4aaa2;border-color:rgba(227,166,154,.25); }.md-status-human { color:#a8d8ff; }.md-status-visual>div>span:nth-child(2) { display:grid;gap:4px; }.md-status-visual small { color:#8fa79d;font-size:.48rem;font-weight:850;letter-spacing:.12em; }.md-status-visual b { color:#eef8f2;font-size:.72rem; }.md-status-visual i { color:#a4c8b2;font-size:.48rem;font-style:normal;font-weight:850;letter-spacing:.08em;text-align:right; }
.md-final-cta { position:relative;overflow:hidden;padding:clamp(75px,9vw,115px) 0;background:radial-gradient(ellipse at 88% 45%,rgba(72,167,153,.25),transparent 34%),linear-gradient(120deg,#07131b,#0b1b22 55%,#07131b); }.md-final-cta::after { position:absolute;top:-60%;right:-10%;width:55vw;aspect-ratio:1;content:"";border:1px solid rgba(157,235,215,.2);border-radius:50%;box-shadow:0 0 0 55px rgba(157,235,215,.025),0 0 0 110px rgba(157,235,215,.018); }.md-final-inner { position:relative;z-index:1;display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center; }.md-final-cta h2 { margin:0; }.md-final-inner>div:last-child>p { max-width:480px;color:#afc4bb;font-size:.93rem;line-height:1.7; }.md-final-inner .pl-actions { margin-top:22px; }
:focus-visible { outline:2px solid #9ceaff;outline-offset:3px; }
@keyframes xm-orbit { to { transform:rotate(360deg); } }
@keyframes md-device-float { 0%,100% { transform:rotateY(-9deg) rotateX(4deg) translateY(0) } 50% { transform:rotateY(-9deg) rotateX(4deg) translateY(-7px) } }
@keyframes md-wave { 0% { transform:scale(.6);opacity:.8 } 100% { transform:scale(1.6);opacity:0 } }
@media (max-width: 980px) {
 .xm-world-layout,.md-player-demo,.md-partner-stage { grid-template-columns:1fr; }
 .xm-map-stage { min-height:470px; }.xm-portal-card { display:grid;grid-template-columns:1fr 1fr;min-height:340px; }.xm-portal-image-frame { grid-row:span 3;min-height:100%; }.xm-portal-image-frame img { min-height:340px; }.xm-portal-copy { align-self:end; }.xm-card-link { align-self:end; }
 .md-hero-layout { grid-template-columns:1fr 1fr;gap:18px; }.md-hero-new h1 { font-size:clamp(3rem,6vw,5rem); }.md-hero-scene { min-height:510px; }.md-map-device { transform:scale(.91) rotateY(-8deg) rotateX(3deg); }
 .md-note-left { left:-7%; }.md-note-right { right:-6%; }
 .md-flow-grid { grid-template-columns:.75fr 1.25fr;gap:38px; }.md-guard-layout { gap:35px; }
}
@media (max-width: 700px) {
 .xm-hero { min-height:790px;align-items:flex-end;padding:125px 0 76px; }.xm-hero-film video { object-position:62% center;opacity:.52; }.xm-hero-film::after { background:linear-gradient(0deg,#030914 3%,rgba(3,9,20,.85) 43%,rgba(3,9,20,.35)),linear-gradient(90deg,rgba(2,7,14,.25),transparent); }
 .xm-hero-orbit { right:-5%;top:23%;width:58vw;opacity:.72;transform:translateY(-30%); }.xm-hero-content { width:100%; }.xm-hero h1 { font-size:clamp(2.8rem,11vw,4.2rem); }.xm-hero-copy { max-width:440px;font-size:.93rem; }
 .xm-section-nav,.md-section-nav { justify-content:flex-start;gap:20px;overflow-x:auto;white-space:nowrap;scrollbar-width:none; }.xm-section-nav::-webkit-scrollbar,.md-section-nav::-webkit-scrollbar { display:none; }
 .xm-section { padding:80px 0; }.xm-section-heading,.md-section-heading { display:block;margin-bottom:30px; }.xm-section-heading .xm-intro,.md-section-heading>p { max-width:580px;margin:20px 0 0; }
 .xm-map-stage { min-height:460px; }.xm-map-lines { inset:8% -18%;width:136%;height:84%; }.xm-portal { min-height:48px;padding:7px 10px;font-size:.52rem; }.xm-portal[data-portal="stadium"] { left:3%;top:14%; }.xm-portal[data-portal="city"] { right:3%;top:14%; }.xm-portal[data-portal="race"] { left:2%;bottom:14%; }.xm-portal[data-portal="stage"] { right:2%;bottom:14%; }.xm-portal[data-portal="hub"] { left:calc(50% - 61px);top:calc(50% - 24px); }.xm-map-legend { left:11px;bottom:10px;flex-wrap:wrap;max-width:75%;font-size:.48rem; }.xm-map-legend small { font-size:.45rem; }
 .xm-portal-card { display:flex;min-height:0; }.xm-portal-image-frame,.xm-portal-image-frame img { min-height:245px;height:245px; }.xm-portal-copy { padding:16px; }.xm-portal-copy p { min-height:0;margin-bottom:16px; }.xm-card-link { padding:0 16px; }
 .xm-split,.xm-split-reverse { grid-template-columns:1fr;gap:34px; }.xm-split-reverse .xm-copy-panel,.xm-split-reverse .xm-scene-frame { grid-column:auto;grid-row:auto; }.xm-crew-image,.xm-scene-frame { min-height:340px; }.xm-copy-panel h2 { font-size:clamp(2.65rem,10vw,3.7rem); }
 .xm-stage-track { grid-template-columns:1fr;gap:12px;margin-top:35px; }.xm-track-line { top:0;bottom:0;left:13px;width:1px;height:auto; }.xm-track-line span { top:0;left:-4px; }.xm-stage,.xm-stage.is-current { margin-left:24px;transform:none;padding:0 18px 20px; }.xm-stage>small { min-height:40px; }.xm-stage-art { height:95px; }.xm-stage-foot { flex-wrap:wrap;line-height:1.7; }
 .xm-final-inner,.md-final-inner { display:grid;grid-template-columns:1fr;gap:24px; }.xm-final-actions { min-width:0;grid-template-columns:1fr; }.xm-final-cta h2,.md-final-cta h2 { font-size:clamp(2.7rem,10vw,4rem); }
 .md-hero-new { min-height:0;padding:124px 0 54px; }.md-hero-layout { grid-template-columns:1fr;gap:8px; }.md-hero-new h1 { font-size:clamp(2.9rem,10vw,4.1rem); }.md-hero-copy>p:not(.md-kicker) { font-size:.94rem; }.md-hero-scene { min-height:510px;margin-top:8px; }.md-map-device { width:min(300px,76vw);transform:none; }.md-note-left { left:-1%;top:17%; }.md-note-right { right:-1%;bottom:14%; }.md-map-orbit { width:86vw;height:43vw; }.md-orbit-b { width:100vw;height:55vw; }
 .md-section { padding:76px 0; }.md-section-heading>p { margin-top:19px; }.md-player-demo { gap:13px; }.md-map-surface,.md-map-surface svg { min-height:330px; }.md-location-row { grid-template-columns:1fr; }.md-location-choice { min-height:58px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08); }.md-location-choice:last-child { border-bottom:0; }
 .md-drop-detail { padding:17px; }.md-flow-grid,.md-guard-layout { grid-template-columns:1fr;gap:32px; }.md-flow-visual { gap:10px; }.md-flow-step { min-height:214px;padding:13px; }.md-flow-art { height:80px; }.md-partner-map svg { min-height:330px; }.md-partner-map-head { inset:12px 12px auto; }.md-partner-map-head .md-status-draft { font-size:.41rem; }.md-campaign-flow { padding:17px; }.md-partner-bottom { align-items:flex-start;flex-direction:column; }.md-partner-bottom .pl-btn { width:100%; }.md-status-visual>div { grid-template-columns:34px 1fr; }.md-status-visual i { grid-column:2;text-align:left; }.md-final-inner { gap:18px; }
}
@media (max-width: 390px) {
 .xm-hero h1 { font-size:2.72rem; }.xm-hero .pl-actions { display:grid; }.xm-hero .pl-btn { width:100%; }
 .xm-map-stage { min-height:405px; }.xm-portal { gap:6px;padding:6px 8px;font-size:.46rem; }.xm-portal-pin { width:22px;height:22px; }.xm-portal[data-portal="stadium"] { left:2%; }.xm-portal[data-portal="city"] { right:2%; }.xm-portal[data-portal="race"] { left:1%; }.xm-portal[data-portal="stage"] { right:1%; }.xm-map-legend { max-width:83%; }
 .md-hero-new h1 { font-size:2.72rem; }.md-hero-scene { min-height:475px; }.md-map-device { min-height:500px; }.md-device-content { height:407px; }.md-floating-note { padding:9px 10px; }.md-note-left { left:-8px; }.md-note-right { right:-8px; }
}
@media (prefers-reduced-motion: reduce) {
 *,*::before,*::after { scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; }
 .xm-ring-a,.xm-ring-b,.md-device-float,.md-player-wave { animation:none!important; }
}

.md-safe-zone[data-location="stadium"] { transform:translate(205px,-88px) scale(.82); }
.md-safe-zone[data-location="market"] { transform:translate(264px,105px) scale(.78); }
.md-demo-marker { transition:transform .2s ease,filter .2s ease; }
.md-demo-marker.is-picked { filter:drop-shadow(0 0 14px rgba(209,255,159,.85)); transform:scale(1.2); transform-origin:center; }
@media (max-width:700px) {
  .md-safe-zone[data-location="stadium"] { transform:translate(120px,-60px) scale(.78); }
  .md-safe-zone[data-location="market"] { transform:translate(150px,75px) scale(.72); }
}

/* B3 partner workspace preview: local form + editable illustration, never a live campaign. */
.md-partner-builder { align-items:start; }
.md-partner-map { min-height:440px; }
.md-zone-tools { position:absolute;z-index:3;top:58px;left:16px;right:16px;display:flex;flex-wrap:wrap;gap:7px; }
.md-zone-tool { min-height:44px;padding:0 12px;border:1px solid rgba(188,232,213,.27);border-radius:999px;background:rgba(5,15,18,.78);color:#c5d7d0;font-size:.62rem;font-weight:800;cursor:pointer;backdrop-filter:blur(10px); }
.md-zone-tool:hover,.md-zone-tool.is-active { border-color:#b8f58a;background:rgba(76,132,94,.38);color:#efffe2;box-shadow:0 0 24px rgba(184,245,138,.16); }
.md-zone-tool:focus-visible { outline:3px solid #fff;outline-offset:2px; }
.md-zone-target { cursor:pointer; }
.md-zone-target.is-selected .md-v-fence,.md-zone-target:focus-visible .md-v-fence { stroke:#dcffb8;stroke-width:4;filter:drop-shadow(0 0 9px rgba(184,245,138,.95)); }
.md-zone-target.is-selected .md-v-nozone,.md-zone-target:focus-visible .md-v-nozone { stroke:#ffd4ca;stroke-width:4;filter:drop-shadow(0 0 9px rgba(238,131,127,.75)); }
.md-zone-target.is-selected .md-v-entrance,.md-zone-target:focus-visible .md-v-entrance { stroke:#fff;stroke-width:5;filter:drop-shadow(0 0 9px rgba(150,214,255,.9)); }
.md-zone-target:focus-visible { outline:none; }
.md-zone-target text { pointer-events:none; }
.md-zone-edit-status { position:absolute;z-index:2;right:16px;bottom:51px;left:16px;margin:0;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:rgba(5,13,16,.78);color:#c2dbcf;font-size:.61rem;line-height:1.45; }
.md-editor-intro { margin:13px 0 3px;color:#a7bcb4;font-size:.69rem;line-height:1.55; }
.md-campaign-fields { display:grid;gap:11px;margin-top:14px; }
.md-campaign-fields label { display:grid;gap:5px;color:#afc9bd;font-size:.55rem;font-weight:800;letter-spacing:.06em; }
.md-campaign-fields input,.md-campaign-fields select { width:100%;min-height:44px;padding:0 11px;border:1px solid rgba(177,226,206,.23);border-radius:7px;background:#0a171d;color:#f4fbf5;font:inherit;font-size:.72rem;letter-spacing:normal; }
.md-campaign-fields input:focus-visible,.md-campaign-fields select:focus-visible,.md-zone-scale input:focus-visible { outline:2px solid #c8f69d;outline-offset:2px; }
.md-zone-scale { display:grid;gap:7px;margin-top:15px;padding:12px;border:1px solid rgba(177,226,206,.15);border-radius:8px;background:rgba(7,18,22,.56); }
.md-zone-scale label { display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;color:#d9eee2;font-size:.61rem;font-weight:800; }
.md-zone-scale output { color:#c7f49c;font-size:.57rem; }
.md-zone-scale input { width:100%;accent-color:#b8f58a; }
.md-zone-scale small { color:#92a89e;font-size:.54rem;line-height:1.45; }
.md-campaign-title-sub { margin-top:19px;padding:12px 0 10px; }
.md-campaign-title-sub b { font-size:.8rem; }
.md-campaign-list li i { font-size:.48rem;font-weight:850;letter-spacing:.06em; }
.md-campaign-list.md-preview-complete [data-draft-status] { color:#c8f69d; }
.md-campaign-list.md-preview-complete [data-draft-status]::after { content:" · LOCAL"; }
.md-contract-details { margin-top:13px;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;color:#d8eee4; }
.md-contract-details summary { min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:.66rem;font-weight:800; }
.md-contract-details summary:focus-visible { outline:2px solid #c8f69d;outline-offset:2px; }
.md-contract-details p { color:#97ada3;font-size:.58rem;line-height:1.5; }
.md-contract-details pre { max-height:240px;overflow:auto;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#071116;color:#c9e7d5;font-size:.55rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere; }
.md-contract-details a { display:inline-flex;align-items:center;min-height:44px;color:#c5f59b;font-size:.62rem;font-weight:800; }
.md-campaign-result { min-height:42px; }
@media (max-width:700px) {
  .md-zone-tools { top:52px;left:10px;right:10px;gap:5px; }
  .md-zone-tool { min-height:44px;padding:0 9px;font-size:.58rem; }
  .md-partner-map svg { min-height:360px; }
  .md-zone-edit-status { right:10px;bottom:52px;left:10px; }
  .md-campaign-flow { padding:17px; }
}
@media (max-width:390px) {
  .md-zone-tools { top:58px; }
  .md-zone-tool { padding:0 7px;font-size:.55rem; }
  .md-partner-map svg { min-height:330px; }
}


/* XLANTIS game-first public destination — isolated product surface. */
.xl-game-site{--xl-night:#050913;--xl-panel:#0b1425;--xl-cyan:#00c8ff;--xl-blue:#287bff;--xl-violet:#8a5cff;--xl-paper:#f3f8ff;--xl-dim:#9eb0c8;background:var(--xl-night);color:var(--xl-paper);overflow-x:clip}
html:has(body.xl-game-site){overflow-x:clip}
.xl-game-site *{box-sizing:border-box}
.xl-header{position:absolute;inset:0 0 auto;z-index:30;padding:20px clamp(18px,5vw,76px);border-bottom:1px solid rgba(185,217,255,.12);background:linear-gradient(180deg,rgba(4,8,17,.82),rgba(4,8,17,.04))}
.xl-header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1440px;margin:auto}
.xl-brand{display:inline-flex;align-items:center;gap:11px;color:#eff8ff;text-decoration:none;min-width:max-content}
.xl-brand-word{font-size:clamp(20px,2vw,27px);font-weight:950;letter-spacing:.16em;font-style:italic;text-shadow:0 0 24px rgba(0,200,255,.32)}
.xl-brand-glyph{position:relative;width:34px;height:30px;display:inline-block;transform:skew(-13deg)}
.xl-brand-glyph i{position:absolute;display:block;height:3px;background:linear-gradient(90deg,var(--xl-cyan),#719bff);box-shadow:0 0 13px rgba(0,200,255,.75)}
.xl-brand-glyph i:nth-child(1){width:29px;top:4px;left:2px}.xl-brand-glyph i:nth-child(2){width:23px;top:13px;left:7px}.xl-brand-glyph i:nth-child(3){width:16px;top:22px;left:12px}
.xl-nav{display:flex;align-items:center;gap:clamp(14px,2vw,30px)}
.xl-nav a{color:#d3e2f7;text-decoration:none;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;transition:color .18s ease}
.xl-nav a:hover,.xl-nav a:focus-visible{color:var(--xl-cyan)}
.xl-nav .xl-nav-cta{border:1px solid rgba(0,200,255,.55);padding:11px 15px;color:#e5faff;background:rgba(0,200,255,.08);box-shadow:0 0 24px rgba(0,130,255,.12)}
.xl-menu-toggle{display:none}
.xl-hero{position:relative;min-height:min(920px,100svh);min-height:100svh;display:flex;align-items:center;isolation:isolate;padding:150px clamp(22px,8vw,126px) 92px;overflow:hidden;background:#030711}
.xl-hero-media,.xl-hero-video{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.xl-hero-video{object-fit:cover;object-position:center 42%;opacity:.78}
.xl-hero-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,7,17,.98) 0%,rgba(3,7,17,.83) 34%,rgba(3,7,17,.22) 74%,rgba(3,7,17,.26)),linear-gradient(0deg,#050913 0%,transparent 26%,rgba(3,7,17,.18) 78%,rgba(3,7,17,.6))}
.xl-hero-grid{position:absolute;inset:14% -10% -28%;opacity:.15;background-image:linear-gradient(rgba(76,148,237,.34) 1px,transparent 1px),linear-gradient(90deg,rgba(76,148,237,.3) 1px,transparent 1px);background-size:70px 70px;transform:perspective(550px) rotateX(62deg);mask-image:linear-gradient(transparent,#000)}
.xl-hero-content{max-width:780px;position:relative;margin-top:22px;animation:xl-rise .7s cubic-bezier(.22,1,.36,1) both}
.xl-eyebrow{display:flex;align-items:center;gap:10px;color:#9cc8ff;font-size:11px;font-weight:850;letter-spacing:.2em;text-transform:uppercase}
.xl-live-dot{width:7px;height:7px;border-radius:50%;background:#42e5ff;box-shadow:0 0 15px #22cfff}
.xl-hero h1{font-size:clamp(48px,8vw,108px);line-height:.91;letter-spacing:-.055em;margin:22px 0 18px;font-weight:950;max-width:780px;text-shadow:0 12px 52px rgba(0,0,0,.48)}
.xl-hero h1 em,.xl-section h2 em,.xl-community h2 em,.xl-rebuild h2 em{font-style:normal;color:#7deaff;text-shadow:0 0 32px rgba(0,200,255,.26)}
.xl-hero-subtitle{font-size:clamp(16px,2vw,23px);letter-spacing:.06em;font-weight:800;color:#e7f2ff;margin:0 0 12px}
.xl-hero-copy{max-width:540px;color:#c0cce0;line-height:1.72;font-size:16px}
.xl-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
.xl-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 22px;border-radius:3px;text-decoration:none;font-family:inherit;font-size:12px;line-height:1;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.xl-button:hover{transform:translateY(-3px)}
.xl-button-primary{border:1px solid #58e6ff;color:#03111c;background:linear-gradient(110deg,#3ae1ff,#61a8ff);box-shadow:0 0 35px rgba(0,200,255,.32),0 14px 34px rgba(0,0,0,.28)}
.xl-button-secondary{border:1px solid rgba(176,213,255,.45);color:#f0f7ff;background:rgba(8,17,33,.62);backdrop-filter:blur(12px)}
.xl-archive-stamp{display:flex;gap:16px;margin:27px 0 0;color:#aabbd2;font-size:9px;letter-spacing:.15em;font-weight:800}
.xl-archive-stamp span+span{border-left:1px solid rgba(199,219,244,.35);padding-left:16px}
.xl-brand-endorsement{position:absolute;right:clamp(18px,5vw,76px);bottom:72px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;color:rgba(255,255,255,.68);font-size:8px;font-weight:850;letter-spacing:.2em}
.xl-brand-endorsement img,.xl-footer-endorsement img{display:block;width:104px;height:auto;max-height:29px;object-fit:contain;object-position:right center;filter:none}
.xl-scroll-cue{position:absolute;bottom:28px;left:clamp(22px,8vw,126px);display:flex;align-items:center;gap:10px;color:#9fb4d0;text-decoration:none;font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.xl-scroll-cue span{width:22px;height:1px;background:var(--xl-cyan);box-shadow:0 0 12px var(--xl-cyan)}
.xl-section{padding:clamp(70px,9vw,128px) clamp(18px,6vw,92px);position:relative}
.xl-section-head{max-width:720px;margin:0 auto 42px;text-align:center}
.xl-section-head>.xl-eyebrow{justify-content:center}
.xl-section h2,.xl-community h2,.xl-rebuild h2{font-size:clamp(36px,5.2vw,66px);line-height:.98;letter-spacing:-.045em;margin:14px 0 14px}
.xl-section-head>p:last-child,.xl-locker-heading>p:last-child{color:#aebbd0;line-height:1.7;font-size:15px}
.xl-experiences{background:radial-gradient(ellipse at 17% 0,rgba(20,92,180,.2),transparent 43%),linear-gradient(180deg,#070d1a,#091221)}
.xl-experience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1320px;margin:0 auto}
.xl-experience-card{position:relative;min-height:390px;overflow:hidden;border:1px solid rgba(143,196,255,.24);background:#0d182a;box-shadow:0 18px 55px rgba(0,0,0,.35);isolation:isolate;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.xl-experience-card::before{content:"";position:absolute;inset:-1px;z-index:1;opacity:.7;pointer-events:none;background:linear-gradient(135deg,rgba(54,223,255,.18),transparent 34%,transparent 68%,rgba(132,86,255,.18))}
.xl-experience-card:hover,.xl-experience-card:focus-within{transform:translateY(-6px);border-color:rgba(102,218,255,.72);box-shadow:0 23px 60px rgba(0,0,0,.42),0 0 32px rgba(40,143,255,.18)}
.xl-experience-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.xl-experience-card:hover>img{transform:scale(1.05)}
.xl-card-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(3,8,18,.97),rgba(3,8,18,.55) 46%,rgba(5,11,25,.02))}
.xl-card-content{position:absolute;inset:auto 21px 22px}
.xl-card-content>span,.xl-mode-card small{color:#82dcff;letter-spacing:.16em;font-weight:850;font-size:9px}
.xl-card-content h3{font-size:27px;line-height:1;margin:11px 0 9px}
.xl-card-content p{color:#c0cee0;line-height:1.6;font-size:13px}
.xl-card-content a,.xl-text-link{display:inline-flex;align-items:center;gap:12px;color:#e8f8ff;text-decoration:none;font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.xl-card-content a b,.xl-text-link b{color:var(--xl-cyan);font-size:18px}
.xl-world{background:radial-gradient(ellipse at 80% 25%,rgba(78,49,157,.2),transparent 42%),#050a14}
.xl-world .xm-section-heading{margin-bottom:28px}
.xl-world .xm-section-heading h2{font-size:clamp(38px,5vw,62px);line-height:.98}
.xl-world .xm-world-layout{gap:30px}
.xl-world .xm-map-stage,.xl-world .xm-portal-card{border:1px solid rgba(108,194,255,.28);box-shadow:0 24px 70px rgba(0,0,0,.4),0 0 38px rgba(0,105,220,.15)}
.xl-world .xm-portal-card{background:linear-gradient(155deg,rgba(17,31,53,.97),rgba(7,14,28,.96))}
.xl-world .xm-portal:focus-visible,.xl-world .xm-card-link:focus-visible{outline:3px solid #72eaff;outline-offset:4px}
.xl-locker{background:radial-gradient(ellipse at 72% 47%,rgba(0,117,211,.19),transparent 38%),linear-gradient(135deg,#080f1e,#060a13 68%,#10102a);display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.55fr);align-items:center;gap:clamp(30px,7vw,96px)}
.xl-locker-heading{max-width:405px}
.xl-locker-heading h2{font-size:clamp(42px,5.3vw,70px)}
.xl-locker-heading>p:last-child{font-size:15px}
.xl-locker-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.83fr);align-items:center;gap:18px;perspective:1200px}
.xl-locker-device,.xl-locker-panel{border:1px solid rgba(130,200,255,.38);background:linear-gradient(145deg,rgba(20,35,58,.95),rgba(7,13,25,.98));box-shadow:0 24px 70px rgba(0,0,0,.45),0 0 40px rgba(28,138,255,.17)}
.xl-locker-device{transform:rotateY(5deg) rotateX(2deg);padding:13px}
.xl-locker-device-top,.xl-locker-panel-top{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 4px 12px;color:#9eb7d6;font-size:8px;font-weight:850;letter-spacing:.12em}
.xl-archive-chip,.xl-locker-status,.xl-locker-lock{color:#75e6ff;border:1px solid rgba(48,203,255,.36);padding:5px 7px;font-size:8px;font-weight:850;letter-spacing:.09em}
.xl-locker-image-button{position:relative;display:block;padding:0;width:100%;background:#050913;border:1px solid rgba(130,183,235,.3);cursor:zoom-in;overflow:hidden}
.xl-locker-image-button img{display:block;width:100%;aspect-ratio:1.38;object-fit:cover}
.xl-image-zoom{position:absolute;right:9px;bottom:9px;padding:9px 11px;background:rgba(5,10,20,.85);color:#e8f6ff;font-size:9px;letter-spacing:.09em;text-transform:uppercase}
.xl-locker-caption{display:flex;align-items:center;gap:10px;padding:13px 3px 2px}
.xl-locker-avatar{width:31px;height:31px;display:grid;place-items:center;border:1px solid #53d9ff;border-radius:50%;color:#9aeaff;font-style:italic;background:radial-gradient(circle,rgba(55,183,255,.24),transparent 70%)}
.xl-locker-caption>div{display:grid;gap:3px;flex:1}
.xl-locker-caption b{font-size:10px}.xl-locker-caption small{color:#8da1bb;font-size:8px}
.xl-locker-status{white-space:nowrap}
.xl-locker-panel{padding:18px;transform:translateY(14px);position:relative}
.xl-locker-panel::before{content:"";position:absolute;inset:-25px;z-index:-1;background:radial-gradient(ellipse,rgba(44,105,255,.22),transparent 70%);filter:blur(8px)}
.xl-locker-panel-top{padding-bottom:15px;border-bottom:1px solid rgba(162,192,231,.12)}
.xl-scan-line{width:45px;height:2px;background:#43dfff;box-shadow:0 0 15px #43dfff}
.xl-locker-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:14px 0}
.xl-locker-tabs button{min-height:38px;padding:0 10px;color:#aebcd0;border:1px solid rgba(148,178,214,.2);background:rgba(255,255,255,.025);font:750 9px/1 inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.xl-locker-tabs button[aria-selected=true]{color:#06101b;background:linear-gradient(115deg,#63eaff,#9ebaff);border-color:#77eaff;box-shadow:0 0 20px rgba(0,196,255,.22)}
.xl-locker-tabs button:focus-visible,.xl-locker-image-button:focus-visible,.xl-gallery-grid button:focus-visible{outline:3px solid #8deeff;outline-offset:3px}
.xl-locker-detail{min-height:200px;padding:17px 3px 3px}
.xl-locker-category{font-size:9px;font-weight:850;color:#8edcff;letter-spacing:.15em}
.xl-locker-detail h3{font-size:22px;margin:10px 0 7px}
.xl-locker-detail>p{color:#aebbd0;font-size:12px;line-height:1.65}
.xl-locker-sample{display:flex;align-items:center;gap:11px;margin:16px 0;padding:12px;border:1px solid rgba(121,182,242,.21);background:linear-gradient(105deg,rgba(41,110,206,.15),rgba(157,85,255,.08));box-shadow:0 10px 28px rgba(0,0,0,.22)}
.xl-sample-glyph{width:33px;height:33px;display:grid;place-items:center;color:#95ecff;border:1px solid rgba(98,218,255,.4);background:radial-gradient(circle,rgba(18,157,255,.2),transparent)}
.xl-locker-sample>span:nth-child(2){display:grid;gap:4px;flex:1}.xl-locker-sample b{font-size:11px}.xl-locker-sample small{color:#93a6c0;font-size:9px}
.xl-locker-note{font-size:10px!important;border-left:2px solid #8a5cff;padding-left:10px}
.xl-modes{background:linear-gradient(180deg,#060b15,#0a1020);background-image:radial-gradient(ellipse at 25% 20%,rgba(19,82,167,.16),transparent 40%),linear-gradient(180deg,#060b15,#0a1020)}
.xl-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1180px;margin:auto}
.xl-mode-card{overflow:hidden;border:1px solid rgba(132,185,245,.24);background:linear-gradient(145deg,#111c30,#0a1221);box-shadow:0 18px 48px rgba(0,0,0,.3),0 0 25px rgba(68,108,255,.08)}
.xl-mode-art{position:relative;height:210px;overflow:hidden}
.xl-mode-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,8,18,.75),transparent 70%)}
.xl-mode-art img{width:100%;height:100%;object-fit:cover}
.xl-mode-art>span{position:absolute;z-index:1;left:14px;bottom:13px;padding:7px 9px;color:#e6f6ff;background:rgba(4,11,23,.8);border:1px solid rgba(100,208,255,.34);font-size:8px;font-weight:850;letter-spacing:.13em}
.xl-mode-card>div:last-child{padding:20px}
.xl-mode-card h3{font-size:23px;margin:8px 0}.xl-mode-card p{font-size:12px;line-height:1.65;color:#adbed3}
.xl-community{padding:clamp(70px,9vw,126px) clamp(18px,7vw,106px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(30px,8vw,120px);background:radial-gradient(ellipse at 24% 52%,rgba(18,115,207,.22),transparent 40%),#080d18}
.xl-community-image{position:relative;border:1px solid rgba(104,190,255,.4);box-shadow:0 25px 70px rgba(0,0,0,.46),0 0 38px rgba(25,128,255,.2)}
.xl-community-image img{display:block;width:100%;max-height:550px;object-fit:cover}
.xl-community-image span{position:absolute;left:15px;bottom:15px;padding:9px 11px;background:rgba(4,10,20,.86);color:#9feaff;font-size:9px;letter-spacing:.12em;font-weight:850}
.xl-community-copy{max-width:500px}.xl-community-copy>p:not(.xl-eyebrow){color:#b5c4d8;line-height:1.8}
.xl-archive{background:radial-gradient(ellipse at 80% 15%,rgba(66,54,159,.17),transparent 35%),#050a13}
.xl-gallery-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px;max-width:1240px;margin:auto}
.xl-gallery-grid figure{margin:0;border:1px solid rgba(143,191,243,.25);background:#0b1423;box-shadow:0 17px 42px rgba(0,0,0,.32)}
.xl-gallery-grid figure:first-child{grid-row:span 2}
.xl-gallery-grid figure>button{position:relative;display:block;padding:0;width:100%;height:100%;min-height:180px;overflow:hidden;border:0;background:#040913;cursor:zoom-in}
.xl-gallery-grid figure:first-child>button{min-height:410px}
.xl-gallery-grid figure>button img,.xl-gallery-grid figure>button video{display:block;width:100%;height:100%;min-height:180px;object-fit:cover;transition:transform .35s ease}
.xl-gallery-grid figure:first-child>button video{min-height:410px}
.xl-gallery-grid figure>button:hover img,.xl-gallery-grid figure>button:hover video{transform:scale(1.035)}
.xl-gallery-zoom,.xl-gallery-play{position:absolute;right:13px;bottom:13px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#04111c;background:linear-gradient(135deg,#73edff,#80a6ff);box-shadow:0 0 23px rgba(0,200,255,.4)}
.xl-gallery-play{right:auto;left:50%;bottom:50%;transform:translate(-50%,50%);width:54px;height:54px}
.xl-gallery-grid figcaption{display:grid;gap:5px;padding:12px 14px}
.xl-gallery-grid figcaption span{color:#80ddff;font-size:8px;letter-spacing:.15em;font-weight:850}
.xl-gallery-grid figcaption b{font-size:12px}
.xl-rights-note{max-width:850px;margin:24px auto 0;text-align:center;color:#899cb5;font-size:11px;line-height:1.7}
.xl-rebuild{position:relative;overflow:hidden;padding:clamp(70px,9vw,125px) clamp(20px,8vw,116px);display:grid;grid-template-columns:180px minmax(0,1fr);gap:45px;align-items:center;background:radial-gradient(ellipse at 85% 8%,rgba(72,51,154,.23),transparent 36%),linear-gradient(120deg,#0b1424,#080c18)}
.xl-rebuild-orbit{position:relative;width:170px;height:170px;display:grid;place-items:center;border:1px solid rgba(81,210,255,.35);border-radius:50%;box-shadow:0 0 48px rgba(0,161,255,.13),inset 0 0 33px rgba(0,148,255,.12);color:#dbf8ff;text-align:center;font-size:11px;font-weight:900;letter-spacing:.13em}
.xl-rebuild-orbit span{position:absolute;inset:14px;border:1px solid rgba(61,178,255,.3);border-radius:50%}.xl-rebuild-orbit span:nth-child(2){inset:32px;border-color:rgba(139,96,255,.38)}.xl-rebuild-orbit span:nth-child(3){inset:-8px;border-color:rgba(54,213,255,.16)}
.xl-rebuild-content{max-width:1000px}.xl-rebuild-content>p:not(.xl-eyebrow){max-width:760px;color:#b4c4d9;line-height:1.75}
.xl-roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}
.xl-roadmap article{padding:17px;border:1px solid rgba(141,182,232,.24);background:linear-gradient(145deg,rgba(26,46,75,.72),rgba(9,16,30,.82));box-shadow:0 15px 38px rgba(0,0,0,.23)}
.xl-roadmap article span{display:block;color:#72dcff;font-size:8px;letter-spacing:.14em;font-weight:900;margin-bottom:12px}.xl-roadmap article b{font-size:13px}.xl-roadmap article p{color:#a6b5ca;font-size:11px;line-height:1.6;margin-bottom:0}
.xl-footer{padding:36px clamp(20px,6vw,90px) 20px;background:#030711;border-top:1px solid rgba(141,190,248,.15)}
.xl-footer-top{max-width:1320px;margin:auto;display:flex;align-items:center;gap:35px;padding-bottom:25px}
.xl-footer-top>p{max-width:420px;margin-right:auto;color:#9badc3;font-size:12px;line-height:1.6}
.xl-footer-endorsement{display:grid;justify-items:end;gap:8px;color:#9daec3;font-size:8px;font-weight:850;letter-spacing:.17em}
.xl-footer-bottom{max-width:1320px;margin:auto;border-top:1px solid rgba(153,184,224,.14);padding-top:17px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;color:#8597ad;font-size:10px}
.xl-footer-bottom span:first-child{margin-right:auto}.xl-footer-bottom a{color:#9db1ca;text-decoration:none}.xl-footer-bottom a:hover{color:#70e1ff}
.xl-dialog{width:min(920px,calc(100vw - 28px));max-height:min(90vh,800px);padding:19px;color:#eef7ff;border:1px solid rgba(112,211,255,.47);background:linear-gradient(145deg,#111c2d,#050912);box-shadow:0 30px 120px rgba(0,0,0,.7),0 0 42px rgba(0,159,255,.2)}
.xl-dialog::backdrop{background:rgba(1,4,11,.82);backdrop-filter:blur(7px)}
.xl-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}
.xl-dialog-bar h2{margin:5px 0 0;font-size:22px}.xl-dialog-kicker{color:#75dcff;font-size:8px;letter-spacing:.16em;font-weight:900}
.xl-dialog-close{width:42px;height:42px;border:1px solid rgba(154,197,237,.34);border-radius:50%;color:white;background:rgba(255,255,255,.06);font-size:25px;cursor:pointer}
.xl-dialog video,.xl-dialog img{display:block;width:100%;max-height:68vh;object-fit:contain;background:#01040a}
.xl-dialog p{color:#aab9cd;font-size:11px;line-height:1.6}
.xl-dialog [data-media-stage]{min-height:150px}
@keyframes xl-rise{from{opacity:0;transform:translateY(18px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(max-width:1050px){.xl-experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xl-experience-card{min-height:360px}.xl-locker{grid-template-columns:1fr;gap:30px}.xl-locker-heading{max-width:690px}.xl-locker-stage{max-width:950px}.xl-nav{gap:13px}.xl-nav a{font-size:10px}.xl-community{gap:42px}}
@media(max-width:760px){.xl-header{padding:14px 18px}.xl-menu-toggle{display:flex;position:relative;z-index:32}.xl-nav{display:none;position:absolute;left:14px;right:14px;top:63px;padding:15px;gap:4px;align-items:stretch;flex-direction:column;border:1px solid rgba(116,192,255,.32);background:rgba(5,11,22,.97);box-shadow:0 20px 60px rgba(0,0,0,.5);backdrop-filter:blur(15px)}.xl-nav.is-open{display:flex}.xl-nav a{display:flex;align-items:center;min-height:46px;padding:0 12px;font-size:11px}.xl-hero{min-height:840px;min-height:100svh;padding:142px 22px 132px;align-items:center}.xl-hero-video{object-position:58% center;opacity:.56}.xl-hero-scrim{background:linear-gradient(90deg,rgba(3,7,17,.93),rgba(3,7,17,.5)),linear-gradient(0deg,#050913,transparent 35%,rgba(3,7,17,.34))}.xl-hero-content{margin-top:50px}.xl-hero h1{font-size:clamp(46px,13vw,68px)}.xl-hero-copy{font-size:14px}.xl-brand-endorsement{right:21px;bottom:72px}.xl-brand-endorsement img{width:85px}.xl-scroll-cue{left:22px;bottom:28px}.xl-archive-stamp{flex-direction:column;gap:8px}.xl-archive-stamp span+span{border:0;padding-left:0}.xl-experience-grid{gap:11px}.xl-experience-card{min-height:340px}.xl-card-content{inset:auto 14px 15px}.xl-card-content h3{font-size:21px}.xl-card-content p{font-size:11px}.xl-world{padding-left:12px;padding-right:12px}.xl-world .xm-section-heading{padding:0 7px}.xl-world .xm-world-layout{grid-template-columns:1fr}.xl-world .xm-map-stage{min-height:350px}.xl-world .xm-portal-card{width:100%}.xl-locker-stage{grid-template-columns:1fr}.xl-locker-device{transform:none}.xl-locker-panel{transform:none}.xl-locker-tabs{gap:5px}.xl-locker-tabs button{min-height:44px;padding:0 9px}.xl-mode-grid{grid-template-columns:1fr;max-width:520px}.xl-mode-art{height:220px}.xl-community{grid-template-columns:1fr;gap:30px}.xl-community-image{order:2}.xl-community-copy{order:1}.xl-gallery-grid{grid-template-columns:1fr 1fr;gap:10px}.xl-gallery-grid figure:first-child{grid-column:1 / -1;grid-row:auto}.xl-gallery-grid figure:first-child>button,.xl-gallery-grid figure>button,.xl-gallery-grid figure:first-child>button video{min-height:220px}.xl-gallery-grid figure>button img,.xl-gallery-grid figure>button video{height:220px}.xl-gallery-grid figcaption{padding:10px}.xl-gallery-grid figcaption b{font-size:10px}.xl-rebuild{grid-template-columns:1fr;gap:20px}.xl-rebuild-orbit{width:112px;height:112px;font-size:8px}.xl-roadmap{grid-template-columns:1fr}.xl-footer-top{align-items:flex-start;flex-wrap:wrap;gap:15px}.xl-footer-top>p{flex-basis:100%;order:3}.xl-footer-endorsement{margin-left:auto}.xl-footer-bottom{gap:13px}.xl-footer-bottom span:first-child{flex-basis:100%}}
@media(max-width:420px){.xl-experience-grid{grid-template-columns:1fr}.xl-experience-card{min-height:320px}.xl-hero h1{font-size:45px}.xl-actions{display:grid}.xl-button{width:100%}.xl-gallery-grid{grid-template-columns:1fr}.xl-gallery-grid figure:first-child{grid-column:auto}.xl-gallery-grid figure:first-child>button,.xl-gallery-grid figure>button,.xl-gallery-grid figure:first-child>button video{min-height:230px}.xl-gallery-grid figure>button img,.xl-gallery-grid figure>button video{height:230px}}
@media(prefers-reduced-motion:reduce){.xl-game-site *, .xl-game-site *::before,.xl-game-site *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.xl-hero-content{animation:none}.xl-experience-card:hover,.xl-button:hover{transform:none}}

/* Original temporary Mana Drops product mark; XMANNA master remains the supplied orange asset. */
.md-brand-mark{width:37px;height:37px;flex:0 0 auto;overflow:visible}
.md-brand-drop{fill:rgba(233,55,157,.17);stroke:#ff65b8;stroke-width:2.4;filter:drop-shadow(0 0 8px rgba(255,75,179,.55))}
.md-brand-orbit{fill:none;stroke:#63dfff;stroke-width:2.2;stroke-linecap:round}
.md-brand-spark{stroke:#ffd36f;stroke-width:2.4;stroke-linecap:round}
.md-brand .brand-copy>span{color:#fff4fb;letter-spacing:.1em}
.md-brand .brand-copy>small{color:#a8b6cb;letter-spacing:.1em}


/* MANNA DROPS standalone neon identity and scenic game concepts. */
.md-game-site{background:#10091c;color:#f9f2ff;overflow-x:clip}.md-game-site .site-header{background:rgba(16,8,31,.88)}
.md-brand-drop{fill:#b88aff;stroke:#6fe7ff;stroke-width:1.5;filter:drop-shadow(0 0 9px #b550e9)}
.md-game-site .md-hero-new{background:radial-gradient(ellipse at 75% 45%,#6738a04d,transparent 55%),linear-gradient(125deg,#140c28,#111126 55%,#081c2b)}
.md-game-site .md-kicker{color:#d1b3ff}.md-game-site .md-hero-new h1 em,.md-game-site .md-section h2 em,.md-game-site .md-final-cta h2 em{font-family:inherit;font-weight:850;font-style:normal;background:linear-gradient(95deg,#dfb8ff,#9adcff);letter-spacing:-.04em}
.md-game-site .pl-btn{background:linear-gradient(110deg,#c69aff,#fc8bca);color:#20132a;border-color:#e7c9ff;box-shadow:0 12px 36px #bb64ff38}.md-game-site .pl-btn-ghost{background:rgba(28,19,50,.6);color:#f5e5ff;border-color:#ac84c3}
.md-world-panorama{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;border-radius:30px;mask-image:radial-gradient(ellipse,#000 35%,transparent 75%)}
.md-game-site .md-map-device{border-color:#a680cb;background:#15152b;box-shadow:0 1px 3px #eee3ff33,0 28px 60px #0009,0 0 90px #8048de50}
.md-game-site .md-map-orbit{display:none}.md-game-site .md-device-content{background:linear-gradient(140deg,#24213a,#0d2836)}
.md-scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.md-scene-card{position:relative;overflow:hidden;background:linear-gradient(155deg,#251633,#131426);border:1px solid #b58bd633;border-radius:18px;box-shadow:0 1px 2px #e5bbff12,0 25px 55px #0005,0 25px 85px -30px #a057d633;transition:transform .2s}
.md-scene-card:hover{transform:translateY(-5px)}.md-scene-card img{width:100%;aspect-ratio:1.55;object-fit:cover}.md-scene-card>div{padding:26px}.md-scene-card small{font-size:10px;letter-spacing:.13em;color:#c7b0e8}.md-scene-card h3{font-size:25px;line-height:1.12;letter-spacing:-.035em;margin:15px 0}.md-scene-card p{color:#ccbed9;line-height:1.65;font-size:14px}.md-scene-card a{display:inline-flex;align-items:center;min-height:44px;color:#ccf3ff;font-size:13px;font-weight:700}
.md-experience-section{background:radial-gradient(ellipse at 20% 50%,#9142d423,transparent 45%),#130c21}.md-invitation-section{background:radial-gradient(ellipse at 30% 60%,#2a79b42b,transparent 45%),#0e1325}
.md-invitation-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:76px;align-items:center}.md-invitation-art{position:relative;min-height:550px;perspective:1100px}.md-invitation-art>img{width:100%;border:1px solid #bc8fdd38;border-radius:24px;box-shadow:0 35px 75px #0007;transform:rotateY(8deg);margin-top:30px}
.md-invite-phone{position:absolute;right:22px;bottom:15px;width:270px;background:linear-gradient(130deg,#291e3aee,#12192eee);border:1px solid #c49ee3;border-radius:25px;padding:26px;box-shadow:0 10px 40px #0008,0 30px 85px -25px #a970ff70;backdrop-filter:blur(14px);transform:rotate(-5deg)}.md-invite-phone small{font-size:9px;letter-spacing:.1em;color:#bd9ed8}.md-invite-phone h3{font-size:26px;line-height:1.1;color:#f6e9ff}.md-invite-phone p{font-size:12px;line-height:1.6;color:#d1c3df}.md-invite-route{padding:15px 0;color:#8bdcff;font-size:12px;line-height:1.8}.md-invite-phone button{min-height:44px;width:100%;border:1px solid #dabaff;border-radius:8px;background:#d5b8f7;color:#25152e;font-family:inherit;font-weight:750;cursor:pointer}
.xl-ambient-toggle{position:absolute;z-index:4;right:28px;bottom:25px;min-height:44px;padding:0 16px;border:1px solid #b8d9ff66;background:#081629c9;color:#d9edff;font:600 12px inherit;cursor:pointer}.xl-companion{color:#a8e5ff;min-height:44px;display:inline-flex;align-items:center}
.md-game-site .md-hero-new .md-hero-truth{color:#c9bfd7}.md-game-site a:focus-visible,.md-game-site button:focus-visible{outline:3px solid #82eeff;outline-offset:4px}
@media(min-width:761px) and (max-width:820px){.xl-game-site .xl-menu-toggle{display:flex}.xl-game-site .xl-nav{display:none;position:absolute;top:65px;left:18px;right:18px;background:#081121;padding:14px;flex-direction:column}.xl-game-site .xl-nav.is-open{display:flex}.xl-game-site .xl-nav a{min-height:44px}}
@media(max-width:700px){.md-game-site .brand-copy>span{font-size:17px}.md-game-site .brand-copy>small{font-size:8px}.md-game-site .md-hero-new{padding:102px 0 30px}.md-game-site .md-hero-copy>p:not(.md-kicker){font-size:14px;line-height:1.55;margin-bottom:16px}.md-game-site .md-hero-new h1{font-size:43px;line-height:.98;margin-bottom:16px}.md-game-site .md-kicker{font-size:9px;margin-bottom:12px}.md-game-site .md-hero-truth{font-size:10px!important}.md-game-site .md-hero-scene{min-height:350px;margin-top:4px}.md-game-site .md-map-device{transform:scale(.65) rotate(-6deg);transform-origin:center top;position:absolute;top:10px;width:300px;min-height:500px}.md-game-site .md-note-left{top:65%;left:0}.md-game-site .md-note-right{bottom:25%;right:0}.md-game-site .md-scene-caption{bottom:0}.md-game-site .md-floating-note{padding:10px}.md-game-site .md-floating-note b{font-size:11px}.md-scene-grid{grid-template-columns:1fr;gap:22px}.md-invitation-grid{grid-template-columns:1fr;gap:24px}.md-invitation-art{min-height:510px}.md-invitation-art>img{margin-top:0}.md-invite-phone{right:24px;bottom:20px;transform:rotate(-3deg)}.xl-ambient-toggle{bottom:18px;right:15px;font-size:10px}.md-section h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.md-game-site *,.md-game-site *::before,.md-game-site *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.md-scene-card:hover{transform:none}}
/* Accessible control dimensions on both public products. */
.xl-game-site .xl-brand,.xl-game-site .xl-scroll-cue,.xl-game-site .xl-card-content a,.xl-game-site .xl-community-link,.xl-game-site .xl-footer-bottom a,.xl-game-site .xl-locker-tabs button{min-height:44px;display:inline-flex;align-items:center}
.md-game-site a,.md-game-site button,.md-game-site summary,.md-game-site input,.md-game-site select{min-height:44px}
.md-game-site .footer-links a,.md-game-site .footer-bottom a{display:inline-flex;align-items:center}

.xl-game-site .xl-text-link{min-height:44px;display:inline-flex;align-items:center}.xl-game-site .menu-toggle{height:44px;min-width:44px}
/* Keep the neon accent in the letters, with a solid-color fallback. */
.md-game-site .md-hero-new h1 em,.md-game-site .md-section h2 em,.md-game-site .md-final-cta h2 em{background-clip:text;-webkit-background-clip:text;color:#dbb8ff}
.md-game-site .md-hero-new h1{font-size:clamp(42px,5.2vw,75px);line-height:.96;letter-spacing:-.055em}
.md-game-site .md-campaign-list li{grid-template-columns:26px minmax(0,1fr) 72px;gap:10px}
.md-game-site .md-campaign-list li i{white-space:normal;text-align:right;font-style:normal;overflow-wrap:anywhere;font-size:9px}
.md-game-site .menu-toggle{height:44px;width:44px}
@media(max-width:700px){.md-game-site .md-hero-new h1{font-size:43px;letter-spacing:-.05em}.md-game-site .md-campaign-list li{grid-template-columns:26px minmax(0,1fr) 64px;gap:8px}}

html:has(body.xl-game-site){width:100%;max-width:100%;overflow-x:hidden}.xl-game-site{width:100%;max-width:100%;overflow-x:hidden}