:root{
  --bg:#050507;
  --bg-2:#0a0710;
  --panel:rgba(12,9,17,.76);
  --line:rgba(153,77,255,.22);
  --green:#7dff19;
  --green-2:#b6ff6c;
  --purple:#9b35ff;
  --purple-2:#cf7cff;
  --white:#f5f3f8;
  --muted:#b8b2c1;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--white);
  font-family:Inter,system-ui,sans-serif;
  overflow-x:hidden;
}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.page-noise{
  position:fixed;inset:0;pointer-events:none;z-index:100;
  opacity:.035;
  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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")
}
.cursor-glow{
  position:fixed;width:320px;height:320px;border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(circle,rgba(130,255,25,.08),transparent 65%);
  transform:translate(-50%,-50%);opacity:0;transition:opacity .3s
}
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:60;
  height:76px;padding:0 max(22px,calc((100vw - var(--max))/2));
  display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(to bottom,rgba(5,5,7,.92),rgba(5,5,7,.2));
  backdrop-filter:blur(12px)
}
.brand{display:flex;align-items:center;gap:12px;letter-spacing:.12em}
.brand-symbol{width:34px;height:34px;fill:var(--purple);filter:drop-shadow(0 0 10px rgba(155,53,255,.65))}
.brand b{display:block;font-family:"Barlow Condensed";font-size:19px}
.brand small{display:block;font-size:10px;letter-spacing:.42em;color:var(--muted);margin-top:2px}
.main-nav{display:flex;gap:28px;align-items:center}
.main-nav a{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#d7d1dd;transition:.25s}
.main-nav a:hover{color:var(--green)}
.menu-button{display:none;background:none;border:0;width:42px;height:42px;position:relative}
.menu-button span{position:absolute;width:23px;height:2px;background:#fff;left:10px;transition:.25s}
.menu-button span:first-child{top:15px}.menu-button span:last-child{top:25px}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;background:#050507}
.hero-image{position:absolute;inset:-2px;background:url("assets/hero.webp") center 34%/cover no-repeat;z-index:-4;transform:scale(1.025);animation:heroAwaken 5.2s cubic-bezier(.2,.75,.2,1) both}
.hero-vignette{position:absolute;inset:-2px;z-index:-2;background:
  linear-gradient(90deg,rgba(5,5,7,.88) 0%,rgba(5,5,7,.48) 43%,rgba(5,5,7,.14) 75%),
  linear-gradient(0deg,var(--bg) 0%,transparent 30%,rgba(5,5,7,.1) 100%)}
.hero-copy{width:min(680px,calc(100% - 42px));margin:0 0 11vh max(24px,calc((100vw - var(--max))/2));position:relative;z-index:2}
.kicker,.eyebrow{font-family:"Barlow Condensed";font-weight:700;letter-spacing:.2em;font-size:13px;color:var(--green)}
.hero h1,.section h2,.hunter-feature h2,.mission-panel h2,.future-panel h2{
  font-family:"Barlow Condensed";text-transform:uppercase;line-height:.9;margin:.18em 0;font-weight:900
}
.hero h1{font-size:clamp(68px,9vw,138px);max-width:900px;text-shadow:0 4px 34px #000}
.hero h1 span{display:block;color:var(--purple);text-shadow:0 0 32px rgba(155,53,255,.35)}
.lead{font-family:"Barlow Condensed";font-size:clamp(26px,3.2vw,44px);font-weight:700;color:var(--green);margin:20px 0 8px}
.sublead{max-width:620px;font-size:18px;line-height:1.65;color:#ddd6e2}
.motto{font-family:"Barlow Condensed";font-size:24px;font-weight:700;color:var(--green);letter-spacing:.03em}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 18px}
.button{
  min-width:170px;padding:15px 22px;border-radius:4px;text-align:center;text-transform:uppercase;
  font-family:"Barlow Condensed";font-weight:800;letter-spacing:.08em;font-size:16px;
  border:1px solid transparent;transition:transform .25s,box-shadow .25s,border-color .25s
}
.button:hover{transform:translateY(-3px)}
.button.primary{background:var(--green);color:#0a1004;box-shadow:0 0 28px rgba(125,255,25,.18)}
.button.primary:hover{box-shadow:0 0 38px rgba(125,255,25,.42)}
.button.secondary{background:linear-gradient(135deg,#58209e,#8c35d7);box-shadow:0 0 28px rgba(155,53,255,.16)}
.hero-links,.secondary-links{display:flex;gap:22px;flex-wrap:wrap}
.hero-links a,.secondary-links a{font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:#ddd6e2;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:4px}
.scroll-indicator{position:absolute;bottom:24px;left:50%;width:28px;height:46px;border:1px solid rgba(255,255,255,.35);border-radius:18px}
.scroll-indicator span{display:block;width:4px;height:8px;border-radius:4px;background:var(--green);margin:8px auto;animation:scrollDot 1.8s infinite}
.section{max-width:var(--max);margin:auto;padding:120px 24px}
.section-index{font-family:"Barlow Condensed";letter-spacing:.22em;color:#797181;font-size:13px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:16px}
.two-column{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:start;margin-top:48px}
.section h2,.hunter-feature h2,.mission-panel h2,.future-panel h2{font-size:clamp(45px,6vw,78px)}
.section h2 span,.hunter-feature h2 span{color:var(--purple)}
.copy,.section-heading>p,.hunter-feature-copy>p,.future-copy>p{font-size:17px;line-height:1.8;color:var(--muted)}
.copy p{margin-top:0;margin-bottom:22px}
.copy strong{color:var(--green)}
.hunter-feature{min-height:780px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;background:radial-gradient(circle at 25% 50%,rgba(155,53,255,.13),transparent 42%),#070609;overflow:hidden}
.hunter-portrait{height:780px;background:url("assets/close.webp") center/cover no-repeat;mask-image:linear-gradient(90deg,#000 78%,transparent);position:relative}
.hunter-feature-copy{max-width:520px;padding:60px 8vw 60px 30px}
.purple{color:var(--purple-2)}
.section-heading{max-width:760px;margin:48px 0 52px}
.section-heading h2{margin-bottom:20px}
.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.concept-card{position:relative;min-height:390px;background:linear-gradient(180deg,rgba(17,12,24,.9),rgba(8,7,11,.88));border:1px solid var(--line);padding:34px;border-radius:8px;overflow:hidden}
.concept-card:after{content:"";position:absolute;inset:auto -20% -50% -20%;height:60%;background:radial-gradient(circle,rgba(155,53,255,.12),transparent 65%)}
.number{position:absolute;right:24px;top:20px;font-family:"Barlow Condensed";font-size:48px;font-weight:800;color:rgba(255,255,255,.06)}
.icon-ring{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(125,255,25,.35);color:var(--green);font-size:26px;box-shadow:inset 0 0 25px rgba(125,255,25,.08)}
.concept-card h3,.phase h3{font-family:"Barlow Condensed";font-size:34px;text-transform:uppercase;margin:28px 0 14px}
.concept-card p{color:var(--muted);line-height:1.7}
.concept-card strong{display:block;color:var(--green);margin-top:22px;font-size:14px;line-height:1.5}
.mini-candle{width:66px;height:70px;position:relative}
.mini-candle b{position:absolute;left:28px;bottom:4px;width:10px;height:36px;background:var(--green);box-shadow:0 0 18px var(--green)}
.mini-candle i{position:absolute;left:31px;bottom:32px;width:4px;height:38px;background:linear-gradient(var(--purple),var(--green));box-shadow:0 0 18px var(--purple)}
.manifesto{margin:34px 0 0;border:1px solid rgba(125,255,25,.2);padding:28px;text-align:center;color:#dcd7e1;line-height:1.7;background:rgba(9,13,6,.35)}
.manifesto span{display:block;color:var(--green);font-family:"Barlow Condensed";font-weight:800;font-size:26px;margin-top:8px}
.mission-panel{min-height:820px;position:relative;display:grid;align-items:center;isolation:isolate;padding:100px 24px}
.mission-image{position:absolute;inset:0;background:url("assets/sunrise.webp") center/cover no-repeat;z-index:-3}
.mission-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,7,.85),rgba(5,5,7,.25),rgba(5,5,7,.85)),linear-gradient(0deg,#050507 0%,transparent 25%,transparent 75%,#050507 100%);z-index:-2}
.mission-grid{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.glass-card{padding:46px;background:rgba(7,6,10,.66);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px)}
.glass-card p:not(.eyebrow):not(.motto){color:#cfc8d4;line-height:1.7}
.phases{display:grid;gap:14px}
.phase{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;padding:32px;border:1px solid var(--line);background:linear-gradient(90deg,rgba(18,12,26,.82),rgba(7,7,10,.72))}
.phase-head span{color:var(--purple-2);font-family:"Barlow Condensed";font-weight:800;letter-spacing:.14em}
.phase h3{margin:8px 0}
.phase ul{columns:2;list-style:none;margin:0;padding:0;align-self:center}
.phase li{margin:13px 0;color:#c8c1ce}
.phase li:before{content:"✓";color:var(--green);margin-right:9px}
.blueprint{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:34px;border:1px solid rgba(125,255,25,.2);background:linear-gradient(90deg,rgba(10,21,5,.36),rgba(28,9,42,.42))}
.blueprint span{padding:12px 16px;border:1px solid rgba(255,255,255,.12);text-transform:uppercase;font-family:"Barlow Condensed";font-weight:800;letter-spacing:.08em}
.blueprint i{color:var(--green);font-style:normal}
.future-panel{min-height:760px;position:relative;display:flex;align-items:center;isolation:isolate;padding:100px 24px}
.future-image{position:absolute;inset:0;background:url("assets/legion.webp") center/cover no-repeat;z-index:-3;transform:scale(1.02)}
.future-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,7,.95),rgba(5,5,7,.62) 48%,rgba(5,5,7,.14)),linear-gradient(0deg,#050507 0%,transparent 28%,#050507 100%);z-index:-2}
.future-copy{width:min(650px,100%);margin-left:max(0px,calc((100vw - var(--max))/2))}
.coming-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:30px}
.coming-grid span{padding:14px 15px;background:rgba(10,7,14,.68);border-left:2px solid var(--green);font-family:"Barlow Condensed";font-size:19px;text-transform:uppercase;letter-spacing:.04em}
.join{padding-top:100px;padding-bottom:100px}
.join-card{text-align:center;padding:70px 25px;border:1px solid var(--line);background:radial-gradient(circle at 50% 100%,rgba(125,255,25,.12),transparent 35%),linear-gradient(180deg,rgba(26,13,39,.55),rgba(7,6,10,.92))}
.join-card h2{max-width:800px;margin:18px auto}
.join-card .cta-row,.join-card .secondary-links{justify-content:center}
.contract{max-width:900px;margin:36px auto 0;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:#050507;border:1px solid rgba(255,255,255,.13);padding:13px}
.contract span{color:var(--green);font-family:"Barlow Condensed";font-weight:800}
.contract code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c9c2d0}
.contract button{border:0;background:var(--purple);color:white;padding:9px 14px;cursor:pointer}
footer{max-width:var(--max);margin:auto;padding:28px 24px 50px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;color:#77717e;font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}
.reveal.visible{opacity:1;transform:none}
@keyframes pulse{50%{opacity:.45;transform:scaleX(1.45)}}
@keyframes scrollDot{0%{transform:translateY(0);opacity:0}35%{opacity:1}100%{transform:translateY(19px);opacity:0}}
@media(max-width:820px){
  .site-header{height:66px;padding:0 18px}
  .menu-button{display:block}
  .main-nav{position:fixed;inset:66px 0 auto 0;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:18px;background:rgba(5,5,7,.98);transform:translateY(-130%);transition:.3s;border-bottom:1px solid var(--line)}
  .main-nav.open{transform:none}
  .main-nav a{width:100%;padding:15px 5px;border-bottom:1px solid rgba(255,255,255,.08)}
  .menu-button.active span:first-child{transform:rotate(45deg);top:21px}.menu-button.active span:last-child{transform:rotate(-45deg);top:21px}
  .hero{min-height:920px;align-items:flex-end}
  .hero-image{background-position:56% center}
  .hero-vignette{background:linear-gradient(0deg,var(--bg) 0%,rgba(5,5,7,.76) 45%,rgba(5,5,7,.18) 100%)}
  .hero-beam{left:66%;height:53%}
  .hero-copy{margin:0 21px 75px;width:calc(100% - 42px)}
  .hero h1{font-size:64px}
  .lead{font-size:28px}
  .sublead{font-size:16px}
  .button{flex:1;min-width:145px}
  .section{padding:86px 20px}
  .two-column,.mission-grid,.concept-grid,.phase,.hunter-feature{grid-template-columns:1fr}
  .two-column{gap:24px}
  .hunter-feature{min-height:auto}
  .hunter-portrait{height:560px;mask-image:linear-gradient(0deg,transparent 0%,#000 20% 100%);background-position:center}
  .hunter-feature-copy{padding:10px 20px 80px}
  .concept-card{min-height:330px}
  .mission-panel{min-height:980px;padding:80px 20px}
  .glass-card{padding:28px}
  .phase{gap:12px}
  .phase ul{columns:1}
  .blueprint{gap:8px}
  .blueprint span{font-size:13px}
  .future-panel{min-height:850px;padding:90px 20px;align-items:flex-end}
  .future-image{background-position:58% center}
  .future-shade{background:linear-gradient(0deg,rgba(5,5,7,.98),rgba(5,5,7,.72) 48%,rgba(5,5,7,.1))}
  .coming-grid{grid-template-columns:1fr}
  .contract{grid-template-columns:1fr auto;text-align:left}.contract span{grid-column:1/-1}
  footer{flex-direction:column;gap:10px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-beam i,.scroll-indicator span{animation:none}
}


/* V2 — integrated citadel charging sequence */
.hero::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:190px;z-index:1;pointer-events:none;
  background:linear-gradient(to bottom,transparent 0%,rgba(5,5,7,.52) 42%,#050507 100%);
}
.citadel-charge{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.energy-core,.energy-rise,.space-beam,.beam-bloom,.energy-particles{position:absolute;left:50%;transform:translateX(-50%)}
.energy-core{
  bottom:9%;width:90px;height:41%;border-radius:50%;opacity:0;
  background:linear-gradient(to top,rgba(125,255,25,.03),rgba(125,255,25,.48) 72%,rgba(220,255,195,.92));
  filter:blur(16px);mix-blend-mode:screen;
  animation:coreCharge 5.3s cubic-bezier(.18,.76,.22,1) .25s both;
}
.energy-rise{
  bottom:15%;width:7px;height:35%;transform:translateX(-50%) scaleY(0);transform-origin:bottom;
  background:linear-gradient(to top,rgba(88,255,0,.08),#7dff19 35%,#dcffc9 100%);
  box-shadow:0 0 9px #7dff19,0 0 25px rgba(125,255,25,.85),0 0 65px rgba(125,255,25,.42);
  animation:energyClimb 2.4s cubic-bezier(.15,.8,.25,1) .6s forwards;
}
.space-beam{
  top:-4%;width:5px;height:55%;transform:translateX(-50%) scaleY(0);transform-origin:bottom;
  background:linear-gradient(to top,#e9ffd8 0%,#baff76 8%,#b664ff 20%,#9b35ff 52%,#e5b6ff 100%);
  box-shadow:0 0 8px #fff,0 0 20px #b664ff,0 0 58px rgba(155,53,255,.85),0 0 110px rgba(155,53,255,.35);
  opacity:0;animation:beamLaunch 1.05s cubic-bezier(.05,.9,.12,1) 2.85s forwards,beamPulse 2.8s ease-in-out 4s infinite;
}
.beam-bloom{
  top:29.5%;width:140px;height:140px;border-radius:50%;opacity:0;
  background:radial-gradient(circle,#fff 0 2%,rgba(206,129,255,.9) 6%,rgba(155,53,255,.28) 24%,transparent 68%);
  mix-blend-mode:screen;animation:bloomFlash 1.4s ease-out 2.9s forwards;
}
.energy-particles{
  bottom:17%;width:180px;height:38%;opacity:0;
  background-image:radial-gradient(circle,#baff76 0 1px,transparent 1.7px),radial-gradient(circle,#c174ff 0 1px,transparent 1.8px);
  background-size:31px 43px,47px 59px;background-position:0 0,12px 17px;
  mask-image:linear-gradient(to top,#000,transparent);animation:particleRise 3.4s ease-out 1.35s forwards;
}
.hero-copy{z-index:3}
.scroll-indicator{z-index:4}
.foundation{position:relative;z-index:4;margin-top:-2px;background:#050507}

/* Brushed aluminum hero typography */
.metal-title{letter-spacing:-.028em}
.metal-title .metal-word{
  display:block;color:transparent;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.15) 0 1px,rgba(0,0,0,.08) 1px 3px),
    linear-gradient(180deg,#fff 0%,#b9bcc2 18%,#f8f8fa 31%,#777b83 48%,#e5e7eb 66%,#9a9da4 82%,#fafafa 100%);
  -webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 5px 0 rgba(0,0,0,.55)) drop-shadow(0 11px 22px rgba(0,0,0,.72));
  -webkit-text-stroke:1px rgba(255,255,255,.12);
}
.metal-title .legion-word{
  display:block;color:transparent;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.09) 0 1px,transparent 1px 3px),
    linear-gradient(180deg,#e3b9ff 0%,#a84cff 24%,#6d16c8 50%,#bd69ff 72%,#7722d3 100%);
  -webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 0 22px rgba(155,53,255,.35)) drop-shadow(0 6px 0 rgba(24,0,40,.75));
  -webkit-text-stroke:1px rgba(214,158,255,.12);
}

@keyframes heroAwaken{
  0%{filter:brightness(.42) saturate(.72);transform:scale(1.055)}
  45%{filter:brightness(.58) saturate(.86)}
  100%{filter:brightness(1) saturate(1.04);transform:scale(1.025)}
}
@keyframes coreCharge{
  0%{opacity:0;transform:translateX(-50%) scale(.45)}
  25%{opacity:.2}
  62%{opacity:.78;transform:translateX(-50%) scale(.9)}
  100%{opacity:.4;transform:translateX(-50%) scale(1.1)}
}
@keyframes energyClimb{
  0%{transform:translateX(-50%) scaleY(0);opacity:0}
  12%{opacity:1}
  100%{transform:translateX(-50%) scaleY(1);opacity:.95}
}
@keyframes beamLaunch{
  0%{transform:translateX(-50%) scaleY(0);opacity:0}
  8%{opacity:1}
  100%{transform:translateX(-50%) scaleY(1);opacity:1}
}
@keyframes bloomFlash{
  0%{opacity:0;transform:translateX(-50%) scale(.15)}
  18%{opacity:1}
  100%{opacity:.18;transform:translateX(-50%) scale(1.35)}
}
@keyframes beamPulse{50%{filter:brightness(1.45);width:7px}}
@keyframes particleRise{
  0%{opacity:0;transform:translate(-50%,32px)}
  30%{opacity:.75}
  100%{opacity:.2;transform:translate(-50%,-50px)}
}

@media(max-width:820px){
  .energy-core,.energy-rise,.space-beam,.beam-bloom,.energy-particles{left:50%}
  .energy-core{bottom:20%;height:32%}
  .energy-rise{bottom:24%;height:27%}
  .space-beam{height:48%}
  .beam-bloom{top:31%}
  .hero::after{height:240px}
}
@media(prefers-reduced-motion:reduce){
  .hero-image,.energy-core,.energy-rise,.space-beam,.beam-bloom,.energy-particles{animation:none!important}
  .energy-rise,.space-beam{transform:translateX(-50%) scaleY(1);opacity:.85}
}
.intro-running .hero-copy{opacity:0;transform:translateY(18px)}
.hero-copy{transition:opacity .9s ease,transform .9s ease}


/* V3: richer brand typography, Hunter Market and ecosystem */
.display-metal,
.concept-card h3,
.market-copy h2,
.ecosystem-section h2,
.market-build .eyebrow {
  letter-spacing:.025em;
}
.display-metal {
  color:#e9e8e8;
  background:
    linear-gradient(180deg,#fff 0%,#b8b8b8 22%,#f5f5f5 42%,#777 51%,#d7d7d7 70%,#8c8c8c 100%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 1px,rgba(0,0,0,.12) 1px 3px);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.9)) drop-shadow(0 0 18px rgba(255,255,255,.08));
}
.hero-slogan{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hero-slogan i{display:block;width:34px;height:1px;background:linear-gradient(90deg,var(--green),var(--purple))}
.language-section{position:relative}
.language-section:before,.ecosystem-section:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 0 0,rgba(155,53,255,.08),transparent 26%),radial-gradient(circle at 100% 100%,rgba(125,255,25,.055),transparent 28%);
}
.concept-grid.expanded{grid-template-columns:repeat(3,1fr)}
.concept-grid.expanded .concept-card{min-height:520px}
.brand-icon{
  width:72px;height:72px;display:grid;place-items:center;
  clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);
  background:linear-gradient(145deg,rgba(155,53,255,.28),rgba(125,255,25,.08));
  box-shadow:0 0 28px rgba(125,255,25,.16);
}
.brand-icon svg,.hex-icon svg{width:43px;height:43px;fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.hunter-candle-visual{height:92px;width:74px;position:relative}
.hunter-candle-visual .chart-body{position:absolute;left:27px;bottom:0;width:19px;height:41px;background:var(--green);box-shadow:0 0 22px var(--green)}
.hunter-candle-visual .charge{position:absolute;left:32px;bottom:35px;width:9px;height:30px;background:linear-gradient(to top,var(--green),#e8ffd6);box-shadow:0 0 19px var(--green)}
.hunter-candle-visual .purple-beam{position:absolute;left:34px;bottom:58px;width:5px;height:36px;background:var(--purple);box-shadow:0 0 17px var(--purple),0 0 35px rgba(155,53,255,.6)}
.hunter-candle-visual .flare{position:absolute;left:23px;bottom:53px;width:27px;height:27px;border-radius:50%;background:radial-gradient(circle,#fff 0,var(--green) 14%,var(--purple) 36%,transparent 70%);filter:blur(1px)}
.principle-strip{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:13px;
  margin-top:34px;padding:26px;border:1px solid rgba(125,255,25,.22);
  background:linear-gradient(90deg,rgba(5,8,5,.9),rgba(28,8,43,.72),rgba(5,8,5,.9));
  font-family:"Barlow Condensed";font-weight:800;letter-spacing:.075em;font-size:15px;
}
.principle-strip span:last-child{color:var(--green)}
.principle-strip i{color:var(--green);font-style:normal;font-size:23px}

.market-section{
  min-height:1050px;position:relative;isolation:isolate;padding:110px 24px;overflow:hidden;
}
.market-backdrop{
  position:absolute;inset:0;z-index:-3;background:
    linear-gradient(90deg,rgba(5,5,7,.97),rgba(5,5,7,.72) 52%,rgba(5,5,7,.35)),
    url("assets/legion.webp") center/cover no-repeat;
}
.market-section:after{
  content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,var(--bg),transparent 18%,transparent 82%,var(--bg));
}
.market-content{width:min(var(--max),100%);margin:auto}
.market-copy{max-width:820px}
.market-copy h2 span{display:block;font-size:.48em;color:#fff;background:none;-webkit-text-fill-color:initial}
.market-copy p:not(.eyebrow):not(.section-index){font-size:17px;line-height:1.78;color:#c9c3ce}
.market-copy strong{color:var(--green)}
.market-forces{
  display:grid;grid-template-columns:1fr auto 1.2fr auto 1fr;align-items:stretch;gap:15px;margin:52px 0;
}
.market-forces article{
  min-height:190px;padding:27px;text-align:center;border:1px solid rgba(255,255,255,.12);
  background:rgba(6,5,9,.78);display:flex;flex-direction:column;justify-content:center;align-items:center;
}
.market-animal{font-family:"Barlow Condensed";font-size:46px;font-weight:900}
.market-animal.bull{color:var(--green)}.market-animal.bear{color:#ff4d59}
.market-forces p{color:#aaa2b1}
.hunter-force{box-shadow:inset 0 0 45px rgba(155,53,255,.1),0 0 34px rgba(125,255,25,.08)}
.hunter-force svg{width:55px;height:55px;fill:var(--purple);filter:drop-shadow(0 0 12px var(--purple))}
.hunter-force span{font-family:"Barlow Condensed";font-size:46px;font-weight:900;color:#fff}
.versus{align-self:center;color:var(--green);font-size:28px}
.market-build{
  padding:32px;border:1px solid rgba(125,255,25,.25);background:rgba(5,7,7,.86);backdrop-filter:blur(10px)
}
.node-flow{display:grid;grid-template-columns:repeat(9,auto);align-items:center;justify-content:space-between;gap:8px;margin-top:28px}
.node-flow>i{font-style:normal;color:var(--green);font-size:28px}
.flow-node{text-align:center;width:150px}
.hex-icon{
  width:82px;height:72px;margin:0 auto 12px;display:grid;place-items:center;
  background:linear-gradient(145deg,rgba(155,53,255,.18),rgba(125,255,25,.08));
  clip-path:polygon(22% 0,78% 0,100% 25%,100% 75%,78% 100%,22% 100%,0 75%,0 25%);
  position:relative;
}
.hex-icon:after{content:"";position:absolute;inset:2px;clip-path:inherit;border:1px solid var(--green);filter:drop-shadow(0 0 6px var(--green))}
.flow-node b{display:block;font-family:"Barlow Condensed";font-size:20px;color:#fff;letter-spacing:.07em}
.flow-node small{display:block;color:#9e96a6;margin-top:4px}

.ecosystem-section{position:relative;background:linear-gradient(180deg,#050507,#09060d 48%,#050507)}
.ecosystem-inner{position:relative}
.ecosystem-loop{position:relative;min-height:850px;max-width:1000px;margin:30px auto 60px}
.ecosystem-loop:before{
  content:"";position:absolute;left:50%;top:50%;width:530px;height:530px;transform:translate(-50%,-50%);
  border:1px solid rgba(155,53,255,.28);border-radius:50%;box-shadow:0 0 70px rgba(155,53,255,.07),inset 0 0 70px rgba(125,255,25,.04)
}
.ecosystem-loop:after{
  content:"";position:absolute;left:50%;top:50%;width:600px;height:600px;transform:translate(-50%,-50%);
  border:1px dashed rgba(125,255,25,.18);border-radius:50%;animation:rotateLoop 35s linear infinite
}
.eco-center{
  position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);
  width:230px;height:230px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  background:radial-gradient(circle,rgba(155,53,255,.25),rgba(5,5,7,.96) 68%);border:1px solid rgba(125,255,25,.4);
  box-shadow:0 0 55px rgba(155,53,255,.3),inset 0 0 45px rgba(125,255,25,.08)
}
.eco-center svg{width:72px;height:72px;fill:var(--purple);filter:drop-shadow(0 0 15px var(--purple))}
.eco-center b{font-family:"Barlow Condensed";font-size:28px;letter-spacing:.08em;margin-top:9px}
.eco-center small{font-size:9px;letter-spacing:.16em;color:var(--green)}
.eco-card{
  position:absolute;z-index:4;width:225px;min-height:170px;padding:22px;border:1px solid rgba(155,53,255,.25);
  background:linear-gradient(145deg,rgba(19,12,28,.9),rgba(5,6,7,.92));box-shadow:0 15px 45px rgba(0,0,0,.35)
}
.eco-card:before{content:"";position:absolute;inset:0;border-left:2px solid var(--green);opacity:.6}
.eco-card h3{font-family:"Barlow Condensed";font-size:25px;text-transform:uppercase;margin:13px 0 7px}
.eco-card p{font-size:13px;line-height:1.55;color:#aaa3b1;margin:0}
.e1{left:0;top:60px}.e2{right:0;top:60px}.e3{right:-40px;top:340px}.e4{right:45px;bottom:30px}.e5{left:45px;bottom:30px}.e6{left:-40px;top:340px}
.mini-figure{height:33px;display:flex;align-items:end;gap:4px}
.mini-figure span{display:block;width:19px;height:19px;border-radius:50% 50% 25% 25%;background:var(--purple);box-shadow:0 0 10px var(--purple)}
.mini-figure span:nth-child(2){height:29px;background:var(--green)}
.mini-icon{height:33px;color:var(--green);font-family:"Barlow Condensed";font-size:29px;font-weight:900}
.chart-mini{display:flex;gap:4px;align-items:end}.chart-mini i{width:7px;background:var(--green)}.chart-mini i:nth-child(1){height:10px}.chart-mini i:nth-child(2){height:16px}.chart-mini i:nth-child(3){height:24px}.chart-mini i:nth-child(4){height:32px}
.sustainable-model{padding:38px;border:1px solid rgba(125,255,25,.22);background:linear-gradient(135deg,rgba(9,18,5,.48),rgba(27,8,39,.52))}
.sustainable-model h3{font-family:"Barlow Condensed";font-size:35px;text-transform:uppercase;max-width:800px}
.loop-equation{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:25px 0}
.loop-equation span{border:1px solid rgba(255,255,255,.13);padding:10px 12px;font-family:"Barlow Condensed";font-weight:800;letter-spacing:.07em}
.loop-equation i{color:var(--green);font-style:normal}
.model-note{color:#908995;font-size:13px;max-width:850px}
@keyframes rotateLoop{to{transform:translate(-50%,-50%) rotate(360deg)}}

@media(max-width:900px){
  .concept-grid.expanded{grid-template-columns:1fr}
  .concept-grid.expanded .concept-card{min-height:auto}
  .market-section{padding:85px 20px}
  .market-forces{grid-template-columns:1fr}
  .versus{transform:rotate(90deg)}
  .node-flow{display:flex;flex-direction:column}
  .node-flow>i{transform:rotate(90deg)}
  .flow-node{width:100%;display:grid;grid-template-columns:85px 1fr;grid-template-rows:auto auto;text-align:left;align-items:center}
  .flow-node .hex-icon{grid-row:1/3;margin:0}
  .ecosystem-loop{min-height:auto;display:grid;gap:12px}
  .ecosystem-loop:before,.ecosystem-loop:after{display:none}
  .eco-center,.eco-card{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none;width:100%}
  .eco-center{height:230px;border-radius:10px}
  .eco-card{min-height:auto}
}
@media(max-width:560px){
  .hero-slogan{font-size:10px;gap:7px}.hero-slogan i{width:17px}
  .principle-strip{align-items:flex-start;justify-content:flex-start;flex-direction:column}
  .principle-strip i{transform:rotate(90deg);margin-left:20px}
  .market-copy h2 span{font-size:.6em}
}


/* =========================================================
   V4 — Sunrise hero, consistent metallic headings,
   brighter imagery, premium force art and ecosystem network
   ========================================================= */

:root{
  --metal-light:#f5f5f4;
  --metal-mid:#b8b8b8;
  --metal-dark:#5f5f62;
}

/* Consistent brushed aluminium heading language */
.brand-heading,
.hero h1,
.section h2,
.hunter-feature h2,
.mission-panel h2,
.future-panel h2,
.market-copy h2,
.ecosystem-section h2 {
  font-family:"Barlow Condensed",sans-serif;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.012em;
  line-height:.9;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.13) 0 1px,
      rgba(0,0,0,.08) 1px 3px
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #dadada 17%,
      #f8f8f8 32%,
      #9d9d9f 49%,
      #ececec 66%,
      #858589 83%,
      #d7d7d8 100%
    );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  filter:
    drop-shadow(0 3px 0 rgba(0,0,0,.72))
    drop-shadow(0 9px 12px rgba(0,0,0,.48));
}

.hero h1 span{
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.14) 0 1px,rgba(0,0,0,.08) 1px 3px),
    linear-gradient(180deg,#dcb9ff 0%,#a94cff 25%,#7221d8 54%,#bd70ff 80%,#681bc1 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 3px 0 rgba(23,2,39,.9)) drop-shadow(0 0 22px rgba(155,53,255,.32));
}

.brand-subheading,
.concept-card h3,
.phase h3,
.eco-card h3,
.sustainable-model h3,
.force-label,
.flow-node b {
  font-family:"Barlow Condensed",sans-serif;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.025em;
}

/* Static sunrise hero — no separate animation or extra candle */
.hero{
  min-height:100svh;
  background:#070608;
}
.hero-image{
  background-image:url("assets/sunrise.webp") !important;
  background-position:center 45% !important;
  background-size:cover !important;
  transform:none !important;
  opacity:1;
}
.hero-vignette{
  background:
    linear-gradient(90deg,rgba(5,5,7,.72) 0%,rgba(5,5,7,.26) 48%,rgba(5,5,7,.06) 82%),
    linear-gradient(0deg,rgba(5,5,7,.9) 0%,rgba(5,5,7,.1) 27%,transparent 62%) !important;
}
.citadel-charge,
.hero-beam,
.intro-running .hero-copy{
  display:none !important;
}
.hero-copy{
  opacity:1 !important;
  transform:none !important;
}

/* Brighter images throughout */
.hunter-portrait{
  filter:saturate(1.12) contrast(1.05) brightness(1.08);
}
.mission-shade{
  background:
    linear-gradient(90deg,rgba(5,5,7,.64),rgba(5,5,7,.12),rgba(5,5,7,.54)),
    linear-gradient(0deg,rgba(5,5,7,.86),transparent 21%,transparent 82%,rgba(5,5,7,.68)) !important;
}
.future-shade{
  background:
    linear-gradient(90deg,rgba(5,5,7,.78),rgba(5,5,7,.35) 50%,rgba(5,5,7,.08)),
    linear-gradient(0deg,rgba(5,5,7,.82),transparent 24%,transparent 80%,rgba(5,5,7,.62)) !important;
}
.market-backdrop{
  background:
    linear-gradient(90deg,rgba(5,5,7,.78),rgba(5,5,7,.43) 54%,rgba(5,5,7,.15)),
    url("assets/legion.webp") center/cover no-repeat !important;
}
.market-section:after{
  background:linear-gradient(0deg,var(--bg),transparent 10%,transparent 92%,var(--bg)) !important;
}

/* Remove visible hard seams / black gaps */
section,
.market-section,
.ecosystem-section,
.future-panel,
.mission-panel{
  margin-top:-1px;
  margin-bottom:-1px;
}
.market-section,
.ecosystem-section,
.blueprint-section,
.future-panel{
  overflow:hidden;
}
.ecosystem-section{
  background:
    radial-gradient(circle at 50% 43%,rgba(155,53,255,.075),transparent 29%),
    linear-gradient(180deg,#050507 0%,#09060d 48%,#050507 100%) !important;
}

/* Premium Bull / Hunter / Bear illustrations */
.market-forces{
  grid-template-columns:1fr auto 1.15fr auto 1fr;
  gap:16px;
}
.force-card{
  min-height:310px !important;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 28%,rgba(255,255,255,.06),transparent 38%),
    linear-gradient(180deg,rgba(14,10,21,.9),rgba(5,5,8,.94)) !important;
}
.force-card:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:4px;
  opacity:.9;
}
.bull-card:after{background:linear-gradient(90deg,transparent,var(--green),transparent)}
.hunter-force:after{background:linear-gradient(90deg,transparent,var(--purple),var(--green),transparent)}
.bear-card:after{background:linear-gradient(90deg,transparent,#ff4457,transparent)}
.force-art{
  height:170px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:-5px 0 8px;
}
.force-art svg{
  width:100%;
  max-width:240px;
  height:165px;
  overflow:visible;
}
.animal-silhouette{
  stroke-width:2;
  filter:drop-shadow(0 0 12px currentColor);
}
.bull-shape{
  fill:url(#bullGlow);
  color:var(--green);
}
.bear-shape{
  fill:#ff4659;
  color:#ff4659;
  filter:drop-shadow(0 0 15px rgba(255,70,89,.5));
}
.hunter-helmet{
  fill:#16131d;
  stroke:#9b35ff;
  stroke-width:3;
  filter:drop-shadow(0 0 14px rgba(155,53,255,.6));
}
.visor{
  fill:var(--green);
  filter:drop-shadow(0 0 10px var(--green));
}
.force-line{
  stroke:rgba(255,255,255,.16);
  stroke-width:1;
}
.force-label{
  font-size:43px;
  display:block;
  margin-top:-8px;
}
.force-label.green{color:var(--green)}
.force-label.purple{color:#c267ff}
.force-label.red{color:#ff5264}

/* Full ticker */
.token-mini{
  width:auto;
  font-size:20px !important;
  letter-spacing:.02em;
  white-space:nowrap;
  color:var(--green);
}

/* Ecosystem connector animation flowing inward */
.ecosystem-loop{
  isolation:isolate;
}
.ecosystem-connectors{
  position:absolute;
  z-index:2;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  overflow:visible;
}
.ecosystem-connectors .connector{
  fill:none;
  stroke:url(#connectorGradient);
  stroke-width:3;
  stroke-linecap:round;
  stroke-dasharray:11 17;
  filter:url(#connectorGlow);
  animation:flowToCenter 2.8s linear infinite;
  opacity:.82;
}
.ecosystem-connectors .c2{animation-delay:-.45s}
.ecosystem-connectors .c3{animation-delay:-.9s}
.ecosystem-connectors .c4{animation-delay:-1.35s}
.ecosystem-connectors .c5{animation-delay:-1.8s}
.ecosystem-connectors .c6{animation-delay:-2.25s}
.center-pulse-ring{
  fill:none;
  stroke:var(--green);
  stroke-width:2;
  opacity:.18;
  transform-origin:500px 425px;
  animation:centerNetworkPulse 2.8s ease-out infinite;
}
.eco-center{
  animation:centerGlow 2.8s ease-in-out infinite;
}
.eco-card{
  backdrop-filter:blur(8px);
}
@keyframes flowToCenter{
  to{stroke-dashoffset:-56}
}
@keyframes centerNetworkPulse{
  0%{transform:scale(.78);opacity:.4}
  70%,100%{transform:scale(1.18);opacity:0}
}
@keyframes centerGlow{
  0%,100%{box-shadow:0 0 35px rgba(155,53,255,.22),inset 0 0 35px rgba(125,255,25,.06)}
  50%{box-shadow:0 0 72px rgba(155,53,255,.42),0 0 30px rgba(125,255,25,.2),inset 0 0 50px rgba(125,255,25,.1)}
}

/* More refined branded icon cards */
.brand-icon,
.hex-icon{
  background:
    linear-gradient(145deg,rgba(155,53,255,.25),rgba(125,255,25,.08)),
    #08070b;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.45));
}
.brand-icon:after,
.hex-icon:before{
  content:"";
  position:absolute;
  inset:5px;
  clip-path:inherit;
  border:1px solid rgba(255,255,255,.08);
}

/* Mobile */
@media(max-width:900px){
  .hero{
    min-height:900px;
  }
  .hero-image{
    background-position:58% center !important;
  }
  .hero-vignette{
    background:
      linear-gradient(0deg,rgba(5,5,7,.92) 0%,rgba(5,5,7,.58) 45%,rgba(5,5,7,.08) 100%) !important;
  }
  .market-forces{
    grid-template-columns:1fr;
  }
  .ecosystem-connectors{
    display:none;
  }
}
@media(prefers-reduced-motion:reduce){
  .ecosystem-connectors .connector,
  .center-pulse-ring,
  .eco-center{
    animation:none !important;
  }
}


/* =========================================================
   V5 — Command Center UI inspired by the approved mockup
   ========================================================= */

.command-title{
  text-align:center;
  margin:0 auto 48px;
}
.command-title .eyebrow{
  font-size:15px;
  letter-spacing:.24em;
}
.command-title .brand-heading{
  margin:.18em auto 0;
  font-size:clamp(58px,7vw,104px);
}

.command-market{
  padding:110px 24px 90px;
  min-height:auto;
}
.command-market .market-backdrop{
  background:
    linear-gradient(180deg,rgba(5,5,7,.68),rgba(5,5,7,.76)),
    url("assets/legion.webp") center/cover no-repeat !important;
}
.market-command-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.market-command-card{
  position:relative;
  min-height:570px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(10,8,15,.52),rgba(5,5,8,.94)),
    rgba(5,5,8,.86);
  border:1px solid rgba(255,255,255,.12);
  clip-path:polygon(0 0,94% 0,100% 7%,100% 100%,6% 100%,0 93%);
}
.market-command-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 36%);
}
.bull-command{box-shadow:inset 0 -4px 0 rgba(125,255,25,.72)}
.hunter-command{box-shadow:inset 0 -4px 0 rgba(155,53,255,.75)}
.bear-command{box-shadow:inset 0 -4px 0 rgba(255,64,88,.75)}
.command-visual{
  min-height:330px;
  display:grid;
  place-items:center;
  padding:35px 25px 10px;
  position:relative;
}
.command-visual svg{
  width:100%;
  max-width:310px;
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.5));
}
.bull-command .command-visual{
  background:radial-gradient(circle at 50% 45%,rgba(125,255,25,.17),transparent 52%);
}
.hunter-command .command-visual{
  background:radial-gradient(circle at 50% 45%,rgba(155,53,255,.2),transparent 53%);
}
.bear-command .command-visual{
  background:radial-gradient(circle at 50% 45%,rgba(255,64,88,.17),transparent 52%);
}
.tower-beam{
  position:absolute;
  top:12px;
  left:50%;
  width:4px;
  height:125px;
  transform:translateX(-50%);
  background:linear-gradient(to top,var(--green),#d7ffc1 36%,var(--purple) 62%);
  box-shadow:0 0 12px var(--green),0 0 25px var(--purple);
}
.command-copy{
  padding:24px 30px 34px;
  position:relative;
}
.command-copy h3{
  margin:0;
  font-family:"Barlow Condensed";
  text-transform:uppercase;
  font-size:48px;
  line-height:1;
}
.command-copy b{
  display:block;
  margin:8px 0 15px;
  font-family:"Barlow Condensed";
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:16px;
}
.bull-command .command-copy b{color:var(--green)}
.hunter-command .command-copy b{color:#c46dff}
.bear-command .command-copy b{color:#ff5266}
.command-copy p{
  color:#bdb6c4;
  line-height:1.65;
  margin:0;
}
.market-number{
  position:absolute;
  top:20px;
  right:28px;
  font-family:"Barlow Condensed";
  font-size:62px;
  font-weight:900;
  color:rgba(255,255,255,.05);
}
.market-definition-panel{
  margin-top:22px;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:40px;
  padding:30px 34px;
  border:1px solid rgba(125,255,25,.2);
  background:linear-gradient(90deg,rgba(8,17,5,.56),rgba(22,8,33,.62));
}
.market-definition-panel h3{
  margin:7px 0 0;
  font-family:"Barlow Condensed";
  text-transform:uppercase;
  font-size:38px;
}
.market-definition-panel>p{
  color:#c6beca;
  line-height:1.72;
}
.market-process{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(9,auto);
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:24px;
  border:1px solid rgba(155,53,255,.24);
  background:rgba(6,5,9,.88);
}
.process-node{
  min-width:145px;
  padding:15px 16px;
  border:1px solid rgba(255,255,255,.1);
  clip-path:polygon(8% 0,100% 0,100% 82%,92% 100%,0 100%,0 18%);
}
.process-node span{
  color:var(--green);
  font-family:"Barlow Condensed";
  font-weight:900;
  font-size:13px;
}
.process-node b{
  display:block;
  font-family:"Barlow Condensed";
  text-transform:uppercase;
  font-size:22px;
}
.process-node small{
  color:#908995;
}
.market-process>i{
  color:var(--green);
  font-style:normal;
  font-size:25px;
}

.command-ecosystem{
  padding:110px 0 95px;
  background:
    radial-gradient(circle at 50% 43%,rgba(155,53,255,.09),transparent 28%),
    linear-gradient(180deg,#050507,#08060d 48%,#050507) !important;
}
.command-ecosystem .ecosystem-inner{
  padding-top:0;
  padding-bottom:0;
}
.ecosystem-command-board{
  position:relative;
  min-height:760px;
  max-width:1120px;
  margin:0 auto;
  border:1px solid rgba(155,53,255,.22);
  background:
    radial-gradient(circle at 50% 50%,rgba(155,53,255,.08),transparent 35%),
    linear-gradient(180deg,rgba(8,7,12,.94),rgba(4,4,7,.98));
  clip-path:polygon(1.5% 0,98.5% 0,100% 3%,100% 97%,98.5% 100%,1.5% 100%,0 97%,0 3%);
  overflow:hidden;
}
.ecosystem-command-board:before,
.ecosystem-command-board:after{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(255,255,255,.035);
  clip-path:inherit;
  pointer-events:none;
}
.command-lines{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:1;
  pointer-events:none;
}
.flow-line{
  fill:none;
  stroke-width:3.2;
  stroke-linecap:round;
  stroke-dasharray:12 15;
  filter:url(#strongGlow);
  animation:commandFlow 2.7s linear infinite;
}
.green-line{stroke:url(#flowGreenPurple)}
.purple-line{stroke:url(#flowGreenPurple);animation-delay:-.8s}
.red-line{stroke:url(#flowPurpleRed);animation-delay:-1.45s}
.network-ring{
  fill:none;
  stroke:#8a35d6;
  stroke-width:1;
  opacity:.2;
  transform-origin:600px 385px;
  animation:ringPulse 3s ease-out infinite;
}
.network-ring.r2{animation-delay:1.25s}
.command-core{
  position:absolute;
  z-index:5;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:290px;
  height:250px;
  clip-path:polygon(20% 0,80% 0,100% 25%,100% 75%,80% 100%,20% 100%,0 75%,0 25%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle,rgba(155,53,255,.2),rgba(6,5,9,.97) 68%);
  border:2px solid #a54cff;
  box-shadow:0 0 35px rgba(155,53,255,.38),inset 0 0 45px rgba(155,53,255,.12);
}
.command-core:before{
  content:"";
  position:absolute;
  inset:12px;
  clip-path:inherit;
  border:1px solid rgba(255,255,255,.16);
}
.command-core svg{
  width:74px;
  height:74px;
  fill:var(--purple);
  filter:drop-shadow(0 0 15px var(--purple));
}
.command-core b{
  font-family:"Barlow Condensed";
  font-size:37px;
  letter-spacing:.06em;
}
.command-core span{
  margin-top:7px;
  color:var(--green);
  font-size:9px;
  letter-spacing:.13em;
  text-align:center;
}
.command-node{
  position:absolute;
  z-index:4;
  width:255px;
  min-height:150px;
  display:grid;
  grid-template-columns:76px 1fr;
  gap:16px;
  align-items:center;
  padding:19px;
  background:linear-gradient(145deg,rgba(18,11,27,.92),rgba(5,5,8,.95));
  border:1px solid rgba(155,53,255,.3);
  clip-path:polygon(8% 0,100% 0,100% 84%,92% 100%,0 100%,0 16%);
}
.command-node:after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:linear-gradient(var(--green),var(--purple));
}
.command-node span{
  color:var(--green);
  font-family:"Barlow Condensed";
  font-weight:900;
  font-size:13px;
}
.command-node h3{
  margin:2px 0 5px;
  font-family:"Barlow Condensed";
  font-size:25px;
  text-transform:uppercase;
}
.command-node p{
  margin:0;
  color:#aaa3b1;
  font-size:12px;
  line-height:1.45;
}
.node-community{left:38px;top:70px}
.node-growth{right:38px;top:70px}
.node-platform{right:18px;top:305px}
.node-token{right:66px;bottom:52px}
.node-wealth{left:66px;bottom:52px}
.node-reinvest{left:18px;top:305px}
.node-icon{
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  clip-path:polygon(22% 0,78% 0,100% 25%,100% 75%,78% 100%,22% 100%,0 75%,0 25%);
  background:#09080d;
  border:2px solid var(--purple);
  color:var(--green);
  font-family:"Barlow Condensed";
  font-weight:900;
  filter:drop-shadow(0 0 12px rgba(155,53,255,.5));
}
.people-icon{display:flex;align-items:end;justify-content:center;gap:3px}
.people-icon i{
  width:15px;height:23px;background:var(--green);border-radius:9px 9px 4px 4px;box-shadow:0 0 8px rgba(125,255,25,.5)
}
.people-icon i:nth-child(2){height:32px}
.bars-icon{display:flex;align-items:end;justify-content:center;gap:4px}
.bars-icon i{width:7px;background:var(--green)}
.bars-icon i:nth-child(1){height:13px}.bars-icon i:nth-child(2){height:22px}.bars-icon i:nth-child(3){height:31px}.bars-icon i:nth-child(4){height:42px}
.token-icon{font-size:14px;color:#ff5268;border-color:#ff5268}
.cube-icon,.diamond-icon,.reinvest-icon{font-size:35px}
.ecosystem-sequence{
  margin:22px auto 0;
  max-width:1120px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  flex-wrap:wrap;
  padding:22px;
  border:1px solid rgba(125,255,25,.18);
  background:rgba(5,5,8,.9);
}
.sequence-node{
  min-width:130px;
  padding:12px 14px;
  text-align:center;
  border:1px solid rgba(155,53,255,.28);
  clip-path:polygon(8% 0,100% 0,100% 82%,92% 100%,0 100%,0 18%);
}
.sequence-node span{
  color:var(--green);
  font-family:"Barlow Condensed";
  font-weight:900;
  font-size:12px;
}
.sequence-node b{
  display:block;
  font-family:"Barlow Condensed";
  text-transform:uppercase;
  font-size:18px;
}
.sequence-node.red{border-color:rgba(255,64,88,.55)}
.sequence-node.red span{color:#ff5268}
.ecosystem-sequence>i{
  color:var(--green);
  font-style:normal;
  font-size:23px;
}
.ecosystem-footer-message{
  max-width:950px;
  margin:22px auto 0;
  text-align:center;
  padding:24px;
  border:1px solid rgba(155,53,255,.22);
  background:linear-gradient(90deg,rgba(5,5,8,.9),rgba(24,9,34,.76),rgba(5,5,8,.9));
}
.ecosystem-footer-message p{
  margin:0 0 8px;
  color:#d5ceda;
  letter-spacing:.05em;
}
.ecosystem-footer-message strong{
  color:var(--green);
  font-family:"Barlow Condensed";
  text-transform:uppercase;
  font-size:24px;
  letter-spacing:.08em;
}
@keyframes commandFlow{
  to{stroke-dashoffset:-54}
}
@keyframes ringPulse{
  0%{transform:scale(.78);opacity:.4}
  100%{transform:scale(1.15);opacity:0}
}

@media(max-width:980px){
  .market-command-grid{grid-template-columns:1fr}
  .market-command-card{min-height:auto}
  .market-definition-panel{grid-template-columns:1fr}
  .market-process{display:flex;flex-direction:column}
  .market-process>i{transform:rotate(90deg)}
  .process-node{width:100%}
  .ecosystem-command-board{
    min-height:auto;
    display:grid;
    gap:12px;
    padding:18px;
  }
  .command-lines{display:none}
  .command-core,
  .command-node{
    position:relative;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none;
    width:100%;
  }
  .command-core{
    height:230px;
    clip-path:polygon(5% 0,95% 0,100% 15%,100% 85%,95% 100%,5% 100%,0 85%,0 15%);
  }
  .command-node{
    min-height:auto;
  }
}


/* =========================================================
   V6 — Character artwork and fully connected AI core
   ========================================================= */

/* Hero title: one consistent aluminium treatment */
.hero-title .hero-title-line{
  display:block;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.13) 0 1px,rgba(0,0,0,.08) 1px 3px),
    linear-gradient(180deg,#fff 0%,#d6d6d6 18%,#f8f8f8 34%,#97979a 51%,#e8e8e8 69%,#858589 84%,#d4d4d5 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  filter:drop-shadow(0 3px 0 rgba(0,0,0,.76)) drop-shadow(0 8px 13px rgba(0,0,0,.48));
}
.hero-title .hero-title-line + .hero-title-line{
  margin-top:.07em;
}

/* Full image-style market characters */
.character-market-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.character-card{
  min-height:650px;
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:
    radial-gradient(circle at 50% 27%,rgba(255,255,255,.06),transparent 38%),
    linear-gradient(180deg,rgba(11,8,16,.82),rgba(4,4,7,.97));
  border:1px solid rgba(255,255,255,.12);
  clip-path:polygon(0 0,94% 0,100% 6%,100% 100%,6% 100%,0 94%);
}
.bull-character{box-shadow:inset 0 -4px 0 rgba(125,255,25,.84)}
.hunter-character{box-shadow:inset 0 -4px 0 rgba(155,53,255,.84)}
.bear-character{box-shadow:inset 0 -4px 0 rgba(255,64,88,.84)}
.character-stage{
  position:relative;
  height:455px;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.character-stage:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,transparent 52%,rgba(4,4,7,.84) 100%),
    repeating-linear-gradient(90deg,transparent 0 42px,rgba(255,255,255,.018) 42px 43px);
}
.bull-character .character-stage{background:radial-gradient(circle at 50% 42%,rgba(125,255,25,.18),transparent 57%)}
.hunter-character .character-stage{background:radial-gradient(circle at 50% 42%,rgba(155,53,255,.22),transparent 59%)}
.bear-character .character-stage{background:radial-gradient(circle at 50% 42%,rgba(255,64,88,.18),transparent 57%)}
.bull-illustration,.bear-illustration{
  position:relative;
  z-index:2;
  width:94%;
  max-height:445px;
  filter:drop-shadow(0 20px 30px rgba(0,0,0,.62));
}
.hunter-stage{
  isolation:isolate;
}
.hunter-character-image{
  position:absolute;
  z-index:2;
  inset:0;
  background:
    linear-gradient(0deg,rgba(4,4,7,.86),transparent 30%),
    url("assets/close.webp") center 22%/cover no-repeat;
  filter:saturate(1.08) contrast(1.06) brightness(1.05);
}
.hunter-character-beam{
  position:absolute;
  z-index:3;
  top:0;
  left:50%;
  width:5px;
  height:180px;
  transform:translateX(-50%);
  background:linear-gradient(to top,var(--green),#e3ffd4 38%,var(--purple) 64%);
  box-shadow:0 0 13px var(--green),0 0 27px var(--purple);
  opacity:.8;
}
.character-particles{
  position:absolute;
  z-index:1;
  inset:0;
  opacity:.4;
  background-image:
    radial-gradient(circle at 20% 28%,currentColor 0 1px,transparent 2px),
    radial-gradient(circle at 78% 35%,currentColor 0 1px,transparent 2px),
    radial-gradient(circle at 64% 72%,currentColor 0 1px,transparent 2px),
    radial-gradient(circle at 31% 68%,currentColor 0 1px,transparent 2px);
  background-size:95px 91px,117px 109px,83px 101px,129px 87px;
}
.bull-character .character-particles{color:var(--green)}
.bear-character .character-particles{color:#ff4058}
.character-copy{
  position:relative;
  flex:1;
  padding:25px 31px 36px;
}
.character-copy h3{
  margin:0;
  font-family:"Barlow Condensed";
  font-size:51px;
  text-transform:uppercase;
  line-height:1;
}
.character-copy b{
  display:block;
  margin:9px 0 15px;
  font-family:"Barlow Condensed";
  font-size:17px;
  text-transform:uppercase;
  letter-spacing:.13em;
}
.bull-character .character-copy b{color:var(--green)}
.hunter-character .character-copy b{color:#c76eff}
.bear-character .character-copy b{color:#ff5266}
.character-copy p{margin:0;color:#bbb4c1;line-height:1.65}

/* Every ecosystem line reaches the center */
.command-lines .flow-line{
  stroke-width:4;
  stroke-dasharray:13 14;
  opacity:.98;
}
.path-community{animation-delay:0s}
.path-growth{animation-delay:-.35s}
.path-platform{animation-delay:-.7s}
.path-token{animation-delay:-1.05s}
.path-wealth{animation-delay:-1.4s}
.path-reinvest{animation-delay:-1.75s}
.command-core{
  overflow:visible;
  isolation:isolate;
}
.core-energy{
  position:absolute;
  z-index:-1;
  left:50%;
  top:50%;
  width:210px;
  height:210px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,#fff 0 1%,var(--green) 7%,var(--purple) 27%,rgba(155,53,255,.12) 53%,transparent 72%);
  animation:coreCharge 2.5s ease-in-out infinite;
}
.core-orbit{
  position:absolute;
  z-index:-1;
  left:50%;
  top:50%;
  border:1px solid rgba(155,53,255,.48);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.orbit-one{
  width:325px;
  height:325px;
  border-style:dashed;
  animation:orbitRotate 14s linear infinite;
}
.orbit-two{
  width:390px;
  height:390px;
  border-color:rgba(125,255,25,.24);
  animation:orbitRotateReverse 20s linear infinite;
}
@keyframes coreCharge{
  0%,100%{transform:translate(-50%,-50%) scale(.88);opacity:.62}
  50%{transform:translate(-50%,-50%) scale(1.12);opacity:1}
}
@keyframes orbitRotate{
  from{transform:translate(-50%,-50%) rotate(0)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes orbitRotateReverse{
  from{transform:translate(-50%,-50%) rotate(360deg)}
  to{transform:translate(-50%,-50%) rotate(0)}
}

@media(max-width:980px){
  .character-market-grid{grid-template-columns:1fr}
  .character-card{min-height:auto}
  .character-stage{height:470px}
  .hunter-character-image{background-position:center 18%}
  .core-energy,.core-orbit{display:none}
}
@media(max-width:560px){
  .character-stage{height:405px}
  .character-copy h3{font-size:44px}
}
@media(prefers-reduced-motion:reduce){
  .core-energy,.core-orbit{animation:none!important}
}

/* =========================
   V7 hard corrections
   ========================= */

/* Hero: both lines are aluminium, never purple */
.hero-title span,
.hero h1 span,
.hero-title .hero-title-line,
.hero-title .hero-title-line + .hero-title-line{
  display:block !important;
  margin-top:.06em !important;
  color:transparent !important;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.14) 0 1px,rgba(0,0,0,.08) 1px 3px),
    linear-gradient(180deg,#ffffff 0%,#dedede 18%,#f7f7f7 34%,#97979a 51%,#e8e8e8 69%,#858589 84%,#d6d6d7 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  filter:drop-shadow(0 3px 0 rgba(0,0,0,.8)) drop-shadow(0 8px 13px rgba(0,0,0,.5)) !important;
  text-shadow:none !important;
}

/* Bull and Bear are real image panels, not icons or vector symbols */
.character-photo{
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  filter:saturate(1.12) contrast(1.08) brightness(1.04);
}
.bull-photo{
  background-image:
    linear-gradient(0deg,rgba(4,4,7,.9) 0%,transparent 34%),
    url("assets/bull-character.webp") !important;
}
.bear-photo{
  background-image:
    linear-gradient(0deg,rgba(4,4,7,.9) 0%,transparent 34%),
    url("assets/bear-character.webp") !important;
}

/* Six fully visible lines, each with an arrow reaching the exact center */
.command-lines{
  z-index:3 !important;
  overflow:visible !important;
}
.command-lines .flow-line{
  fill:none !important;
  stroke-width:5 !important;
  stroke-linecap:round !important;
  stroke-dasharray:14 12 !important;
  filter:url(#strongGlow) !important;
  opacity:1 !important;
  animation:flowToCore 2.2s linear infinite !important;
}
.line-green{stroke:#7dff19 !important}
.line-purple{stroke:#9b35ff !important}
.line-red{stroke:#ff4058 !important}
.l2{animation-delay:-.3s !important}
.l3{animation-delay:-.6s !important}
.l4{animation-delay:-.9s !important}
.l5{animation-delay:-1.2s !important}
.l6{animation-delay:-1.5s !important}
@keyframes flowToCore{to{stroke-dashoffset:-52}}

.command-core{
  z-index:6 !important;
}
.command-node{
  z-index:5 !important;
}
.node-port{
  position:absolute;
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 12px var(--green),0 0 24px rgba(125,255,25,.75);
}
.node-community .node-port{right:-6px;top:50%}
.node-growth .node-port{left:-6px;top:50%}
.node-platform .node-port{left:-6px;top:50%}
.node-token .node-port{left:-6px;top:50%;background:#ff4058;box-shadow:0 0 12px #ff4058,0 0 24px rgba(255,64,88,.75)}
.node-wealth .node-port{right:-6px;top:50%}
.node-reinvest .node-port{right:-6px;top:50%}

/* Make the core unmistakably charged */
.command-core{
  box-shadow:
    0 0 35px rgba(155,53,255,.52),
    0 0 65px rgba(125,255,25,.16),
    inset 0 0 52px rgba(155,53,255,.18) !important;
}
.core-energy{
  width:235px !important;
  height:235px !important;
  background:radial-gradient(circle,#fff 0 2%,#7dff19 7%,#9b35ff 30%,rgba(155,53,255,.16) 52%,transparent 73%) !important;
}

/* =========================================================
   V8 — Clean character imagery
   ========================================================= */

/* Bull and Bear: character-only crops, no embedded icons */
.bull-photo{
  background-image:
    linear-gradient(0deg,rgba(4,4,7,.88) 0%,transparent 31%),
    url("assets/bull-character-clean.webp") !important;
  background-size:cover !important;
  background-position:center 38% !important;
}
.bear-photo{
  background-image:
    linear-gradient(0deg,rgba(4,4,7,.88) 0%,transparent 31%),
    url("assets/bear-character-clean.webp") !important;
  background-size:cover !important;
  background-position:center 38% !important;
}

/* Hunter: clean Brand Bible portrait, without candle or helmet symbol */
.hunter-character-image{
  background-image:
    linear-gradient(0deg,rgba(4,4,7,.88) 0%,transparent 30%),
    url("assets/hunter-character-clean.webp") !important;
  background-position:center 16% !important;
  background-size:cover !important;
}
.hunter-character-beam{
  display:none !important;
}

/* Let each character fill the visual area more strongly */
.character-stage{
  height:475px !important;
}
.character-photo,
.hunter-character-image{
  filter:saturate(1.1) contrast(1.07) brightness(1.04) !important;
}
@media(max-width:980px){
  .character-stage{height:500px !important}
}
@media(max-width:560px){
  .character-stage{height:420px !important}
}

/* =========================================================
   V9 — Correct character proportions
   ========================================================= */

/* Use real image elements so browser never stretches the artwork */
.character-image-stage{
  height:475px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  overflow:hidden !important;
  padding:18px 18px 0 !important;
  position:relative;
}
.character-image-stage:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:34%;
  background:linear-gradient(0deg,rgba(4,4,7,.94),transparent);
  pointer-events:none;
  z-index:2;
}
.market-character-image{
  display:block;
  position:relative;
  z-index:1;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  flex:none !important;
  transform:none !important;
}

/* Individual framing without distortion */
.bull-market-image{
  max-width:92% !important;
  max-height:94% !important;
}
.hunter-market-image{
  max-width:88% !important;
  max-height:96% !important;
}
.bear-market-image{
  max-width:92% !important;
  max-height:94% !important;
}

/* Disable old background-image character rules */
.character-photo,
.bull-photo,
.bear-photo,
.hunter-character-image{
  background-image:none !important;
  background:none !important;
  filter:none !important;
}

/* Maintain equal card geometry */
.character-card{
  grid-template-rows:475px auto;
}
.character-copy{
  min-height:205px;
}

@media(max-width:980px){
  .character-image-stage{
    height:500px !important;
  }
  .character-card{
    grid-template-rows:500px auto;
  }
}
@media(max-width:560px){
  .character-image-stage{
    height:410px !important;
    padding:12px 12px 0 !important;
  }
  .character-card{
    grid-template-rows:410px auto;
  }
  .hunter-market-image{
    max-width:94% !important;
  }
}

/* =========================================================
   V10 — Exact approved Hunter Market artwork
   ========================================================= */

.approved-market-visual{
  margin:0 0 24px;
  width:100%;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:#050507;
  box-shadow:
    0 26px 70px rgba(0,0,0,.48),
    0 0 42px rgba(155,53,255,.08);
  clip-path:polygon(1% 0,99% 0,100% 3%,100% 97%,99% 100%,1% 100%,0 97%,0 3%);
}
.approved-market-visual img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
}
@media(max-width:720px){
  .approved-market-visual{
    overflow-x:auto;
    clip-path:none;
  }
  .approved-market-visual img{
    width:1180px;
    max-width:none;
  }
}

/* =========================================================
   V11 — Exact ecosystem map + mobile swipe guidance
   ========================================================= */

.horizontal-visual-shell{
  position:relative;
  width:100%;
}
.horizontal-scroll-visual{
  margin:0;
  width:100%;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:#050507;
  box-shadow:
    0 26px 70px rgba(0,0,0,.48),
    0 0 42px rgba(155,53,255,.08);
}
.horizontal-scroll-visual img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
}
.mobile-swipe-hint{
  display:none;
}

.exact-ecosystem-section{
  padding:110px 0 95px;
  background:
    radial-gradient(circle at 50% 36%,rgba(155,53,255,.08),transparent 30%),
    linear-gradient(180deg,#050507,#08060d 48%,#050507);
}
.approved-ecosystem-visual{
  clip-path:polygon(1% 0,99% 0,100% 3%,100% 97%,99% 100%,1% 100%,0 97%,0 3%);
}
.ecosystem-summary{
  max-width:980px;
  margin:22px auto 0;
  text-align:center;
  padding:24px;
  border:1px solid rgba(155,53,255,.22);
  background:linear-gradient(90deg,rgba(5,5,8,.9),rgba(24,9,34,.76),rgba(5,5,8,.9));
}
.ecosystem-summary p{
  margin:0 0 8px;
  color:#d5ceda;
  letter-spacing:.05em;
}
.ecosystem-summary strong{
  color:var(--green);
  font-family:"Barlow Condensed";
  text-transform:uppercase;
  font-size:24px;
  letter-spacing:.08em;
}

@media(max-width:720px){
  .horizontal-visual-shell{
    margin-left:-20px;
    width:calc(100% + 40px);
  }
  .horizontal-scroll-visual{
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    clip-path:none;
    border-left:0;
    border-right:0;
  }
  .horizontal-scroll-visual::-webkit-scrollbar{
    display:none;
  }
  .approved-market-visual img{
    width:1180px !important;
    max-width:none !important;
  }
  .approved-ecosystem-visual img{
    width:1220px !important;
    max-width:none !important;
  }
  .mobile-swipe-hint{
    position:absolute;
    z-index:12;
    left:50%;
    bottom:18px;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    gap:10px;
    min-width:max-content;
    padding:10px 15px;
    border:1px solid rgba(125,255,25,.4);
    background:rgba(5,5,8,.88);
    backdrop-filter:blur(8px);
    color:var(--green);
    font-family:"Barlow Condensed";
    font-size:15px;
    text-transform:uppercase;
    letter-spacing:.09em;
    box-shadow:0 0 24px rgba(125,255,25,.15);
    animation:swipeHintPulse 1.8s ease-in-out infinite;
    pointer-events:none;
    transition:opacity .3s ease,transform .3s ease;
  }
  .mobile-swipe-hint b{
    font-weight:800;
  }
  .mobile-swipe-hint span{
    font-size:20px;
    line-height:1;
  }
  .horizontal-visual-shell.has-scrolled .mobile-swipe-hint{
    opacity:0;
    transform:translateX(-50%) translateY(8px);
  }
}
@keyframes swipeHintPulse{
  0%,100%{box-shadow:0 0 18px rgba(125,255,25,.13);opacity:.82}
  50%{box-shadow:0 0 34px rgba(125,255,25,.32);opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .mobile-swipe-hint{animation:none}
}