/* ===== source: base-00 ===== */
:root{
  --bg:#05070b;--bg2:#090d14;--panel:rgba(15,20,30,.72);--panel2:#101722;
  --text:#f8fbff;--muted:#8f9aad;--line:rgba(255,255,255,.095);
  --cyan:#27f4d2;--violet:#8065ff;--pink:#ff4fad;--gold:#ffc45d;
  --shadow:0 28px 100px rgba(0,0,0,.48);--radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}
button,input,select{font:inherit}
.shell{width:min(1540px,calc(100% - 34px));margin:auto}
header{position:sticky;top:0;z-index:100;background:rgba(5,7,11,.66);backdrop-filter:blur(26px) saturate(145%);border-bottom:1px solid rgba(255,255,255,.06)}
.brand i{font-style:normal;color:var(--cyan);text-shadow:0 0 20px rgba(39,244,210,.45)}
.navlinks button{border:0;background:transparent;color:#9da7b8;padding:10px 12px;border-radius:999px;font-weight:850;cursor:pointer;transition:.2s}
.navlinks button:hover{color:#fff;background:rgba(255,255,255,.055)}
.navlinks button.active{background:#fff;color:#07100e}
.spacer{flex:1}
.lang button{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#b9c1ce;padding:8px 9px;border-radius:999px;font-size:11px;font-weight:950;cursor:pointer}
.lang button.active{background:var(--cyan);border-color:transparent;color:#04100d}
.view{display:none;min-height:calc(100vh - 78px)}
.view.active{display:block}
.hero{min-height:690px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);gap:46px;align-items:center;position:relative;padding:62px 0}
.kicker{color:var(--cyan);font-size:11px;letter-spacing:.26em;text-transform:uppercase;font-weight:1000}
.hero h1{font-size:clamp(60px,8.8vw,136px);line-height:.82;letter-spacing:-.072em;margin:20px 0 24px;max-width:980px}
.hero h1 .glow{background:linear-gradient(90deg,#fff 0,#dcd6ff 35%,#72ffe8 70%,#fff 100%);background-size:210% auto;-webkit-background-clip:text;color:transparent;animation:shine 8s linear infinite}
@keyframes shine{to{background-position:210% center}}
.lead{color:#9da7b8;line-height:1.65;font-size:clamp(17px,1.6vw,21px);max-width:740px}
.heroActions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}
.btn{border:1px solid var(--line);background:rgba(255,255,255,.045);color:#fff;padding:14px 19px;border-radius:999px;font-weight:950;cursor:pointer;transition:.2s}
.btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.085)}
.btn.primary{background:#fff;color:#07090d;border:0}
.btn.accent{background:linear-gradient(135deg,var(--cyan),#a9ffe7);color:#04100d;border:0}
.heroStats strong{font-size:28px;display:block}
.heroStats span{color:var(--muted);font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.heroVisual{position:relative;min-height:510px;display:grid;place-items:center}
@keyframes spin{to{transform:rotate(360deg)}}
.section{padding:42px 0}
.sectionHead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:19px}
.sectionHead h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;margin:5px 0}
.sectionHead p{color:var(--muted);max-width:650px;margin:0;line-height:1.55}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,22vw);gap:16px;overflow-x:auto;padding:4px 2px 24px;scroll-snap-type:x proximity;scrollbar-width:thin}
.card{scroll-snap-align:start;background:linear-gradient(180deg,rgba(20,27,39,.94),rgba(11,15,22,.96));border:1px solid var(--line);border-radius:22px;overflow:hidden;cursor:pointer;position:relative;transition:transform .22s,border-color .22s,box-shadow .22s;transform-style:preserve-3d}
.card:hover{border-color:rgba(39,244,210,.33);box-shadow:0 24px 70px rgba(0,0,0,.38)}
.cover{aspect-ratio:16/9;background:#151c27;position:relative;overflow:hidden}
.cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s}
.card:hover .cover img{transform:scale(1.06)}
.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 46%,rgba(4,6,10,.74))}
.playOrb{position:absolute;right:14px;bottom:14px;z-index:3;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#07090d;font-weight:1000;box-shadow:0 12px 32px rgba(0,0,0,.55);transform:scale(.86);opacity:.75;transition:.2s}
.card:hover .playOrb{transform:scale(1);opacity:1}
.cardBody{padding:16px}
.cardTitle{font-weight:1000;font-size:17px;line-height:1.25}
.cardSub{color:var(--muted);font-size:12px;line-height:1.45;margin-top:7px;min-height:35px}
.metaRow{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}
.chip{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:999px;padding:6px 8px;font-size:10px;font-weight:850;color:#c9d0dc}
.portalGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.portalCard{position:relative;min-height:390px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#111824;box-shadow:var(--shadow);cursor:pointer;transition:.25s}
.portalCard:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.2)}
.portalCard:before{content:"";position:absolute;inset:0;background:var(--bgimg,linear-gradient(145deg,#1d163c,#092e31));transform:scale(1.02);transition:.65s}
.portalCard:hover:before{transform:scale(1.08)}
.portalCard:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(4,6,9,.93))}
.portalCopy{position:absolute;z-index:2;left:27px;right:27px;bottom:25px}
.portalCopy h3{font-size:clamp(30px,4vw,54px);margin:8px 0}
.portalCopy p{color:#c2cad5;max-width:560px;line-height:1.55}
.pageHero h1{font-size:clamp(52px,7vw,96px);margin:12px 0 16px;letter-spacing:-.06em}
.pageHero p{color:var(--muted);font-size:18px;line-height:1.6;max-width:760px}
.toolbar{display:grid;grid-template-columns:minmax(260px,1fr) repeat(3,auto);gap:9px;margin:20px 0 26px}
.field{background:rgba(16,22,32,.88);border:1px solid var(--line);color:#fff;border-radius:14px;padding:13px 15px;outline:none}
.field:focus{border-color:rgba(39,244,210,.45);box-shadow:0 0 0 4px rgba(39,244,210,.06)}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.grid .card{height:100%}
.grid .card,.rail .card{content-visibility:auto;contain-intrinsic-size:auto 320px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 24px}
.tabs button{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#c4ccd8;border-radius:999px;padding:10px 13px;font-weight:850;cursor:pointer}
.tabs button.active{background:#fff;color:#07090d}
.teamCloud{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 28px}
.teamCloud button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#9fa8b7;border-radius:999px;padding:9px 11px;cursor:pointer}
.teamCloud button.active{background:rgba(39,244,210,.15);border-color:rgba(39,244,210,.35);color:#eafffa}
.statsGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.statCard{border:1px solid var(--line);background:linear-gradient(180deg,rgba(18,24,35,.88),rgba(11,15,22,.94));border-radius:20px;padding:19px}
.statCard strong{display:block;font-size:31px}
.statCard span{font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.travelHero{min-height:520px;border:1px solid var(--line);border-radius:34px;overflow:hidden;position:relative;background:
 radial-gradient(circle at 78% 20%,rgba(255,196,93,.27),transparent 24%),
 radial-gradient(circle at 15% 62%,rgba(39,244,210,.16),transparent 28%),
 linear-gradient(145deg,#0e2730,#1e1715 70%);box-shadow:var(--shadow)}
.travelHero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(5,7,10,.77))}
.travelHero .portalCopy{max-width:700px}
.searchOverlay{position:fixed;inset:0;z-index:160;background:rgba(4,6,9,.82);backdrop-filter:blur(28px);display:none}
.searchOverlay.open{display:block}
.searchBox{width:min(980px,calc(100% - 30px));margin:9vh auto 0}
.searchTop{display:flex;gap:10px}
.searchTop input{flex:1;background:#111722;border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:18px;padding:18px 20px;font-size:18px;outline:none}
.searchResults{margin-top:14px;max-height:70vh;overflow:auto;display:grid;gap:9px}
.result{display:grid;grid-template-columns:84px 1fr auto;gap:13px;align-items:center;border:1px solid var(--line);background:rgba(14,20,29,.92);border-radius:16px;padding:9px;cursor:pointer}
.result img{width:84px;aspect-ratio:16/9;object-fit:cover;border-radius:10px}
.result strong{display:block}
.result small{color:var(--muted)}
.player{position:fixed;left:0;right:0;bottom:0;z-index:130;background:rgba(7,10,15,.94);backdrop-filter:blur(24px);border-top:1px solid var(--line);display:none}
.player.show{display:block}
.playerBar{min-height:88px;display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:14px;align-items:center}
.player img{width:60px;height:60px;border-radius:13px;object-fit:cover}
.pTitle{font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pSub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pActions{display:flex;gap:8px}
.pActions button,.pActions a{border:1px solid var(--line);background:#151c27;color:#fff;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;cursor:pointer}
.pActions a{border-radius:999px;width:auto;padding:0 14px;font-size:12px;font-weight:850}
#yt{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;border:0}
footer{padding:48px 0 120px;color:#7f8999;border-top:1px solid rgba(255,255,255,.06);margin-top:60px}
.footerLinks{margin-left:14px;display:inline-flex;gap:12px;flex-wrap:wrap}
.footerLinks a{color:inherit;text-decoration:none}
.empty{padding:36px;border:1px dashed rgba(255,255,255,.13);border-radius:20px;color:var(--muted)}
@media(max-width:1120px){.hero{grid-template-columns:1fr}
.heroVisual{min-height:450px}
.portalGrid{grid-template-columns:1fr}
.grid{grid-template-columns:repeat(3,1fr)}
.rail{grid-auto-columns:minmax(270px,39vw)}
.statsGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.shell{width:min(100% - 22px,1540px)}
.nav{height:auto;min-height:70px;flex-wrap:wrap;padding:10px 0}
.navlinks{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap}
.lang{display:none}
.hero{padding:42px 0 24px}
.hero h1{font-size:clamp(54px,18vw,84px)}
.heroVisual{min-height:360px}
.rail{grid-auto-columns:82vw}
.grid{grid-template-columns:repeat(2,1fr);gap:10px}
.toolbar{grid-template-columns:1fr}
.statsGrid{grid-template-columns:repeat(2,1fr)}
.result{grid-template-columns:68px 1fr}
.result img{width:68px}
.result>span{display:none}}
@media(max-width:480px){.grid{grid-template-columns:1fr}
.portalCard{min-height:330px}
.heroStats{gap:17px}
.playerBar{grid-template-columns:52px 1fr auto}
.player img{width:52px;height:52px}
.pActions a{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Gear — additive only */
.gearIntro{max-width:850px}
.gearSection{padding:22px 0 34px}
.gearGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gearCard{position:relative;min-height:240px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));padding:22px;overflow:hidden;transition:.25s ease}
.gearCard:hover{transform:translateY(-4px);border-color:rgba(57,238,218,.45)}
.gearType{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.gearCard h3{font-size:21px;line-height:1.15;margin:0 0 10px}
.gearCard p{color:var(--muted);font-size:14px;line-height:1.55;margin:0}
.gearBadge{display:inline-flex;margin-top:18px;padding:7px 10px;border-radius:999px;border:1px solid var(--line);font-size:11px;font-weight:800}
.gearDream{grid-column:span 2;min-height:290px;background:radial-gradient(circle at 80% 20%,rgba(57,238,218,.16),transparent 35%),linear-gradient(145deg,rgba(39,27,79,.8),rgba(5,24,27,.82))}
.gearDream h3{font-size:clamp(30px,3vw,48px)}
.gearNote{margin-top:22px;color:var(--muted);font-size:12px}
.socialBtn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 14px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:900;text-decoration:none;color:var(--text);background:rgba(255,255,255,.025)}
.socialBtn:hover{border-color:rgba(57,238,218,.55);background:rgba(57,238,218,.08)}
@media(max-width:1100px){.gearGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.gearGrid{grid-template-columns:repeat(2,1fr)}
.gearDream{grid-column:span 2}
.socialBtn{padding:0 10px}}
@media(max-width:480px){.gearGrid{grid-template-columns:1fr}
.gearDream{grid-column:span 1}}
/* ===== HIGH-TECH LATEST MODULE — isolated from the rest of the site ===== */
.latestModule{position:relative;padding:52px 0 58px}
.latestModule:before{content:"";position:absolute;left:50%;top:28px;width:min(1540px,calc(100% - 34px));height:calc(100% - 48px);transform:translateX(-50%);border-radius:34px;background:
 radial-gradient(circle at 7% 20%,rgba(128,101,255,.13),transparent 28%),
 radial-gradient(circle at 91% 35%,rgba(39,244,210,.095),transparent 28%),
 linear-gradient(180deg,rgba(14,19,28,.52),rgba(8,11,17,.34));border:1px solid rgba(255,255,255,.055);pointer-events:none}
.latestModule>.shell{position:relative;z-index:1}
.latestHead{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}
.latestHead h2{font-size:clamp(34px,4.8vw,62px);letter-spacing:-.055em;margin:5px 0 4px}
.latestHead p{color:var(--muted);margin:0;max-width:690px;line-height:1.55}
.syncPill{display:flex;align-items:center;gap:9px;border:1px solid rgba(39,244,210,.18);background:rgba(39,244,210,.055);border-radius:999px;padding:9px 12px;color:#bffdf2;font-size:10px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}
.syncDot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 rgba(39,244,210,.55);animation:syncPulse 2s infinite}
@keyframes syncPulse{70%{box-shadow:0 0 0 9px rgba(39,244,210,0)}100%{box-shadow:0 0 0 0 rgba(39,244,210,0)}}
.latestStage{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(310px,.72fr);gap:16px}
.latestLead{position:relative;min-height:430px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:#101621;cursor:pointer;box-shadow:0 30px 90px rgba(0,0,0,.34)}
.latestLead:before{content:"";position:absolute;z-index:4;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(115deg,rgba(39,244,210,.58),transparent 28%,transparent 69%,rgba(128,101,255,.42));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.latestLead img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.latestLead:hover img{transform:scale(1.035)}
.latestLeadShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,11,.94) 0%,rgba(5,7,11,.71) 43%,rgba(5,7,11,.12) 76%),linear-gradient(180deg,transparent 35%,rgba(5,7,11,.92))}
.latestLeadScan{position:absolute;inset:-25% 0 auto;height:32%;background:linear-gradient(180deg,transparent,rgba(39,244,210,.065),transparent);animation:leadScan 6.5s linear infinite;pointer-events:none}
@keyframes leadScan{to{transform:translateY(520px)}}
.latestLeadCopy{position:absolute;z-index:3;left:28px;right:28px;bottom:27px;max-width:67%}
.latestSource{display:inline-flex;align-items:center;gap:7px;color:var(--cyan);font-size:10px;font-weight:1000;letter-spacing:.16em;text-transform:uppercase}
.latestLeadCopy h3{font-size:clamp(30px,4vw,55px);line-height:.98;letter-spacing:-.048em;margin:10px 0 11px}
.latestLeadCopy p{color:#b4becc;line-height:1.5;margin:0 0 18px;max-width:620px}
.latestLeadAction{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#06090d;padding:11px 15px;border-radius:999px;font-size:12px;font-weight:1000}
.latestSide{display:grid;grid-template-rows:repeat(3,1fr);gap:12px}
.latestMini{display:grid;grid-template-columns:145px 1fr;gap:13px;align-items:center;position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,rgba(21,28,40,.84),rgba(10,14,21,.9));border-radius:20px;padding:10px;cursor:pointer;transition:.22s}
.latestMini:hover{transform:translateX(-3px);border-color:rgba(39,244,210,.3)}
.latestMiniCover{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/10;background:#151c27}
.latestMiniCover img{width:100%;height:100%;object-fit:cover}
.latestMiniCover b{position:absolute;right:8px;bottom:8px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#05070b;font-size:10px}
.latestMini small{color:var(--cyan);font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:950}
.latestMini h4{margin:6px 0 5px;font-size:15px;line-height:1.23}
.latestMini p{margin:0;color:var(--muted);font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.latestMoreHead{display:flex;align-items:center;justify-content:space-between;margin:27px 0 11px}
.latestMoreHead strong{font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.latestCounter{color:var(--muted);font-size:11px}
.latestRail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(225px,1fr);gap:12px;overflow-x:auto;padding:3px 2px 14px;scroll-snap-type:x proximity}
.latestRail .card{border-radius:18px}
.latestRail .cardBody{padding:13px}
.latestRail .cover{aspect-ratio:16/10}
.latestRail .cardTitle{font-size:14px}
.latestRail .cardSub{font-size:11px;min-height:31px}
.latestLiveBadge{position:absolute;left:12px;top:12px;z-index:5;display:inline-flex;align-items:center;gap:6px;background:rgba(5,8,12,.78);backdrop-filter:blur(10px);border:1px solid rgba(39,244,210,.24);border-radius:999px;padding:6px 8px;color:#d4fff8;font-size:9px;font-weight:1000;letter-spacing:.1em}
.latestLiveBadge i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 11px var(--cyan)}
@media(max-width:1050px){.latestStage{grid-template-columns:1fr}
.latestSide{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}
.latestMini{grid-template-columns:1fr}
.latestMiniCover{aspect-ratio:16/9}
.latestLeadCopy{max-width:80%}}
@media(max-width:760px){.latestModule{padding:34px 0 42px}
.latestModule:before{width:calc(100% - 12px);border-radius:25px}
.latestHead{align-items:flex-start;flex-direction:column}
.latestLead{min-height:390px}
.latestLeadShade{background:linear-gradient(180deg,rgba(5,7,11,.08),rgba(5,7,11,.9) 58%,rgba(5,7,11,.98))}
.latestLeadCopy{max-width:none;left:20px;right:20px;bottom:20px}
.latestSide{grid-template-columns:1fr;display:grid}
.latestMini{grid-template-columns:125px 1fr}
.latestRail{grid-auto-columns:78vw}}
/* ===== TIKTOK HIGH-TECH LIVE FEED ===== */
.tiktokModule{position:relative;padding:18px 0 72px;overflow:hidden}
.tiktokModule:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 35%,rgba(255,45,145,.11),transparent 28%),radial-gradient(circle at 88% 55%,rgba(37,244,211,.09),transparent 30%);pointer-events:none}
.ttHead{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;margin-bottom:20px}
.ttHead h2{font-size:clamp(38px,4.6vw,64px);letter-spacing:-.06em;margin:4px 0}
.ttHead p{color:var(--muted);margin:0;max-width:690px;line-height:1.55}
.ttControls{display:flex;gap:9px}
.ttArrow{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:rgba(11,16,24,.76);backdrop-filter:blur(14px);color:#fff;font-size:22px;cursor:pointer;transition:.2s}
.ttArrow:hover{transform:scale(1.07);border-color:rgba(39,244,210,.5);box-shadow:0 0 28px rgba(39,244,210,.12)}
.ttFrame{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:32px;background:linear-gradient(135deg,rgba(17,21,34,.86),rgba(7,15,19,.72));padding:18px;box-shadow:0 30px 100px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035);overflow:hidden}
.ttFrame:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(110deg,rgba(255,55,155,.3),transparent 35%,transparent 65%,rgba(39,244,210,.3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.ttRail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 56px)/5);gap:14px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:1px 1px 10px;scrollbar-width:none}
.ttRail::-webkit-scrollbar{display:none}
.ttCard{position:relative;overflow:hidden;border-radius:23px;border:1px solid rgba(255,255,255,.09);background:#090d14;height:385px;scroll-snap-align:start;cursor:pointer;box-shadow:0 20px 45px rgba(0,0,0,.3);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.ttCard:hover{transform:translateY(-7px) scale(1.012);border-color:rgba(39,244,210,.38);box-shadow:0 28px 60px rgba(0,0,0,.42),0 0 28px rgba(39,244,210,.08)}
.ttCard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.ttCard:hover img{transform:scale(1.055)}
.ttShade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,11,.02) 24%,rgba(5,7,11,.08) 43%,rgba(5,7,11,.98) 100%)}
.ttCopy{position:absolute;left:15px;right:15px;bottom:15px;z-index:2}
.ttSource{display:flex;align-items:center;gap:7px;color:#fff;font-size:9px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;margin-bottom:8px}
.ttLogo{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:#fff;color:#05070b;font-weight:1000;font-size:12px;box-shadow:-3px 0 #25f4ee,3px 0 #fe2c55}
.ttCard h3{font-size:14px;line-height:1.3;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ttMeta{font-size:10px;color:#c9d1dc;display:flex;gap:11px}
.ttEmpty{padding:40px 18px;text-align:center;color:var(--muted)}
.ttBottom{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-top:14px}
.ttProgress{height:3px;border-radius:10px;background:rgba(255,255,255,.08);overflow:hidden}
.ttProgressBar{height:100%;width:20%;border-radius:10px;background:linear-gradient(90deg,#fe2c55,#fff,#25f4ee);box-shadow:0 0 16px rgba(37,244,238,.35);transition:transform .25s ease,width .25s ease}
.ttProfile{display:inline-flex;align-items:center;gap:8px;color:var(--text);text-decoration:none;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:10px 15px;font-size:11px;font-weight:900;background:rgba(255,255,255,.035)}
.ttProfile:hover{border-color:rgba(39,244,210,.42);background:rgba(39,244,210,.07)}
@media(max-width:1100px){.ttRail{grid-auto-columns:calc((100% - 42px)/4)}}
@media(max-width:850px){.ttRail{grid-auto-columns:calc((100% - 28px)/3)}}
@media(max-width:620px){.ttHead{align-items:flex-start;flex-direction:column}
.ttControls{align-self:flex-end}
.ttFrame{padding:11px;border-radius:24px}
.ttRail{grid-auto-columns:78vw}
.ttCard{height:430px}
.ttBottom{grid-template-columns:1fr}
.ttProfile{justify-self:end}}
/* === ADIMASTER WOW UI v1 === */
header{top:10px;margin:0 auto;width:min(1568px,calc(100% - 20px));border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(180deg,rgba(13,18,28,.80),rgba(6,9,15,.68));box-shadow:0 14px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045);transition:transform .35s ease,background .35s ease,box-shadow .35s ease,border-color .35s ease;overflow:visible}
header:before{content:"";position:absolute;inset:-1px;border-radius:22px;padding:1px;background:linear-gradient(110deg,rgba(39,244,210,.42),rgba(128,101,255,.12) 35%,rgba(255,79,173,.24) 68%,rgba(39,244,210,.32));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.52}
header.scrolled{background:linear-gradient(180deg,rgba(8,12,19,.94),rgba(5,7,11,.90));box-shadow:0 18px 70px rgba(0,0,0,.48),0 0 45px rgba(39,244,210,.055);border-color:rgba(255,255,255,.11)}
.nav{display:flex;align-items:center;height:68px;padding:0 14px;gap:12px;}
.brand{font-weight:1000;letter-spacing:.15em;font-size:22px;white-space:nowrap;cursor:pointer;position:relative;display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:15px;transition:.25s ease;isolation:isolate;}
.brand:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan),0 0 22px rgba(39,244,210,.62);animation:brandPulse 2.2s ease-in-out infinite}
.brand:after{content:"";position:absolute;inset:0;border-radius:15px;background:radial-gradient(circle at 15% 50%,rgba(39,244,210,.10),transparent 55%);opacity:0;transition:.25s;z-index:-1}
.brand:hover:after{opacity:1}
.brand:hover{transform:translateY(-1px)}
@keyframes brandPulse{0%,100%{transform:scale(.85);opacity:.8}50%{transform:scale(1.2);opacity:1}}
.navlinks{display:flex;align-items:center;position:relative;gap:3px;padding:5px;background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.055);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);isolation:isolate;transform:translateZ(0)}
.navlinks:after{content:"";position:absolute;left:var(--nav-x,5px);top:5px;width:var(--nav-w,64px);height:calc(100% - 10px);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(39,244,210,.08));border:1px solid rgba(255,255,255,.10);box-shadow:0 8px 28px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.08);transition:left .42s cubic-bezier(.2,.8,.2,1),width .42s cubic-bezier(.2,.8,.2,1),opacity .25s;z-index:0;pointer-events:none;opacity:.95}
.navlinks button{position:relative;z-index:1;padding:9px 11px;color:#9faaba;transition:color .22s ease,transform .22s ease;background:transparent!important}
.navlinks button:hover{color:#fff;transform:translateY(-1px)}
.navlinks button.active{color:#fff;background:transparent!important;text-shadow:0 0 18px rgba(255,255,255,.16)}
.navlinks button{opacity:1;visibility:visible;-webkit-text-fill-color:currentColor;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.socialQuick{align-items:center;gap:8px;display:flex;}
.socialBtn{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(37,244,238,.09),rgba(255,44,85,.08));border-color:rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.socialBtn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.16) 45%,transparent 70%);transform:translateX(-140%);transition:transform .65s ease}
.socialBtn:hover:before{transform:translateX(140%)}
.iconBtn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);color:#fff;cursor:pointer;display:grid;place-items:center;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08);transition:.22s;}
.iconBtn:hover{transform:translateY(-2px) rotate(-5deg);border-color:rgba(39,244,210,.28);box-shadow:0 10px 28px rgba(0,0,0,.26),0 0 20px rgba(39,244,210,.07)}
.lang{display:flex;gap:5px;padding:4px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.025);border-radius:999px;}
.lang button{width:34px;height:34px}
.lang button.active{box-shadow:0 0 0 1px rgba(39,244,210,.28),0 0 22px rgba(39,244,210,.15)}
/* hero energy */
.hero{position:relative;min-height:680px;align-items:center;padding-top:95px;padding-bottom:70px}
.hero:before{content:"";position:absolute;inset:42px 0 20px;border:1px solid rgba(255,255,255,.035);border-radius:42px;pointer-events:none;mask-image:linear-gradient(90deg,#000 0%,transparent 42%,transparent 58%,#000 100%);opacity:.7}
.hero h1{position:relative;letter-spacing:-.06em;text-wrap:balance}
.hero h1:after{content:"";position:absolute;left:0;bottom:-24px;width:120px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--violet),transparent);box-shadow:0 0 18px rgba(39,244,210,.45)}
.glow{background:linear-gradient(92deg,#fff 0%,#b9fff5 30%,#8feaff 53%,#bfadff 76%,#fff 100%);background-size:240% auto;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:textFlow 6s linear infinite;filter:drop-shadow(0 0 22px rgba(39,244,210,.08))}
@keyframes textFlow{to{background-position:240% center}}
.heroActions .btn{position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.heroActions .btn:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(0,0,0,.28)}
.heroStats{display:flex;flex-wrap:wrap;margin-top:32px;gap:10px;}
.heroStats>div{position:relative;padding:14px 18px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));border-radius:18px;min-width:112px;overflow:hidden}
.heroStats>div:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(39,244,210,.55),transparent);opacity:.5}
/* cinematic section reveal */
.view .shell>*,.latestModule{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1);transform-origin:center top}
.wowReveal{opacity:0;transform:translateY(24px) scale(.992)}
.wowReveal.in{opacity:1;transform:none}
/* cursor aura */
/* top progress */
#wowTopProgress{position:fixed;left:0;top:0;height:2px;width:0;background:linear-gradient(90deg,#25f4ee,#8065ff,#ff4fad);box-shadow:0 0 16px rgba(39,244,210,.55);z-index:9999;pointer-events:none}
/* desktop nav polish / mobile preserved */
@media(max-width:1180px){header{top:6px;width:calc(100% - 12px)}.navlinks button{padding:8px 8px;font-size:13px}.socialQuick{display:none}}
@media(max-width:900px){header{position:sticky;border-radius:18px}
.nav{height:64px}
.navlinks{overflow-x:auto;scrollbar-width:none;max-width:56vw}
.navlinks::-webkit-scrollbar{display:none}
.navlinks:after{display:none}
.navlinks button.active{background:rgba(255,255,255,.10)!important}
.hero{min-height:auto;padding-top:76px}
.hero:before{display:none}}
@media(prefers-reduced-motion:reduce){.brand:before,.glow{animation:none!important}
.wowReveal{opacity:1;transform:none}
}
/* ===== ADIMASTER CINEMATIC ROUTE EDITION ===== */
body{background:#05070d;position:relative}
body:before{content:"";position:fixed;inset:-12%;z-index:-5;pointer-events:none;background:
 radial-gradient(circle at 72% 30%,rgba(0,215,255,.16),transparent 24%),
 radial-gradient(circle at 20% 35%,rgba(239,37,191,.18),transparent 28%),
 radial-gradient(circle at 50% 85%,rgba(102,50,255,.12),transparent 34%),
 linear-gradient(120deg,#050711 0%,#080817 42%,#041418 100%);background-size:130% 130%;animation:journeyBg 24s ease-in-out infinite alternate;transition:filter 1s ease,transform 1.2s ease}
body:after{content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}
@keyframes journeyBg{0%{background-position:0% 20%}50%{background-position:55% 45%}100%{background-position:100% 80%}}
header{background:rgba(4,7,13,.72)!important;backdrop-filter:blur(22px) saturate(1.3);border:1px solid rgba(93,222,255,.22)!important;box-shadow:0 12px 50px rgba(0,0,0,.34),inset 0 0 35px rgba(32,207,255,.025)}
.brand:before,.brand:after{display:none!important}
.brandLogo{gap:11px!important;padding:5px 10px 5px 5px!important;overflow:visible}
.logoStage{width:58px;height:58px;position:relative;display:grid;place-items:center;flex:none;filter:drop-shadow(0 0 12px rgba(41,230,255,.28))}
.logoStage img{width:58px;height:58px;object-fit:contain;border-radius:18px}
.brandWords{font-weight:1000;letter-spacing:.14em;font-size:18px;line-height:1;white-space:nowrap}
.brandWords i{font-style:normal;color:#f24c9e;text-shadow:0 0 16px rgba(242,76,158,.38)}
.brandWords small{display:block;margin-top:6px;font-size:7px;letter-spacing:.24em;color:rgba(255,255,255,.62);font-weight:800}
.logoWave{position:absolute;left:17px;bottom:20px;width:12px;height:8px;background:repeating-linear-gradient(90deg,#25f4d2 0 2px,transparent 2px 5px);filter:drop-shadow(0 0 4px #25f4d2);animation:waveVibe .48s ease-in-out infinite alternate;mix-blend-mode:screen}
@keyframes waveVibe{from{transform:scaleY(.55)}to{transform:scaleY(1.25)}}
.heroTravel{background:linear-gradient(90deg,#22d9ff,#6c5cff 48%,#ff48c5);-webkit-background-clip:text;color:transparent;text-shadow:0 0 35px rgba(78,121,255,.16)}
.hero{min-height:720px}
.hero:after{content:"";position:absolute;right:4%;top:14%;width:42%;height:62%;border-radius:50%;background:radial-gradient(circle,rgba(58,30,130,.22),transparent 68%);filter:blur(20px);pointer-events:none}
.pageHero{padding:58px 0 25px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05);}
.pageHero:after{content:"";position:absolute;right:2%;top:5%;width:34vw;height:34vw;border-radius:50%;background:radial-gradient(circle,rgba(37,244,210,.10),transparent 68%);pointer-events:none}
/* exactly five full cards on desktop rails */
.rail,.latestRail{grid-auto-columns:calc((100% - 64px)/5)!important;scrollbar-width:none;scroll-snap-type:x mandatory}
.rail::-webkit-scrollbar,.latestRail::-webkit-scrollbar{display:none}
.rail .card,.latestRail .card{scroll-snap-align:start}
@media(max-width:1120px){.rail,.latestRail{grid-auto-columns:calc((100% - 32px)/3)!important}}
@media(max-width:760px){.brandWords{display:none}
.logoStage,.logoStage img{width:52px;height:52px}
.rail,.latestRail{grid-auto-columns:82vw!important}}
/* Route-first information architecture */
.routeStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:-12px 0 34px}
.routeStats>div{position:relative;overflow:hidden;padding:18px 20px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.035)}
.routeStats>div:before{content:"";position:absolute;inset:auto -15% -80% 25%;height:120px;background:radial-gradient(circle,rgba(40,231,255,.13),transparent 67%);pointer-events:none}
.routeStats strong{display:block;font-size:clamp(25px,2.6vw,38px);letter-spacing:-.04em;line-height:1;margin-bottom:8px}
.routeStats span{display:block;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.routeFeatured{margin-top:58px;padding-top:34px;border-top:1px solid rgba(255,255,255,.07)}
.identityStrip{display:flex;align-items:center;gap:14px;margin:-10px 0 28px;padding:14px 18px;width:max-content;max-width:100%;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.03);font-size:11px;font-weight:950;letter-spacing:.17em}
.identityStrip i{font-style:normal;color:#36e7dc}
.view>.shell.pageHero{padding-bottom:28px}
.view .pageHero h1{margin-bottom:14px}
.view .pageHero p{max-width:800px}
.homeCurated{position:relative}
.view:not(.active){display:none!important}
@media(max-width:760px){.routeStats{grid-template-columns:1fr;margin-top:0}
.identityStrip{width:100%;justify-content:center;gap:9px;font-size:9px;letter-spacing:.1em}
.routeFeatured{margin-top:42px}}
[data-view="travel"] .pageHero h1{position:relative;display:inline-block}
[data-view="travel"] .pageHero h1:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:linear-gradient(90deg,transparent,#25e8ff 28%,#6d5dff 58%,#ff46bd 78%,transparent);transform:scaleX(0);transform-origin:left;box-shadow:0 0 18px rgba(41,227,255,.55)}
body[data-route="travel"] [data-view="travel"].active .pageHero h1:after{animation:travelUnderline 1.25s .82s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes travelUnderline{to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){[data-view="travel"] .pageHero h1:after{animation:none!important;transform:scaleX(1)!important}}

/* ===== AUTORSKIE · ADI MASTER MEMORY CORE ===== */
[data-view="originals"]{
  --memory-x:0px;--memory-y:0px;
  position:relative!important;isolation:isolate!important;overflow:hidden;
  min-height:100vh;background:#050403!important;color:#fff
}
[data-view="originals"]::before{
  content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;
  background-image:
    linear-gradient(90deg,rgba(4,3,3,.91) 0%,rgba(4,3,3,.72) 30%,rgba(4,3,3,.16) 55%,rgba(4,3,3,.03) 83%),
    linear-gradient(180deg,rgba(4,3,3,.02) 0%,rgba(4,3,3,.08) 55%,rgba(4,3,3,.88) 100%),
    url("../../memory-core-v3-desktop-4k.webp");
  background-repeat:no-repeat;background-position:center top;background-size:cover;
  transform:translate3d(calc(var(--memory-x) * .18),calc(var(--memory-y) * .13),0) scale(1.025);
  transition:transform 1.2s cubic-bezier(.2,.8,.2,1);will-change:transform
}
[data-view="originals"]::after{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(circle at 74% 42%,rgba(255,180,75,.08),transparent 24%),radial-gradient(circle at 79% 38%,rgba(139,76,255,.07),transparent 18%);
  opacity:.8
}
[data-view="originals"]>*{position:relative;z-index:2}
[data-view="originals"] .pageHero{
  min-height:430px;padding:67px 0 82px;border:0;overflow:visible;display:flex;flex-direction:column;justify-content:flex-start;pointer-events:none
}
[data-view="originals"] .pageHero::after{display:none}
[data-view="originals"] .pageHero .kicker{color:#77fff0;text-shadow:0 0 18px rgba(46,240,224,.28)}
[data-view="originals"] .originalTitle{
  width:max-content;max-width:58vw;margin:26px 0 21px!important;font-size:clamp(66px,7vw,116px)!important;line-height:.85!important;
  color:#b8b3ac;background:linear-gradient(180deg,#100d0b 0%,#f8e4bf 13%,#796d61 31%,#191513 49%,#d4c4a5 67%,#38322f 82%,#080707 100%);
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  -webkit-text-stroke:1px rgba(255,224,174,.55);
  filter:drop-shadow(0 7px 1px #050403) drop-shadow(0 18px 25px rgba(0,0,0,.8));
  position:relative;text-shadow:none!important
}
[data-view="originals"] .originalTitle::after{
  content:"";position:absolute;left:2%;right:0;bottom:-14px;height:2px;
  background:linear-gradient(90deg,#ffcb76 0%,#9a70ff 48%,transparent 92%);box-shadow:0 0 15px rgba(255,188,90,.42);
  transform-origin:left;transform:scaleX(.68);transition:transform .6s ease,filter .4s ease
}
[data-view="originals"].memoryPlaying .originalTitle::after{transform:scaleX(1);filter:brightness(1.5)}
[data-view="originals"] .pageHero p{max-width:610px;color:#b9b5b3;text-shadow:0 3px 17px #000}
[data-view="originals"]>.shell:nth-of-type(2){padding-bottom:120px}
[data-view="originals"] .routeStats{position:relative;z-index:4;margin-top:-48px}
[data-view="originals"]>.shell:nth-of-type(2){position:relative;z-index:4}
[data-view="originals"] .routeStats>div,[data-view="originals"] .field,[data-view="originals"] .routeFeatured{
  background:linear-gradient(145deg,rgba(16,13,15,.84),rgba(7,7,10,.68))!important;
  border-color:rgba(255,198,112,.18)!important;backdrop-filter:blur(17px) saturate(1.2);-webkit-backdrop-filter:blur(17px) saturate(1.2);
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 18px 55px rgba(0,0,0,.3)
}
[data-view="originals"] .routeStats>div::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#e5a654,#8059df,transparent);opacity:.65}
[data-view="originals"] .toolbar{position:relative;z-index:4}
[data-view="originals"] .field:focus{border-color:rgba(255,199,107,.55)!important;box-shadow:0 0 0 4px rgba(255,182,82,.07),0 0 25px rgba(126,75,230,.1)}
[data-view="originals"] .card{background:linear-gradient(165deg,rgba(20,17,19,.9),rgba(7,7,11,.82))!important;border-color:rgba(255,193,99,.13)!important;backdrop-filter:blur(10px)}
[data-view="originals"] .card:hover{border-color:rgba(255,192,93,.46)!important;box-shadow:0 24px 65px rgba(0,0,0,.46),0 0 28px rgba(255,170,62,.11),0 0 32px rgba(119,67,223,.08)}
[data-view="originals"] .playOrb{background:linear-gradient(135deg,#fff7e7,#edbd73);box-shadow:0 10px 30px #000,0 0 19px rgba(255,184,76,.25)}
[data-view="originals"] .routeFeatured{padding:28px;border:1px solid rgba(255,198,112,.18);border-radius:28px}

.memoryOrbitStage{position:absolute!important;z-index:3!important;right:.5%;top:78px;width:59%;height:430px;pointer-events:none;perspective:1350px;transform-style:preserve-3d}
.memoryCorePulse{position:absolute;left:55%;top:43%;width:120px;height:120px;transform:translate(-50%,-50%);border-radius:50%;opacity:.2;transition:opacity .5s ease,filter .5s ease}
.memoryCorePulse::before,.memoryCorePulse::after,.memoryCorePulse i{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,200,116,.32);box-shadow:0 0 25px rgba(255,174,63,.15),inset 0 0 25px rgba(151,85,255,.1)}
.memoryCorePulse::after{inset:-27%;border-color:rgba(144,88,255,.2)}
.memoryCorePulse i:nth-child(1){inset:-55%;border-color:rgba(255,190,89,.13)}
.memoryCorePulse i:nth-child(2){inset:24%;background:radial-gradient(circle,#fff7d9 0 4%,#ffbd55 12%,rgba(142,74,255,.3) 38%,transparent 70%);border:0}
.memoryCorePulse span{position:absolute;left:-210%;top:49%;width:430%;height:2px;background:linear-gradient(90deg,transparent,#8c5fea,#ffd28b,#8c5fea,transparent);opacity:.4;filter:blur(.2px)}
[data-view="originals"].memoryPlaying .memoryCorePulse{opacity:1;filter:drop-shadow(0 0 22px rgba(255,180,75,.7));animation:memoryCoreBeat 2.2s ease-in-out infinite}
@keyframes memoryCoreBeat{0%,100%{transform:translate(-50%,-50%) scale(.88)}50%{transform:translate(-50%,-50%) scale(1.06)}}
.memoryOrbits{position:absolute;inset:0;transform-style:preserve-3d}
.memoryOrbitCard{--orbit-size:102px;position:absolute;left:0;top:0;width:var(--orbit-size);aspect-ratio:1;border:0;border-radius:12px;padding:0;background:transparent;transform-style:preserve-3d;will-change:transform,opacity,filter;pointer-events:auto;cursor:pointer;transition:box-shadow .35s ease,filter .35s ease;contain:layout paint}
.memoryCardFace{position:absolute;inset:0;padding:4px;border-radius:12px;background:linear-gradient(145deg,rgba(255,228,184,.78),rgba(81,55,104,.55));box-shadow:0 15px 35px rgba(0,0,0,.52),0 0 18px rgba(255,185,83,.17);transform-style:preserve-3d;will-change:transform}
.memoryCardFace img{position:absolute;inset:4px;display:block;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:cover;border-radius:9px;filter:saturate(.96) brightness(.94);transition:filter .4s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.memoryCardFace .memoryCardBack{transform:rotateY(180deg)}
.memoryCardFace::after{content:"";position:absolute;inset:3px;border-radius:9px;border:1px solid rgba(255,255,255,.21);box-shadow:inset 0 0 15px rgba(255,208,139,.08);pointer-events:none;transform:translateZ(2px)}
.memoryOrbitCard.memoryActive{display:block!important;z-index:30!important;opacity:1!important;filter:brightness(1.2) drop-shadow(0 0 18px rgba(255,178,68,.65));box-shadow:0 18px 45px rgba(0,0,0,.62),0 0 0 1px #f6c677,0 0 30px rgba(255,177,62,.52),0 0 48px rgba(124,70,236,.25)}
.memoryOrbitCard.memoryActive::before{content:"";position:absolute;right:calc(100% + 3px);top:50%;width:205px;height:2px;transform-origin:right center;background:linear-gradient(90deg,transparent,#986cf5 25%,#ffd089 72%,#fff4d5);box-shadow:0 0 8px #ffbc5f,0 0 18px rgba(133,80,238,.6);animation:memoryConduit 1.8s ease-in-out infinite;pointer-events:none}
.memoryOrbitCard.memoryActive img{filter:saturate(1.12) brightness(1.05)}
@keyframes memoryConduit{0%,100%{opacity:.42;filter:brightness(.8)}50%{opacity:1;filter:brightness(1.5)}}

@media(max-width:1000px){.memoryOrbitStage{width:61%;right:-4%;height:420px}.memoryOrbitCard:nth-child(n/**/+8){display:none}}
@media(max-width:760px){
  [data-view="originals"]::before{background-image:linear-gradient(180deg,rgba(4,3,3,.29) 0%,rgba(4,3,3,.25) 37%,rgba(4,3,3,.92) 71%),linear-gradient(90deg,rgba(4,3,3,.72),rgba(4,3,3,.1)),url("../../memory-core-v3-mobile-4k.webp");background-position:center top;background-size:cover;transform:none}
  [data-view="originals"] .pageHero{min-height:525px!important;padding:65px 7px 102px!important}
  [data-view="originals"] .originalTitle{font-size:clamp(51px,15vw,75px)!important;max-width:96vw;margin-top:24px!important}
  [data-view="originals"] .pageHero p{max-width:83%;font-size:15px;line-height:1.5}
  [data-view="originals"] .routeStats{margin-top:-52px;gap:8px}
  [data-view="originals"] .routeStats>div{padding:15px 12px}
  [data-view="originals"] .routeFeatured{padding:18px;border-radius:22px}
  .memoryOrbitStage{top:175px;right:-7%;width:82%;height:285px;transform:scale(.82);transform-origin:right top}
  .memoryCorePulse{left:58%;top:43%;width:82px;height:82px}
  .memoryOrbitCard{--orbit-size:76px}
  .memoryOrbitCard.memoryActive::before{width:105px}
  .memoryOrbitCard:nth-child(n/**/+6){display:none}
}
@media(prefers-reduced-motion:reduce){[data-view="originals"]::before{transform:none!important}.memoryOrbitCard{position:relative;display:inline-block!important;left:auto;top:auto;margin:8px;transform:none!important;opacity:.85!important}.memoryCardFace{transform:none!important}.memoryOrbits{display:flex;justify-content:flex-end;align-items:flex-start;flex-wrap:wrap;padding:100px 18px 0 35%;transform:none!important}.memoryCorePulse{animation:none!important}}
/* Gear uses the final route wallpaper below; retired drone/wallpaper layers removed. */
/* ===== WORLD CUP 2026 FULL-STADIUM EXPERIENCE ===== */
[data-view="world"]{position:relative;isolation:isolate;overflow:hidden;background:#061006;color:#fff;min-height:100vh}
[data-view="world"]:before,[data-view="world"]:after{display:none!important}
[data-view="world"] .pageHero{min-height:520px;padding-top:64px;padding-bottom:28px;border-bottom:0;background:transparent;position:relative;z-index:2}
[data-view="world"] .pageHero:after{display:none}
[data-view="world"]>.shell:nth-of-type(2){position:relative;z-index:2;margin-top:-66px;padding-bottom:90px}
[data-view="world"] .routeStats>div,[data-view="world"] .tabs button,[data-view="world"] .teamCloud button,[data-view="world"] .field,[data-view="world"] .card,[data-view="world"] .routeFeatured{backdrop-filter:blur(15px) saturate(1.15);-webkit-backdrop-filter:blur(15px) saturate(1.15)}
[data-view="world"] .routeStats>div{background:linear-gradient(145deg,rgba(6,14,13,.70),rgba(10,18,14,.48));border-color:rgba(220,255,214,.13);box-shadow:0 18px 55px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.04)}
[data-view="world"] .card{background:rgba(5,12,10,.72)}
[data-view="world"] .routeFeatured{background:rgba(4,11,9,.45);border-radius:30px;padding:26px}
@media(max-width:900px){[data-view="world"] .pageHero{min-height:470px;padding-top:54px}
[data-view="world"] .pageHero h1{font-size:clamp(58px,16vw,90px)}
[data-view="world"]>.shell:nth-of-type(2){margin-top:-28px}
}
@media(max-width:600px){[data-view="world"] .pageHero{min-height:500px}
}
/* Current World Cup layout; retired stadium experiments removed. */
[data-view="world"] .pageHero{min-height:555px!important;padding:78px 0 22px!important;background:transparent!important}
[data-view="world"] .pageHero h1{letter-spacing:-.055em!important;margin:14px 0 20px!important;font-size:clamp(62px,6vw,100px)!important;line-height:.9!important;max-width:620px!important;text-shadow:0 12px 36px rgba(0,0,0,.72)!important}
[data-view="world"] .pageHero p{max-width:690px!important;text-shadow:0 2px 14px rgba(0,0,0,.82)!important}
[data-view="world"]>.shell:nth-of-type(2){margin-top:-72px!important;padding-bottom:120px!important}
[data-view="world"] .tabs button,
[data-view="world"] .teamCloud button{background:rgba(3,11,8,.68)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}
@media(max-width:1100px){
  [data-view="world"] .pageHero{min-height:540px!important}
  [data-view="world"]>.shell:nth-of-type(2){margin-top:-52px!important}
}
/* ===== CURRENT ROUTE LAYOUT + CLEAN MOBILE HEADER ===== */
[data-view="gear"] .gearIntro{background:none!important;min-height:470px!important}
[data-view="gear"] .gearIntro:before,[data-view="gear"] .gearIntro:after{display:none!important}
[data-view="travel"] .pageHero,[data-view="gear"] .pageHero,[data-view="world"] .pageHero{background:transparent!important}
[data-view="world"]>.shell:nth-of-type(2),[data-view="travel"]>.travelContent,[data-view="gear"]>.shell:nth-of-type(2){position:relative;z-index:2}
[data-view="world"] .routeStats>div,[data-view="travel"] .routeStats>div,[data-view="gear"] .routeStats>div,
[data-view="world"] .card,[data-view="travel"] .card,[data-view="gear"] .gearCard,[data-view="travel"] .travelHero,
[data-view="world"] .field,[data-view="travel"] .field,[data-view="gear"] .field{
 background:rgba(3,9,12,.66)!important;backdrop-filter:blur(12px) saturate(1.12)!important;-webkit-backdrop-filter:blur(12px) saturate(1.12)!important;border-color:rgba(190,240,255,.13)!important
}
.mobileMenuBtn,.mobileDrawer{display:none}
@media(max-width:760px){header{top:6px!important;width:calc(100% - 12px)!important;border-radius:20px!important}
.nav{height:74px!important;min-height:74px!important;padding:6px 8px!important;flex-wrap:nowrap!important;gap:7px!important}
.brandLogo{min-width:0!important;flex:1!important;padding:0!important}
.logoStage,.logoStage img{width:56px!important;height:56px!important}
.brandWords{display:block!important;font-size:14px!important;letter-spacing:.10em!important}
.brandWords small{font-size:6px!important;letter-spacing:.12em!important}
.navlinks,.socialQuick,.lang{display:none!important}
.spacer{display:none!important}
#openSearch{width:48px!important;height:48px!important;flex:none!important}
.mobileMenuBtn{display:flex;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);align-items:center;justify-content:center;flex-direction:column;gap:5px;flex:none}
.mobileMenuBtn span{width:19px;height:2px;border-radius:9px;background:#fff}
.mobileDrawer{display:block;position:fixed;z-index:10000;top:0;right:0;width:min(88vw,360px);height:100dvh;padding:22px;background:rgba(4,8,13,.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:1px solid rgba(71,231,255,.22);transform:translateX(105%);transition:transform .28s ease;box-shadow:-30px 0 70px rgba(0,0,0,.48)}
.mobileDrawer.open{transform:translateX(0)}
.mobileDrawerTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;font-size:18px;letter-spacing:.12em}
.mobileDrawerTop i{font-style:normal;color:#f24c9e}
.mobileDrawerTop button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;font-size:28px}
.mobileDrawerNav{display:grid;gap:8px}
.mobileDrawerNav button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#fff;padding:14px 15px;border-radius:14px;text-align:left;font-weight:850;font-size:15px}
.mobileTikTok{display:block;margin-top:18px;padding:14px 15px;border-radius:14px;background:linear-gradient(135deg,rgba(37,244,210,.12),rgba(255,62,174,.10));border:1px solid rgba(79,231,255,.18);color:#fff;text-decoration:none;font-weight:850}
.mobileLang{display:flex;gap:8px;margin-top:16px}
.mobileLang button{width:46px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#fff;font-weight:900}
[data-view="world"] .pageHero,[data-view="travel"] .pageHero,[data-view="gear"] .gearIntro{padding-top:52px!important;min-height:auto!important}
[data-view="world"] .pageHero h1{font-size:clamp(56px,16vw,82px)!important;line-height:.9!important}
[data-view="gear"] .gearIntro{padding-right:18px!important;padding-bottom:190px!important}}
/* ===== STABLE SINGLE-LAYER BACKGROUNDS + NO HOME FLASH ===== */

/* Stop the "disco" effect on the home headline and decorative background. */
.hero h1 .glow{
  animation:none!important;
  background-position:50% center!important;
}
/* The wallpaper now lives on a fixed pseudo-layer INSIDE the active route.
   This avoids body/background stacking conflicts on Android browsers. */
[data-view="world"],
[data-view="travel"],
[data-view="gear"]{
  position:relative!important;
  isolation:isolate!important;
  background:transparent!important;
  background-image:none!important;
}
[data-view="world"]::before,
[data-view="travel"]::before,
[data-view="gear"]::before{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
  transform:translateZ(0);
}
[data-view="world"]::before{
  background-image:
    linear-gradient(90deg,rgba(2,6,8,.55),rgba(2,6,8,.10) 52%,rgba(2,6,8,.08)),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,8,5,.24)),
    url("../../world-champions-spain-4k-final.webp")!important;
}
[data-view="gear"]::before{
  background-image:
    linear-gradient(90deg,rgba(2,8,12,.55),rgba(2,8,12,.10) 50%,rgba(2,8,12,.12)),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(2,12,13,.28)),
    url("../../gear-quantum-forge-desktop-4k.webp")!important;
}
/* Ensure content is above the fixed wallpaper. */
[data-view="world"] > *,
[data-view="travel"] > *,
[data-view="gear"] > *{
  position:relative;
  z-index:1;
}
@media(max-width:760px){[data-view="world"]::before{
    background-image:
      linear-gradient(90deg,rgba(4,2,3,.68),rgba(4,2,3,.18) 68%,rgba(4,2,3,.08)),
      linear-gradient(180deg,rgba(2,1,2,.04),rgba(13,2,3,.42)),
      url("../../world-champions-hightech-mobile.webp")!important;
    background-position:center center!important;
  }
[data-view="gear"]::before{
    background-image:
      linear-gradient(180deg,rgba(2,7,10,.06),rgba(2,10,12,.30)),
      url("../../gear-quantum-forge-mobile-4k.webp")!important;
    background-position:center center!important;
  }}

/* ===== SPAIN 2026 CHAMPIONS CELEBRATION ===== */
[data-view="world"]::before{
  background-image:
    linear-gradient(90deg,rgba(5,2,3,.72) 0%,rgba(5,2,3,.40) 30%,rgba(5,2,3,.07) 48%,rgba(5,2,3,.07) 100%),
    radial-gradient(circle at 70% 27%,rgba(255,181,35,.10),transparent 29%),
    linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(21,3,4,.14) 56%,rgba(8,1,2,.60) 100%),
    url("../../world-champions-spain-4k-final.webp")!important;
  background-position:right center!important;
}
[data-view="world"] .pageHero{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:clamp(20px,5.5vw,106px)!important;
  padding-right:clamp(20px,5.5vw,106px)!important;
  box-sizing:border-box
}
[data-view="world"] .worldChampionKicker{
  display:inline-flex;align-items:center;gap:9px;width:max-content;
  padding:8px 13px;border:1px solid rgba(255,211,54,.34);border-radius:999px;
  color:#ffe27a!important;background:linear-gradient(135deg,rgba(170,21,27,.46),rgba(45,7,9,.38));
  box-shadow:0 10px 32px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.08);
  text-shadow:0 2px 12px rgba(0,0,0,.72)
}
[data-view="world"] .worldChampionKicker:before{
  content:"";width:22px;height:14px;border-radius:2px;
  background:linear-gradient(#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75% 100%);
  box-shadow:0 0 12px rgba(241,191,0,.34)
}
[data-view="world"] .worldChampionTitle{
  position:relative;width:max-content;max-width:690px!important;
  color:transparent!important;-webkit-text-fill-color:transparent;
  background:linear-gradient(116deg,#aa151b 0 27%,#ffd21f 27% 69%,#aa151b 69% 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-stroke:1px rgba(255,239,183,.20);
  filter:drop-shadow(0 13px 23px rgba(0,0,0,.72)) drop-shadow(0 0 16px rgba(181,25,29,.20));
  text-shadow:none!important
}
[data-view="world"] .worldChampionTitle:after{
  content:"";position:absolute;z-index:-1;left:-18px;right:-28px;top:47%;height:23%;
  transform:rotate(-5deg);transform-origin:center;
  background:linear-gradient(90deg,rgba(170,21,27,.08),rgba(241,191,0,.16),rgba(170,21,27,.06));
  filter:blur(12px);border-radius:45% 8% 38% 12%
}
[data-view="world"] .worldChampionBadge{
  display:flex;align-items:center;gap:10px;width:max-content;margin-top:22px;
  padding:9px 14px;border-left:3px solid #f1bf00;
  background:linear-gradient(90deg,rgba(170,21,27,.34),rgba(170,21,27,0));
  color:#fff;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;
  text-shadow:0 2px 12px #000
}
[data-view="world"] .worldChampionBadge strong{color:#ffd83d}
[data-view="world"] .routeStats>div,
[data-view="world"] .card,
[data-view="world"] .field,
[data-view="world"] .routeFeatured{
  background:rgba(17,5,7,.70)!important;border-color:rgba(255,207,57,.16)!important
}
[data-view="world"] .tabs button,
[data-view="world"] .teamCloud button{background:rgba(20,5,7,.72)!important;border-color:rgba(255,207,57,.14)!important}
[data-view="world"] .tabs button.active,
[data-view="world"] .teamCloud button.active{
  color:#fff!important;border-color:rgba(255,221,87,.54)!important;
  background:linear-gradient(135deg,rgba(170,21,27,.94),rgba(196,108,10,.88))!important;
  box-shadow:0 8px 24px rgba(97,5,10,.28)
}
@media(max-width:760px){
  [data-view="world"]::before{
    background-image:
      linear-gradient(90deg,rgba(5,2,3,.76),rgba(5,2,3,.28) 72%,rgba(5,2,3,.08)),
      linear-gradient(180deg,rgba(2,1,2,.03),rgba(14,2,3,.48)),
      url("../../world-champions-hightech-mobile.webp")!important;
    background-position:center top!important
  }
  [data-view="world"] .pageHero{padding-top:62px!important;padding-right:18px!important;padding-bottom:60px!important;padding-left:18px!important;min-height:520px!important}
  [data-view="world"] .worldChampionKicker{font-size:10px!important;letter-spacing:.12em!important;padding:7px 10px}
  [data-view="world"] .worldChampionTitle{font-size:clamp(52px,15vw,76px)!important;max-width:94vw!important;margin-top:18px!important}
  [data-view="world"] .pageHero p{max-width:88%!important;font-size:15px}
  [data-view="world"] .worldChampionBadge{font-size:10px;letter-spacing:.12em;margin-top:17px;padding:8px 11px}
  [data-view="world"]>.shell:nth-of-type(2){margin-top:-38px!important}
}

/* ===== MUSIC · NEON SOUND CORE =====
   Visual layer only. The library, filters and player remain unchanged. */
[data-view="music"]{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden;
  min-height:100vh;
  background:#03060b!important;
}
[data-view="music"]::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:
    linear-gradient(90deg,rgba(2,5,10,.86) 0%,rgba(2,5,10,.68) 27%,rgba(2,5,10,.18) 48%,rgba(2,5,10,.04) 72%,rgba(2,5,10,.09) 100%),
    radial-gradient(circle at 73% 34%,rgba(37,244,238,.05),transparent 29%),
    linear-gradient(180deg,rgba(1,4,8,.03) 0%,rgba(1,4,8,.08) 58%,rgba(1,3,7,.76) 100%),
    url("../../music-sound-lab-wide-4k-v2.webp");
  background-repeat:no-repeat;
  background-position:center top;
  background-size:100% auto;
  transform:translateZ(0);
}
[data-view="music"]::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.22;
  background-image:
    linear-gradient(rgba(100,230,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,82,201,.035) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.35),transparent 44%,rgba(0,0,0,.48));
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.35),transparent 44%,rgba(0,0,0,.48));
}
[data-view="music"] > *{position:relative;z-index:1}
[data-view="music"] .pageHero{
  min-height:410px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding-top:64px;
  padding-bottom:58px;
  border-bottom:0;
  overflow:visible;
}
[data-view="music"] .pageHero::after{display:none}
[data-view="music"] .pageHero .kicker{
  color:#8ffff4;
  text-shadow:0 0 18px rgba(35,244,225,.38);
}
[data-view="music"] .pageHero p{
  position:relative;
  z-index:3;
  margin-top:13px;
  max-width:670px;
  color:#b8c5d6;
  text-shadow:0 2px 18px rgba(0,0,0,.9);
}

/* Each character is physically drawn from one continuous chrome tube. */
[data-view="music"] .musicMetalTitle{
  position:relative;
  z-index:2;
  width:min(620px,42vw);
  max-width:100%;
  margin:17px 0 3px;
  line-height:0;
  filter:drop-shadow(0 20px 28px rgba(0,0,0,.72));
}
[data-view="music"] .musicTitleLabel{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
[data-view="music"] .musicTubeLogo{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
}
[data-view="music"] .musicTubeLogo path,
[data-view="music"] .musicTubeLogo use{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
[data-view="music"] .musicTubeWord{display:none}
[data-view="music"] .musicTubeWord.active{display:block}
[data-view="music"] .musicTubeOuter{
  stroke:#030508;
  stroke-width:32;
  opacity:.98;
}
[data-view="music"] .musicTubeChrome{
  stroke:url(#musicTubeChrome);
  stroke-width:25;
  filter:drop-shadow(0 6px 5px rgba(0,0,0,.8));
}
[data-view="music"] .musicTubeHighlight{
  stroke:rgba(255,255,255,.78);
  stroke-width:5.2;
  opacity:.9;
  transform:translate(-3px,-3px);
}
[data-view="music"] .musicTubeChannel{
  stroke:rgba(4,8,12,.84);
  stroke-width:5.2;
}
[data-view="music"] .musicTubeFilament{
  stroke:#343a42;
  stroke-width:2.2;
  opacity:.92;
  transition:stroke .24s ease,opacity .24s ease,filter .24s ease;
}
[data-view="music"] .musicMetalTitle.isPlaying .musicTubeFilament{
  stroke:url(#musicTubeFilament);
  stroke-width:3;
  opacity:1;
  filter:url(#musicTubeGlow) drop-shadow(0 0 5px #f3ffff) drop-shadow(0 0 13px rgba(37,240,255,.94)) drop-shadow(0 0 22px rgba(255,66,210,.82));
  animation:musicFilamentPulse 1.75s ease-in-out infinite;
}
[data-view="music"] .musicMetalTitle.isPlaying .musicTubeChrome{
  filter:drop-shadow(0 6px 5px rgba(0,0,0,.78)) drop-shadow(0 0 10px rgba(51,232,255,.24)) drop-shadow(0 0 17px rgba(255,68,211,.12));
}
@keyframes musicFilamentPulse{
  0%,100%{opacity:.82}
  50%{opacity:1}
}

[data-view="music"] > .shell:nth-of-type(2){
  padding-bottom:120px;
}
[data-view="music"] .routeStats{
  position:relative;
  z-index:3;
  margin-top:-36px;
}
[data-view="music"] .routeStats > div,
[data-view="music"] .field,
[data-view="music"] .routeFeatured{
  border-color:rgba(91,229,255,.18)!important;
  background:linear-gradient(145deg,rgba(9,14,25,.78),rgba(6,10,18,.58))!important;
  backdrop-filter:blur(18px) saturate(1.28);
  -webkit-backdrop-filter:blur(18px) saturate(1.28);
  box-shadow:inset 0 1px rgba(255,255,255,.065),0 18px 55px rgba(0,0,0,.26);
}
[data-view="music"] .routeStats > div{position:relative;overflow:hidden}
[data-view="music"] .routeStats > div::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,#2ff0ff 38%,#f44fc6 70%,transparent);
  opacity:.64;
}
[data-view="music"] .routeStats strong{
  color:#f8fbff;
  text-shadow:0 0 18px rgba(73,229,255,.2);
}
[data-view="music"] .toolbar{position:relative;z-index:3}
[data-view="music"] .field:focus{
  border-color:rgba(54,239,255,.64)!important;
  box-shadow:0 0 0 4px rgba(52,224,255,.08),0 0 28px rgba(217,66,255,.12);
}
[data-view="music"] .card{
  background:linear-gradient(165deg,rgba(12,18,31,.86),rgba(5,9,17,.74))!important;
  border-color:rgba(94,223,255,.14)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 16px 44px rgba(0,0,0,.24);
}
[data-view="music"] .card:hover{
  border-color:rgba(61,239,255,.55)!important;
  box-shadow:0 22px 65px rgba(0,0,0,.42),0 0 28px rgba(42,222,255,.13),0 0 35px rgba(247,62,203,.08);
}
[data-view="music"] .playOrb{
  background:linear-gradient(135deg,#eefdff,#87fff4);
  box-shadow:0 10px 32px rgba(0,0,0,.56),0 0 20px rgba(49,237,255,.28);
}
[data-view="music"] .routeFeatured{
  margin-top:42px;
  padding:28px;
  border:1px solid rgba(91,229,255,.18);
  border-radius:28px;
}

@media(max-width:900px){
  [data-view="music"] .pageHero{min-height:440px;padding-top:62px;padding-bottom:84px}
  [data-view="music"] .musicMetalTitle{width:min(620px,67vw)}
}
@media(max-width:760px){
  [data-view="music"]::before{
    background-image:
      linear-gradient(90deg,rgba(2,5,10,.78) 0%,rgba(2,5,10,.48) 47%,rgba(2,5,10,.12) 100%),
      linear-gradient(180deg,rgba(1,4,8,.12) 0%,rgba(1,4,8,.28) 49%,rgba(1,3,7,.94) 100%),
      url("../../music-sound-lab-wide-mobile-v2.webp");
    background-position:center top;
  }
  [data-view="music"]::after{background-size:46px 46px;opacity:.16}
  [data-view="music"] .pageHero{
    min-height:470px!important;
    padding:54px 5px 94px!important;
    justify-content:flex-start;
  }
  [data-view="music"] .pageHero .kicker{margin-top:16px}
  [data-view="music"] .musicMetalTitle{
    margin-top:24px;
    width:min(620px,96vw);
  }
  [data-view="music"] .pageHero p{max-width:90%;font-size:15px;line-height:1.52}
  [data-view="music"] .routeStats{margin-top:-46px;gap:8px}
  [data-view="music"] .routeStats > div{padding:15px 12px}
  [data-view="music"] .routeStats strong{font-size:26px}
  [data-view="music"] .routeFeatured{padding:18px;border-radius:22px}
}
@media(max-width:430px){
  [data-view="music"] .musicMetalTitle{width:97vw}
  [data-view="music"] .pageHero p{max-width:96%}
}
@media(prefers-reduced-motion:reduce){
  [data-view="music"] .musicMetalTitle.isPlaying .musicTubeFilament{animation:none!important}
}

/* ===== source: adimaster-home-hightech-master ===== */
/* ==========================================================
   HOME HIGH-TECH VISUAL LAYER
   Visual-only. Does not change routing, APIs, player, TikTok,
   YouTube sync, language system, search or existing data logic.
   ========================================================== */

[data-view="home"]{
  --hx:50%;
  --hy:35%;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 7%,rgba(0,220,255,.075),transparent 30%),
    radial-gradient(circle at 15% 32%,rgba(255,30,166,.07),transparent 29%),
    linear-gradient(180deg,#03060c 0%,#050912 36%,#040812 100%);
}

[data-view="home"] > *:not(.homeTechScene){
  position:relative;
  z-index:2;
}

.homeTechScene{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}

.homeTechScene::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.23;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:42px 42px;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 66%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 66%);
}

.homeTechGrid{
  position:absolute;
  left:-16%;
  right:-16%;
  top:260px;
  height:520px;
  opacity:.20;
  transform:perspective(700px) rotateX(68deg);
  transform-origin:center top;
  background-image:
    linear-gradient(rgba(65,225,255,.18) 1px,transparent 1px),
    linear-gradient(90deg,rgba(65,225,255,.18) 1px,transparent 1px);
  background-size:58px 58px;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent);
}

.homeTechAura{
  position:absolute;
  width:700px;
  height:700px;
  border-radius:50%;
  filter:blur(80px);
  opacity:.12;
  will-change:transform;
  transition:transform .9s cubic-bezier(.2,.8,.2,1);
}
.homeTechAuraA{
  top:-240px;
  right:-120px;
  background:radial-gradient(circle,#2de7ff 0%,#116cdd 34%,transparent 68%);
  transform:translate(calc((var(--hx) - 50%) * .06),calc((var(--hy) - 35%) * .05));
}
.homeTechAuraB{
  top:170px;
  left:-280px;
  background:radial-gradient(circle,#ff46b5 0%,#7d2cff 35%,transparent 68%);
  transform:translate(calc((var(--hx) - 50%) * -.045),calc((var(--hy) - 35%) * -.03));
}
.homeTechBeam{
  position:absolute;
  top:-220px;
  left:var(--hx);
  width:1px;
  height:900px;
  opacity:.28;
  transform:rotate(19deg);
  transform-origin:top center;
  background:linear-gradient(to bottom,transparent,rgba(70,235,255,.6),transparent 72%);
  box-shadow:0 0 24px rgba(70,235,255,.30);
  transition:left .9s cubic-bezier(.2,.8,.2,1);
}
.homeTechParticles{
  position:absolute;
  inset:0;
  opacity:.7;
  background-image:
    radial-gradient(circle at 9% 8%,rgba(255,255,255,.65) 0 1px,transparent 1.6px),
    radial-gradient(circle at 28% 15%,rgba(70,232,255,.7) 0 1px,transparent 1.5px),
    radial-gradient(circle at 71% 12%,rgba(255,255,255,.45) 0 1px,transparent 1.5px),
    radial-gradient(circle at 91% 23%,rgba(255,67,184,.65) 0 1px,transparent 1.6px),
    radial-gradient(circle at 19% 48%,rgba(255,255,255,.48) 0 1px,transparent 1.5px),
    radial-gradient(circle at 61% 43%,rgba(66,229,255,.5) 0 1px,transparent 1.5px),
    radial-gradient(circle at 81% 62%,rgba(255,255,255,.42) 0 1px,transparent 1.5px),
    radial-gradient(circle at 13% 78%,rgba(255,75,183,.46) 0 1px,transparent 1.5px);
}

/* Hero */
[data-view="home"] .hero{
  min-height:min(790px,calc(100svh - 20px));
  padding-top:78px;
  padding-bottom:88px;
  align-items:center;
  position:relative;
}
[data-view="home"] .hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:26px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(69,229,255,.24),rgba(255,58,177,.18),transparent);
}

.homeSystemLine{
  display:flex;
  align-items:center;
  gap:10px;
  width:max-content;
  max-width:100%;
  margin-bottom:20px;
  padding:7px 11px 7px 8px;
  border:1px solid rgba(91,232,255,.15);
  border-radius:999px;
  background:rgba(5,12,20,.44);
  box-shadow:inset 0 0 20px rgba(36,209,255,.035);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  font-size:10px;
  letter-spacing:.16em;
  color:#94a7b8;
  white-space:nowrap;
}
.homeSystemLine span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#4ef5d4;
  box-shadow:0 0 12px rgba(78,245,212,.72);
}
.homeSystemLine b{
  font-size:10px;
  color:#dce8f0;
}
.homeSystemLine i{
  font-style:normal;
  color:#4ef5d4;
}

[data-view="home"] .hero h1{
  position:relative;
  max-width:760px;
  font-size:clamp(68px,7.4vw,126px);
  line-height:.82;
  letter-spacing:-.066em;
  text-wrap:balance;
  text-shadow:0 10px 50px rgba(0,0,0,.32);
}
[data-view="home"] .hero h1 .glow{
  animation:none!important;
  background-size:100% 100%!important;
  background-position:center!important;
  filter:drop-shadow(0 0 22px rgba(64,226,255,.14));
}
[data-view="home"] .heroTravel{
  position:relative;
  color:#fff;
}
[data-view="home"] .heroTravel::after{
  content:"";
  position:absolute;
  left:5%;
  right:-2%;
  bottom:.09em;
  height:.055em;
  min-height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#46e9ff 18%,#f650bd 78%,transparent);
  opacity:.62;
  box-shadow:0 0 22px rgba(70,233,255,.32);
}
[data-view="home"] .lead{
  max-width:660px;
  font-size:clamp(17px,1.25vw,21px);
  line-height:1.6;
  color:#9eabb8;
}
[data-view="home"] .heroActions{
  gap:10px;
  margin-top:28px;
}
[data-view="home"] .heroActions .btn{
  min-height:52px;
  padding:0 20px;
  border-radius:16px;
  border-color:rgba(255,255,255,.10);
  background:rgba(7,13,22,.60);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
[data-view="home"] .heroActions .btn:hover{
  transform:translateY(-3px);
  border-color:rgba(87,232,255,.40);
  box-shadow:0 14px 34px rgba(0,0,0,.28),0 0 24px rgba(45,222,255,.08);
}
[data-view="home"] .heroActions .primary{
  background:linear-gradient(135deg,rgba(25,213,255,.18),rgba(135,55,255,.17),rgba(255,56,176,.14));
  border-color:rgba(69,229,255,.28);
}

[data-view="home"] .heroStats{
  margin-top:34px;
  padding:8px;
  gap:8px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(5,10,18,.42);
  box-shadow:0 18px 45px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.035);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
[data-view="home"] .heroStats > div{
  position:relative;
  min-width:130px;
  padding:15px 18px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
}
[data-view="home"] .heroStats > div:not(:last-child)::after{
  content:"";
  position:absolute;
  top:18%;
  right:-4px;
  width:1px;
  height:64%;
  background:linear-gradient(transparent,rgba(94,224,255,.18),transparent);
}
[data-view="home"] .heroStats strong{
  font-variant-numeric:tabular-nums;
  text-shadow:0 0 22px rgba(53,230,255,.14);
}

[data-view="home"] .heroVisual{
  position:relative;
  transform-style:preserve-3d;
  perspective:1000px;
}
[data-view="home"] .heroVisual::before{
  content:"";
  position:absolute;
  inset:12% 6%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(38,226,255,.17),rgba(118,61,255,.07) 40%,transparent 70%);
  filter:blur(28px);
}
/* Sections read as one cinematic system */
[data-view="home"] .latestModule,
[data-view="home"] .tiktokModule,
[data-view="home"] .homeCurated{
  position:relative;
}
[data-view="home"] .latestModule::before,
[data-view="home"] .tiktokModule::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:min(1200px,90vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(74,232,255,.18),rgba(247,72,185,.13),transparent);
}

[data-view="home"] .latestStage,
[data-view="home"] .ttFrame{
  border-color:rgba(96,229,255,.13);
  box-shadow:
    0 26px 70px rgba(0,0,0,.28),
    0 0 0 1px rgba(255,255,255,.015) inset,
    0 0 60px rgba(37,213,255,.035);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

[data-view="home"] .sectionHead h2,
[data-view="home"] .latestHead h2,
[data-view="home"] .ttHead h2{
  letter-spacing:-.045em;
  text-shadow:0 10px 34px rgba(0,0,0,.28);
}

/* Portal cards */
[data-view="home"] .portalCard{
  min-height:360px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 28px 70px rgba(0,0,0,.28);
  transform:translateZ(0);
  transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease;
}
[data-view="home"] .portalCard::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(110deg,transparent 32%,rgba(255,255,255,.07) 48%,transparent 63%);
  transform:translateX(-115%);
  transition:transform .8s cubic-bezier(.2,.8,.2,1);
}
[data-view="home"] .portalCard::after{
  content:"";
  position:absolute;
  inset:auto 16px 15px 16px;
  height:1px;
  background:linear-gradient(90deg,rgba(68,231,255,.08),rgba(68,231,255,.68),rgba(244,66,182,.52),rgba(244,66,182,.06));
  opacity:.55;
}
[data-view="home"] .portalCard:hover{
  transform:translateY(-8px) scale(1.006);
  border-color:rgba(84,229,255,.30);
  box-shadow:0 38px 90px rgba(0,0,0,.38),0 0 42px rgba(49,219,255,.06);
}
[data-view="home"] .portalCard:hover::before{transform:translateX(115%);}

/* Cards gain depth but retain all original click/player behavior. */
[data-view="home"] .rail > *,
[data-view="home"] .latestRail > *,
[data-view="home"] .latestSide > *,
[data-view="home"] .ttCard{
  transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease;
}
[data-view="home"] .rail > *:hover,
[data-view="home"] .latestRail > *:hover,
[data-view="home"] .latestSide > *:hover,
[data-view="home"] .ttCard:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 50px rgba(0,0,0,.32);
}

/* Mobile: same language, much lighter. No pointer-driven movement. */
@media(max-width:760px){
  [data-view="home"]{
    --hx:50%!important;
    --hy:24%!important;
  }
  .homeTechScene::before{
    background-size:34px 34px;
    opacity:.16;
  }
  .homeTechGrid{
    top:330px;
    height:420px;
    opacity:.12;
    background-size:46px 46px;
  }
  .homeTechAura{
    width:430px;
    height:430px;
    filter:blur(62px);
  }
  .homeTechAuraA{top:-110px;right:-190px;}
  .homeTechAuraB{top:310px;left:-260px;}
  .homeTechBeam{display:none;}
  [data-view="home"] .hero{
    min-height:auto;
    padding-top:55px!important;
    padding-bottom:72px!important;
  }
  .homeSystemLine{
    font-size:8px;
    letter-spacing:.10em;
    max-width:100%;
    overflow:hidden;
  }
  .homeSystemLine b{font-size:8px;}
  [data-view="home"] .hero h1{
    font-size:clamp(58px,18vw,86px)!important;
    line-height:.86!important;
    letter-spacing:-.06em!important;
  }
  [data-view="home"] .lead{
    font-size:16px;
    line-height:1.55;
  }
  [data-view="home"] .heroActions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  [data-view="home"] .heroActions .btn:first-child{
    grid-column:1/-1;
  }
  [data-view="home"] .heroActions .btn{
    min-height:50px;
    padding:0 12px;
    font-size:13px;
  }
  [data-view="home"] .heroStats{
    display:grid!important;
    grid-template-columns:repeat(3,1fr);
    padding:5px;
    border-radius:18px;
  }
  [data-view="home"] .heroStats > div{
    min-width:0;
    padding:12px 6px;
  }
  [data-view="home"] .heroStats > div:not(:last-child)::after{right:-3px;}
  [data-view="home"] .heroStats strong{font-size:22px!important;}
  [data-view="home"] .heroStats span{font-size:9px!important;}
  [data-view="home"] .heroVisual{
    margin-top:22px;
  }
  [data-view="home"] .portalCard{
    min-height:300px;
  }
}

/* Respect reduced-motion and prevent any high-tech effect from causing flashing. */
@media(prefers-reduced-motion:reduce){
  [data-view="home"] *,
  [data-view="home"] *::before,
  [data-view="home"] *::after{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}

/* ===== source: adimaster-22c-player ===== */
/* ==========================================================
   ADIMASTER // 22C PLAYER
   One isolated visual component on HOME.
   ========================================================== */
[data-view="home"] .heroVisual{
  min-height:560px;
  display:grid;
  place-items:center;
  perspective:1400px;
  transform-style:preserve-3d;
}
.qpHalo{
  position:absolute;
  left:50%;
  top:50%;
  border-radius:50%;
  pointer-events:none;
  transform:translate(-50%,-50%);
}
.qpHaloOuter{
  width:min(36vw,560px);
  aspect-ratio:1;
  border:1px solid rgba(74,229,255,.12);
  box-shadow:0 0 90px rgba(37,204,255,.04),inset 0 0 80px rgba(86,48,255,.035);
}
.qpHaloOuter::before,.qpHaloOuter::after{
  content:"";
  position:absolute;
  border-radius:50%;
  inset:9%;
  border:1px dashed rgba(72,226,255,.13);
}
.qpHaloOuter::after{
  inset:29%;
  border-style:solid;
  border-color:rgba(246,69,184,.13);
}
.qpHaloInner{
  width:min(27vw,420px);
  aspect-ratio:1;
  border:1px solid rgba(246,69,184,.08);
  box-shadow:0 0 70px rgba(246,69,184,.04);
}

.quantumPlayer{
  position:relative;
  width:min(520px,36vw);
  min-width:430px;
  border:1px solid rgba(91,230,255,.22);
  border-radius:32px;
  padding:13px;
  overflow:hidden;
  color:#edf8ff;
  background:
    linear-gradient(140deg,rgba(255,255,255,.07),rgba(255,255,255,.008) 35%),
    linear-gradient(160deg,rgba(5,15,26,.92),rgba(4,8,16,.77));
  box-shadow:
    0 48px 110px rgba(0,0,0,.48),
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 0 70px rgba(42,220,255,.07),
    24px 0 80px rgba(222,44,184,.035);
  -webkit-backdrop-filter:blur(26px) saturate(1.2);
  backdrop-filter:blur(26px) saturate(1.2);
  transform:rotateY(-7deg) rotateX(3deg) translateZ(12px);
  transform-style:preserve-3d;
  transition:transform .65s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease;
}
.quantumPlayer:hover{
  transform:rotateY(-2deg) rotateX(1deg) translateY(-7px) translateZ(22px);
  border-color:rgba(91,230,255,.38);
  box-shadow:0 58px 130px rgba(0,0,0,.54),0 0 95px rgba(42,220,255,.10),26px 0 90px rgba(222,44,184,.055);
}
.quantumPlayer::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:32px;
  pointer-events:none;
  background:
    linear-gradient(110deg,transparent 12%,rgba(68,230,255,.10) 30%,transparent 48%,rgba(242,62,183,.08) 72%,transparent 88%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  padding:1px;
}
.quantumPlayer::after{
  content:"";
  position:absolute;
  top:-80%;
  left:-85%;
  width:52%;
  height:250%;
  pointer-events:none;
  transform:rotate(19deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),rgba(70,232,255,.08),transparent);
  transition:left 1.15s cubic-bezier(.2,.8,.2,1);
}
.quantumPlayer:hover::after{left:140%;}

.qpTopline,.qpFooter{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:34px;
  padding:0 9px;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
  color:#7e94a6;
}
.qpTopline span{display:flex;align-items:center;gap:8px;}
.qpTopline i{
  width:7px;height:7px;border-radius:50%;
  background:#4ef5d4;
  box-shadow:0 0 14px rgba(78,245,212,.9);
}
.qpTopline b{
  padding:4px 7px;
  border:1px solid rgba(78,245,212,.18);
  border-radius:8px;
  color:#4ef5d4;
  background:rgba(78,245,212,.045);
}

.qpMain{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:188px minmax(0,1fr);
  gap:20px;
  min-height:274px;
  padding:15px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:24px;
  background:
    radial-gradient(circle at 14% 14%,rgba(50,221,255,.07),transparent 42%),
    linear-gradient(150deg,rgba(255,255,255,.025),rgba(255,255,255,.005));
}
.qpCoverStage{
  position:relative;
  align-self:center;
  aspect-ratio:1;
  border-radius:22px;
  transform:translateZ(34px);
  box-shadow:0 25px 55px rgba(0,0,0,.46);
}
.qpCoverGlow{
  position:absolute;
  inset:-15%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(41,227,255,.16),rgba(126,53,255,.08) 35%,transparent 68%);
  filter:blur(18px);
}
.qpCoverStage img{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  border-radius:22px;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.11);
  box-shadow:0 0 0 1px rgba(64,229,255,.05) inset;
}
.qpScan{
  position:absolute;
  z-index:3;
  left:7%;
  right:7%;
  top:9%;
  height:1px;
  opacity:.75;
  background:linear-gradient(90deg,transparent,#58efff,transparent);
  box-shadow:0 0 12px rgba(88,239,255,.7);
  animation:qpScan 4.8s ease-in-out infinite;
}
@keyframes qpScan{
  0%,100%{top:9%;opacity:.15}
  48%{opacity:.78}
  50%{top:90%;opacity:.78}
  52%{opacity:.15}
}
.qpCorner{position:absolute;z-index:4;width:18px;height:18px;border-color:#52eaff;border-style:solid;opacity:.55;}
.qpC1{left:-5px;top:-5px;border-width:1px 0 0 1px;border-radius:6px 0 0 0}
.qpC2{right:-5px;top:-5px;border-width:1px 1px 0 0;border-radius:0 6px 0 0}
.qpC3{left:-5px;bottom:-5px;border-width:0 0 1px 1px;border-radius:0 0 0 6px}
.qpC4{right:-5px;bottom:-5px;border-width:0 1px 1px 0;border-radius:0 0 6px 0}

.qpData{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.qpEyebrow{
  margin-bottom:8px;
  color:#4ef5d4;
  font-size:9px;
  font-weight:950;
  letter-spacing:.20em;
}
.qpData h2{
  margin:0;
  max-width:100%;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  font-size:clamp(23px,2vw,34px);
  line-height:1.0;
  letter-spacing:-.045em;
  color:#f5f9fc;
  text-shadow:0 0 26px rgba(63,228,255,.08);
}
.qpData p{
  margin:8px 0 14px;
  min-height:32px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  color:#7f94a7;
  font-size:11px;
  line-height:1.45;
}
.qpWave{
  height:34px;
  display:flex;
  align-items:center;
  gap:3px;
  margin:2px 0 15px;
  padding:0 2px;
  overflow:hidden;
}
.qpWave span{
  width:3px;
  height:22%;
  border-radius:99px;
  background:linear-gradient(to top,#ef4bb7,#58ecff);
  opacity:.62;
  box-shadow:0 0 7px rgba(80,232,255,.18);
}
.quantumPlayer.isPlaying .qpWave span{animation:qpWave 1.15s ease-in-out infinite;}
.quantumPlayer.isPlaying .qpWave span:nth-child(2n){animation-delay:-.32s}
.quantumPlayer.isPlaying .qpWave span:nth-child(3n){animation-delay:-.61s}
.quantumPlayer.isPlaying .qpWave span:nth-child(5n){animation-delay:-.83s}
@keyframes qpWave{0%,100%{height:22%}50%{height:92%}}

.qpControls{
  display:flex;
  align-items:center;
  gap:9px;
}
.qpControls button{
  width:42px;height:42px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.09);
  border-radius:50%;
  color:#eaf7ff;
  background:rgba(7,14,24,.72);
  box-shadow:inset 0 0 18px rgba(255,255,255,.018);
  cursor:pointer;
  font-size:22px;
  transition:.2s ease;
}
.qpControls button:hover{
  transform:translateY(-2px);
  border-color:rgba(80,234,255,.38);
  box-shadow:0 0 24px rgba(47,224,255,.10);
}
.qpControls .qpPlay{
  width:54px;height:54px;
  border-color:rgba(80,234,255,.34);
  background:radial-gradient(circle at 35% 30%,rgba(85,239,255,.26),rgba(73,76,255,.15) 45%,rgba(232,55,179,.10));
  box-shadow:0 0 28px rgba(58,224,255,.10),inset 0 0 22px rgba(255,255,255,.05);
  font-size:17px;
}

.qpContinuous{
  margin-top:16px;
  width:100%;
  min-height:49px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px 10px;
  text-align:left;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  color:#cbd8e2;
  background:rgba(3,9,16,.56);
  cursor:pointer;
  transition:.22s ease;
}
.qpContinuous:hover{border-color:rgba(83,231,255,.25);}
.qpToggle{
  position:relative;
  width:38px;height:22px;
  flex:none;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.09);
  background:#0b111b;
  transition:.22s ease;
}
.qpToggle i{
  position:absolute;
  left:3px;top:3px;
  width:14px;height:14px;
  border-radius:50%;
  background:#71808d;
  transition:.22s ease;
}
.qpContinuousText{display:grid;gap:2px;}
.qpContinuousText strong{font-size:9px;letter-spacing:.13em;}
.qpContinuousText small{font-size:8px;letter-spacing:.09em;color:#728494;}
.qpContinuous.active{
  border-color:rgba(78,245,212,.26);
  background:linear-gradient(90deg,rgba(78,245,212,.055),rgba(74,226,255,.025));
  box-shadow:inset 0 0 20px rgba(78,245,212,.025);
}
.qpContinuous.active .qpToggle{
  border-color:rgba(78,245,212,.35);
  background:rgba(78,245,212,.09);
  box-shadow:0 0 18px rgba(78,245,212,.08);
}
.qpContinuous.active .qpToggle i{
  left:19px;
  background:#4ef5d4;
  box-shadow:0 0 11px rgba(78,245,212,.8);
}
.qpContinuous.active .qpContinuousText strong,
.qpContinuous.active .qpContinuousText small{color:#79f7df;}

.qpFooter{
  min-height:38px;
  border-top:1px solid rgba(255,255,255,.035);
}
.qpFooter a{
  color:#74eaff;
  text-decoration:none;
}
.qpFooter span:nth-child(2){color:#7f93a5;}

.pContinuous.active{
  color:#4ef5d4!important;
  border-color:rgba(78,245,212,.32)!important;
  box-shadow:0 0 18px rgba(78,245,212,.10)!important;
}

@media(max-width:1100px){
  .quantumPlayer{width:min(460px,42vw);min-width:390px;}
  .qpMain{grid-template-columns:155px minmax(0,1fr);gap:15px;}
}

@media(max-width:760px){
  [data-view="home"] .heroVisual{
    min-height:auto;
    margin-top:34px;
    perspective:none;
  }
  .qpHaloOuter{width:92vw;}
  .qpHaloInner{width:68vw;}
  .quantumPlayer{
    width:100%;
    min-width:0;
    transform:none!important;
    border-radius:24px;
    padding:9px;
  }
  .qpMain{
    grid-template-columns:116px minmax(0,1fr);
    min-height:210px;
    gap:13px;
    padding:11px;
    border-radius:19px;
  }
  .qpCoverStage{border-radius:17px;}
  .qpCoverStage img{border-radius:17px;}
  .qpData h2{font-size:22px;}
  .qpData p{font-size:10px;margin-bottom:8px;}
  .qpWave{height:23px;margin-bottom:8px;}
  .qpControls button{width:36px;height:36px;font-size:18px;}
  .qpControls .qpPlay{width:44px;height:44px;font-size:14px;}
  .qpContinuous{margin-top:10px;min-height:42px;padding:5px 7px;}
  .qpToggle{width:34px;height:20px;}
  .qpToggle i{width:12px;height:12px;}
  .qpContinuous.active .qpToggle i{left:18px;}
  .qpFooter{font-size:7px;letter-spacing:.10em;}
}

@media(max-width:430px){
  .qpMain{grid-template-columns:96px minmax(0,1fr);}
  .qpWave{display:none;}
  .qpData p{min-height:0;-webkit-line-clamp:1;}
  .qpContinuousText small{font-size:7px;}
}

@media(prefers-reduced-motion:reduce){
  .qpScan,.quantumPlayer.isPlaying .qpWave span{animation:none!important;}
}

/* ===== source: adimaster-home-polish-pass ===== */
/* ==========================================================
   HOME POLISH PASS
   Fixes only visual rough edges visible in the desktop hero.
   No API, routing, TikTok, YouTube or player logic changes.
   ========================================================== */

/* Remove the distracting horizontal accent strokes around the hero title. */
[data-view="home"] .heroTravel::after,
[data-view="home"] .hero h1::before,
[data-view="home"] .hero h1::after,
[data-view="home"] .hero::after{
  display:none!important;
  content:none!important;
}

[data-view="home"] .homeSystemLine{
  margin-bottom:24px;
}
[data-view="home"] .hero .kicker{
  margin-bottom:22px;
}
[data-view="home"] .hero h1{
  margin-bottom:24px!important;
}
[data-view="home"] .lead{
  margin-top:0!important;
  margin-bottom:28px!important;
}

/* Make CTA buttons unambiguously readable. */
[data-view="home"] .heroActions .btn,
[data-view="home"] .heroActions .btn:link,
[data-view="home"] .heroActions .btn:visited{
  color:#f6fbff!important;
  text-shadow:none!important;
  opacity:1!important;
  font-weight:900!important;
  letter-spacing:-.01em;
  border:1px solid rgba(124,229,255,.20)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015)),
    rgba(7,14,24,.84)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 28px rgba(0,0,0,.22)!important;
}
[data-view="home"] .heroActions .btn:hover{
  color:#fff!important;
  border-color:rgba(86,235,255,.48)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.02)),
    rgba(8,17,30,.93)!important;
}

/* Primary button gets a controlled luminous treatment instead of dark text on gradient. */
[data-view="home"] .heroActions .primary,
[data-view="home"] .heroActions .primary:link,
[data-view="home"] .heroActions .primary:visited{
  color:#071018!important;
  background:linear-gradient(135deg,#7af2ff 0%,#65e7e0 44%,#d7fbff 100%)!important;
  border-color:rgba(166,249,255,.72)!important;
  box-shadow:
    0 14px 34px rgba(30,210,240,.16),
    inset 0 1px 0 rgba(255,255,255,.55)!important;
}
[data-view="home"] .heroActions .primary:hover{
  color:#050a0e!important;
  transform:translateY(-3px);
  box-shadow:
    0 18px 42px rgba(30,210,240,.22),
    0 0 28px rgba(89,234,255,.15),
    inset 0 1px 0 rgba(255,255,255,.64)!important;
}

/* World Cup button: no more almost-black icon/text. */
[data-view="home"] .heroActions .btn:nth-child(2),
[data-view="home"] .heroActions .btn:nth-child(2) *{
  color:#eaf7ff!important;
  opacity:1!important;
}
[data-view="home"] .heroActions .btn:nth-child(2){
  border-color:rgba(112,236,255,.24)!important;
  background:
    linear-gradient(135deg,rgba(38,221,255,.10),rgba(89,70,255,.08)),
    rgba(7,14,24,.84)!important;
}

/* Travel CTA slightly distinct, but still part of one system. */
[data-view="home"] .heroActions .btn:nth-child(3),
[data-view="home"] .heroActions .btn:nth-child(3) *{
  color:#f5fbff!important;
}
[data-view="home"] .heroActions .btn:nth-child(3){
  border-color:rgba(255,255,255,.14)!important;
  background:
    linear-gradient(135deg,rgba(66,232,255,.045),rgba(255,72,187,.045)),
    rgba(7,14,24,.84)!important;
}

/* Make the stats container intentional instead of looking like a long empty bar. */
[data-view="home"] .heroStats{
  width:max-content!important;
  max-width:100%;
  padding:6px!important;
  grid-template-columns:repeat(3,minmax(132px,1fr))!important;
  background:rgba(4,10,18,.58)!important;
  border-color:rgba(120,230,255,.11)!important;
}
[data-view="home"] .heroStats > div{
  min-width:132px!important;
}
[data-view="home"] .heroStats > div:not(:last-child)::after{
  display:none!important;
}

/* Tone down giant HUD circles behind the 22C player so they frame it rather than compete with it. */
[data-view="home"] .qpHaloOuter{
  opacity:.44!important;
  width:min(31vw,500px)!important;
}
[data-view="home"] .qpHaloInner{
  opacity:.30!important;
  width:min(23vw,360px)!important;
}
[data-view="home"] .qpHaloOuter::before,
[data-view="home"] .qpHaloOuter::after{
  opacity:.45!important;
}

/* Make the 22C player sit a little higher and align optically with the title block. */
[data-view="home"] .heroVisual{
  transform:translateY(-8px);
}
[data-view="home"] .quantumPlayer{
  box-shadow:
    0 44px 95px rgba(0,0,0,.46),
    0 0 0 1px rgba(255,255,255,.022) inset,
    0 0 52px rgba(42,220,255,.055),
    18px 0 54px rgba(222,44,184,.025)!important;
}

/* More breathing room at the bottom of hero; player bar no longer feels attached to stats. */
[data-view="home"] .hero{
  padding-bottom:104px!important;
}

/* Bottom player visual polish only. */
#player{
  border-top-color:rgba(104,225,255,.12)!important;
  background:rgba(3,7,12,.96)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08);
  backdrop-filter:blur(18px) saturate(1.08);
}
#player button,
#player a{
  color:#edf8ff!important;
  border-color:rgba(255,255,255,.10)!important;
}
#player button:hover,
#player a:hover{
  border-color:rgba(83,232,255,.34)!important;
  color:#fff!important;
}
#player .pContinuous.active{
  color:#4ef5d4!important;
}

/* Desktop balance */
@media(min-width:1100px){
  [data-view="home"] .hero{
    grid-template-columns:minmax(0,1.05fr) minmax(450px,.95fr)!important;
    column-gap:64px!important;
  }
}

/* Mobile: retain readability and avoid over-wide stats. */
@media(max-width:760px){
  [data-view="home"] .hero{
    padding-bottom:78px!important;
  }
  [data-view="home"] .heroStats{
    width:100%!important;
    grid-template-columns:repeat(3,1fr)!important;
  }
  [data-view="home"] .heroStats > div{
    min-width:0!important;
  }
  [data-view="home"] .qpHaloOuter,
  [data-view="home"] .qpHaloInner{
    opacity:.20!important;
  }
  [data-view="home"] .heroVisual{
    transform:none!important;
  }
}

/* ===== source: adimaster-22c-radio-seek ===== */
/* ===== 22C MUSIC/RADIO + TIMELINE ===== */
.qpModeSwitch{
  display:flex;
  align-items:center;
  gap:3px;
  padding:3px;
  margin-left:auto;
  border:1px solid rgba(255,255,255,.065);
  border-radius:10px;
  background:rgba(1,7,13,.55);
}
.qpModeSwitch button{
  border:0;
  border-radius:7px;
  padding:5px 7px;
  background:transparent;
  color:#637b8c;
  font-size:8px;
  font-weight:950;
  letter-spacing:.12em;
  cursor:pointer;
}
.qpModeSwitch button.active{
  color:#061014;
  background:linear-gradient(135deg,#63edff,#64e5d7);
  box-shadow:0 0 16px rgba(68,229,242,.14);
}

.qpSeekWrap{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 13px;
  color:#70879a;
  font-size:8px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.qpSeekWrap span{
  width:30px;
  flex:none;
}
.qpSeekWrap span:last-child{text-align:right;}
#qpSeek{
  --seek:#4eeadf;
  width:100%;
  height:14px;
  margin:0;
  background:transparent;
  cursor:pointer;
  accent-color:#4eeadf;
}
#qpSeek::-webkit-slider-runnable-track{
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(78,234,223,.75),rgba(239,75,183,.58));
  box-shadow:0 0 10px rgba(71,226,234,.12);
}
#qpSeek::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:12px;height:12px;
  margin-top:-4.5px;
  border-radius:50%;
  border:2px solid #c9fbff;
  background:#42e6e2;
  box-shadow:0 0 13px rgba(66,230,226,.75);
}
#qpSeek::-moz-range-track{
  height:3px;border:0;border-radius:999px;
  background:linear-gradient(90deg,rgba(78,234,223,.75),rgba(239,75,183,.58));
}
#qpSeek::-moz-range-thumb{
  width:10px;height:10px;border-radius:50%;
  border:2px solid #c9fbff;background:#42e6e2;
}

.qpRadioPresets{
  display:none;
  grid-template-columns:repeat(4,1fr);
  gap:5px;
  margin:0 0 13px;
}
.qpRadioPresets button{
  min-width:0;
  border:1px solid rgba(255,255,255,.07);
  border-radius:9px;
  padding:6px 4px;
  background:rgba(3,9,16,.56);
  color:#718596;
  cursor:pointer;
  overflow:hidden;
}
.qpRadioPresets strong{
  display:block;
  color:#9db0bd;
  font-size:8px;
  letter-spacing:.11em;
}
.qpRadioPresets span{
  display:block;
  margin-top:2px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:7px;
}
.qpRadioPresets button.active{
  border-color:rgba(78,245,212,.32);
  background:linear-gradient(135deg,rgba(78,245,212,.09),rgba(75,226,255,.035));
  box-shadow:0 0 18px rgba(78,245,212,.05);
}
.qpRadioPresets button.active strong,
.qpRadioPresets button.active span{color:#6ef1db;}

.quantumPlayer.radioMode .qpEyebrow{
  color:#ff63c2;
}
.quantumPlayer.radioMode .qpWave span{
  animation:qpWave 1.15s ease-in-out infinite;
}
.quantumPlayer.radioMode .qpCoverStage img{
  object-fit:contain;
  padding:20px;
  background:radial-gradient(circle at 50% 45%,rgba(54,232,255,.10),rgba(4,10,17,.78) 64%);
}
.quantumPlayer.radioMode .qpScan{display:none;}
.quantumPlayer.radioMode .qpFooter span:first-child::after{
  content:" // RADIO";
}

@media(max-width:760px){
  .qpModeSwitch button{padding:4px 5px;font-size:7px;}
  .qpSeekWrap{margin-bottom:8px;}
  .qpRadioPresets{gap:4px;margin-bottom:8px;}
  .qpRadioPresets button{padding:5px 2px;}
}

/* ===== source: adimaster-stability-cleanup ===== */
.mediaFrameHidden{display:none!important}
body:not([data-route="home"])::before,
body:not([data-route="home"])::after,
body:not([data-route="home"]) #wowTopProgress{display:none!important}

/* Remove redundant decorative copy chrome. */
.qpTopline{justify-content:flex-end}
.qpLiveMark{margin-right:auto}
.qpLiveMark em{
  font-style:normal;
  color:#7d93a3;
  font-size:8px;
  font-weight:900;
  letter-spacing:.15em;
}
.qpFooter{justify-content:space-between}
.qpContinuousText{display:block}

/* The UI already communicates these states; no extra pseudo labels. */
.quantumPlayer.radioMode .qpFooter span:first-child::after{content:none!important}

/* Mobile stability: stop all text-linked shimmer/scan/pulse effects.
   These effects were visually attractive on desktop but can raster-flicker
   on Android compositing layers. */
@media(max-width:760px){
  .glow,
  .brand:before,
  .syncDot,
  .latestLeadScan,
  .qpScan,
  .qpWave span,
  .logoWave,
  .homeSystemLine span,
  .homeSystemLine i,
  [data-view="home"] .homeTechBeam,
  [data-view="home"] .homeTechParticles{
    animation:none!important;
  }

  .glow{
    background:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    color:#f4f8fb!important;
    filter:none!important;
  }

  .quantumPlayer,
  .quantumPlayer *{
    -webkit-font-smoothing:antialiased;
    backface-visibility:hidden;
  }

  .quantumPlayer::after{display:none!important}
  .qpHalo{display:none!important}

  /* Avoid stacking many live blur surfaces on mobile GPUs. */
  header,
  .mobileDrawer,
  .searchOverlay,
  .player,
  .quantumPlayer,
  .syncPill,
  .latestMini,
  .ttArrow,
  [data-view] .routeStats>div,
  [data-view] .tabs button,
  [data-view] .teamCloud button,
  [data-view] .field,
  [data-view] .card,
  [data-view] .gearCard,
  [data-view] .travelHero,
  [data-view] .routeFeatured{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  header{background:rgba(4,7,13,.94)!important}
}

/* Keep progress control on its own compositing-safe layer. */
.qpSeekWrap{
  contain:layout paint;
}
#qpSeek{
  will-change:auto!important;
}

/* ===== source: adimaster-tiktok-pip-fix ===== */
/* ==========================================================
   TikTok PiP
   Compact floating vertical player in the bottom-right corner.
   ========================================================== */

#player #tt.tiktokMode{
  position:fixed!important;
  right:24px!important;
  bottom:92px!important;
  left:auto!important;
  top:auto!important;

  display:block!important;
  width:250px!important;
  height:444px!important;
  max-width:calc(100vw - 28px)!important;
  max-height:calc(100vh - 126px)!important;
  aspect-ratio:9/16!important;

  margin:0!important;
  border:1px solid rgba(93,230,255,.22)!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:#000!important;

  box-shadow:
    0 28px 70px rgba(0,0,0,.62),
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 36px rgba(47,221,255,.08)!important;

  z-index:9998!important;
  transform:translateZ(0);
  backface-visibility:hidden;
}

/* Hidden really means hidden. */
#player #tt.mediaFrameHidden{
  display:none!important;
}

/* YouTube remains inside the normal bottom player. */
#player #yt.mediaFrameHidden{
  display:none!important;
}

/* Do not let old full-height TikTok rules leak through. */
#player:has(#tt.tiktokMode:not(.mediaFrameHidden)){
  min-height:0!important;
}

/* Mobile: smaller floating window, never full-screen. */
@media(max-width:760px){
  #player #tt.tiktokMode{
    right:10px!important;
    bottom:82px!important;
    width:180px!important;
    height:320px!important;
    max-height:55vh!important;
    border-radius:16px!important;
  }
}

/* Very narrow phones */
@media(max-width:390px){
  #player #tt.tiktokMode{
    width:164px!important;
    height:292px!important;
    right:8px!important;
    bottom:78px!important;
  }
}

/* ===== source: adimaster-tiktok-pip-playerbar ===== */
#player.tiktokPipActive{
  height:auto!important;
  min-height:72px!important;
}
#player.tiktokPipActive #tt{
  pointer-events:auto;
}

/* ===== source: adimaster-travel-quantum-portal ===== */
/* ==========================================================
   PODROZE · QUANTUM TRAVEL PORTAL
   The destination is revealed through a calm, interactive
   dimensional gate.
   ========================================================== */
[data-view="travel"]{
  --travel-x:0px;
  --travel-y:0px;
  --travel-glow:.72;
  min-height:100vh;
  overflow:hidden;
  color:#f7fbff;
}

/* Final 4K wallpaper. A separate portrait composition is loaded below. */
[data-view="travel"]::before{
  background-image:
    linear-gradient(90deg,rgba(1,5,10,.84) 0%,rgba(1,6,11,.63) 26%,rgba(1,8,13,.17) 51%,rgba(1,8,13,.04) 100%),
    linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,8,12,.03) 54%,rgba(1,5,8,.66) 100%),
    url("../../travel-quantum-portal-beach-desktop-4k.webp")!important;
  background-position:center center!important;
  filter:saturate(1.06) contrast(1.035);
}

[data-view="travel"] .travelPortalFx{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  opacity:.92;
}
.travelPortalFx .portalHalo{
  position:absolute;
  width:min(47vw,900px);
  aspect-ratio:1;
  right:1.7vw;
  top:9vh;
  border-radius:50%;
  background:radial-gradient(circle,transparent 49%,rgba(52,240,255,.055) 58%,transparent 68%);
  filter:drop-shadow(0 0 30px rgba(50,225,255,.14));
  animation:travelHaloBreath 6.5s ease-in-out infinite;
}
.travelPortalFx .portalHalo::before,
.travelPortalFx .portalHalo::after{
  content:"";
  position:absolute;
  inset:6%;
  border-radius:50%;
  border:1px solid rgba(116,244,255,.21);
  border-left-color:rgba(255,192,82,.46);
  border-bottom-color:rgba(255,192,82,.10);
  box-shadow:0 0 22px rgba(48,235,255,.07),inset 0 0 28px rgba(255,192,82,.045);
  animation:travelRingSpin 28s linear infinite;
}
.travelPortalFx .portalHalo::after{
  inset:13%;
  border-style:dashed;
  border-color:rgba(255,209,118,.34) rgba(76,240,255,.10) rgba(76,240,255,.32) rgba(255,209,118,.08);
  animation-duration:21s;
  animation-direction:reverse;
}
.travelPortalFx .portalArc{
  position:absolute;
  right:8vw;
  top:18vh;
  width:min(35vw,680px);
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid transparent;
  border-top-color:rgba(255,220,143,.36);
  border-right-color:rgba(68,237,255,.26);
  transform:rotate(-18deg);
  filter:drop-shadow(0 0 9px rgba(81,231,255,.20));
  animation:travelRingSpin 17s linear infinite reverse;
}
.travelPortalFx .portalArc::before,
.travelPortalFx .portalArc::after{
  content:"";
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#e8ffff;
  box-shadow:0 0 10px #50efff,0 0 25px #45d7ff;
}
.travelPortalFx .portalArc::before{left:14%;top:10%}
.travelPortalFx .portalArc::after{right:1%;top:47%;background:#ffe1a0;box-shadow:0 0 10px #ffd078,0 0 25px #ffb83e}
.travelPortalFx .portalCoordinates{
  position:absolute;
  right:4.5vw;
  top:25vh;
  display:grid;
  gap:5px;
  padding:10px 13px;
  border-left:1px solid rgba(100,238,255,.45);
  color:rgba(222,252,255,.72);
  font-size:9px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-shadow:0 0 12px rgba(57,232,255,.48);
}
.travelPortalFx .portalCoordinates b{color:#fff;font-size:11px;letter-spacing:.12em}
.travelPortalFx .portalSpark{
  position:absolute;
  width:3px;
  height:3px;
  border-radius:50%;
  right:calc(9vw + var(--spark-x));
  top:calc(17vh + var(--spark-y));
  background:#bffcff;
  box-shadow:0 0 11px #55efff;
  animation:travelSparkFloat var(--spark-time) ease-in-out infinite alternate;
}

/* Cinemagraph layer. It redraws only photographic water pixels from the 4K
   wallpaper, keeping the portal, beach and all page content perfectly still. */
.travelOceanCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.96;pointer-events:none;}

[data-view="travel"] .pageHero{
  width:100%!important;
  max-width:none!important;
  min-height:600px!important;
  margin:0!important;
  padding:90px clamp(20px,5.5vw,106px) 70px!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-bottom:0!important;
  z-index:2;
  overflow:visible;
}
[data-view="travel"] .pageHero::after{display:none!important}
[data-view="travel"] .pageHero .kicker{
  color:#7ef5ff;
  text-shadow:0 0 16px rgba(65,231,255,.40);
}
[data-view="travel"] .travelTitle{
  position:relative;
  width:max-content;
  max-width:100%;
  margin:16px 0 24px!important;
  font-size:clamp(72px,8.5vw,148px)!important;
  line-height:.82!important;
  letter-spacing:-.075em!important;
  color:#eef7fa;
  background:linear-gradient(180deg,#ffffff 0%,#c9e8ee 24%,#4e6871 49%,#edfaff 54%,#738f98 75%,#d8f6fa 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.70)) drop-shadow(0 0 18px rgba(80,228,255,.10));
}
[data-view="travel"] .travelTitle::before{
  content:"TRAVEL";
  position:absolute;
  inset:0;
  z-index:-1;
  -webkit-text-stroke:2px rgba(184,244,255,.22);
  -webkit-text-fill-color:transparent;
  transform:translateY(2px);
}
[data-view="travel"] .travelTitle::after{
  content:""!important;
  position:absolute!important;
  left:2%!important;
  right:4%!important;
  bottom:-16px!important;
  height:2px!important;
  transform:scaleX(1)!important;
  background:linear-gradient(90deg,#e9c27a 0%,#65f2ff 52%,transparent 100%)!important;
  box-shadow:0 0 18px rgba(69,229,255,.46)!important;
}
[data-view="travel"] .pageHero p{
  max-width:650px!important;
  color:#bac8d1!important;
  font-size:18px!important;
  text-shadow:0 3px 16px rgba(0,0,0,.9);
}
.travelSignal{
  display:flex;
  align-items:center;
  gap:9px;
  width:max-content;
  margin-top:22px;
  color:rgba(211,249,255,.73);
  font-size:9px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.travelSignal i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#56f4ff;
  box-shadow:0 0 8px #56f4ff,0 0 20px rgba(86,244,255,.75);
  animation:travelSignal 1.9s ease-in-out infinite;
}

[data-view="travel"]>.travelContent{
  margin-top:-86px!important;
  padding-bottom:120px;
}
[data-view="travel"] .routeStats{
  position:relative;
  z-index:3;
}
[data-view="travel"] .routeStats>div{
  background:linear-gradient(145deg,rgba(4,12,16,.80),rgba(2,13,18,.55))!important;
  border-color:rgba(112,230,242,.20)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.05),inset 0 -1px rgba(240,192,102,.08)!important;
}
[data-view="travel"] .routeStats>div::after{
  content:"";
  position:absolute;
  inset:auto 18px 0;
  height:1px;
  background:linear-gradient(90deg,transparent,#5ceeff,#ebbe70,transparent);
  opacity:.52;
}

[data-view="travel"] .travelHero{
  min-height:540px;
  margin-top:8px;
  isolation:isolate;
  background:linear-gradient(135deg,rgba(2,9,13,.79),rgba(4,16,19,.40))!important;
  border-color:rgba(109,236,247,.22)!important;
  box-shadow:0 32px 90px rgba(0,0,0,.46),0 0 0 1px rgba(255,213,132,.045) inset!important;
  transform-style:preserve-3d;
}
[data-view="travel"] .travelHero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(1,5,9,.84) 0%,rgba(1,7,10,.52) 47%,rgba(2,15,18,.24) 100%),
    radial-gradient(circle at 86% 30%,rgba(73,234,246,.09),transparent 35%),
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,5,8,.66));
}
[data-view="travel"] .travelHero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,transparent 45%,rgba(1,5,8,.82) 100%),repeating-linear-gradient(90deg,transparent 0 89px,rgba(115,232,244,.025) 90px);
}
[data-view="travel"] .travelHero .portalCopy{
  left:clamp(24px,4vw,58px);
  right:auto;
  bottom:clamp(30px,5vw,62px);
  max-width:630px;
  transform:translateZ(28px);
}
[data-view="travel"] .travelHero .portalCopy h3{
  margin:10px 0 12px;
  font-size:clamp(43px,5.4vw,76px);
  line-height:.88;
  letter-spacing:-.055em;
  text-shadow:0 8px 28px rgba(0,0,0,.82);
}
.destinationOnline{
  position:absolute;
  z-index:3;
  right:24px;
  top:24px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid rgba(118,240,250,.22);
  border-radius:999px;
  background:rgba(2,9,13,.58);
  color:#d9fcff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.destinationOnline i{width:6px;height:6px;border-radius:50%;background:#ffcf76;box-shadow:0 0 12px #ffc357}
.destinationCoords{
  position:absolute;
  z-index:3;
  right:28px;
  bottom:30px;
  color:rgba(219,249,252,.62);
  font-size:9px;
  font-weight:800;
  letter-spacing:.14em;
  text-align:right;
  text-transform:uppercase;
  text-shadow:0 2px 10px #000;
}

@keyframes travelRingSpin{to{transform:rotate(342deg)}}
@keyframes travelHaloBreath{50%{opacity:.64;transform:scale(1.025);filter:drop-shadow(0 0 42px rgba(50,225,255,.20))}}
@keyframes travelSignal{50%{opacity:.4;transform:scale(.74)}}
@keyframes travelSparkFloat{to{transform:translate3d(14px,-18px,0);opacity:.26}}
@keyframes travelPortalArrival{0%{opacity:0;transform:scale(1.12);filter:blur(12px)}100%{opacity:1;transform:none;filter:none}}
body[data-route="travel"] [data-view="travel"].active::before{animation:travelPortalArrival 1.15s cubic-bezier(.18,.78,.2,1) both}

@media(max-width:900px){
  [data-view="travel"] .pageHero{min-height:560px!important;padding-top:68px!important}
  [data-view="travel"]>.travelContent{margin-top:-56px!important}
  .travelPortalFx .portalCoordinates{display:none}
}
@media(max-width:760px){
  [data-view="travel"]::before{
    background-image:
      linear-gradient(180deg,rgba(1,5,9,.54) 0%,rgba(1,7,11,.15) 31%,rgba(1,6,9,.48) 69%,rgba(1,5,8,.91) 100%),
      linear-gradient(90deg,rgba(1,5,9,.74) 0%,rgba(1,6,10,.16) 78%),
      url("../../travel-quantum-portal-beach-mobile-4k.webp")!important;
    background-position:center top!important;
  }
  [data-view="travel"] .travelPortalFx{opacity:.68}
  .travelPortalFx .portalHalo{width:88vw;right:-24vw;top:16vh}
  .travelPortalFx .portalArc{width:65vw;right:-9vw;top:22vh}
  .travelPortalFx .portalSpark{display:none}
  .travelOceanCanvas{opacity:.90}
  [data-view="travel"] .pageHero{
    min-height:640px!important;
    padding:76px 20px 126px!important;
    justify-content:flex-end;
  }
  [data-view="travel"] .travelTitle{font-size:clamp(65px,22vw,96px)!important;margin-bottom:26px!important}
  [data-view="travel"] .travelTitle::before{content:"TRAVEL"}
  [data-view="travel"] .pageHero p{font-size:15px!important;max-width:92%!important}
  [data-view="travel"]>.travelContent{margin-top:-92px!important;padding-bottom:90px}
  [data-view="travel"] .routeStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  [data-view="travel"] .routeStats>div{padding:14px 11px;min-width:0}
  [data-view="travel"] .routeStats strong{font-size:25px}
  [data-view="travel"] .routeStats span{font-size:7px;letter-spacing:.08em}
  [data-view="travel"] .travelHero{min-height:500px;border-radius:26px}
  [data-view="travel"] .travelHero::before{
    background:
      linear-gradient(180deg,rgba(1,5,8,.05),rgba(1,5,8,.28) 46%,rgba(1,5,8,.86) 78%),
      radial-gradient(circle at 80% 24%,rgba(73,234,246,.08),transparent 38%);
  }
  [data-view="travel"] .travelHero .portalCopy{left:22px;right:22px;bottom:28px}
  [data-view="travel"] .travelHero .portalCopy h3{font-size:clamp(39px,13.5vw,58px)}
  [data-view="travel"] .travelHero .portalCopy p{font-size:13px;line-height:1.45}
  .destinationOnline{right:14px;top:14px;font-size:7px;padding:8px 9px}
  .destinationCoords{display:none}
}
@media(prefers-reduced-motion:reduce){
  [data-view="travel"] .travelPortalFx{transform:none!important}
  .travelPortalFx *{animation:none!important}
  .travelOceanCanvas{display:none!important}
  body[data-route="travel"] [data-view="travel"].active::before{animation:none!important}
}

/* ===== source: adimaster-gear-tech-vault ===== */
/* CREATOR TECH VAULT — original mechanical design, not a copied franchise mark */
[data-view="gear"]{
  --gear-cyan:#56e7f4;
  --gear-purple:#a448ff;
  --gear-violet:#6b28df;
  --gear-metal:#dce5ec;
  min-height:100vh;
  isolation:isolate;
  background:transparent!important;
}
[data-view="gear"]::before{
  background-image:
    radial-gradient(circle at 72% 31%,rgba(90,42,173,.08),transparent 34%),
    linear-gradient(90deg,rgba(2,5,8,.96) 0%,rgba(2,6,10,.78) 28%,rgba(2,6,9,.11) 61%,rgba(2,5,8,.45) 100%),
    linear-gradient(180deg,rgba(2,4,7,.10) 0%,rgba(2,5,8,.07) 52%,rgba(2,5,8,.95) 100%),
    url("../../gear-quantum-forge-desktop-4k.webp")!important;
  background-position:center top!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  filter:none!important;
  opacity:1!important;
}
[data-view="gear"]::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.2;
  background:
    linear-gradient(rgba(83,226,246,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(83,226,246,.02) 1px,transparent 1px);
  background-size:68px 68px;
  -webkit-mask-image:linear-gradient(90deg,transparent 5%,#000 50%,transparent 96%);
  mask-image:linear-gradient(90deg,transparent 5%,#000 50%,transparent 96%);
}
[data-view="gear"]>*{position:relative;z-index:2}
[data-view="gear"] .gearIntro{
  position:relative;
  display:flex;
  align-items:center;
  max-width:1720px!important;
  min-height:850px!important;
  padding:72px 34px 92px!important;
  overflow:visible;
}
.gearTechCanvas{position:absolute;z-index:3;inset:0;width:100%;height:100%;pointer-events:none;opacity:.82;mix-blend-mode:screen}
.gearHeroFx{position:absolute;z-index:3;inset:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 34%,#000 49%,#000 100%);mask-image:linear-gradient(90deg,transparent 34%,#000 49%,#000 100%)}
.gearHeroFx::before{content:"";position:absolute;top:7%;bottom:9%;left:45%;width:11%;opacity:0;transform:skewX(-12deg) translateX(-180%);background:linear-gradient(90deg,transparent,rgba(89,236,247,.05),rgba(177,88,255,.13),rgba(255,255,255,.06),transparent);filter:blur(2px);animation:gearVaultScanner 8.5s 1.4s cubic-bezier(.35,.05,.25,1) infinite}
.gearHeroFx::after{content:"";position:absolute;width:42%;aspect-ratio:2.65;right:3%;bottom:8%;border:1px solid rgba(75,233,245,.22);border-radius:50%;box-shadow:0 0 22px rgba(72,223,244,.08),inset 0 0 28px rgba(157,69,255,.07);transform:perspective(740px) rotateX(67deg);animation:gearPlatformBreath 5.5s ease-in-out infinite}
.gearHeroCopy{position:relative;z-index:5;width:min(42%,650px);transform:translateY(-28px)}
[data-view="gear"] .gearHeroCopy>.kicker{color:#7ef3f7;letter-spacing:.28em;text-shadow:0 0 20px rgba(69,231,244,.34)}
.gearArmorTitle{
  position:relative;
  display:inline-block;
  margin:24px 0 24px!important;
  padding:.04em .08em .15em .02em;
  max-width:100%;
  font-family:"Arial Black","Segoe UI Black",Impact,system-ui,sans-serif!important;
  font-size:clamp(78px,6.4vw,118px)!important;
  line-height:.9!important;
  letter-spacing:-.075em!important;
  text-transform:uppercase;
  font-style:normal;
  color:transparent!important;
  -webkit-text-stroke:1px rgba(233,244,250,.72);
  background:
    linear-gradient(110deg,transparent 0 36%,rgba(103,237,246,.40) 43%,rgba(202,130,255,.62) 47%,transparent 54%) 140% 0/240% 100%,
    repeating-linear-gradient(132deg,transparent 0 22px,rgba(17,21,27,.33) 23px 25px,transparent 26px 47px),
    linear-gradient(180deg,#f8fcff 0%,#87939c 16%,#e8eff3 31%,#454f57 43%,#c9d2d8 56%,#69747d 70%,#f0f5f7 84%,#48525a 100%);
  background-blend-mode:screen,multiply,normal;
  -webkit-background-clip:text;
  background-clip:text;
  filter:drop-shadow(0 3px 0 #626e76) drop-shadow(0 8px 0 #151b20) drop-shadow(0 15px 18px rgba(0,0,0,.88));
  transform:none;
  transform-origin:left center;
  clip-path:polygon(1% 0,97% 0,100% 10%,98.5% 44%,100% 52%,98% 100%,3% 100%,0 91%,1.5% 55%,0 46%,2% 8%);
}
.gearArmorTitle::before,.gearArmorTitle::after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.gearArmorTitle::before{
  display:none!important;
}
.gearArmorTitle::after{
  left:2%;right:5%;bottom:.02em;height:3px;
  background:linear-gradient(90deg,#dbe4e9 0 11%,var(--gear-cyan) 35%,var(--gear-purple) 74%,transparent);
  box-shadow:0 0 12px rgba(155,65,255,.68);
  clip-path:polygon(0 0,97% 0,100% 50%,97% 100%,0 100%,1.5% 50%);
}
.gearHeroCopy::after{
  display:none;
}
[data-view="gear"] .gearHeroCopy p{max-width:610px!important;font-size:18px!important;line-height:1.65!important;color:#a8b3c0!important;text-shadow:0 2px 15px #000}
.gearExplore{
  margin-top:28px;
  border:1px solid rgba(104,230,242,.42);
  color:#dcebf1;
  background:linear-gradient(135deg,rgba(12,21,28,.92),rgba(33,13,49,.76));
  padding:13px 18px 13px 20px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  clip-path:polygon(0 0,92% 0,100% 34%,100% 100%,8% 100%,0 68%);
  box-shadow:inset 0 0 24px rgba(94,220,239,.05),0 0 24px rgba(120,52,255,.09);
  cursor:pointer;
  transition:.25s ease;
}
.gearExplore span{display:inline-block;margin-left:12px;color:#c379ff;transition:.25s ease}
.gearExplore:hover{border-color:#bc75ff;color:#fff;transform:translateY(-2px);box-shadow:inset 0 0 28px rgba(148,62,255,.12),0 0 28px rgba(114,49,223,.2)}
.gearExplore:hover span{transform:translateY(3px)}
.gearVaultOverlay{position:absolute;z-index:4;inset:34px 0 84px 37%;pointer-events:none}
.gearStageRing{position:absolute;border:1px solid rgba(94,225,242,.17);border-radius:50%;transform:perspective(800px) rotateX(66deg);box-shadow:0 0 30px rgba(77,221,244,.06),inset 0 0 35px rgba(145,55,255,.07)}
.gearStageRing::before{content:"";position:absolute;inset:9%;border:1px dashed rgba(177,72,255,.25);border-radius:inherit}
.gearStageRingA{width:49%;aspect-ratio:1.8;right:10%;bottom:3%}
.gearStageRingB{width:32%;aspect-ratio:1.7;right:18%;bottom:8%;opacity:.55}
.gearVaultPanel{
  --panel-drift:0px;
  position:absolute;
  width:154px;
  min-height:76px;
  padding:12px 14px 11px 17px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid rgba(128,210,232,.26);
  background:linear-gradient(135deg,rgba(3,9,14,.63),rgba(19,10,29,.43));
  -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);
  box-shadow:inset 2px 0 rgba(78,229,241,.28),inset -1px 0 rgba(165,74,255,.27),0 10px 28px rgba(0,0,0,.36);
  clip-path:polygon(0 12px,12px 0,88% 0,100% 12px,100% 100%,10% 100%,0 82%);
  animation:gearPanelDrift 8s ease-in-out infinite;
}
.gearVaultPanel::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:1px;background:linear-gradient(90deg,var(--gear-cyan),transparent 42%,var(--gear-purple))}
.gearVaultPanel i{position:absolute;left:6px;top:18px;width:3px;height:30px;background:linear-gradient(var(--gear-cyan),var(--gear-purple));box-shadow:0 0 8px currentColor}
.gearVaultPanel small{color:#758a99;font-size:7px;font-weight:900;letter-spacing:.24em}
.gearVaultPanel b{margin-top:5px;color:#d9e3e9;font-size:10px;letter-spacing:.08em;white-space:nowrap}
.gearVaultPanel span{margin-top:4px;color:#75ebf2;font-size:6px;font-weight:900;letter-spacing:.22em}
.gearVaultLens{left:5%;top:19%;animation-delay:-2.1s}
.gearVaultMic{left:3%;top:55%;width:138px;animation-delay:-5.4s}
.gearVaultGimbal{right:16%;top:15%;animation-delay:-1.2s}
.gearVaultMobile{right:16%;top:48%;animation-delay:-6.8s}
.gearVaultLaptop{left:34%;top:16%;width:168px;animation-delay:-3.7s}
.gearContent{position:relative!important;z-index:5!important;margin-top:0!important;padding-top:34px;padding-bottom:110px}
.gearContent::before{content:"";position:absolute;z-index:-1;top:-70px;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:linear-gradient(180deg,rgba(3,6,9,.18),rgba(3,6,9,.96) 130px,#030609 280px);box-shadow:0 -45px 80px rgba(3,6,9,.54)}
[data-view="gear"] .routeStats{position:relative;z-index:6;gap:12px;margin-bottom:62px}
[data-view="gear"] .routeStats>div{
  position:relative;
  overflow:hidden;
  min-height:118px;
  border:1px solid rgba(102,224,238,.24)!important;
  border-radius:4px!important;
  background:linear-gradient(135deg,rgba(3,7,11,.94),rgba(8,17,24,.89) 52%,rgba(27,11,38,.78))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 14px 40px rgba(0,0,0,.35)!important;
  clip-path:polygon(0 0,96% 0,100% 20%,100% 100%,4% 100%,0 80%);
}
[data-view="gear"] .routeStats>div::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 38%,rgba(109,231,244,.08) 49%,transparent 57%);transform:translateX(-130%);animation:gearStatScan 9s ease-in-out infinite}
[data-view="gear"] .routeStats>div::after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:2px;background:linear-gradient(90deg,var(--gear-cyan),transparent 44%,var(--gear-purple));opacity:.75}
[data-view="gear"] .routeStats strong{font-size:42px!important;letter-spacing:-.04em}
[data-view="gear"] .routeStats span{color:#8495a7!important;letter-spacing:.16em!important}
[data-view="gear"] .gearSection{padding:26px 0 72px!important}
[data-view="gear"] .sectionHead{margin-bottom:24px}
[data-view="gear"] .sectionHead h2{font-size:clamp(36px,4vw,62px);letter-spacing:-.055em}
[data-view="gear"] .sectionHead .kicker{color:#75eaf1}
[data-view="gear"] .gearGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
[data-view="gear"] .gearCard{
  position:relative;
  isolation:isolate;
  min-height:216px!important;
  padding:27px 112px 25px 25px!important;
  overflow:hidden;
  border:1px solid rgba(111,199,218,.21)!important;
  border-radius:2px!important;
  background:
    linear-gradient(145deg,rgba(13,20,27,.94),rgba(4,8,12,.98) 56%,rgba(20,8,31,.89))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 16px 30px rgba(0,0,0,.27)!important;
  clip-path:polygon(0 0,94% 0,100% 14%,100% 100%,7% 100%,0 84%);
  transform:translateZ(0);
  transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .32s,box-shadow .32s!important;
}
[data-view="gear"] .gearCard::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    linear-gradient(90deg,rgba(79,224,240,.08) 1px,transparent 1px),
    linear-gradient(rgba(79,224,240,.055) 1px,transparent 1px),
    radial-gradient(circle at 92% 12%,rgba(156,65,255,.16),transparent 36%);
  background-size:28px 28px,28px 28px,auto;
  opacity:.46;
}
[data-view="gear"] .gearCard::after{content:"";position:absolute;z-index:3;left:24px;right:24px;bottom:0;height:2px;background:linear-gradient(90deg,var(--gear-cyan),transparent 40%,var(--gear-purple));transform:scaleX(.25);transform-origin:left;transition:transform .35s ease}
[data-view="gear"] .gearCard:hover{transform:translateY(-7px)!important;border-color:rgba(170,94,255,.5)!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 22px 46px rgba(0,0,0,.42),0 0 28px rgba(109,49,205,.12)!important}
[data-view="gear"] .gearCard:hover::after{transform:scaleX(1)}
[data-view="gear"] .gearType{position:relative;z-index:2;color:#77dfe9!important;font-size:8px!important;font-weight:900;letter-spacing:.22em;text-transform:uppercase}
[data-view="gear"] .gearCard h3{position:relative;z-index:2;margin:45px 0 16px!important;max-width:310px;font-size:21px!important;line-height:1.18!important;color:#eef3f6!important;text-wrap:balance}
[data-view="gear"] .gearBadge{position:relative!important;z-index:2;display:inline-flex!important;align-items:center;gap:8px;border:0!important;border-radius:0!important;padding:0!important;background:none!important;color:#8f9cab!important;font-size:8px!important;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
[data-view="gear"] .gearBadge::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gear-cyan);box-shadow:0 0 9px var(--gear-cyan)}
.gearBlueprint{position:absolute;z-index:1;right:20px;top:27px;width:75px;height:75px;border:1px solid rgba(91,222,237,.20);border-radius:50%;box-shadow:inset 0 0 20px rgba(112,48,217,.10),0 0 20px rgba(64,216,236,.05)}
.gearBlueprint::before{content:"TECH";position:absolute;inset:9px;border:1px dashed rgba(162,73,255,.28);border-radius:50%;display:grid;place-items:center;color:rgba(215,233,240,.68);font-size:10px;font-weight:950;letter-spacing:.12em}
.gearBlueprint::after{content:"";position:absolute;left:50%;top:-10px;width:1px;height:94px;background:linear-gradient(transparent,var(--gear-cyan),transparent);transform:rotate(35deg);opacity:.32}
[data-kind="camera"] .gearBlueprint::before{content:"CAM"}[data-kind="lens"] .gearBlueprint::before{content:"Ø";font-size:24px}[data-kind="tripod"] .gearBlueprint::before{content:"3P"}[data-kind="microphone"] .gearBlueprint::before{content:"MIC"}[data-kind="battery"] .gearBlueprint::before{content:"DC"}[data-kind="gimbal"] .gearBlueprint::before{content:"3X"}[data-kind="laptop"] .gearBlueprint::before{content:"16″"}[data-kind="tablet"] .gearBlueprint::before{content:"TAB"}[data-kind="phone"] .gearBlueprint::before{content:"MOB"}[data-kind="drone"] .gearBlueprint::before{content:"UAV"}[data-kind="hub"] .gearBlueprint::before{content:"USB"}[data-kind="adapter"] .gearBlueprint::before{content:"AC"}
[data-view="gear"] .gearDream{grid-column:span 2;min-height:268px!important;padding-right:190px!important;background:radial-gradient(circle at 88% 45%,rgba(151,53,255,.25),transparent 34%),linear-gradient(135deg,rgba(17,19,28,.97),rgba(5,8,13,.98) 54%,rgba(30,8,44,.93))!important;border-color:rgba(178,86,255,.44)!important}
[data-view="gear"] .gearDream .gearBlueprint{width:128px;height:128px;right:28px;top:50%;transform:translateY(-50%);border-color:rgba(185,91,255,.42);box-shadow:inset 0 0 34px rgba(133,44,255,.20),0 0 35px rgba(124,50,230,.14)}
[data-view="gear"] .gearDream h3{margin-top:52px!important;font-size:34px!important}
[data-view="gear"] .gearDream p{display:block!important;position:relative;z-index:2;max-width:440px;color:#9ea9b5!important;font-size:13px!important;line-height:1.45}
[data-view="gear"] .gearDream .gearBadge{color:#d4a8ff!important}
[data-view="gear"] .gearDream .gearBadge::before{background:#bd71ff;box-shadow:0 0 12px #a94cff}
[data-view="gear"] .gearNote{margin-top:22px;color:#687787!important;font-size:11px!important;letter-spacing:.04em}
body[data-route="gear"] [data-view="gear"].active .gearArmorTitle{animation:gearArmorAssemble .72s cubic-bezier(.16,.88,.22,1) both,gearArmorShine 7.5s 1.1s ease-in-out infinite}
body[data-route="gear"] [data-view="gear"].active .gearArmorTitle::after{animation:gearEnergyPulse 6s .85s ease-in-out infinite}
@keyframes gearArmorAssemble{0%{opacity:0;transform:translate3d(-24px,0,0) scaleX(.92);filter:blur(5px)}70%{opacity:1;filter:blur(0)}100%{transform:none}}
@keyframes gearArmorShine{0%,78%,100%{background-position:140% 0,0 0,0 0}90%{background-position:-75% 0,0 0,0 0}}
@keyframes gearEnergyPulse{0%,88%,100%{opacity:.64;box-shadow:0 0 9px rgba(164,72,255,.48)}92%{opacity:1;box-shadow:0 0 18px rgba(164,72,255,.95)}}
@keyframes gearPanelDrift{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
@keyframes gearStatScan{0%,74%{transform:translateX(-130%)}88%,100%{transform:translateX(130%)}}
@keyframes gearVaultScanner{0%,67%{opacity:0;transform:skewX(-12deg) translateX(-210%)}72%{opacity:.85}87%{opacity:.7}94%,100%{opacity:0;transform:skewX(-12deg) translateX(660%)}}
@keyframes gearPlatformBreath{0%,100%{opacity:.35;filter:drop-shadow(0 0 4px rgba(62,229,242,.12))}50%{opacity:.82;filter:drop-shadow(0 0 13px rgba(125,64,250,.28))}}
@media(max-width:1100px){
  [data-view="gear"] .gearGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gearHeroCopy{width:48%}
  .gearVaultOverlay{left:42%}
  .gearVaultPanel{transform:scale(.88)}
  .gearVaultMic,.gearVaultLaptop{display:none}
}
@media(max-width:760px){
  [data-view="gear"]::before{
    background-image:
      linear-gradient(180deg,rgba(2,5,8,.76) 0%,rgba(2,5,8,.19) 30%,rgba(2,5,8,.30) 58%,rgba(2,5,8,.96) 86%),
      linear-gradient(90deg,rgba(2,5,8,.74),rgba(2,5,8,.06) 74%),
      url("../../gear-quantum-forge-mobile-4k.webp")!important;
    background-position:center top!important;
  }
  [data-view="gear"] .gearIntro{display:block;min-height:790px!important;padding:62px 20px 118px!important}
  .gearHeroCopy{width:100%;transform:none;padding-top:4px}
  .gearArmorTitle{margin-top:18px!important;font-size:clamp(58px,17vw,82px)!important;letter-spacing:-.075em!important}
  [data-view="gear"] .gearHeroCopy p{max-width:90%!important;font-size:15px!important;line-height:1.55!important}
  .gearHeroCopy::after{width:78%;margin-top:20px}
  .gearExplore{margin-top:22px;padding:11px 15px;font-size:9px}
  .gearVaultOverlay{display:none}
  .gearHeroFx{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 27%,#000 76%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 27%,#000 76%,transparent 100%)}
  .gearHeroFx::before{left:10%;top:24%;bottom:13%;width:18%}
  .gearHeroFx::after{width:88%;right:-20%;bottom:18%}
  .gearTechCanvas{opacity:.55}
  .gearStageRingA{width:76%;right:-7%;bottom:4%}.gearStageRingB{width:50%;right:6%;bottom:8%}
  .gearVaultPanel{display:none}
  .gearContent{margin-top:0!important;padding:22px 18px 80px!important}
  [data-view="gear"] .routeStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:42px}
  [data-view="gear"] .routeStats>div{min-height:88px;padding:13px 11px!important}
  [data-view="gear"] .routeStats strong{font-size:25px!important}
  [data-view="gear"] .routeStats span{font-size:7px!important;letter-spacing:.08em!important}
  [data-view="gear"] .gearSection{padding:20px 0 48px!important}
  [data-view="gear"] .sectionHead h2{font-size:38px}
  [data-view="gear"] .gearGrid{grid-template-columns:1fr;gap:10px}
  [data-view="gear"] .gearCard{min-height:178px!important;padding:22px 100px 22px 20px!important}
  [data-view="gear"] .gearCard h3{margin-top:31px!important;font-size:18px!important}
  .gearBlueprint{right:16px;top:23px;width:68px;height:68px}
  [data-view="gear"] .gearDream{grid-column:auto;min-height:250px!important;padding-right:112px!important}
  [data-view="gear"] .gearDream .gearBlueprint{width:85px;height:85px;right:13px}
  [data-view="gear"] .gearDream h3{font-size:29px!important;margin-top:42px!important}
}
@media(prefers-reduced-motion:reduce){
  [data-view="gear"] *{animation:none!important;scroll-behavior:auto!important}
  .gearArmorTitle,.gearArmorTitle::before,.gearArmorTitle::after{transform:none!important;filter:none!important}
  .gearTechCanvas{display:none!important}
}

/* ===== source: adimaster-gear-quantum-forge-v2 ===== */
/* CREATOR QUANTUM FORGE — live layered scene. The wallpaper contains no gear. */
[data-view="gear"]{
  --forge-x:0deg;--forge-y:0deg;--forge-scroll:0;--forge-cyan:#59f4ff;--forge-violet:#9e55ff;--forge-gold:#f4c879;
  overflow:hidden;
}
[data-view="gear"]::before{
  background-image:
    radial-gradient(circle at 71% 36%,rgba(100,51,188,.09),transparent 34%),
    linear-gradient(90deg,rgba(1,4,8,.98) 0%,rgba(1,5,9,.88) 27%,rgba(1,5,9,.22) 54%,rgba(1,4,8,.48) 100%),
    linear-gradient(180deg,rgba(1,3,6,.05) 0%,rgba(1,4,7,.04) 60%,rgba(1,4,7,.96) 100%),
    url("../../gear-quantum-forge-desktop-4k.webp")!important;
  background-position:center top!important;
}
[data-view="gear"]::after{opacity:.34!important;background-size:72px 72px!important}
[data-view="gear"] .gearIntro{
  min-height:850px!important;max-width:1780px!important;padding:70px 34px 88px!important;overflow:visible!important;
}
.gearHeroCopy{z-index:14!important;width:min(39%,610px)!important;transform:translateY(-20px)!important}
.gearHeroCopy>.kicker{position:relative;padding-left:28px!important;font-size:10px!important}
.gearHeroCopy>.kicker::before{content:"";position:absolute;left:0;top:50%;width:17px;height:1px;background:var(--forge-cyan);box-shadow:0 0 12px var(--forge-cyan)}
.gearTitleSource{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.gearArmorTitle{
  display:block!important;overflow:visible!important;margin:25px 0 25px!important;padding:0 0 16px!important;color:inherit!important;background:none!important;
  -webkit-text-stroke:0!important;filter:none!important;clip-path:none!important;font-size:inherit!important;letter-spacing:0!important;line-height:1!important;
}
.gearArmorTitle::after{left:0!important;right:5%!important;bottom:0!important;height:2px!important;background:linear-gradient(90deg,#d7e8ee 0 9%,var(--forge-cyan) 30%,var(--forge-violet) 68%,transparent 96%)!important}
body[data-route="gear"] [data-view="gear"].active .gearArmorTitle{animation:none!important;transform:none!important;filter:none!important}
.gearTitleLetters{display:flex;align-items:flex-end;gap:clamp(1px,.15vw,4px);perspective:900px}
.gearMechLetter{
  --cut-a:9%;--cut-b:93%;position:relative;display:inline-block;min-width:.56em;padding:.01em .01em .04em;
  color:transparent;font:950 clamp(76px,6.2vw,116px)/.78 "Arial Black","Segoe UI Black",Impact,sans-serif;letter-spacing:-.09em;text-align:center;
  -webkit-text-stroke:1px rgba(231,246,252,.83);
  background:
    linear-gradient(108deg,transparent 0 40%,rgba(102,244,255,.78) 46%,rgba(211,142,255,.74) 49%,transparent 56%) 150% 0/260% 100%,
    repeating-linear-gradient(164deg,transparent 0 18%,rgba(5,9,13,.46) 19% 21%,transparent 22% 39%),
    linear-gradient(180deg,#f7fbff 0%,#727f89 13%,#e8f0f4 27%,#303a42 42%,#cdd7dc 55%,#59656f 70%,#f4f8fa 83%,#414b53 100%);
  background-blend-mode:screen,multiply,normal;-webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 3px 0 #56616a) drop-shadow(0 7px 0 #11171c) drop-shadow(0 15px 20px #000);
  clip-path:polygon(var(--cut-a) 0,var(--cut-b) 0,100% 12%,96% 41%,100% 48%,96% 100%,6% 100%,0 87%,4% 53%,0 45%,5% 10%);
  transform-origin:50% 75%;
}
.gearMechLetter:nth-child(even){--cut-a:3%;--cut-b:88%;clip-path:polygon(var(--cut-a) 0,var(--cut-b) 0,100% 9%,96% 44%,100% 52%,94% 100%,9% 100%,0 91%,5% 57%,0 49%,4% 13%)}
.gearMechLetter::after{content:"";position:absolute;left:13%;right:9%;top:49%;height:1px;background:linear-gradient(90deg,transparent,var(--forge-cyan),var(--forge-violet),transparent);box-shadow:0 0 8px rgba(105,231,255,.62);opacity:.55}
body[data-route="gear"] .gearMechLetter{animation:forgeLetterBuild .78s cubic-bezier(.16,.9,.2,1) both,forgeLetterScan 7.6s calc(1.2s + var(--i)*.08s) ease-in-out infinite;animation-delay:calc(var(--i)*.055s),calc(1.2s + var(--i)*.08s)}
body.audioPlaying[data-route="gear"] .gearMechLetter::after{opacity:1;box-shadow:0 0 15px var(--forge-cyan),0 0 23px var(--forge-violet)}
@keyframes forgeLetterBuild{0%{opacity:0;transform:translate3d(calc((var(--i) - 2)*14px),calc((var(--i) - 3)*-12px),-180px) rotateY(calc((var(--i) - 2)*-16deg));filter:blur(5px)}75%{opacity:1;filter:blur(0)}100%{transform:none}}
@keyframes forgeLetterScan{0%,80%,100%{background-position:150% 0,0 0,0 0}91%{background-position:-75% 0,0 0,0 0}}

.gearForgeStage{
  position:absolute;z-index:8;right:-1%;top:0;width:66%;height:820px;perspective:1500px;perspective-origin:54% 46%;
  transform:translateY(calc(var(--forge-scroll)*-95px));opacity:calc(1 - var(--forge-scroll)*.36);transition:opacity .12s linear;touch-action:pan-y;user-select:none;
}
.gearHeroFx,.gearVaultOverlay,.gearVaultPanel,.gearStageRing{display:none!important}
.gearForgeStage::before{content:"";position:absolute;inset:10% 3% 5% 7%;border-radius:50%;background:radial-gradient(circle,rgba(106,66,219,.12),rgba(68,231,245,.035) 31%,transparent 67%);filter:blur(20px);pointer-events:none}
.gearForgeStage::after{content:"";position:absolute;z-index:13;left:18%;right:3%;top:8%;height:12%;background:linear-gradient(180deg,transparent,rgba(95,238,255,.06),transparent);filter:blur(4px);transform:translateY(-160%);animation:forgeScanner 8.4s 2.3s ease-in-out infinite;pointer-events:none}
.forgeBackHalo{position:absolute;z-index:0;left:50%;top:46%;width:590px;height:590px;border:1px solid rgba(77,230,245,.11);border-radius:50%;transform:translate(-50%,-50%) rotateX(66deg);box-shadow:0 0 65px rgba(90,56,210,.12),inset 0 0 70px rgba(64,226,244,.06)}
.forgeBackHalo::before,.forgeBackHalo::after{content:"";position:absolute;border-radius:inherit;inset:9%;border:1px dashed rgba(153,80,255,.24);animation:forgeSpin 18s linear infinite}
.forgeBackHalo::after{inset:26%;border-style:solid;border-color:rgba(88,235,247,.28);animation-direction:reverse;animation-duration:11s}
.forgePlatform{position:absolute;z-index:6;left:50%;bottom:67px;width:530px;height:148px;border-radius:50%;transform:translateX(-50%) rotateX(70deg);background:radial-gradient(ellipse,rgba(68,233,245,.28),rgba(128,55,222,.14) 33%,rgba(3,7,11,.88) 57%,rgba(74,231,244,.22) 61%,rgba(3,7,11,.94) 69%);border:2px solid rgba(105,237,247,.35);box-shadow:0 0 32px rgba(61,225,243,.14),0 0 80px rgba(131,46,235,.10),inset 0 0 52px #02060a}
.forgePlatform i{position:absolute;border:1px solid rgba(95,233,246,.35);border-radius:50%;animation:forgeSpin 13s linear infinite}
.forgePlatform i:nth-child(1){inset:8%}.forgePlatform i:nth-child(2){inset:20%;border-style:dashed;animation-direction:reverse;animation-duration:8s}.forgePlatform i:nth-child(3){inset:35%;border-color:rgba(172,81,255,.52);animation-duration:5s}
.forgePlatform span{position:absolute;inset:40%;border-radius:50%;background:radial-gradient(circle,#e8ffff 0 5%,#65f3ff 7% 16%,rgba(148,67,255,.63) 24%,transparent 70%);box-shadow:0 0 40px rgba(98,232,255,.8);animation:forgeCorePulse 3.3s ease-in-out infinite}
.forgeCore{position:absolute;z-index:9;left:50%;top:46%;width:380px;height:400px;transform:translate(-50%,-50%) rotateX(var(--forge-x)) rotateY(var(--forge-y));transform-style:preserve-3d;transition:transform .16s ease-out}
.forgeCoreRings{position:absolute;z-index:-1;inset:-6%;transform-style:preserve-3d}
.forgeCoreRings i{position:absolute;inset:8%;border:1px solid rgba(93,235,247,.36);border-radius:50%;box-shadow:0 0 24px rgba(71,225,244,.13);animation:forgeSpin 10s linear infinite}
.forgeCoreRings i:nth-child(2){inset:1% 19%;border-color:rgba(172,78,255,.44);transform:rotateY(62deg);animation-duration:13s;animation-direction:reverse}.forgeCoreRings i:nth-child(3){inset:14% -4%;transform:rotateX(68deg);border-style:dashed;animation-duration:8s}
.forgeIris{position:absolute;z-index:1;left:50%;top:49%;width:310px;height:310px;object-fit:contain;transform:translate(-50%,-50%);opacity:.54;mix-blend-mode:screen;filter:drop-shadow(0 0 25px rgba(94,231,249,.34));animation:forgeSpinCenter 19s linear infinite}
.forgeCameraShell{position:absolute;z-index:4;inset:14px 0 0;display:grid;place-items:center;transform-style:preserve-3d;animation:forgeCameraFloat 5.2s ease-in-out infinite}
.forgeCamera{width:360px;height:330px;object-fit:contain;filter:drop-shadow(0 28px 22px rgba(0,0,0,.8)) drop-shadow(0 0 20px rgba(79,220,244,.16));transform:translateZ(60px)}
.forgeCoreLabel{position:absolute;z-index:6;left:50%;bottom:4px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;white-space:nowrap;text-shadow:0 2px 12px #000}
.forgeCoreLabel b{color:#dffbff;font-size:10px;letter-spacing:.25em}.forgeCoreLabel small{margin-top:4px;color:#6ddce7;font-size:6px;letter-spacing:.19em}
.forgePods{position:absolute;z-index:10;inset:0;transform-style:preserve-3d;transform:rotateX(var(--forge-x)) rotateY(var(--forge-y));transition:transform .16s ease-out}
.forgePod{position:absolute;left:50%;top:46%;width:154px;height:190px;margin:-95px 0 0 -77px;padding:0;border:0;background:none;color:#eafdff;transform-style:preserve-3d;cursor:pointer;will-change:transform,opacity;transition:filter .22s ease}
.forgePodRig{position:absolute;inset:0;display:block;transform-style:preserve-3d;animation:forgePodSelf 7s ease-in-out infinite;animation-delay:calc(var(--pod-index,0)*-.73s);transition:transform .28s ease,filter .28s ease}
.forgePodFrame{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:contain;opacity:.82;filter:drop-shadow(0 0 13px rgba(79,228,246,.25))}
.forgeProduct{position:absolute;z-index:2;left:18%;top:12%;width:64%;height:62%;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(0,0,0,.65));pointer-events:none}
.forgePodCopy{position:absolute;z-index:3;left:18%;right:16%;bottom:20%;display:flex;flex-direction:column;text-align:left;text-shadow:0 2px 8px #000}
.forgePodCopy b{font-size:7px;letter-spacing:.24em;color:#77edf6}.forgePodCopy small{font-size:8px;font-weight:950;letter-spacing:.08em;margin-top:4px;color:#eefaff}
.forgePod::after{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:26px;height:26px;border-radius:50%;background:rgba(92,231,247,.35);box-shadow:0 0 30px 15px rgba(92,231,247,.17);transform:translate(-50%,-50%);opacity:.55}
.forgePod:hover,.forgePod:focus-visible{outline:none;filter:brightness(1.32)}
.forgePod:hover .forgePodRig,.forgePod:focus-visible .forgePodRig{transform:scale(1.20) rotateY(0deg)!important;filter:drop-shadow(0 0 25px rgba(87,238,255,.44));animation-play-state:paused}
.forgeDreamPod .forgePodFrame{filter:hue-rotate(47deg) drop-shadow(0 0 15px rgba(180,86,255,.36))}.forgeDreamPod .forgePodCopy b{color:#cb8cff}
.forgeTelemetry{position:absolute;right:1.5%;bottom:49px;z-index:15;width:150px;padding:9px 10px;border-left:1px solid rgba(85,229,243,.44);background:linear-gradient(90deg,rgba(3,9,14,.66),transparent);display:grid;grid-template-columns:1fr auto;gap:3px 8px;pointer-events:none}
.forgeTelemetry span{font-size:6px;color:#7ceaf1;letter-spacing:.21em}.forgeTelemetry b{grid-row:1/3;grid-column:2;font-size:21px;color:#eafcff}.forgeTelemetry i{height:1px;background:linear-gradient(90deg,var(--forge-cyan),var(--forge-violet))}.forgeTelemetry small{grid-column:1/3;color:#69808e;font-size:5px;letter-spacing:.14em}
body.audioPlaying[data-route="gear"] .forgePlatform span{animation-duration:.92s;box-shadow:0 0 50px 10px rgba(86,235,255,.68),0 0 80px 24px rgba(151,63,255,.30)}
body.audioPlaying[data-route="gear"] .forgeCoreRings i{animation-duration:4.2s}body.audioPlaying[data-route="gear"] .forgeIris{opacity:.84;animation-duration:7s}
@keyframes forgeSpin{to{rotate:1turn}}@keyframes forgeSpinCenter{to{transform:translate(-50%,-50%) rotate(1turn)}}
@keyframes forgeCorePulse{50%{transform:scale(1.22);filter:brightness(1.5)}}
@keyframes forgeCameraFloat{50%{transform:translateY(-10px) rotateY(2deg)}}
@keyframes forgePodSelf{0%,100%{transform:rotateY(-7deg) rotateX(2deg) translateY(-2px)}50%{transform:rotateY(8deg) rotateX(-2deg) translateY(5px)}}
@keyframes forgeScanner{0%,70%{opacity:0;transform:translateY(-160%)}75%{opacity:.9}91%{opacity:.72}96%,100%{opacity:0;transform:translateY(620%)}}

.gearContent{z-index:12!important;padding-top:42px!important;background:linear-gradient(180deg,rgba(2,5,8,.08),rgba(2,5,8,.96) 120px,#020508 270px)}
.gearContent::before{top:-105px!important;background:linear-gradient(180deg,transparent,rgba(2,5,8,.92) 150px,#020508 310px)!important}
.gearCard.forgeSelected{animation:forgeCardTarget 1.15s ease both!important;border-color:rgba(105,239,250,.8)!important}
@keyframes forgeCardTarget{0%,100%{box-shadow:0 16px 30px rgba(0,0,0,.27)}45%{box-shadow:0 0 0 2px rgba(101,236,248,.55),0 0 44px rgba(126,63,239,.38)}}

@media(max-width:1150px){.gearHeroCopy{width:42%!important}.gearForgeStage{width:69%;right:-8%}.forgePod{width:138px;height:170px;margin:-85px 0 0 -69px}.forgeCamera{width:330px}.forgePlatform{width:480px}}
@media(max-width:760px){
  [data-view="gear"]::before{background-image:linear-gradient(180deg,rgba(1,4,7,.82) 0%,rgba(1,4,7,.22) 25%,rgba(1,4,7,.25) 63%,rgba(1,4,7,.96) 92%),url("../../gear-quantum-forge-mobile-4k.webp")!important;background-position:center top!important}
  [data-view="gear"] .gearIntro{min-height:900px!important;padding:62px 19px 100px!important}
  .gearHeroCopy{width:100%!important;transform:none!important;padding-top:2px!important}
  .gearHeroCopy>.kicker{font-size:8px!important;letter-spacing:.20em!important}
  .gearArmorTitle{margin:19px 0 18px!important;padding-bottom:12px!important;max-width:100%!important}
  .gearTitleLetters{gap:0}.gearMechLetter{font-size:clamp(53px,16.2vw,76px);letter-spacing:-.11em;min-width:.53em}
  [data-view="gear"] .gearHeroCopy p{font-size:14px!important;max-width:94%!important;line-height:1.5!important}
  .gearExplore{margin-top:18px!important}
  .gearForgeStage{top:302px;left:50%;right:auto;width:112%;height:548px;transform:translateX(-50%) translateY(calc(var(--forge-scroll)*-55px));perspective:1000px}
  .forgeBackHalo{width:390px;height:390px;top:48%}
  .forgeCore{top:49%;width:235px;height:270px}.forgeIris{width:210px;height:210px}.forgeCamera{width:224px;height:215px}.forgeCameraShell{inset:7px 0 0}
  .forgeCoreLabel{bottom:0}.forgeCoreLabel b{font-size:8px}.forgeCoreLabel small{font-size:5px}
  .forgePlatform{bottom:22px;width:325px;height:96px}
  .forgePod{top:49%;width:94px;height:118px;margin:-59px 0 0 -47px}.forgePodCopy{bottom:17%}.forgePodCopy b{font-size:5px}.forgePodCopy small{font-size:5px}.forgeProduct{top:10%;height:60%}
  .forgeTelemetry{display:none}.gearTechCanvas{opacity:.72!important}
  .gearContent{padding-top:30px!important}
}
@media(max-width:390px){.gearForgeStage{width:118%;top:320px}.gearMechLetter{font-size:50px}.forgeCore{transform:translate(-50%,-50%) scale(.92) rotateX(var(--forge-x)) rotateY(var(--forge-y))}}
@media(prefers-reduced-motion:reduce){.gearForgeStage{transform:none!important}.forgePodRig,.forgeIris,.forgeCoreRings i,.forgePlatform i,.forgePlatform span,.gearMechLetter{animation:none!important}.forgePod{transition:none!important}}

/* ===== source: adimaster-gear-quantum-forge-v3 ===== */
/* v3 — clearer composition and original mechanical title assembly. */
/* Keep the shared navigation in the same sticky flow on every route.  The
   previous Gear-only fixed/translate rule made the complete header animate
   in from one side when entering Gear and back from the other side when
   leaving it.  The small route padding below preserves the established title
   baseline after returning the header to normal document flow. */
body[data-route="gear"] [data-view="gear"]{padding-top:22px}

.gearMechLetter{
  position:relative!important;isolation:isolate;display:inline-block!important;min-width:.56em!important;
  padding:.01em .01em .04em!important;color:transparent!important;background:none!important;
  -webkit-text-stroke:0!important;clip-path:none!important;filter:drop-shadow(0 5px 0 #11181d) drop-shadow(0 17px 22px #000)!important;
  font:950 clamp(76px,6.2vw,116px)/.78 "Arial Black","Segoe UI Black",Impact,sans-serif!important;
  letter-spacing:-.09em!important;text-align:center!important;transform-origin:50% 70%;
  animation:none!important;
}
.gearLetterSizer{visibility:hidden;pointer-events:none}
.gearLetterPlate{
  position:absolute;inset:0;display:grid;place-items:center;color:transparent;
  -webkit-text-stroke:1px rgba(235,248,253,.88);
  background:
    linear-gradient(108deg,transparent 0 40%,rgba(101,246,255,.9) 46%,rgba(211,142,255,.78) 49%,transparent 56%) 150% 0/260% 100%,
    repeating-linear-gradient(164deg,transparent 0 18%,rgba(3,7,11,.54) 19% 21%,transparent 22% 39%),
    linear-gradient(180deg,#fbfeff 0%,#72808a 13%,#eef5f8 28%,#303a42 42%,#d9e2e6 56%,#55626d 70%,#f7fbfc 83%,#3c4750 100%);
  background-blend-mode:screen,multiply,normal;-webkit-background-clip:text;background-clip:text;
  will-change:transform,opacity,filter;
}
.gearLetterPlateTop{clip-path:polygon(5% 0,94% 0,100% 12%,96% 35%,2% 43%,0 15%)}
.gearLetterPlateMiddle{clip-path:polygon(2% 37%,97% 30%,100% 58%,94% 70%,4% 66%,0 52%)}
.gearLetterPlateBottom{clip-path:polygon(4% 62%,95% 65%,98% 100%,8% 100%,0 87%)}
body[data-route="gear"] .gearLetterPlateTop{
  animation:forgePlateTop .92s calc(.08s + var(--i)*.07s) cubic-bezier(.14,.91,.22,1) both;
}
body[data-route="gear"] .gearLetterPlateMiddle{
  animation:forgePlateMiddle .82s calc(.16s + var(--i)*.07s) cubic-bezier(.12,.92,.22,1) both;
}
body[data-route="gear"] .gearLetterPlateBottom{
  animation:forgePlateBottom .96s calc(.04s + var(--i)*.07s) cubic-bezier(.14,.91,.22,1) both;
}
.gearLetterLock{
  position:absolute;z-index:4;left:7%;right:4%;top:51%;height:2px;border-radius:50%;opacity:0;
  background:linear-gradient(90deg,transparent,#eaffff 17%,var(--forge-cyan) 42%,var(--forge-violet) 72%,transparent);
  box-shadow:0 0 7px #fff,0 0 18px var(--forge-cyan),0 0 28px var(--forge-violet);
}
body[data-route="gear"] .gearLetterLock{animation:forgeLetterLock .6s calc(.72s + var(--i)*.07s) ease-out both}
.gearMechLetter::after{
  content:""!important;z-index:5!important;left:48%!important;right:auto!important;top:48%!important;width:4px!important;height:4px!important;
  border-radius:50%;background:#efffff!important;box-shadow:0 0 8px #fff,0 0 18px var(--forge-cyan),0 0 26px var(--forge-violet)!important;opacity:0!important;
}
body[data-route="gear"] .gearMechLetter::after{animation:forgeBolt .46s calc(.84s + var(--i)*.07s) ease-out both}
@keyframes forgePlateTop{
  0%{opacity:0;transform:translate3d(-75%,-120%,-260px) rotateX(78deg) rotateZ(-13deg)}
  68%{opacity:1;transform:translate3d(2%,-5%,18px) rotateX(-5deg) rotateZ(1deg)}
  84%{transform:translate3d(0,2%,0) rotateX(2deg)}100%{opacity:1;transform:none}
}
@keyframes forgePlateMiddle{
  0%{opacity:0;transform:translate3d(0,0,-380px) scale(.2) rotateY(82deg)}
  70%{opacity:1;transform:translate3d(-2%,0,24px) scale(1.04) rotateY(-4deg)}
  86%{transform:translate3d(1%,0,0) scale(.99)}100%{opacity:1;transform:none}
}
@keyframes forgePlateBottom{
  0%{opacity:0;transform:translate3d(80%,125%,-250px) rotateX(-76deg) rotateZ(14deg)}
  68%{opacity:1;transform:translate3d(-2%,5%,18px) rotateX(5deg) rotateZ(-1deg)}
  84%{transform:translate3d(0,-2%,0) rotateX(-2deg)}100%{opacity:1;transform:none}
}
@keyframes forgeLetterLock{0%,34%{opacity:0;transform:scaleX(.05)}52%{opacity:1;transform:scaleX(1.22)}100%{opacity:.36;transform:scaleX(1)}}
@keyframes forgeBolt{0%,38%{opacity:0;transform:scale(.2)}55%{opacity:1;transform:scale(2.8)}100%{opacity:.48;transform:scale(1)}}
@keyframes forgePlateScan{0%,82%,100%{background-position:150% 0,0 0,0 0}91%{background-position:-75% 0,0 0,0 0}}
body.audioPlaying[data-route="gear"] .gearLetterLock{opacity:.9;animation:forgeEnergyBeat 1.45s ease-in-out infinite}
@keyframes forgeEnergyBeat{50%{filter:brightness(1.8);box-shadow:0 0 10px #fff,0 0 28px var(--forge-cyan),0 0 42px var(--forge-violet)}}

.gearForgeStage{right:-2%!important;top:-2%!important;width:70%!important;height:850px!important;perspective-origin:53% 54%!important}
.forgeBackHalo{left:52%!important;top:55%!important;width:690px!important;height:690px!important;opacity:.78}
.forgePlatform{display:none!important}
.forgeCore{left:52%!important;top:56%!important;width:470px!important;height:490px!important}
.forgeCoreRings{inset:-3%!important}
.forgeIris{width:390px!important;height:390px!important;opacity:.46!important}
.forgeCameraShell{inset:12px 0 0!important}
.forgeCamera{width:450px!important;height:420px!important;filter:drop-shadow(0 32px 28px rgba(0,0,0,.88)) drop-shadow(0 0 25px rgba(79,220,244,.19))!important}
.forgeCoreLabel{bottom:-1px!important}
.forgePods{transform-origin:52% 56%!important}
.forgePod{left:52%!important;top:56%!important;width:178px!important;height:220px!important;margin:-110px 0 0 -89px!important}
.forgePodCopy{opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease}
.forgePod:hover .forgePodCopy,.forgePod:focus-visible .forgePodCopy{opacity:1;transform:none}
.forgePod:hover .forgePodFrame,.forgePod:focus-visible .forgePodFrame{opacity:1;filter:drop-shadow(0 0 18px rgba(79,228,246,.46))}
.forgeTelemetry{right:2.5%!important;bottom:28px!important}

@media(max-width:1150px) and (min-width:761px){
  .gearForgeStage{right:-8%!important;width:73%!important}
  .forgeCore{width:410px!important;height:440px!important}.forgeCamera{width:400px!important;height:385px!important}.forgeIris{width:350px!important;height:350px!important}
  .forgePod{width:154px!important;height:192px!important;margin:-96px 0 0 -77px!important}
}
@media(max-width:760px){
  body[data-route="gear"] [data-view="gear"]{padding-top:10px}
  .gearMechLetter{font-size:clamp(53px,16.2vw,76px)!important;min-width:.53em!important}
  .gearForgeStage{top:300px!important;left:50%!important;right:auto!important;width:116%!important;height:570px!important;transform:translateX(-50%) translateY(calc(var(--forge-scroll)*-55px))!important}
  .forgeBackHalo{left:50%!important;top:56%!important;width:430px!important;height:430px!important}
  .forgeCore{left:50%!important;top:57%!important;width:292px!important;height:318px!important}
  .forgeIris{width:252px!important;height:252px!important}.forgeCamera{width:282px!important;height:265px!important}.forgeCameraShell{inset:8px 0 0!important}
  .forgePods{transform-origin:50% 57%!important}
  .forgePod{left:50%!important;top:57%!important;width:106px!important;height:132px!important;margin:-66px 0 0 -53px!important}
  .forgePodCopy{display:none!important}.forgeCoreLabel{bottom:-4px!important}.forgeCoreLabel small{display:none}
}
@media(prefers-reduced-motion:reduce){
  .gearLetterPlate,.gearLetterLock,.gearMechLetter::after{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
}

/* ===== source: adimaster-gear-performance-v4 ===== */
/* The Forge is GPU-heavy by design. This layer keeps the visual result while
   avoiding synchronous rasterisation of large hidden/off-screen surfaces. */
body[data-route="gear"] header{
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  background:rgba(4,8,14,.96)!important;
}
[data-view="gear"]::before{
  background-image:
    radial-gradient(circle at 71% 36%,rgba(100,51,188,.09),transparent 34%),
    linear-gradient(90deg,rgba(1,4,8,.98) 0%,rgba(1,5,9,.88) 27%,rgba(1,5,9,.22) 54%,rgba(1,4,8,.48) 100%),
    linear-gradient(180deg,rgba(1,3,6,.05) 0%,rgba(1,4,7,.04) 60%,rgba(1,4,7,.96) 100%),
    url("../../gear-quantum-forge-desktop-2k.webp")!important;
}
.gearTechCanvas{display:none!important}
.gearTitleLetters{position:relative;isolation:isolate}
.gearTitleLetters::after{
  content:"";position:absolute;z-index:8;inset:-8% -4%;pointer-events:none;opacity:0;
  background:linear-gradient(108deg,transparent 42%,rgba(226,253,255,.88) 48%,rgba(94,239,255,.46) 51%,transparent 57%);
  transform:translateX(-130%);mix-blend-mode:screen;
}
body[data-route="gear"].gearSceneReady .gearTitleLetters::after{animation:forgeWholeTitleSweep 7.8s 1.15s ease-in-out infinite}
@keyframes forgeWholeTitleSweep{0%,74%{opacity:0;transform:translateX(-130%)}79%{opacity:.84}88%{opacity:.52}93%,100%{opacity:0;transform:translateX(130%)}}

body[data-route="gear"]:not(.gearSceneReady) .gearLetterPlate,
body[data-route="gear"]:not(.gearSceneReady) .gearLetterLock,
body[data-route="gear"]:not(.gearSceneReady) .gearMechLetter::after{opacity:0!important;animation:none!important}
body[data-route="gear"] .gearForgeStage{visibility:hidden;opacity:0!important;transition:opacity .28s ease!important}
body[data-route="gear"].gearSceneReady .gearForgeStage{
  visibility:visible;opacity:calc(1 - var(--forge-scroll)*.36)!important;
}
body[data-route="gear"] .gearLetterPlateTop{animation:none}
body[data-route="gear"] .gearLetterPlateMiddle{animation:none}
body[data-route="gear"] .gearLetterPlateBottom{animation:none}
body[data-route="gear"] .gearLetterLock{animation:none}
body[data-route="gear"] .gearMechLetter::after{animation:none}
body[data-route="gear"].gearSceneReady .gearLetterPlateTop{animation:forgePlateTop .92s calc(.08s + var(--i)*.07s) cubic-bezier(.14,.91,.22,1) both}
body[data-route="gear"].gearSceneReady .gearLetterPlateMiddle{animation:forgePlateMiddle .82s calc(.16s + var(--i)*.07s) cubic-bezier(.12,.92,.22,1) both}
body[data-route="gear"].gearSceneReady .gearLetterPlateBottom{animation:forgePlateBottom .96s calc(.04s + var(--i)*.07s) cubic-bezier(.14,.91,.22,1) both}
body[data-route="gear"].gearSceneReady .gearLetterLock{animation:forgeLetterLock .6s calc(.72s + var(--i)*.07s) ease-out both}
body[data-route="gear"].gearSceneReady .gearMechLetter::after{animation:forgeBolt .46s calc(.84s + var(--i)*.07s) ease-out both}
.gearLetterPlate{will-change:transform,opacity!important}
.forgeCamera{filter:drop-shadow(0 28px 22px rgba(0,0,0,.82))!important}
.gearSection{content-visibility:auto;contain-intrinsic-size:auto 760px;contain:layout paint style}
@media(max-width:760px){
  [data-view="gear"]::before{
    background-image:
      linear-gradient(180deg,rgba(1,4,7,.82) 0%,rgba(1,4,7,.22) 25%,rgba(1,4,7,.25) 63%,rgba(1,4,7,.96) 92%),
      url("../../gear-quantum-forge-mobile-2k.webp")!important;
  }
  .gearTitleLetters::after{display:none}
}
@media(min-width:2400px){
  [data-view="gear"]::before{
    background-image:
      radial-gradient(circle at 71% 36%,rgba(100,51,188,.09),transparent 34%),
      linear-gradient(90deg,rgba(1,4,8,.98) 0%,rgba(1,5,9,.88) 27%,rgba(1,5,9,.22) 54%,rgba(1,4,8,.48) 100%),
      linear-gradient(180deg,rgba(1,3,6,.05) 0%,rgba(1,4,7,.04) 60%,rgba(1,4,7,.96) 100%),
      url("../../gear-quantum-forge-desktop-4k.webp")!important;
  }
}
/* Desktop alignment: keep the complete interactive Forge assembly above the
   statistics fold. Moving the stage as one unit preserves every orbit/pod
   relationship and prevents the lower capsule from being clipped. */
@media(min-width:1151px){
  body[data-route="gear"] .gearForgeStage{top:calc(-2% - 108px)!important}
}
@media(min-width:761px) and (max-width:1150px){
  body[data-route="gear"] .gearForgeStage{top:-76px!important}
}
/* Smoked-glass content layer: keep the fixed Quantum Forge visible all the
   way down the route instead of turning the lower page into a black slab.
   Cards retain their own dark surfaces, so copy stays readable without an
   expensive backdrop-filter. */
body[data-route="gear"] .gearContent{
  background:linear-gradient(180deg,rgba(2,5,8,.08) 0,rgba(2,5,8,.34) 150px,rgba(2,5,8,.30) 100%)!important;
}
body[data-route="gear"] .gearContent::before{
  background:linear-gradient(180deg,transparent 0,rgba(2,5,8,.22) 150px,rgba(2,5,8,.30) 320px,rgba(2,5,8,.24) 100%)!important;
  border-top:1px solid rgba(89,235,247,.10);
  box-shadow:0 -34px 72px rgba(3,6,9,.16)!important;
}
/* Route-title baseline: Travel and Gear used to vertically center their copy
   inside tall hero containers. On desktop this aligns both headings with the
   Music, World Cup and Originals title band without moving the artwork,
   statistics or content below. */
@media(min-width:761px){
  body[data-route="travel"] [data-view="travel"] .pageHero{
    justify-content:flex-start!important;
    padding-top:68px!important;
  }
  body[data-route="gear"] [data-view="gear"] .gearIntro{
    align-items:flex-start!important;
  }
  body[data-route="gear"] [data-view="gear"] .gearHeroCopy{
    transform:none!important;
  }
  /* Align the complete live assembly with the illuminated platform opening
     painted into the desktop Forge background. The subject remains slightly
     above the opening so it reads as suspended, not sunken into the floor. */
  body[data-route="gear"] .forgeBackHalo{
    left:68%!important;
    top:49%!important;
  }
  body[data-route="gear"] .forgeCore{
    left:68%!important;
    top:49%!important;
  }
  body[data-route="gear"] .forgePods{
    transform-origin:68% 49%!important;
  }
  body[data-route="gear"] .forgePod{
    left:68%!important;
    top:49%!important;
    width:151px!important;
    height:187px!important;
    margin:-93.5px 0 0 -75.5px!important;
  }
  body[data-route="gear"] .forgeCamera{
    width:419px!important;
    height:391px!important;
  }
  /* A restrained projection column visually anchors the floating camera to
     the bright aperture below while keeping the painted core unobstructed. */
  body[data-route="gear"] .gearForgeStage::before{
    z-index:2!important;
    inset:auto!important;
    left:68%!important;
    top:61%!important;
    width:270px!important;
    height:285px!important;
    transform:translateX(-50%) perspective(420px) rotateX(57deg)!important;
    transform-origin:50% 0!important;
    border-radius:50% 50% 44% 44%!important;
    background:
      radial-gradient(ellipse at 50% 100%,rgba(205,253,255,.42) 0 2%,rgba(82,233,255,.25) 7%,rgba(137,72,255,.15) 25%,transparent 58%),
      linear-gradient(90deg,transparent 10%,rgba(83,226,255,.04) 38%,rgba(188,113,255,.07) 52%,rgba(83,226,255,.04) 66%,transparent 90%)!important;
    filter:blur(3px)!important;
    opacity:.62!important;
    box-shadow:none!important;
  }
}
@media(max-width:760px){
  body[data-route="gear"] .gearContent{
    background:linear-gradient(180deg,rgba(2,5,8,.12),rgba(2,5,8,.42) 150px,rgba(2,5,8,.38))!important;
  }
  body[data-route="gear"] .gearContent::before{
    background:linear-gradient(180deg,transparent,rgba(2,5,8,.32) 150px,rgba(2,5,8,.36) 100%)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body[data-route="gear"] .gearForgeStage{visibility:visible;opacity:1!important}
}

/* ===== source: adimaster-artist-digital-identity ===== */
/* ===== ARTYSTA · LIVING DIGITAL IDENTITY ===== */
[data-view="artist"]{--artist-px:0;--artist-py:0;position:relative!important;isolation:isolate!important;overflow:hidden;min-height:100vh;background:#02060b!important;color:#fff}
[data-view="artist"]::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:url("../../artist-digital-creator-desktop-v2-2k.webp") center/cover no-repeat;opacity:1;transform:scale(1.006)}
[data-view="artist"]::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(1,5,9,.99) 0%,rgba(1,5,9,.94) 24%,rgba(1,5,9,.57) 38%,rgba(1,5,9,.08) 58%,rgba(1,5,9,0) 78%),linear-gradient(180deg,rgba(1,5,9,.18),transparent 46%,rgba(1,5,9,.32) 100%)}
.artistHero{min-height:calc(100vh - 82px);padding:42px 0 34px;display:grid;grid-template-columns:minmax(410px,.78fr) minmax(590px,1.22fr);gap:10px;align-items:center;position:relative}
.artistCopy{position:relative;z-index:30;max-width:660px;transform:translate3d(calc(var(--artist-px)*-4px),calc(var(--artist-py)*-3px),0) translateY(-92px)}
.artistCopy .kicker{display:flex;align-items:center;gap:12px;color:#7ffcf1;text-shadow:0 0 20px rgba(49,242,237,.36)}
.artistCopy .kicker::before{content:"";width:22px;height:1px;background:#6ffcf5;box-shadow:0 0 12px #38f2eb}
.artistTitle{position:relative;margin:26px 0 24px!important;line-height:.78!important;letter-spacing:-.055em!important;text-transform:uppercase;filter:drop-shadow(0 24px 42px rgba(0,0,0,.78));isolation:isolate;width:max-content;max-width:100%}
.artistTitle .artistMain,.artistTitle .artistNanoText{display:block;width:max-content;max-width:100%;font-size:clamp(84px,7.25vw,132px);font-weight:900;line-height:.78;letter-spacing:-.055em}
.artistTitle .artistMain{position:relative;z-index:2;background:repeating-linear-gradient(180deg,rgba(255,255,255,.34) 0 1px,rgba(82,246,255,.1) 2px 4px,rgba(8,36,66,.18) 5px 7px),linear-gradient(108deg,#efffff 0%,#76f9ff 24%,#dffcff 43%,#80a9ff 57%,#b269ff 72%,#62fff1 88%,#e9fbff 100%);background-size:100% 13px,220% 100%;background-position:0 0,0 0;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(117,247,255,.7);text-shadow:0 0 8px rgba(137,248,255,.5),0 0 23px rgba(63,222,255,.26),0 0 44px rgba(136,75,255,.2);filter:drop-shadow(2px 0 0 rgba(104,255,244,.25)) drop-shadow(-2px 0 0 rgba(157,73,255,.18));opacity:0;transform:scale(.992)}
.artistTitle::after{content:"";display:block;width:min(570px,94%);height:2px;margin-top:25px;background:linear-gradient(90deg,#9afff9 0%,#5befff 37%,#9866ff 72%,transparent);box-shadow:0 0 8px #59f9ff,0 0 24px rgba(118,77,255,.58);animation:artistTitleLine 3.2s ease-in-out infinite}
@keyframes artistTitleLine{50%{opacity:.72;transform:scaleX(.985);box-shadow:0 0 13px #59f9ff,0 0 32px rgba(118,77,255,.7)}}
.artistLead{max-width:625px!important;color:#c4cfdb!important;font-size:clamp(17px,1.17vw,20px)!important;line-height:1.55!important;text-shadow:0 3px 18px #000;margin:0 0 26px}
.artistDomains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;max-width:610px}
.artistDomain{position:relative;min-height:118px;padding:18px 16px;border:1px solid rgba(100,225,255,.21);border-radius:5px;background:linear-gradient(145deg,rgba(5,16,27,.68),rgba(11,12,29,.48));box-shadow:inset 0 1px rgba(255,255,255,.035),0 20px 48px rgba(0,0,0,.25);overflow:hidden}
.artistDomain::after{content:"";position:absolute;left:10%;right:10%;bottom:0;height:1px;background:linear-gradient(90deg,#54fff1,transparent 48%,#a456ff)}
.artistDomainIcon{display:block;color:#6ffdf4;font-size:22px;line-height:1;margin-bottom:14px;text-shadow:0 0 16px rgba(82,255,243,.42)}
.artistDomain strong{display:block;color:#a7e7ef;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.artistDomainData{display:block;height:25px;margin-top:14px;opacity:.55;background:linear-gradient(180deg,transparent 45%,rgba(104,232,255,.13) 46% 49%,transparent 50%),repeating-linear-gradient(90deg,transparent 0 6px,rgba(82,241,255,.5) 7px 8px,transparent 9px 12px);clip-path:polygon(0 62%,8% 52%,14% 69%,21% 38%,28% 72%,36% 44%,43% 57%,51% 25%,59% 70%,68% 43%,77% 62%,87% 31%,100% 55%,100% 100%,0 100%)}
.artistSignal{display:flex;align-items:center;gap:9px;margin-top:18px;color:#8fa2b5;font-size:8px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.artistSignal i{width:6px;height:6px;border-radius:50%;background:#64fff2;box-shadow:0 0 0 5px rgba(74,255,242,.08),0 0 18px #55fff1;animation:artistSignal 2.4s ease-in-out infinite}
@keyframes artistSignal{50%{opacity:.45;transform:scale(.68)}}
.artistStage{position:relative;z-index:8;height:min(820px,84vh);min-height:640px;perspective:1200px;transform-style:preserve-3d;overflow:visible}
.artistStage::before{display:none}
.artistStage::after{content:"";position:absolute;z-index:3;left:50%;bottom:14.2%;width:min(248px,24vw);height:44px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(205,255,255,.3) 0 3%,rgba(70,232,255,.13) 18%,rgba(124,73,255,.07) 37%,transparent 71%);border-radius:50%;filter:blur(8px);opacity:.46;pointer-events:none}


















.artistIntelligence{position:relative;z-index:15;padding:0 0 78px}.artistStats{margin:0 0 34px;gap:12px}.artistStats .statCard{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(6,15,25,.62),rgba(15,13,31,.48));backdrop-filter:blur(14px) saturate(120%);border-color:rgba(105,223,255,.18);box-shadow:inset 0 1px rgba(255,255,255,.035),0 20px 65px rgba(0,0,0,.24)}.artistStats .statCard::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#53fff2,#855dff,transparent);opacity:.7}.artistStats .statCard strong{font-size:clamp(28px,2.3vw,40px)}
.artistWorkboard{padding:30px;border:1px solid rgba(97,221,255,.16);border-radius:28px;background:linear-gradient(145deg,rgba(5,13,22,.49),rgba(12,10,26,.4));backdrop-filter:blur(15px);box-shadow:inset 0 1px rgba(255,255,255,.035),0 34px 90px rgba(0,0,0,.28)}.artistWorkboard .sectionHead{margin-bottom:24px}.artistWorkboard .sectionHead h2{font-size:clamp(38px,4.5vw,66px);margin-top:8px}
body.audioPlaying[data-route="artist"] .artistSignal i{animation-duration:.78s}
@media(max-width:1180px){.artistHero{grid-template-columns:minmax(350px,.8fr) minmax(470px,1.2fr)}.artistStage{height:700px;min-height:580px}}
@media(max-width:760px){
  [data-view="artist"]::before{background:#02060b;opacity:1;transform:none}[data-view="artist"]::after{background:linear-gradient(180deg,rgba(2,6,11,.22),rgba(2,6,11,.06) 58%,rgba(2,6,11,.72) 100%)}
  .artistHero{min-height:1120px;padding:56px 0 22px;display:block}.artistCopy{max-width:100%;transform:none}.artistTitle{margin:20px 0 19px!important}.artistTitle .artistMain,.artistTitle .artistNanoText{font-size:clamp(66px,20vw,98px)}.artistLead{max-width:96%!important;font-size:15px!important;margin-bottom:20px}.artistDomains{gap:7px}.artistDomain{min-height:91px;padding:13px 10px}.artistDomainIcon{font-size:18px;margin-bottom:10px}.artistDomain strong{font-size:7px;letter-spacing:.09em}.artistDomainData{height:17px;margin-top:9px}.artistSignal{font-size:7px;letter-spacing:.11em}
  .artistStage{height:700px;min-height:700px;margin:12px -12px 0;background:url("../../artist-digital-creator-mobile-v2-4k.webp") center/cover no-repeat;border-radius:28px;overflow:hidden}.artistStage::after{width:180px;height:36px;bottom:15.7%}
  
  .artistIntelligence{padding-bottom:52px}.artistStats{grid-template-columns:repeat(2,minmax(0,1fr))}.artistStats .statCard:last-child{grid-column:span 2}.artistWorkboard{padding:18px;border-radius:22px}
}
@media(max-width:430px){.artistHero{min-height:1120px}.artistStage{height:650px;min-height:650px}.artistTitle .artistMain,.artistTitle .artistNanoText{font-size:19vw}}
@media(prefers-reduced-motion:reduce){.artistTitle .artistMain{opacity:1!important;clip-path:none!important;transform:none!important}.artistNanoText,.artistTitle::before{display:none!important}.artistTitle .artistMain,.artistTitle::after{animation:none!important}}

/* ===== source: artist-adi-core-audited-final ===== */
/* Final Artysta scene: exactly one visible right-side visual layer. */
body[data-route="artist"] .artistStage{
  background:none!important;
  overflow:hidden!important;
  isolation:isolate!important;
  transform:none!important;
  perspective:none!important;
}
body[data-route="artist"] .artistStage::before,
body[data-route="artist"] .artistStage::after{
  content:none!important;
  display:none!important;
  background:none!important;
}
body[data-route="artist"] .artistApprovedScene{
  position:absolute;
  inset:0;
  z-index:8;
  display:block;
  width:100%;
  height:100%;
  pointer-events:none;
  -webkit-mask-image:none;
  mask-image:none;
}
body[data-route="artist"] .artistApprovedScene img{
  display:block;
  width:102%;
  height:102%;
  max-width:none;
  object-fit:contain;
  object-position:center center;
  transform:translate(-1%,-1%);
  filter:none;
}

@media(max-width:760px){
  body[data-route="artist"] .artistStage{background:none!important}
  body[data-route="artist"] .artistApprovedScene{
    -webkit-mask-image:none;
    mask-image:none;
  }
  body[data-route="artist"] .artistApprovedScene img{
    width:100%;
    height:100%;
    transform:none;
    object-fit:contain;
    object-position:center center;
  }
}

/* ===== CLEANUP 1.4 · ARTYSTA TITLE · TWO INTENTIONAL OVERLAY LAYERS =====
   artistNanoText = build/matrix overlay; artistMain = final title.
   They MUST occupy the same coordinates. No JS controls title visibility. */
body[data-route="artist"] .artistTitle{
  position:relative!important;
  isolation:isolate!important;
  filter:drop-shadow(0 24px 42px rgba(0,0,0,.78))!important;
}
body[data-route="artist"] .artistTitle .artistMain{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  opacity:1;
  transform:none;
  clip-path:none!important;
  animation:none;
  will-change:auto!important;
}
/* This is NOT a second title in layout. It is an absolute visual overlay. */
body[data-route="artist"] .artistNanoText{
  position:absolute!important;
  z-index:3!important;
  left:0!important;
  top:0!important;
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  color:transparent!important;
  background:
    radial-gradient(circle,#f1ffff 0 1.1px,transparent 1.45px) 0 0/7px 7px,
    radial-gradient(circle,#67f7ff 0 .85px,transparent 1.2px) 3px 4px/9px 9px,
    radial-gradient(circle,#a767ff 0 .7px,transparent 1.05px) 1px 2px/13px 13px!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-stroke:.45px rgba(118,244,255,.28)!important;
  opacity:0;
  clip-path:inset(0 100% 0 0);
  pointer-events:none!important;
  transform:translateZ(0);
  filter:drop-shadow(0 0 7px rgba(104,249,255,.55)) drop-shadow(0 0 16px rgba(133,82,255,.28))!important;
  animation:none;
}
body[data-route="artist"] .artistTitleSweep{
  position:absolute!important;
  z-index:5!important;
  top:-10%!important;
  left:-8px!important;
  width:9px!important;
  height:96%!important;
  border-radius:999px!important;
  pointer-events:none!important;
  opacity:0;
  background:linear-gradient(180deg,rgba(230,255,255,.98),rgba(92,246,255,.94) 48%,rgba(163,95,255,.68))!important;
  box-shadow:0 0 10px rgba(111,255,248,.84),0 0 22px rgba(75,231,255,.58),0 0 36px rgba(136,82,255,.30)!important;
  transform:translate3d(0,0,0) skewX(-8deg);
  animation:none;
}
body[data-route="artist"] .artistTitle::before{display:none!important;content:none!important;animation:none!important}
body[data-route="artist"] .artistTitle::after{
  opacity:.92!important;
  transform-origin:left center!important;
  animation:none!important;
}
/* Active route: lightweight build. The final title remains a fallback if animation is unavailable. */
body[data-route="artist"] .view.active[data-view="artist"] .artistNanoText{
  animation:artistNanoBuild14 1.82s .06s cubic-bezier(.2,.72,.18,1) both;
}
body[data-route="artist"] .view.active[data-view="artist"] .artistTitleSweep{
  animation:artistSweep14 1.72s .05s cubic-bezier(.22,.72,.18,1) both;
}
body[data-route="artist"] .view.active[data-view="artist"] .artistTitle .artistMain{
  animation:artistMain14 .48s 1.34s cubic-bezier(.16,.78,.2,1) both;
}
body[data-route="artist"] .view.active[data-view="artist"] .artistTitle::after{
  animation:artistLine14 .72s .26s cubic-bezier(.2,.75,.2,1) both!important;
}
@keyframes artistNanoBuild14{
  0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate3d(0,2px,0)}
  12%{opacity:.88}
  72%{opacity:.95;clip-path:inset(0 0 0 0);transform:translate3d(0,0,0)}
  88%{opacity:.62}
  100%{opacity:0;clip-path:inset(0 0 0 0);transform:translate3d(0,0,0)}
}
@keyframes artistSweep14{
  0%{opacity:0;transform:translate3d(0,0,0) skewX(-8deg)}
  8%{opacity:.94}
  88%{opacity:.70}
  100%{opacity:0;transform:translate3d(calc(570px + 20px),0,0) skewX(-8deg)}
}
@keyframes artistMain14{
  0%{opacity:.08;transform:translate3d(0,1px,0) scale(.996)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes artistLine14{
  0%{opacity:.32;transform:scaleX(.08)}
  100%{opacity:.92;transform:scaleX(1)}
}
@media(max-width:760px){
  body[data-route="artist"] .artistNanoText{left:0!important;top:0!important}
}
@media(prefers-reduced-motion:reduce){
  body[data-route="artist"] .artistTitle .artistMain{opacity:1!important;transform:none!important;animation:none!important}
  body[data-route="artist"] .artistNanoText,
  body[data-route="artist"] .artistTitleSweep{display:none!important;animation:none!important}
  body[data-route="artist"] .artistTitle::after{transform:none!important;animation:none!important}
}

/* ===== CLEANUP 1.7 · ADI CORE VISUAL ALIGNMENT =====
   No rectangular scene overlay. The existing 4K/2K artist wallpaper remains the only background.
   The canvas paints ONLY globe/rings/beam with transparent pixels everywhere else. */
body[data-route="artist"] .artistStage{
  background:none!important;
  overflow:hidden!important;
  isolation:isolate!important;
  perspective:none!important;
  transform:none!important;
}
body[data-route="artist"] .artistApprovedScene{display:none!important}
body[data-route="artist"] .artistStage::before,
body[data-route="artist"] .artistStage::after{content:none!important;display:none!important}
body[data-route="artist"] .adiCoreCanvas16{
  position:absolute;
  inset:0;
  z-index:14;
  width:100%;
  height:100%;
  display:block;
  background:transparent!important;
  cursor:grab;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
}
body[data-route="artist"] .adiCoreCanvas16.is-dragging{cursor:grabbing}
body[data-route="artist"] .adiCoreFallback16{
  position:absolute;
  z-index:12;
  left:45.8%;
  top:39.7%;
  width:min(54%,480px);
  height:auto;
  transform:translate(-50%,-50%);
  object-fit:contain;
  pointer-events:none;
  opacity:.94;
  filter:drop-shadow(0 0 6px rgba(72,225,255,.10)) drop-shadow(0 0 15px rgba(57,94,255,.065));
  transition:opacity .35s ease;
}
body.adi-core-canvas-ready[data-route="artist"] .adiCoreFallback16{opacity:0}

@media(max-width:760px){
  body[data-route="artist"] .artistStage{background:url("../../artist-digital-creator-mobile-v2-4k.webp") center/cover no-repeat!important;overflow:hidden!important}
  body[data-route="artist"] .adiCoreFallback16{left:46%;top:39.5%;width:min(66%,430px)}
}
@media(prefers-reduced-motion:reduce){
  body[data-route="artist"] .adiCoreCanvas16{cursor:default}
}

/* CLEANUP 1.8 · ADI CORE interaction/polish only; ARTYSTA title rules above are untouched. */

/* ADI CORE 2.0 PREMIUM 4K — globe only. ARTYSTA title untouched. */
body[data-route="artist"] .adiCoreFallback16{
  left:45.0%;top:39.3%;width:min(60%,540px);opacity:.98;
  filter:drop-shadow(0 0 8px rgba(68,226,255,.14)) drop-shadow(0 0 22px rgba(50,105,255,.10));
}
@media(max-width:760px){body[data-route="artist"] .adiCoreFallback16{left:45%;top:39.3%;width:min(70%,460px)}}