/* Approved brand-first homepage. Every change is scoped to the catalog hero. */
body.storefront.explore.has-home-hero {
  --home-bg:#080c19; --home-fg:#f4f5ff; --home-muted:#a3acc8;
  --home-grid:rgba(158,181,242,.05); --home-orbit:rgba(166,180,235,.12);
  --background:var(--home-bg); --foreground:var(--home-fg);
  background:var(--home-bg);
}
:root[data-theme="light"] body.storefront.explore.has-home-hero {
  --home-bg:#f4f5fc; --home-fg:#18213d; --home-muted:#626e8d;
  --home-grid:rgba(66,92,176,.055); --home-orbit:rgba(99,100,167,.12);
}
body.has-home-hero .market-header { background:var(--home-bg); border-bottom-color:transparent; }
body.has-home-hero .market-header .mall-header-inner { max-width:1700px; }
body.has-home-hero #mainContent { padding-top:0; }
body.has-home-hero #mainContent > .sr-only { display:none; }
body.has-home-hero .catalog-navigation-row { scroll-margin-top:calc(var(--market-sticky-header-height,72px) + var(--market-announcement-height,0px) + 34px); }
.market-home-hero { position:relative; isolation:isolate; overflow:hidden; min-height:720px; width:calc(100% + 64px); margin:0 -32px 58px; color:var(--home-fg); background:radial-gradient(ellipse at 78% 35%,rgba(70,47,144,.25),transparent 49%),radial-gradient(ellipse at 58% 95%,rgba(32,81,148,.15),transparent 55%),var(--home-bg); }
:root[data-theme="light"] .market-home-hero { background:radial-gradient(ellipse at 78% 35%,#e8e1fb,transparent 52%),radial-gradient(ellipse at 56% 85%,#e5edff,transparent 56%),var(--home-bg); }
.market-home-hero *, .market-home-hero *::before, .market-home-hero *::after { box-sizing:border-box; }
.market-home-hero button, .market-home-hero input { font:inherit; -webkit-tap-highlight-color:transparent; }
.market-home-hero button { cursor:pointer; touch-action:manipulation; }
.market-home-hero img { display:block; max-width:100%; }
.market-home-hero a { color:inherit; text-decoration:none; }
.market-home-hero :is(a,button,input):focus-visible { outline:3px solid #a855f7; outline-offset:5px; }
.market-home-hero .home-icon { width:18px; height:18px; flex:none; }
.home-hero-grid { position:absolute; inset:0; z-index:-2; background-image:linear-gradient(var(--home-grid) 1px,transparent 1px),linear-gradient(90deg,var(--home-grid) 1px,transparent 1px); background-size:65px 65px; mask-image:linear-gradient(90deg,transparent 20%,#000 80%); }
.home-hero-glow { position:absolute; inset:0; z-index:-1; opacity:.4; background:radial-gradient(ellipse at 80% 42%,rgba(125,88,231,.25),transparent 45%); pointer-events:none; }
.home-hero-inner { position:relative; z-index:2; max-width:1640px; padding:100px 50px 90px; margin:auto; pointer-events:none; }
.home-hero-content { max-width:750px; pointer-events:auto; }
.home-hero-eyebrow { display:inline-flex; align-items:center; gap:9px; min-height:44px; margin-bottom:20px; color:var(--home-muted)!important; font-size:13px; }
.home-eyebrow-dot { height:6px; width:6px; border-radius:50%; background:#b59aff; box-shadow:0 0 16px #a855f7; }
.home-hero-eyebrow .home-icon { width:14px; height:14px; margin-left:4px; }
.market-home-hero h1 { margin:0 0 25px; font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-size:clamp(54px,4.8vw,80px); font-weight:750; line-height:1.19; letter-spacing:-3px; text-wrap:balance; color:var(--home-fg); }
.market-home-hero h1>span { background:linear-gradient(105deg,#d8e6ff 8%,#bda0ff 62%,#e2b8f9); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:0 0 50px rgba(168,85,247,.1); }
:root[data-theme="light"] .market-home-hero h1>span { background-image:linear-gradient(105deg,#395cb9 8%,#7650bf 62%,#a34396); }
.home-hero-description { margin:0 0 32px; color:var(--home-muted); font-size:17px; line-height:1.8; letter-spacing:.3px; }
.home-hero-search { display:flex; align-items:center; gap:14px; width:585px; max-width:100%; height:68px; padding:7px 7px 7px 20px; border:1px solid rgba(182,169,242,.3); border-radius:17px; background:rgba(17,23,44,.86); box-shadow:0 10px 40px rgba(0,0,0,.16); }
:root[data-theme="light"] .home-hero-search { background:rgba(255,255,255,.9); border-color:rgba(130,104,196,.23); box-shadow:0 15px 40px rgba(93,52,208,.09); }
.home-hero-search .home-search-icon { color:var(--home-muted); width:21px; height:21px; }
.home-hero-search input { min-width:0; width:100%; height:46px; border:0; outline:0; padding:0; background:transparent; color:var(--home-fg); font-size:14px; box-shadow:none; }
.home-hero-search input::placeholder { color:var(--home-muted); opacity:1; }
.home-hero-search:focus-within { border-color:#a855f7; box-shadow:0 0 0 3px rgba(168,85,247,.13); }
.home-hero-search input:focus-visible { outline:0; }
.home-hero-search button { display:flex; align-items:center; justify-content:center; gap:14px; flex:none; min-width:124px; height:52px; padding:0 15px; border:0; border-radius:11px; color:#fff; background:linear-gradient(110deg,#7561e8,#8b5ad5); font-weight:600; font-size:14px; white-space:nowrap; box-shadow:inset 0 1px 0 rgba(255,255,255,.18); transition:transform .25s,filter .25s; }
.home-hero-search button:hover { filter:brightness(1.1); transform:translateY(-1px); }
.home-quick-search { display:flex; align-items:center; gap:24px; margin-top:10px; color:var(--home-muted); font-size:11px; }
.home-quick-search>span { font-size:10px; margin-right:0; }
.home-quick-search button { min-width:44px; min-height:44px; padding:0; border:0; color:var(--home-muted); background:transparent; font-size:11px; }
.home-quick-search button:hover { color:var(--home-fg); }
.home-hero-platforms { display:flex; align-items:center; gap:24px; margin-top:30px; color:var(--home-muted); }
.home-platform-lead { font-size:11px; white-space:nowrap; }
.home-platform-logos { display:flex; align-items:center; flex-wrap:wrap; gap:24px; }
.home-platform-logos>span { display:flex; align-items:center; gap:8px; color:var(--home-fg); font-size:12px; font-weight:550; white-space:nowrap; }
.home-platform-logos img { width:25px; height:25px; object-fit:contain; }
.home-brand-scene { position:absolute; left:calc(50% + 10px); top:42px; width:700px; height:600px; z-index:1; isolation:isolate; }
.home-scene-aura { position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse at 44% 46%,rgba(88,115,248,.22),transparent 50%),radial-gradient(ellipse at 80% 34%,rgba(174,92,234,.13),transparent 40%); border-radius:50%; animation:home-scene-breathe 12s ease-in-out infinite alternate; }
.home-scene-orbits { position:absolute; inset:0; width:100%; height:100%; stroke:var(--home-orbit); stroke-width:1; }
.home-scene-orbits path { stroke:url(#homeOrbitGlow); stroke-width:1.2; stroke-dasharray:5 9; }
.home-brand-tile { --r:0deg; --d:0s; position:absolute; padding:0; background:none; border:0; border-radius:26%; animation:home-tile-float 8s ease-in-out var(--d) infinite; filter:drop-shadow(0 22px 22px rgba(0,0,0,.12)); }
button.home-brand-tile::after { content:""; position:absolute; inset:-8px; border-radius:26%; }
.home-tile-face { position:relative; display:flex; width:100%; height:100%; align-items:center; justify-content:center; flex-direction:column; gap:12px; border-radius:26%; background:linear-gradient(145deg,#fff 5%,#eef0f7 100%); color:#1c2132; border:1px solid #fff; box-shadow:inset 0 -5px 9px rgba(139,150,186,.08),0 7px 0 #c8cddf,0 9px 1px #797e9c; transform:rotate(var(--r)); transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s; }
.home-tile-face::before { content:""; position:absolute; inset:5px; border:1px solid rgba(255,255,255,.65); border-radius:23%; pointer-events:none; }
.home-tile-face img { object-fit:contain; max-width:58%; max-height:49%; flex:none; }
.home-tile-face>span { font-size:13px; font-weight:650; letter-spacing:-.2px; }
button.home-brand-tile:hover .home-tile-face,button.home-brand-tile:focus-visible .home-tile-face { transform:rotate(0) translateY(-8px); box-shadow:inset 0 -3px 6px rgba(139,150,186,.1),0 7px 0 #c8cddf,0 9px 1px #797e9c,0 0 40px rgba(139,118,236,.3); }
.home-tile-hub { left:275px; top:240px; width:105px; height:105px; --r:-3deg; --d:-4s; z-index:3; }
.home-tile-hub .home-tile-face { background:linear-gradient(145deg,#22273d,#12192c); color:#e7eaff; border-color:#5d6283; box-shadow:inset 0 1px 2px rgba(255,255,255,.25),0 6px 0 #101426,0 9px 0 #292e4d,0 0 55px rgba(146,118,242,.3); gap:6px; }
.home-tile-hub .home-tile-face::before { border-color:rgba(216,215,255,.08); }
.home-tile-hub img { width:48px; height:48px; }.home-tile-hub span { font-size:12px; }
.home-tile-chatgpt { left:42px; top:212px; width:151px; height:151px; --r:-10deg; --d:-1s; z-index:4; }
.home-tile-claude { left:410px; top:135px; width:147px; height:147px; --r:11deg; --d:-4s; z-index:4; }
.home-tile-claude .home-tile-face { background:linear-gradient(145deg,#fff9ef,#f2e3d5); box-shadow:inset 0 -5px 8px rgba(174,126,90,.1),0 7px 0 #d8bca9,0 9px 1px #8c6a5e; border-color:#fff3e6; }
.home-tile-grok { left:352px; top:389px; width:133px; height:133px; --r:8deg; --d:-6s; z-index:4; }
.home-tile-grok .home-tile-face,.home-tile-codex .home-tile-face,.home-tile-x .home-tile-face { background:linear-gradient(145deg,#333949,#141a29); border-color:#596174; color:#fafbff; box-shadow:inset 0 1px 2px rgba(255,255,255,.2),0 7px 0 #13172a,0 9px 1px #3c435a; }
.home-tile-grok .home-tile-face::before,.home-tile-codex .home-tile-face::before,.home-tile-x .home-tile-face::before { border-color:rgba(255,255,255,.05); }
.home-tile-grok img,.home-tile-codex img,.home-tile-x img { filter:brightness(0) invert(1); }
.home-tile-google { left:92px; top:52px; width:103px; height:103px; --r:7deg; --d:-5s; z-index:2; }
.home-tile-codex { left:280px; top:18px; width:99px; height:99px; --r:-7deg; --d:-3s; z-index:2; }
.home-tile-gmail { left:568px; top:37px; width:81px; height:81px; --r:14deg; --d:-7s; z-index:1; }
.home-tile-icloud { left:563px; top:315px; width:94px; height:94px; --r:-8deg; --d:-2s; z-index:2; }
.home-tile-icloud img { filter:invert(45%) sepia(100%) saturate(1700%) hue-rotate(183deg) brightness(100%) contrast(95%); }
.home-tile-x { left:555px; top:475px; width:77px; height:77px; --r:10deg; --d:-6s; z-index:1; }
.home-tile-instagram { left:111px; top:470px; width:88px; height:88px; --r:-6deg; --d:-3s; z-index:2; }
.home-tile-instagram .home-tile-face { background:linear-gradient(140deg,#ffdd86,#ed5684 50%,#8c42d3); border-color:#f6a1c8; color:#fff; box-shadow:inset 0 1px 2px #ffd2d8,0 6px 0 #963c73,0 9px 1px #4f285a; gap:8px; }
.home-tile-instagram img { filter:brightness(0) invert(1); }
.home-tile-gmail .home-tile-face,.home-tile-x .home-tile-face { gap:7px; }
.home-tile-gmail .home-tile-face>span,.home-tile-x .home-tile-face>span,.home-tile-instagram .home-tile-face>span { font-size:10px; }
:root[data-theme="light"] .home-brand-tile { filter:drop-shadow(0 22px 20px rgba(83,93,156,.12)); }
:root[data-theme="light"] .home-tile-hub .home-tile-face { background:linear-gradient(145deg,#fff,#eceafd); color:#514e73; border-color:#fff; box-shadow:inset 0 1px 2px #fff,0 7px 0 #c9c6e1,0 9px 1px #9391b2,0 0 65px #d8d1f2; }
@keyframes home-tile-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-13px); } }
@keyframes home-scene-breathe { 0% { opacity:.65; transform:scale(.97); } 100% { opacity:1; transform:scale(1.04); } }
@media (max-width:1450px) and (min-width:1101px) {
  .home-brand-scene { left:53%; transform:scale(.82); transform-origin:top left; top:90px; }
  .home-hero-content { max-width:640px; }.market-home-hero h1 { font-size:65px; }.home-hero-search { width:535px; }
}
@media (max-width:1100px) and (min-width:901px) {
  .home-brand-scene { left:52%; transform:scale(.65); transform-origin:top left; top:140px; }
  .home-hero-content { max-width:540px; }.market-home-hero h1 { font-size:58px; }.home-hero-search { width:485px; }.home-hero-inner { padding-left:38px; }
}
@media (max-width:900px) {
  .market-home-hero { min-height:1050px; width:calc(100% + 48px); margin-right:-24px; margin-left:-24px; }
  .home-hero-inner { padding:60px 38px 0; }.home-hero-content { max-width:650px; }.market-home-hero h1 { font-size:70px; }
  .home-brand-scene { top:510px; left:calc(50% - 305px); transform:scale(.87); transform-origin:top left; }
  .home-hero-platforms { flex-direction:column; align-items:flex-start; gap:13px; }
}
@media (max-width:760px) { .market-home-hero { width:calc(100% + 36px); margin-right:-18px; margin-left:-18px; } }
@media (max-width:650px) {
  .market-home-hero { min-height:920px; margin-bottom:35px; }
  .home-hero-inner { padding:56px 22px 0; }.home-hero-content { max-width:100%; }
  .market-home-hero h1 { font-size:clamp(36px,10.1vw,62px); letter-spacing:-1.8px; line-height:1.23; margin-bottom:23px; }
  .home-hero-eyebrow { font-size:11px; margin-bottom:16px; }
  .home-hero-description { max-width:100%; font-size:12px; line-height:1.9; margin-bottom:24px; }
  .home-hero-search { width:100%; height:62px; padding:6px 6px 6px 15px; border-radius:13px; gap:10px; }
  .home-hero-search>.home-icon { width:18px; height:18px; }.home-hero-search input { font-size:12px; }
  .home-hero-search button { height:48px; min-width:83px; padding:0 9px; border-radius:8px; font-size:12px; gap:6px; }
  .home-hero-search button .home-icon { width:14px; height:14px; }
  .home-quick-search { gap:18px; white-space:nowrap; font-size:11px; margin-top:10px; }.home-quick-search>span { font-size:10px; }.home-quick-search button { font-size:11px; }
  .home-hero-platforms { margin-top:15px; gap:13px; }.home-platform-lead { font-size:10px; }.home-platform-logos { gap:17px; }.home-platform-logos>span { font-size:10px; gap:7px; }.home-platform-logos img { width:22px; height:22px; }
  .home-brand-scene { top:490px; left:calc(50% - 185.5px); transform:scale(.53); transform-origin:top left; }
  .home-hero-grid { background-size:48px 48px; }.home-scene-orbits { stroke-width:1.5; }
}
@media (max-width:600px) { .market-home-hero { width:calc(100% + 28px); margin-right:-14px; margin-left:-14px; } }
@media (max-width:370px) {
  .market-home-hero { min-height:860px; }.market-home-hero h1 { font-size:clamp(29px,8.9vw,33px); }
  .home-brand-scene { transform:scale(.48); left:calc(50% - 168px); }.home-quick-search { gap:14px; }
}
@media (prefers-reduced-motion:reduce) {
  .home-brand-tile,.home-scene-aura { animation:none; }
  .market-home-hero *,.market-home-hero *::before,.market-home-hero *::after { transition:none!important; }
}