:root{
  --bg:#09070D;--panel:#100C16;--panel2:#0D0A12;--line:#2B2038;
  --purple:#8A2BE2;--orange:#FF7A00;--pink:#C77DFF;--text:#F5F2FF;
  --muted:#AAA0B8;--max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:radial-gradient(circle at 15% 5%,rgba(138,43,226,.18),transparent 30%),
  radial-gradient(circle at 90% 20%,rgba(255,122,0,.12),transparent 28%),var(--bg);
  color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden
}
a{color:inherit;text-decoration:none}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:50;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px max(22px,calc((100vw - var(--max))/2));background:rgba(9,7,13,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(199,125,255,.12)}
.brand{display:flex;align-items:center;gap:10px;font-family:"Space Grotesk";font-weight:800;letter-spacing:.08em}.brand-mark{font-size:24px}
.nav-right{display:flex;align-items:center;gap:12px}
.nav-socials{display:flex;align-items:center;gap:7px}
.nav-socials a,.nav-social-soon{
  width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);
  border-radius:9px;color:#D5CDDB;background:rgba(16,12,22,.72);font-size:15px;
  transition:.2s
}
.nav-socials a:hover{color:var(--orange);border-color:rgba(255,122,0,.55);transform:translateY(-1px)}
.nav-social-soon{color:#766D80;cursor:default}
.nav-links{display:flex;gap:20px;color:#B8AFBF;font-size:12px;text-transform:uppercase;font-weight:800}.nav-links a:hover{color:var(--orange)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--orange);border-radius:12px;background:var(--orange);color:#170B00;font-weight:900;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 0 30px rgba(255,122,0,.14);transition:.2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 0 42px rgba(255,122,0,.28)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--purple)}.btn-small{min-height:38px;padding:0 16px;font-size:12px}
.hero{max-width:var(--max);margin:auto;padding:48px 22px 72px;min-height:calc(100vh - 70px);display:flex;flex-direction:column;justify-content:center;gap:38px}
.hero-copy{position:relative;z-index:2}.eyebrow{color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.16em;margin-bottom:15px}
h1{font-family:"Space Grotesk";font-size:clamp(68px,10vw,132px);line-height:.8;margin:0 0 22px;font-weight:900;letter-spacing:-.07em}
h1 span{display:block;background:linear-gradient(100deg,var(--purple),var(--pink),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-family:"Space Grotesk";font-size:clamp(30px,4vw,56px);line-height:.95;margin:0 0 16px;letter-spacing:-.04em}
.lead{font-size:18px;line-height:1.65;color:#C7C0CF;max-width:700px}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}
.chips{display:flex;flex-wrap:wrap;gap:9px;color:#B9B0C1;font-size:12px}.chips span{border:1px solid var(--line);padding:9px 12px;border-radius:99px;background:rgba(16,12,22,.82)}
.hero-banner{position:relative;border:1px solid rgba(199,125,255,.2);border-radius:24px;overflow:hidden;box-shadow:0 0 70px rgba(138,43,226,.13)}
.hero-banner:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px rgba(0,0,0,.3);pointer-events:none}.hero-banner img{width:100%;display:block}
.section,.feature,.contract,.socials,.trading-section{max-width:var(--max);margin:0 auto;padding:78px 22px}
.section{border-top:1px solid var(--line)}.section-head{margin-bottom:28px}.section-intro{color:var(--muted);line-height:1.7;max-width:780px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,12,22,.97),rgba(10,8,14,.95));border-radius:20px;padding:28px;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.card-icon{font-size:30px}h3{font-family:"Space Grotesk";font-size:20px;margin:20px 0 8px}.card p,.feature p,.contract p{color:var(--muted);line-height:1.65}.fineprint{color:#766D80;text-align:center;font-size:12px;margin-top:22px}
.trading-section{border-top:1px solid var(--line)}
.trading-console{position:relative}
.console-window{
  border:1px solid rgba(199,125,255,.22);border-radius:24px;
  padding:22px;background:linear-gradient(145deg,#100C16,#07050A);
  box-shadow:0 0 70px rgba(138,43,226,.12),inset 0 1px rgba(255,255,255,.03);
  overflow:hidden
}
.console-window:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(138,43,226,.04),transparent);
  animation:scan 4s linear infinite
}
.console-top{position:relative;display:flex;justify-content:space-between;gap:12px;color:#BEB5C6;font-size:11px;font-weight:900;letter-spacing:.08em}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#61FF8A;box-shadow:0 0 12px #61FF8A;margin-right:8px}.live-pill{color:#61FF8A}
.console-grid{position:relative;display:grid;grid-template-columns:1.55fr .8fr;gap:14px;margin:22px 0}
.candles-panel,.profit-panel{position:relative;border:1px solid #21182B;border-radius:16px;background:#07050A;overflow:hidden}
.candles-panel{height:310px;padding:18px;background-image:linear-gradient(rgba(199,125,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(199,125,255,.045) 1px,transparent 1px);background-size:42px 42px}
.panel-label{position:relative;z-index:3;color:#A79CAE;font-size:11px;font-weight:900;letter-spacing:.1em}
.candles{position:absolute;inset:42px 28px 22px;display:flex;align-items:flex-end;justify-content:space-around;gap:9px}
.candle{position:relative;width:16px;border-radius:3px;animation:candlePulse 2.3s ease-in-out infinite alternate;filter:drop-shadow(0 0 5px rgba(255,122,0,.18))}
.candle:before{content:"";position:absolute;left:50%;top:-15px;bottom:-15px;width:2px;transform:translateX(-50%);background:currentColor;opacity:.8}
.candle.up{background:var(--orange);color:#FF9A3D}.candle.down{background:#8A2BE2;color:#C77DFF}
.c1{height:42%;animation-delay:.05s}.c2{height:58%;animation-delay:.15s}.c3{height:47%;animation-delay:.25s}.c4{height:68%;animation-delay:.35s}.c5{height:61%;animation-delay:.45s}.c6{height:54%;animation-delay:.55s}.c7{height:76%;animation-delay:.65s}.c8{height:70%;animation-delay:.75s}.c9{height:65%;animation-delay:.85s}.c10{height:82%;animation-delay:.95s}.c11{height:78%;animation-delay:1.05s}.c12{height:91%;animation-delay:1.15s}
.chart-line{position:absolute;left:7%;right:7%;bottom:18%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--purple) 20%,var(--pink) 50%,var(--orange) 82%,transparent 100%);transform:rotate(-8deg);box-shadow:0 0 12px rgba(199,125,255,.65);animation:lineMove 2.8s ease-in-out infinite alternate}
.price-badge{position:absolute;right:16px;top:15px;color:var(--orange);font-size:9px;font-weight:900;letter-spacing:.09em;border:1px solid rgba(255,122,0,.25);border-radius:99px;padding:6px 9px;background:rgba(255,122,0,.05)}
.profit-panel{min-height:310px;padding:25px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 50% 35%,rgba(255,122,0,.13),transparent 46%),#07050A}
.profit-icon{font-size:42px;animation:coinSpin 2.8s linear infinite;transform-origin:center}
.profit-title{margin-top:14px;color:#B4A9BB;font-size:10px;font-weight:900;letter-spacing:.14em}
.profit-number{margin-top:8px;font-family:"Space Grotesk";font-size:44px;font-weight:900;color:var(--orange);text-shadow:0 0 25px rgba(255,122,0,.22)}
.profit-number span{font-size:22px;vertical-align:top;margin-right:2px}.profit-number strong{font-weight:900}
.profit-label{color:#6F6578;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.money-stream{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:22px;color:#D4CBD9;font-size:9px;font-weight:900;letter-spacing:.06em}
.money-stream b{color:var(--purple);font-size:15px}
.console-flow{position:relative;display:grid;grid-template-columns:1fr auto 1fr auto 1.2fr;align-items:center;gap:10px}
.flow-step{padding:14px;border:1px solid #2B2038;border-radius:12px;background:#0C0910}.flow-step strong{display:block;color:var(--orange);font-size:11px;margin-bottom:7px}.flow-step span{font-size:11px;font-weight:800;line-height:1.3}.flow-arrow{color:var(--purple);font-size:24px}.community{border-color:rgba(255,122,0,.35)}
.terminal-note{position:relative;margin-top:18px;color:#746B7D;font-size:11px;line-height:1.6}
.feature{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(100deg,rgba(138,43,226,.07),rgba(255,122,0,.04))}
.feature-badge{flex:none;padding:14px 18px;border:1px solid var(--orange);border-radius:99px;color:var(--orange);font-weight:900;font-size:12px}
.contract{margin-bottom:10px}.contract-box{display:flex;align-items:center;gap:12px;border:1px solid #3A2B48;border-radius:14px;padding:7px 8px 7px 16px;background:#07050A;overflow:hidden}
.contract-box code{flex:1;overflow:auto;color:#E6DFF0;font-size:13px;white-space:nowrap}.contract-box button{border:1px solid var(--orange);background:var(--orange);color:#170B00;border-radius:9px;padding:11px 15px;font-weight:900;cursor:pointer}
.contract-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;color:#8E8397;font-size:11px;font-weight:800;letter-spacing:.08em}
.socials{border-top:1px solid var(--line)}.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.social-card{display:flex;align-items:center;gap:15px;border:1px solid var(--line);background:rgba(16,12,22,.9);padding:18px;border-radius:16px;transition:.2s}.social-card:hover{transform:translateY(-2px);border-color:rgba(199,125,255,.5)}.social-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#17101E;font-size:22px}.social-card span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}.social-card strong{font-size:14px}.social-card small{color:#8F8497}.social-card b{color:var(--orange)}.social-card.disabled{opacity:.55;cursor:default}.social-card.disabled:hover{transform:none;border-color:var(--line)}
footer{text-align:center;padding:70px 24px 35px;border-top:1px solid var(--line);background:radial-gradient(circle at 50% 0,rgba(138,43,226,.12),transparent 50%)}
.footer-brand{font-family:"Space Grotesk";font-size:42px;font-weight:900;background:linear-gradient(100deg,var(--purple),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
footer p{color:var(--muted)}
.legal-links{display:flex;justify-content:center;gap:10px;color:#AAA0B8;font-size:12px;margin:15px 0}.legal-links a:hover{color:var(--orange)}.risk{max-width:650px;margin:20px auto;font-size:11px!important;color:#6D6475!important;line-height:1.6}.legal-links+ .risk{margin-top:20px}
footer small{color:#625A69}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@keyframes scan{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}} 
@keyframes candlePulse{0%{transform:scaleY(.92);opacity:.82}100%{transform:scaleY(1.08);opacity:1}}
@keyframes lineMove{0%{transform:rotate(-8deg) translateY(3px);opacity:.65}100%{transform:rotate(-5deg) translateY(-4px);opacity:1}}
@keyframes coinSpin{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}
@keyframes float{0%,100%{transform:translate(-50%,-50%) rotate(-1deg)}50%{transform:translate(-50%,-54%) rotate(1deg)}}
@keyframes pulse{0%,100%{transform:translate(-50%,-50%) scale(.92);opacity:.65}50%{transform:translate(-50%,-50%) scale(1.08);opacity:1}}
@keyframes coinA{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(90px,90px) rotate(180deg)}}
@keyframes coinB{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(-100px,110px) rotate(-180deg)}}
@keyframes coinC{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(-70px,-85px) rotate(180deg)}}
@keyframes bars{from{transform:scaleY(.82);transform-origin:bottom}to{transform:scaleY(1.05);transform-origin:bottom}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:900px){
  .nav-links{display:none}.nav-right{margin-left:auto}.cards{grid-template-columns:1fr}
  .console-grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr}
  .flow-arrow{transform:rotate(90deg);justify-self:center}.feature{flex-direction:column;align-items:flex-start}
}
@media(max-width:600px){.hero{padding-top:38px}.section,.feature,.contract,.socials,.trading-section{padding-top:55px;padding-bottom:55px}h1{font-size:clamp(62px,18vw,104px)}.hero-banner{border-radius:16px}.candles-panel{height:280px}.profit-panel{min-height:280px}.contract-box{align-items:stretch;flex-direction:column}.contract-box button{width:100%}}

.legal-page{max-width:900px;margin:0 auto;padding:90px 22px 110px}.legal-page h1{font-size:clamp(54px,9vw,100px);margin-bottom:12px}.legal-lead{color:#7F748A;margin-bottom:35px}.legal-card{border:1px solid var(--line);border-radius:22px;background:rgba(16,12,22,.9);padding:32px}.legal-card h2{font-size:25px;margin:28px 0 9px}.legal-card h2:first-child{margin-top:0}.legal-card p{color:var(--muted);line-height:1.75}.legal-back{margin-top:25px}


/* =========================
   FEEGOBLIN V4 LAYOUT FIX
   ========================= */
html, body {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}
body {
  min-height: 100vh;
  overflow-x: hidden;
}
*, *::before, *::after {
  box-sizing: border-box;
}
img, svg, video {
  max-width: 100%;
  height: auto;
}
main, header, footer, section, nav, div {
  min-width: 0;
}

.nav {
  width: 100%;
  max-width: none;
  padding: 14px clamp(16px, 3vw, 42px);
}
.nav-right {
  flex-wrap: nowrap;
}
.nav-socials {
  gap: 8px;
}
.nav-socials a,
.nav-social-soon {
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  border-radius: 11px;
  font-size: 21px;
  font-weight: 800;
}
.nav-socials a:first-child {
  font-size: 22px;
}
.nav-social-soon {
  font-size: 25px;
}
.btn-small {
  min-height: 42px;
  padding: 0 18px;
}

.hero,
.section,
.feature,
.contract,
.trading-section {
  width: 100%;
  max-width: var(--max);
}
.hero {
  margin-left: auto;
  margin-right: auto;
}
.hero-copy,
.section-head,
.cards,
.trading-console,
.feature > div,
.contract-box,
.contract-meta {
  width: 100%;
}
.hero-banner img {
  width: 100%;
  height: auto;
  display: block;
}

.cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.card {
  min-width: 0;
}
.console-grid {
  grid-template-columns: minmax(0, 1.55fr) minmax(300px, .8fr);
}
.candles-panel,
.profit-panel {
  min-width: 0;
}
.console-flow {
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.2fr);
}
.flow-step {
  min-width: 0;
}
.flow-step span {
  overflow-wrap: anywhere;
}

.contract-box {
  min-width: 0;
}
.contract-box code {
  min-width: 0;
}

footer {
  width: 100%;
}

/* Make the trading animation independent of reduced-motion browser settings. */
.trading-console .candle,
.trading-console .chart-line,
.trading-console .profit-icon,
.trading-console .console-window::before {
  animation-play-state: running !important;
}

.trading-console .status-dot {
  animation: livePulse 1.35s ease-in-out infinite;
}
.trading-console .live-pill {
  animation: liveText 1.8s ease-in-out infinite;
}

@keyframes livePulse {
  0%, 100% { opacity: .55; transform: scale(.88); }
  50% { opacity: 1; transform: scale(1.18); }
}
@keyframes liveText {
  0%, 100% { opacity: .65; }
  50% { opacity: 1; }
}

/* Keep the page visible even if the reveal observer is unavailable. */
.reveal {
  opacity: 1;
  transform: none;
}
.reveal.visible {
  opacity: 1;
  transform: none;
}

@media (max-width: 1100px) {
  .nav-links {
    display: none;
  }
  .nav-right {
    margin-left: auto;
  }
  .hero {
    padding-top: 44px;
  }
  .console-grid {
    grid-template-columns: 1fr;
  }
  .profit-panel {
    min-height: 250px;
  }
}

@media (max-width: 760px) {
  .nav {
    gap: 10px;
    padding: 12px 14px;
  }
  .brand {
    font-size: 13px;
    gap: 6px;
  }
  .brand-mark {
    font-size: 21px;
  }
  .nav-right {
    gap: 7px;
  }
  .nav-socials {
    gap: 5px;
  }
  .nav-socials a,
  .nav-social-soon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
    font-size: 19px;
    border-radius: 9px;
  }
  .nav-socials a:first-child {
    font-size: 20px;
  }
  .nav-social-soon {
    font-size: 22px;
  }
  .btn-small {
    min-height: 38px;
    padding: 0 11px;
    font-size: 10px;
  }

  .hero {
    padding: 34px 16px 54px;
    gap: 28px;
    min-height: auto;
  }
  h1 {
    font-size: clamp(56px, 17vw, 100px);
    line-height: .84;
  }
  h2 {
    font-size: clamp(28px, 8vw, 44px);
  }
  .lead {
    font-size: 16px;
  }
  .section,
  .feature,
  .contract,
  .trading-section {
    padding-left: 16px;
    padding-right: 16px;
  }
  .cards {
    grid-template-columns: 1fr;
  }
  .console-window {
    padding: 14px;
    border-radius: 18px;
  }
  .console-top {
    font-size: 9px;
  }
  .candles-panel {
    height: 260px;
    padding: 14px;
  }
  .candles {
    inset: 42px 16px 20px;
    gap: 5px;
  }
  .candle {
    width: 12px;
  }
  .console-flow {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .flow-arrow {
    transform: rotate(90deg);
    justify-self: center;
    line-height: 1;
  }
  .contract-box {
    padding: 10px;
  }
}

@media (max-width: 460px) {
  .brand span:last-child {
    display: none;
  }
  .nav-socials a,
  .nav-social-soon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
  }
  .btn-small {
    padding: 0 9px;
    font-size: 9px;
  }
  .hero-banner {
    border-radius: 14px;
  }
  .chips span {
    font-size: 10px;
    padding: 8px 10px;
  }
}
