/* Ariam Social Universe — Header + Hero refinement v9.2.1
   Layered over v9.1.0. Focus: premium restraint, motion, depth and responsive UX. */

:root{
  --v92-cyan:#58dcff;
  --v92-blue:#6d86ff;
  --v92-violet:#a178ff;
  --v92-pink:#f35da9;
  --v92-ease:cubic-bezier(.22,.82,.22,1);
}

/* ===== HEADER: more precise, not louder ===== */
.topbar.topbar-v92{
  position:sticky;
  top:max(8px,env(safe-area-inset-top));
  z-index:58;
  isolation:isolate;
  overflow:visible;
  border-color:color-mix(in srgb,var(--v92-cyan) 19%,var(--line));
  box-shadow:0 14px 48px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.035);
}
.topbar-v92::before{
  content:"";
  position:absolute;
  left:22px;right:22px;top:-1px;height:1px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent 0%,rgba(110,132,255,.30) 24%,rgba(86,219,255,.42) 52%,rgba(155,107,255,.24) 76%,transparent 100%);
  pointer-events:none;
  opacity:.8;
}
.topbar-v92 .brand-v91{position:relative}
.topbar-v92 .brand-v91::after{
  content:"";position:absolute;left:51px;bottom:4px;width:0;height:1px;border-radius:999px;
  background:linear-gradient(90deg,var(--v92-cyan),var(--v92-violet));
  transition:width .35s var(--v92-ease);opacity:.65;
}
.topbar-v92 .brand-v91:hover::after{width:54px}
.topbar-v92 .topnav a{position:relative;overflow:hidden}
.topbar-v92 .topnav a::before{
  content:"";position:absolute;inset:4px;border-radius:10px;
  background:radial-gradient(circle at 50% 120%,rgba(88,220,255,.09),transparent 62%);
  opacity:0;transform:translateY(4px);transition:opacity .22s ease,transform .22s ease;pointer-events:none;
}
.topbar-v92 .topnav a:hover::before,.topbar-v92 .topnav a.active::before,.topbar-v92 .topnav a[aria-current="true"]::before{opacity:1;transform:none}

.nav-toggle-v92{display:none!important;position:relative}
.nav-toggle-v92 span{
  position:absolute;left:13px;right:13px;height:1.5px;border-radius:99px;background:currentColor;
  transition:transform .24s var(--v92-ease),top .24s var(--v92-ease),opacity .2s ease;
}
.nav-toggle-v92 span:first-child{top:17px}.nav-toggle-v92 span:last-child{top:25px}
.nav-toggle-v92[aria-expanded="true"] span:first-child{top:21px;transform:rotate(45deg)}
.nav-toggle-v92[aria-expanded="true"] span:last-child{top:21px;transform:rotate(-45deg)}

