*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070812;color:white;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;overflow-x:hidden}.grain{display:none;position:fixed;inset:0;pointer-events:none;opacity:0;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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:50}.glow{position:fixed;border-radius:999px;filter:blur(70px);opacity:.45;z-index:-2;pointer-events:none}.glow-one{width:720px;height:720px;left:-240px;top:-220px;background:rgba(139,91,255,.25)}.glow-two{width:650px;height:650px;right:-220px;top:130px;background:rgba(0,229,190,.13)}.glow-three{width:840px;height:840px;left:35%;bottom:-520px;background:rgba(225,70,255,.15)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 34px;background:rgba(7,8,18,.72);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-weight:950;letter-spacing:.12em}.brand img{width:38px;height:38px;object-fit:contain}.brand b{color:#b98cff}.topbar nav{display:flex;gap:28px}.topbar nav a,.nav-cta{color:rgba(255,255,255,.67);font-size:14px;text-decoration:none}.topbar nav a:hover{color:white}.nav-cta{padding:10px 16px;border-radius:999px;color:white;border:1px solid rgba(170,112,255,.35);background:rgba(142,91,255,.14)}main{position:relative}.hero{max-width:1540px;margin:0 auto;padding:86px 34px 74px;display:grid;grid-template-columns:.86fr 1.14fr;gap:48px;align-items:center}.kicker,.label{display:inline-flex;width:max-content;align-items:center;border:1px solid rgba(171,113,255,.38);background:rgba(142,91,255,.12);color:#dacaff;border-radius:999px;padding:8px 13px;font-size:12px;text-transform:uppercase;font-weight:950;letter-spacing:.16em}.hero-logo{width:min(440px,92%);margin:26px 0 10px;filter:drop-shadow(0 0 36px rgba(171,105,255,.55))}.hero h1{font-size:clamp(50px,7.3vw,112px);line-height:.88;letter-spacing:-.075em;margin:0 0 24px;max-width:800px}.lead,.vision p,.panel p,.engine-copy p,.sidechain p,.godizer p,.final p{font-size:18px;line-height:1.75;color:rgba(255,255,255,.66)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0 24px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:18px;padding:15px 22px;text-decoration:none;font-weight:950}.primary{background:linear-gradient(135deg,#8c5cff,#ed4fff);color:#fff;box-shadow:0 24px 80px rgba(141,91,255,.34)}.ghost{background:rgba(255,255,255,.06);color:white;border:1px solid rgba(255,255,255,.12)}.hero-points,.chips{display:flex;gap:10px;flex-wrap:wrap}.hero-points span,.chips span{font-size:13px;padding:9px 12px;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:rgba(255,255,255,.72)}.hero-media,.panel,.image-card,.vision,.engine,.godizer,.cards article,.final{border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(17,21,34,.96),rgba(10,13,24,.96));box-shadow:0 22px 70px rgba(0,0,0,.45);backdrop-filter:none}.hero-media{position:relative;border-radius:34px;overflow:hidden;transform:none;box-shadow:0 36px 100px rgba(0,0,0,.58),0 0 38px rgba(139,91,255,.16)}img{display:block;max-width:100%}.hero-media img{width:100%;height:auto}.glass-badge{position:absolute;left:24px;bottom:24px;max-width:340px;padding:18px;border-radius:20px;background:rgba(9,12,22,.72);border:1px solid rgba(255,255,255,.12);backdrop-filter:none}.glass-badge strong{display:block;margin-bottom:6px}.glass-badge span{font-size:14px;line-height:1.45;color:rgba(255,255,255,.65)}.vision{max-width:1180px;margin:72px auto;padding:56px;border-radius:34px;text-align:center}.vision .label{margin:0 auto}.vision h2,.panel h2,.engine h2,.sidechain h2,.godizer h2,.final h2{font-size:clamp(38px,5.4vw,76px);line-height:.95;letter-spacing:-.058em;margin:18px 0}.vision p{max-width:880px;margin:0 auto}.split{max-width:1440px;margin:0 auto;padding:42px 34px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.reverse .image-card{order:0}.panel,.image-card{border-radius:30px;overflow:hidden}.panel{padding:36px}.image-card{padding:12px}.image-card img{border-radius:22px;width:100%;height:100%;object-fit:cover}.panel ul{padding:0;margin:24px 0 0;list-style:none}.panel li{position:relative;margin:13px 0;padding-left:28px;color:rgba(255,255,255,.68);line-height:1.55}.panel li:before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:50%;background:#9b6cff;box-shadow:0 0 18px #9b6cff}.violet{border-color:rgba(171,113,255,.45);background:rgba(142,91,255,.13)}.green{border-color:rgba(55,231,160,.38);background:rgba(55,231,160,.1);color:#9dffd6}.cyan{border-color:rgba(50,215,255,.38);background:rgba(50,215,255,.1);color:#a7edff}.orange{border-color:rgba(255,145,63,.42);background:rgba(255,145,63,.1);color:#ffc59e}.gold{border-color:rgba(255,204,82,.42);background:rgba(255,204,82,.1);color:#ffe1a0}.engine{max-width:1440px;margin:42px auto;padding:52px;border-radius:34px;display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:center}.engine-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.engine-grid article{border-radius:22px;padding:24px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.08)}.engine-grid b{display:block;font-size:20px;margin-bottom:8px}.engine-grid span,.cards p{color:rgba(255,255,255,.62);line-height:1.6}.engine-img{grid-column:1/-1;border-radius:26px;border:1px solid rgba(255,255,255,.08);margin-top:12px;width:100%}.sidechain{max-width:1240px;margin:70px auto;text-align:center;padding:70px 34px}.sidechain .label{margin:0 auto}.sidechain h2{font-size:clamp(58px,9vw,136px);line-height:.82;letter-spacing:-.085em}.sidechain p{max-width:780px;margin:0 auto 38px}.route{display:flex;justify-content:center;align-items:center;gap:18px}.route span{padding:18px 28px;border-radius:18px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12);font-weight:950}.route i{width:120px;height:3px;background:linear-gradient(90deg,#9b6cff,#35e8c1);box-shadow:0 0 24px rgba(151,94,255,.9);position:relative}.route i:after{content:"";position:absolute;right:-2px;top:-5px;border-left:12px solid #35e8c1;border-top:7px solid transparent;border-bottom:7px solid transparent}.godizer{max-width:1440px;margin:42px auto;padding:42px;display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:center;border-radius:36px}.godizer-card{border-radius:28px;overflow:hidden;padding:12px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 100px rgba(151,91,255,.18)}.godizer-card img{width:100%;border-radius:20px}.cards{max-width:1440px;margin:0 auto;padding:42px 34px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cards article{border-radius:28px;padding:28px;min-height:230px}.cards h3{font-size:28px;line-height:1;margin:0 0 12px;letter-spacing:-.035em}.final{max-width:1020px;margin:80px auto 56px;padding:70px 34px;border-radius:38px;text-align:center}.final img{width:min(440px,90%);margin:0 auto 20px;filter:drop-shadow(0 0 38px rgba(171,105,255,.55))}.final p{max-width:660px;margin:0 auto 30px}footer{max-width:1440px;margin:0 auto;padding:34px;color:rgba(255,255,255,.42);border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between}@media(max-width:1050px){.topbar nav{display:none}.hero,.split,.engine,.godizer{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.hero-media{transform:none}.engine-img{grid-column:auto}.route{flex-direction:column}.route i{transform:rotate(90deg);width:70px}.reverse .image-card{order:0}}@media(max-width:640px){.topbar{padding:14px 18px}.brand span{font-size:13px}.hero,.split,.cards{padding-left:18px;padding-right:18px}.hero h1{font-size:50px}.panel,.vision,.engine,.godizer,.final{padding:26px}.cards{grid-template-columns:1fr}.sidechain h2{font-size:66px}footer{display:block}}

/* v11 clean pro polish: crisp UI, less haze */
.hero-media img,
.image-card img,
.godizer-card img,
.engine-img {
  filter: none !important;
  image-rendering: auto;
}

.hero-media,
.image-card,
.godizer-card,
.engine-img {
  outline: 1px solid rgba(255,255,255,.06);
}

.glow-one { opacity: .38 !important; }
.glow-two { opacity: .30 !important; }
.glow-three { opacity: .26 !important; }

.panel,
.vision,
.engine,
.godizer,
.cards article,
.final {
  border-color: rgba(255,255,255,.13) !important;
}

body {
  background: #070812;
}


/* v12 cinematic center hero */
.cinematic-hero {
  display: block !important;
  max-width: 1560px;
  padding-top: 82px;
  text-align: center;
}

.cinematic-inner {
  max-width: 1040px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cinematic-logo {
  width: min(620px, 90vw) !important;
  margin: 28px auto 16px !important;
  filter:
    drop-shadow(0 0 26px rgba(178,116,255,.55))
    drop-shadow(0 0 80px rgba(131,78,255,.30)) !important;
  animation: anthemFloat 7s ease-in-out infinite;
}

.cinematic-hero h1 {
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(56px, 8.7vw, 132px) !important;
  line-height: .84 !important;
  letter-spacing: -.085em !important;
}

.cinematic-lead {
  max-width: 860px;
  margin: 0 auto;
  font-size: 20px !important;
}

.cinematic-actions {
  justify-content: center;
  margin-top: 34px;
}

.cinematic-points {
  justify-content: center;
  margin-top: 24px;
}

.cinematic-media {
  max-width: 1180px;
  margin: 56px auto 0;
  transform: none !important;
  border-radius: 34px;
  box-shadow:
    0 38px 110px rgba(0,0,0,.62),
    0 0 44px rgba(139,91,255,.20) !important;
}

.cinematic-media::before {
  content: "";
  position: absolute;
  inset: -1px;
  pointer-events: none;
  background: linear-gradient(120deg, rgba(151,93,255,.35), transparent 28%, rgba(52,225,198,.22) 72%, rgba(151,93,255,.22));
  opacity: .5;
  mix-blend-mode: screen;
}

@keyframes anthemFloat {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-7px) scale(1.01); }
}

@media(max-width: 640px) {
  .cinematic-hero {
    padding-top: 44px;
  }

  .cinematic-hero h1 {
    font-size: 54px !important;
  }

  .cinematic-lead {
    font-size: 17px !important;
  }

  .cinematic-media {
    margin-top: 34px;
  }
}