.mobile-nav-v92{
  position:fixed;
  z-index:57;
  top:calc(max(8px,env(safe-area-inset-top)) + 66px);
  left:50%;
  width:min(calc(100vw - 24px),620px);
  padding:10px;
  border:1px solid color-mix(in srgb,var(--v92-cyan) 20%,var(--line));
  border-radius:22px;
  background:color-mix(in srgb,var(--surface) 95%,transparent);
  box-shadow:0 30px 80px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.035);
  backdrop-filter:blur(24px) saturate(1.22);
  -webkit-backdrop-filter:blur(24px) saturate(1.22);
  transform:translate(-50%,-12px) scale(.985);
  transform-origin:top center;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .2s ease,transform .28s var(--v92-ease),visibility .2s;
}
.mobile-nav-v92.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1)}
.mobile-nav-v92-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}
.mobile-nav-v92-grid a{
  min-height:54px;display:flex;align-items:center;gap:11px;padding:0 14px;border:1px solid transparent;border-radius:14px;
  color:var(--text);font-size:.78rem;font-weight:760;text-decoration:none;background:transparent;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.mobile-nav-v92-grid a span{min-width:22px;color:var(--v92-cyan);font-size:.58rem;font-weight:850;letter-spacing:.08em}
.mobile-nav-v92-grid a:hover,.mobile-nav-v92-grid a:focus-visible{background:var(--surface2);border-color:var(--line);transform:translateY(-1px);outline:none}
.mobile-nav-v92-foot{margin-top:6px;padding:10px 12px 5px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}
.mobile-nav-v92-foot small{color:var(--soft);font-size:.52rem;font-weight:800;letter-spacing:.15em}.mobile-nav-v92-foot a{color:var(--v92-cyan);font-size:.7rem;font-weight:820}

/* ===== HERO: premium minimal constellation ===== */
.hero.hero-v92{
  --v92-spot-x:76%;
  --v92-spot-y:38%;
  --v92-card-rx:0deg;
  --v92-card-ry:0deg;
  --v92-card-rx-neg:0deg;
  --v92-card-ry-neg:0deg;
  position:relative;
  min-height:660px;
  border-radius:38px;
  border-color:color-mix(in srgb,var(--v92-cyan) 19%,var(--line));
  background:
    radial-gradient(660px circle at var(--v92-spot-x) var(--v92-spot-y),rgba(72,188,255,.085),transparent 60%),
    radial-gradient(500px circle at 6% 8%,rgba(116,99,255,.055),transparent 68%),
    linear-gradient(135deg,color-mix(in srgb,var(--surface) 98%,#101a33 2%),color-mix(in srgb,var(--surface) 93%,#061a2a 7%));
  box-shadow:0 34px 100px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.035),0 0 0 1px rgba(255,255,255,.006);
  transition:border-color .45s ease,background-position .3s ease;
}
.hero-v92::before{
  background:
    linear-gradient(90deg,transparent 0 56%,rgba(81,216,255,.018) 75%,transparent 96%),
    radial-gradient(circle,rgba(126,183,255,.22) 0 1px,transparent 1.25px);
  background-size:auto,150px 150px;
  opacity:.27;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 35%,#000 60%,rgba(0,0,0,.72) 100%);
}
.hero-v92::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(115deg,transparent 0 44%,rgba(88,220,255,.018) 53%,transparent 63%);
  opacity:.7;transform:translateX(-24%);
}
.hero-v92.v92-active::after{animation:v92Sweep 14s ease-in-out infinite}
.hero-atmosphere-v92{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.hero-stars-v92{position:absolute;inset:0}
.hero-stars-v92 span{
  position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;
  background:color-mix(in srgb,var(--v92-cyan) var(--c),#fff);
  opacity:var(--o);box-shadow:0 0 calc(var(--s) * 5) rgba(88,220,255,.22);
}
.hero-v92.v92-active .hero-stars-v92 span{animation:v92Star var(--d) ease-in-out var(--delay) infinite}
.hero-beam-v92{
  position:absolute;right:8%;top:6%;width:46%;height:88%;border-radius:50%;
  background:radial-gradient(ellipse,rgba(80,205,255,.055),transparent 66%);filter:blur(22px);opacity:.65;
}
.hero-grain-v92{
  position:absolute;inset:0;opacity:.018;mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}
.hero-v92 .hero-grid{position:relative;z-index:3;min-height:660px;padding:clamp(48px,4.8vw,72px) clamp(42px,5vw,76px);grid-template-columns:minmax(0,1.04fr) minmax(450px,.96fr);gap:clamp(24px,3vw,48px)}
.hero-v92 .hero-copy-block{max-width:665px}
.hero-v92 .kicker{margin-bottom:23px;color:#9aaac7}
.hero-v92 .kicker::before{width:40px;background:linear-gradient(90deg,var(--v92-blue),var(--v92-cyan));box-shadow:0 0 18px rgba(88,220,255,.18)}
.hero-v92 h1{
  font-size:clamp(5.8rem,8.1vw,8.85rem);
  letter-spacing:-.078em;
  text-shadow:0 1px rgba(255,255,255,.03),0 24px 70px rgba(0,0,0,.17);
}
.hero-v92 .hero-universe-title{margin-top:30px;line-height:.91;max-width:670px}
.hero-v92 .hero-universe-title strong{
  background-size:220% 100%;background-position:0 50%;
  background-image:linear-gradient(95deg,#7690ff 0%,#53d7ff 34%,#b68cff 66%,#6f84ff 100%);
  filter:drop-shadow(0 13px 34px rgba(77,160,255,.10));
}
.hero-v92.v92-active .hero-universe-title strong{animation:v92Gradient 11s ease-in-out infinite alternate}
.hero-v92 .hero-copy{margin-top:28px;max-width:620px;line-height:1.68}
.hero-v92 .hero-copy strong{font-weight:700}
.hero-v92 .hero-note{margin-top:11px!important;letter-spacing:.005em}
.hero-v92 .hero-cta{margin-top:27px!important;gap:9px}
.hero-v92 .hero-cta .btn{
  position:relative;overflow:hidden;isolation:isolate;min-height:52px;padding-inline:21px;border-radius:15px;
  transition:transform .22s var(--v92-ease),border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.hero-v92 .hero-cta .btn::after{
  content:"";position:absolute;inset:-1px;z-index:-1;transform:translateX(-120%) skewX(-18deg);width:54%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:transform .55s var(--v92-ease);
}
.hero-v92 .hero-cta .btn:hover::after{transform:translateX(250%) skewX(-18deg)}
.hero-v92 .hero-cta .btn:hover{transform:translateY(-2px)}
.hero-v92 .hero-mini-line{margin-top:25px;letter-spacing:.19em;color:#74839f}
.hero-v92 .hero-signature{margin-top:20px;gap:11px;opacity:.82}
.hero-v92 .hero-signature i{width:27px;background:linear-gradient(90deg,var(--v92-blue),var(--v92-cyan))}

/* world stage and visual signal routing */
.hero-v92 .world-stage{min-height:510px;transform-style:preserve-3d}
.signal-map-v92{
  position:absolute;z-index:1;width:min(590px,112%);height:auto;overflow:visible;opacity:.48;pointer-events:none;
  filter:drop-shadow(0 0 8px rgba(85,201,255,.08));
}
.signal-path-v92{fill:none;stroke:url(#signalGradientV92);stroke-width:1;stroke-linecap:round;stroke-dasharray:4 12;opacity:.42}
.signal-pulse-v92{fill:var(--v92-cyan);opacity:.58;filter:drop-shadow(0 0 5px rgba(88,220,255,.85))}
.hero-v92.v92-active .signal-path-v92{animation:v92Signal 9s linear infinite}.hero-v92.v92-active .signal-b-v92{animation-delay:-3s}.hero-v92.v92-active .signal-c-v92{animation-delay:-6s}
.hero-v92.v92-active .signal-pulse-v92{animation:v92Pulse 3.5s ease-in-out infinite}.hero-v92.v92-active .pulse-b-v92{animation-delay:-1.2s}.hero-v92.v92-active .pulse-c-v92{animation-delay:-2.4s}

.hero-v92 .world-ring{width:466px;height:466px;border-color:rgba(91,179,255,.135);box-shadow:inset 0 0 80px rgba(82,184,255,.014)}
.hero-v92 .world-ring2{width:356px;height:356px;border-color:rgba(145,116,255,.12)}
.hero-v92 .world-ring3{width:544px;height:544px;border-color:rgba(86,216,255,.05)}
.hero-v92 .world-ring3::after{content:"";position:absolute;inset:13%;border:1px dashed rgba(110,139,255,.055);border-radius:50%}

.hero-v92 .identity{
  width:238px;height:330px;border-radius:36px;
  --v92-local-rx:var(--v92-card-rx);--v92-local-ry:var(--v92-card-ry);
  box-shadow:0 28px 76px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.016),0 0 48px rgba(69,174,255,.035);
  will-change:transform;
  transition:transform .52s var(--v92-ease),opacity .42s ease,filter .42s ease,border-color .25s ease,box-shadow .25s ease;
}
.hero-v92 .identity.personal{transform:translate(-116px,-45px) rotate(-5.5deg) rotateX(var(--v92-local-rx)) rotateY(var(--v92-local-ry))}
.hero-v92 .identity.gaming{--v92-local-rx:var(--v92-card-rx-neg);--v92-local-ry:var(--v92-card-ry-neg);transform:translate(122px,52px) rotate(6.5deg) rotateX(var(--v92-local-rx)) rotateY(var(--v92-local-ry))}
.hero-v92 .identity::before{background:linear-gradient(155deg,rgba(255,255,255,.085),transparent 20%,transparent 65%,rgba(3,8,17,.55) 100%)}
.hero-v92 .identity::after{bottom:16px;left:16px;padding:8px 12px;background:rgba(4,9,18,.72);backdrop-filter:blur(10px);letter-spacing:.13em}
.hero-v92 .identity:hover,.hero-v92 .identity:focus-visible{box-shadow:0 34px 90px rgba(0,0,0,.42),0 0 0 1px rgba(101,216,255,.12),0 0 44px rgba(78,189,255,.10)}
html[data-world="personal"] .hero-v92 .identity.personal{transform:translate(-43px,-7px) rotate(-1.5deg) scale(1.07) rotateX(var(--v92-card-rx)) rotateY(var(--v92-card-ry))}
html[data-world="personal"] .hero-v92 .identity.gaming{transform:translate(158px,69px) rotate(8deg) scale(.79);opacity:.30;filter:saturate(.48) brightness(.82)}
html[data-world="gaming"] .hero-v92 .identity.gaming{transform:translate(43px,7px) rotate(1.5deg) scale(1.07) rotateX(var(--v92-card-rx-neg)) rotateY(var(--v92-card-ry-neg))}
html[data-world="gaming"] .hero-v92 .identity.personal{transform:translate(-158px,-69px) rotate(-8deg) scale(.79);opacity:.30;filter:saturate(.48) brightness(.82)}

.hero-v92 .world-core{
  width:94px;height:94px;border-radius:30px;overflow:visible;
  border-color:rgba(92,211,255,.28);
  background:linear-gradient(145deg,rgba(12,37,62,.98),rgba(8,17,35,.98) 68%);
  box-shadow:0 22px 54px rgba(0,0,0,.38),0 0 42px rgba(67,193,255,.105),inset 0 1px rgba(255,255,255,.045);
}
.hero-v92 .world-core::before{
  content:"";position:absolute;inset:13px;border-radius:21px;border:1px solid rgba(91,214,255,.09);pointer-events:none;
}
.hero-v92 .world-core img{width:60px;height:60px}
.core-halo-v92{position:absolute;inset:-18px;border:1px solid rgba(86,208,255,.10);border-radius:38px;opacity:.45;pointer-events:none}
.hero-v92.v92-active .core-halo-v92{animation:v92CoreOrbit 10s linear infinite}

.hero-v92 .platform-node{
  width:46px;height:46px;border-radius:15px;overflow:visible;
  border-color:color-mix(in srgb,currentColor 18%,var(--line));
  background:color-mix(in srgb,var(--surface2) 93%,transparent);
  box-shadow:0 14px 32px rgba(0,0,0,.26),0 0 18px color-mix(in srgb,currentColor 5%,transparent);
  transition:transform .4s var(--v92-ease),box-shadow .22s ease,border-color .22s ease,opacity .3s ease;
}
.hero-v92 .platform-node::after{
  content:attr(data-platform);position:absolute;top:50%;left:calc(100% + 8px);transform:translate(4px,-50%);padding:5px 8px;border:1px solid var(--line);border-radius:9px;
  background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--muted);font-size:.50rem;font-weight:820;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;
  opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;
}
.hero-v92 .platform-node:hover::after,.hero-v92 .platform-node:focus-visible::after{opacity:1;transform:translate(0,-50%)}
.hero-v92 .platform-node.youtube{transform:translate(40px,-225px)}
.hero-v92 .platform-node.instagram{transform:translate(228px,-4px)}
.hero-v92 .platform-node.twitch{transform:translate(-154px,201px)}

.hero-v92 .stage-hint{
  bottom:-3px;min-height:30px;display:flex;align-items:center;gap:7px;padding:6px 10px 6px 8px;
  border-color:rgba(255,255,255,.07);background:rgba(5,13,26,.67);backdrop-filter:blur(12px);color:#74839f;
}
.hero-v92 .stage-hint.is-dismissed{opacity:0;transform:translate(-50%,5px);pointer-events:none}
.hero-v92 .stage-hint strong{color:#9baac4;font-size:.52rem;font-weight:800;letter-spacing:.035em}.hero-v92 .stage-hint span:last-child{font-size:.50rem}.hero-v92 .stage-hint i{width:1px;height:11px;background:rgba(255,255,255,.10)}
.stage-hint-dot-v92{width:6px!important;height:6px!important;border-radius:50%;background:var(--v92-cyan)!important;box-shadow:0 0 10px rgba(88,220,255,.6)}
.hero-v92 .hero-visual-quote{right:-4px;color:#7e91b3;opacity:.76}
.hero-v92 .hero-visual-quote::after{width:34px}

.hero-scroll-v92{
  position:absolute;z-index:6;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;
  color:#7685a0;text-decoration:none;font-size:.50rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.68;
  transition:opacity .2s ease,color .2s ease,transform .2s ease;
}
.hero-scroll-v92 i{width:20px;height:1px;background:linear-gradient(90deg,var(--v92-blue),var(--v92-cyan))}.hero-scroll-v92 b{font-size:.72rem;color:var(--v92-cyan);font-weight:500}
.hero-scroll-v92:hover,.hero-scroll-v92:focus-visible{opacity:1;color:var(--text);transform:translate(-50%,-2px);outline:none}

/* Light mode */
html[data-theme="light"] .hero.hero-v92{
  background:radial-gradient(650px circle at var(--v92-spot-x) var(--v92-spot-y),rgba(72,188,255,.075),transparent 62%),radial-gradient(440px circle at 7% 6%,rgba(118,99,255,.04),transparent 68%),#fff!important;
  border-color:rgba(64,143,220,.16);box-shadow:0 26px 72px rgba(40,61,102,.085),inset 0 1px rgba(255,255,255,.9);
}
html[data-theme="light"] .hero-v92::before{opacity:.11}
html[data-theme="light"] .hero-grain-v92{opacity:.012;mix-blend-mode:multiply}
html[data-theme="light"] .mobile-nav-v92{background:rgba(255,255,255,.96);box-shadow:0 24px 64px rgba(34,52,86,.15)}
html[data-theme="light"] .hero-v92 .stage-hint{background:rgba(255,255,255,.82);border-color:rgba(30,60,100,.08)}

/* ===== RESPONSIVE ===== */
@media (max-width:1240px){
  .hero-v92 .hero-grid{grid-template-columns:minmax(0,1fr) minmax(410px,.94fr);padding:52px 42px;gap:20px}
  .hero-v92 .identity{width:212px;height:294px}.hero-v92 .world-stage{min-height:470px}
  .hero-v92 .world-ring{width:416px;height:416px}.hero-v92 .world-ring2{width:316px;height:316px}.hero-v92 .world-ring3{width:480px;height:480px}
  .hero-v92 .identity.personal{transform:translate(-103px,-40px) rotate(-5.5deg) rotateX(var(--v92-card-rx)) rotateY(var(--v92-card-ry))}
  .hero-v92 .identity.gaming{transform:translate(108px,48px) rotate(6.5deg) rotateX(var(--v92-card-rx-neg)) rotateY(var(--v92-card-ry-neg))}
  .hero-v92 .platform-node.youtube{transform:translate(32px,-202px)}.hero-v92 .platform-node.instagram{transform:translate(201px,-3px)}.hero-v92 .platform-node.twitch{transform:translate(-138px,180px)}
}
@media (max-width:1040px){
  .nav-toggle-v92{display:inline-flex!important}.topbar-v92 .header-search{width:46px;padding:0;justify-content:center}.topbar-v92 .header-search span,.topbar-v92 .header-search kbd{display:none}
  .topbar-v92 .connect-cta span{display:none}.topbar-v92 .connect-cta{width:44px;padding:0}
  .hero.hero-v92{min-height:auto;border-radius:30px}
  .hero-v92 .hero-grid{grid-template-columns:1fr;min-height:auto;padding:48px 42px 37px;gap:16px}
  .hero-v92 .hero-copy-block{text-align:center;margin-inline:auto}.hero-v92 .kicker{justify-content:center}.hero-v92 .hero-universe-title{align-items:center;margin-inline:auto}.hero-v92 .hero-copy{margin-inline:auto}.hero-v92 .hero-cta,.hero-v92 .hero-signature,.hero-v92 .hero-mini-line{justify-content:center}
  .hero-v92 .world-stage{min-height:455px;margin-top:6px}.hero-v92 .hero-scroll-v92{display:none}.hero-v92 .hero-visual-quote{display:none}
}
@media (max-width:720px){
  .topbar.topbar-v92{min-height:58px;padding:6px 7px 6px 9px;border-radius:17px;gap:6px}.topbar-v92 .brand-v91 img{width:37px;height:37px}.topbar-v92 .brand-mini{display:none}.topbar-v92 .brand-word{font-size:.92rem}
  .topbar-v92 .actions{gap:5px}.topbar-v92 .icon-btn,.topbar-v92 .header-search,.topbar-v92 .connect-cta{width:39px!important;height:39px!important;min-height:39px!important;flex-basis:39px!important;border-radius:12px}.topbar-v92 .preferences-wrap{display:none}
  .mobile-nav-v92{top:calc(max(6px,env(safe-area-inset-top)) + 59px);width:min(calc(100vw - 14px),620px);border-radius:18px}
  .hero.hero-v92{border-radius:25px}.hero-v92 .hero-grid{padding:34px 20px 24px}.hero-v92 h1{font-size:clamp(4.4rem,20vw,6.1rem)}.hero-v92 .hero-universe-title{font-size:clamp(2rem,9vw,2.75rem);margin-top:22px}.hero-v92 .hero-copy{margin-top:20px;font-size:.93rem;line-height:1.58}.hero-v92 .hero-note{font-size:.7rem!important}
  .hero-v92 .hero-cta{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:22px!important}.hero-v92 .hero-cta .btn{min-height:48px;padding:0 12px}.hero-v92 .hero-cta .ghost-link{grid-column:1/-1}.hero-v92 .hero-signature{display:none}.hero-v92 .hero-mini-line{margin-top:18px}
  .hero-v92 .world-stage{min-height:350px;margin-top:0}.signal-map-v92{opacity:.27;width:112%}.hero-v92 .identity{width:150px;height:208px;border-radius:28px}.hero-v92 .world-core{width:66px;height:66px;border-radius:22px}.hero-v92 .world-core img{width:43px;height:43px}.hero-v92 .world-ring{width:288px;height:288px}.hero-v92 .world-ring2{width:220px;height:220px}.hero-v92 .world-ring3{width:326px;height:326px}
  .hero-v92 .identity.personal{transform:translate(-73px,-30px) rotate(-5.5deg)}.hero-v92 .identity.gaming{transform:translate(76px,35px) rotate(6.5deg)}
  .hero-v92 .platform-node{width:38px;height:38px;border-radius:12px}.hero-v92 .platform-node::after{display:none}.hero-v92 .platform-node.youtube{transform:translate(22px,-140px)}.hero-v92 .platform-node.instagram{transform:translate(134px,-2px)}.hero-v92 .platform-node.twitch{transform:translate(-91px,123px)}
  .hero-v92 .stage-hint{bottom:-1px}.hero-v92 .stage-hint span:last-child,.hero-v92 .stage-hint i{display:none}
  html[data-world="personal"] .hero-v92 .identity.personal{transform:translate(-27px,-4px) rotate(-1.5deg) scale(1.05)}html[data-world="personal"] .hero-v92 .identity.gaming{transform:translate(108px,45px) rotate(8deg) scale(.76)}
  html[data-world="gaming"] .hero-v92 .identity.gaming{transform:translate(27px,4px) rotate(1.5deg) scale(1.05)}html[data-world="gaming"] .hero-v92 .identity.personal{transform:translate(-108px,-45px) rotate(-8deg) scale(.76)}
}
@media (max-width:390px){
  .topbar-v92 .brand-word{display:inline}.topbar-v92 #shareButton{display:none}.mobile-nav-v92-grid{grid-template-columns:1fr}
  .hero-v92 .hero-grid{padding-inline:16px}.hero-v92 h1{font-size:4.15rem}.hero-v92 .hero-universe-title{font-size:1.93rem}.hero-v92 .hero-cta{grid-template-columns:1fr}.hero-v92 .hero-cta .ghost-link{grid-column:auto}
  .hero-v92 .world-stage{min-height:320px}.hero-v92 .identity{width:132px;height:184px}.hero-v92 .identity.personal{transform:translate(-64px,-26px) rotate(-5.5deg)}.hero-v92 .identity.gaming{transform:translate(66px,31px) rotate(6.5deg)}
  .hero-v92 .world-ring{width:258px;height:258px}.hero-v92 .world-ring2{width:198px;height:198px}.hero-v92 .world-ring3{width:292px;height:292px}.hero-v92 .platform-node.youtube{transform:translate(18px,-128px)}.hero-v92 .platform-node.instagram{transform:translate(121px,0)}.hero-v92 .platform-node.twitch{transform:translate(-83px,112px)}
}
@media (max-height:520px) and (min-width:640px) and (orientation:landscape){
  .topbar.topbar-v92{min-height:50px}.hero.hero-v92{border-radius:22px}.hero-v92 .hero-grid{grid-template-columns:1fr .78fr;padding:24px 28px;gap:14px}.hero-v92 .hero-copy-block{text-align:left}.hero-v92 .kicker{justify-content:flex-start}.hero-v92 .hero-universe-title{align-items:flex-start}.hero-v92 .hero-copy{margin-inline:0}.hero-v92 .hero-cta,.hero-v92 .hero-mini-line{justify-content:flex-start}.hero-v92 .hero-mini-line,.hero-v92 .hero-note{display:none}.hero-v92 .world-stage{min-height:280px}.hero-scroll-v92{display:none!important}
}

/* Motion gates */
@keyframes v92Sweep{0%,14%{transform:translateX(-28%);opacity:.12}44%,56%{transform:translateX(24%);opacity:.62}86%,100%{transform:translateX(70%);opacity:.08}}
@keyframes v92Star{0%,100%{opacity:.08;transform:scale(.75)}50%{opacity:var(--o);transform:scale(1.18)}}
@keyframes v92Gradient{0%{background-position:0% 50%}100%{background-position:100% 50%}}
@keyframes v92Signal{to{stroke-dashoffset:-96}}
@keyframes v92Pulse{0%,100%{opacity:.24;transform:scale(.75)}50%{opacity:.9;transform:scale(1.35)}}
@keyframes v92CoreOrbit{to{transform:rotate(360deg)}}

@media (prefers-reduced-motion:reduce){
  .hero-v92::after,.hero-v92 .hero-universe-title strong,.hero-stars-v92 span,.signal-path-v92,.signal-pulse-v92,.core-halo-v92{animation:none!important}
  .hero-v92{--v92-card-rx:0deg!important;--v92-card-ry:0deg!important}
}
html.lite .hero-v92::after,html.lite .hero-v92 .hero-universe-title strong,html.lite .hero-stars-v92 span,html.lite .signal-path-v92,html.lite .signal-pulse-v92,html.lite .core-halo-v92{animation:none!important}
@media (hover:none){.hero-v92 .platform-node::after{display:none}.hero-v92 .hero-cta .btn::after{display:none}}


/* ===== v9.2.1 PERFORMANCE + READABILITY PATCH =====
   Goal: same premium visual language, fewer continuous effects, no cursor-tracking work,
   and a readable right-side caption that never sits under the identity cards. */

/* Sticky glass blur is expensive while scrolling. Use a near-opaque surface instead. */
.topbar.topbar-v92{
  background:color-mix(in srgb,var(--surface) 97%,#07101f 3%);
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:0 10px 30px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.03);
}
html[data-theme="light"] .topbar.topbar-v92{
  background:rgba(255,255,255,.985);
  box-shadow:0 10px 28px rgba(40,61,102,.07),inset 0 1px rgba(255,255,255,.95);
}

/* Keep the atmosphere static. Large moving gradients, blur filters and animated stars
   look nice in a still image but cost too much during real browsing. */
.hero.hero-v92{
  --v92-spot-x:76%!important;
  --v92-spot-y:38%!important;
  --v92-card-rx:0deg!important;
  --v92-card-ry:0deg!important;
  --v92-card-rx-neg:0deg!important;
  --v92-card-ry-neg:0deg!important;
  box-shadow:0 24px 64px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.032),0 0 0 1px rgba(255,255,255,.005);
  contain:layout paint style;
}
.hero-v92::after{animation:none!important;transform:none!important;opacity:.24}
.hero-beam-v92{filter:none!important;opacity:.42;background:radial-gradient(ellipse,rgba(80,205,255,.045),transparent 68%)}
.hero-grain-v92{display:none!important}
.hero-stars-v92 span{animation:none!important;box-shadow:none!important;opacity:calc(var(--o) * .74)}
.hero-v92 .hero-universe-title strong{animation:none!important;background-position:44% 50%!important}

/* Disable all perpetual orbital motion inherited from v9.1/v9.2.  Interaction still has
   brief transitions, which feel faster and much more deliberate. */
.hero-v92 .world-ring,
.hero-v92 .world-ring2,
.hero-v92 .world-ring3,
.hero-v92 .world-core::after,
.hero-v92 .core-halo-v92,
.hero-v92 .signal-path-v92,
.hero-v92 .signal-pulse-v92{
  animation:none!important;
}
.hero-v92 .world-ring::before,
.hero-v92 .world-ring2::before{
  box-shadow:0 0 10px rgba(81,216,255,.34)!important;
}
.signal-map-v92{filter:none!important;opacity:.32}
.signal-path-v92{stroke-dasharray:2 13;opacity:.34}
.signal-pulse-v92{filter:none!important;opacity:.68}

/* Cards remain dimensional, but are no longer permanently promoted to GPU layers. */
.hero-v92 .identity{
  will-change:auto!important;
  transform-style:flat!important;
  transition:transform .36s var(--v92-ease),opacity .30s ease,filter .30s ease,border-color .18s ease,box-shadow .18s ease;
  box-shadow:0 22px 58px rgba(0,0,0,.31),0 0 0 1px rgba(255,255,255,.014);
}
.hero-v92 .identity::after{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:rgba(4,9,18,.88)!important;
}
.hero-v92 .identity:hover,
.hero-v92 .identity:focus-visible{
  border-color:rgba(101,216,255,.42);
  box-shadow:0 27px 68px rgba(0,0,0,.35),0 0 0 1px rgba(101,216,255,.11);
}

/* Core: one short response only when the universe changes. */
.hero-v92 .world-core{transition:transform .28s var(--v92-ease),border-color .2s ease,box-shadow .2s ease}
.hero-v92.world-switching .world-core{transform:scale(1.055)}
.hero-v92.world-switching .core-halo-v92{opacity:.82;border-color:rgba(88,220,255,.26)}

/* Platform nodes: no moving labels or expensive translucent blur. */
.hero-v92 .platform-node{box-shadow:0 10px 24px rgba(0,0,0,.23);transition:transform .28s var(--v92-ease),border-color .18s ease,box-shadow .18s ease,opacity .24s ease}
.hero-v92 .platform-node::after{background:var(--surface);box-shadow:0 8px 22px rgba(0,0,0,.18)}

/* The old caption was positioned at right:-4px around the vertical center, exactly where
   the Gaming card lives. It now occupies a deliberate quiet zone in the upper-right. */
.hero-v92 .hero-visual-quote{
  top:34px!important;
  right:14px!important;
  bottom:auto!important;
  transform:none!important;
  width:152px;
  min-height:58px;
  padding:10px 11px;
  align-items:flex-end;
  justify-content:center;
  gap:3px;
  text-align:right;
  color:#9baccc!important;
  font-size:.52rem!important;
  line-height:1.42;
  font-weight:800;
  letter-spacing:.15em!important;
  border:1px solid rgba(106,166,230,.12);
  border-radius:13px;
  background:rgba(8,18,34,.78);
  opacity:.92!important;
  z-index:2!important;
}
.hero-v92 .hero-visual-quote::before{
  content:"";
  width:5px;height:5px;border-radius:50%;
  margin-bottom:3px;
  background:var(--v92-cyan);
  box-shadow:0 0 0 4px rgba(88,220,255,.08);
}
.hero-v92 .hero-visual-quote::after{
  width:32px!important;height:1px!important;margin-top:5px!important;
  background:linear-gradient(90deg,transparent,var(--v92-cyan))!important;
}
html[data-theme="light"] .hero-v92 .hero-visual-quote{
  color:#60708c!important;
  background:rgba(255,255,255,.92);
  border-color:rgba(52,112,174,.12);
}

/* The hint is static and opaque enough to avoid another blur layer. */
.hero-v92 .stage-hint{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:rgba(7,15,29,.90)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.14);
}
html[data-theme="light"] .hero-v92 .stage-hint{background:rgba(255,255,255,.96)!important}

/* Adaptive fallbacks: if the global guard detects low FPS, simplify one extra step. */
html.performance-lite .hero-v92 .hero-atmosphere-v92,
html.lite .hero-v92 .hero-atmosphere-v92{opacity:.45}
html.performance-lite .hero-v92 .signal-map-v92,
html.lite .hero-v92 .signal-map-v92{display:none!important}
html.performance-lite .hero-v92 .world-ring3,
html.lite .hero-v92 .world-ring3{display:none!important}
html.performance-lite .hero-v92 .identity,
html.lite .hero-v92 .identity{transition-duration:.18s!important}

/* Laptop widths: preserve the quote only while there is a real empty zone. */
@media (max-width:1380px){
  .hero-v92 .hero-visual-quote{display:none!important}
}
@media (max-width:1240px){
  .hero.hero-v92{contain:layout style}
}
@media (hover:none), (pointer:coarse){
  .hero-v92 .identity:hover{box-shadow:0 22px 58px rgba(0,0,0,.31),0 0 0 1px rgba(255,255,255,.014)}
}