:root{--navy:#080d20;--navy-2:#0e1530;--gold:#ffc857;--cream:#fff8e7;--muted:#a7afc7;--red:#f04a4a;--blue:#4e8dff;--line:rgba(255,255,255,.12);--sans:'DM Sans',sans-serif;--display:'Bebas Neue',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--cream);font-family:var(--sans);overflow-x:hidden}.page-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 8%,rgba(62,92,188,.2),transparent 33%),radial-gradient(circle at 15% 75%,rgba(180,54,65,.11),transparent 28%);z-index:-1}.site-header{height:80px;display:flex;align-items:center;gap:36px;padding:0 max(5vw,24px);position:sticky;top:0;z-index:10;background:rgba(8,13,32,.86);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:flex;gap:11px;align-items:center;color:var(--cream);text-decoration:none;min-width:190px}.brand img{width:43px;height:43px;object-fit:contain}.brand-fallback{width:43px;height:43px;display:grid;place-items:center;background:var(--gold);color:var(--navy);font-weight:800;border-radius:12px;font-size:11px;letter-spacing:-.05em}.brand img:not([hidden])+.brand-name+.brand-fallback{display:none}.brand-name{font:20px/17px var(--display);letter-spacing:.04em}.brand-name b{color:var(--gold);font-weight:400}.main-nav{display:flex;gap:32px;margin:auto}.main-nav a,.text-link,footer a{color:var(--muted);font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}.main-nav a:hover,.text-link:hover,footer a:hover{color:var(--gold)}.button{align-items:center;border-radius:8px;display:inline-flex;gap:10px;justify-content:center;min-height:48px;padding:0 18px;font-size:12px;font-weight:700;letter-spacing:.07em;text-decoration:none;text-transform:uppercase;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button:focus-visible,.main-nav a:focus-visible,.brand:focus-visible,.text-link:focus-visible,footer a:focus-visible,.menu-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.button-small{min-height:40px;padding:0 19px}.button-buy,.button-primary{background:var(--gold);color:var(--navy);box-shadow:0 8px 25px rgba(255,200,87,.18)}.button-buy:hover,.button-primary:hover{background:#ffe092;box-shadow:0 11px 30px rgba(255,200,87,.3)}.button-icon{display:grid;place-items:center;width:22px;height:22px}.button-icon svg{width:18px;height:18px}.generated-icon img{width:22px;height:22px;object-fit:contain}.section-shell{max-width:1200px;margin:0 auto;padding-left:clamp(24px,5vw,72px);padding-right:clamp(24px,5vw,72px)}.hero{min-height:calc(100vh - 80px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-top:55px;padding-bottom:80px}.eyebrow{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.16em;margin:0 0 18px;text-transform:uppercase}.eyebrow-dot{width:7px;height:7px;background:var(--red);border-radius:50%;display:inline-block;margin-right:8px;box-shadow:0 0 0 4px rgba(240,74,74,.17)}h1,h2,h3,p{margin-top:0}h1,h2{font:clamp(70px,9vw,130px)/.78 var(--display);letter-spacing:.025em;margin-bottom:27px;text-transform:uppercase}h1 span,h2 span{color:var(--gold)}.hero-lede{color:var(--muted);font-size:15px;line-height:1.7;max-width:490px}.hero-meta{display:flex;align-items:center;gap:12px;color:#d7dced;font-size:10px;letter-spacing:.1em;margin:24px 0 28px;text-transform:uppercase}.hero-meta i{background:var(--red);border-radius:50%;height:4px;width:4px}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px;max-width:440px}.button-social{border:1px solid var(--line);color:var(--cream);background:rgba(255,255,255,.035)}.button-social:hover,.button-outline:hover{background:rgba(255,255,255,.09);border-color:var(--gold)}.hero-art{min-height:570px;position:relative;display:flex;align-items:center;justify-content:center}.character-frame{height:min(65vw,550px);max-height:550px;width:min(65vw,550px);max-width:550px;position:relative;z-index:2}.character-frame:before{content:'';position:absolute;inset:10% 5% 4%;background:radial-gradient(ellipse,rgba(255,200,87,.34),transparent 68%);filter:blur(25px);z-index:-1}.character-frame img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:saturate(1.1) contrast(1.05)}.art-label{position:absolute;top:12%;left:3%;z-index:3;font:55px/.78 var(--display);color:var(--cream);transform:rotate(-8deg);text-shadow:4px 4px 0 var(--red)}.art-label strong{color:var(--gold);font-weight:400}.art-stamp{position:absolute;right:4%;bottom:14%;z-index:3;border:2px solid var(--gold);border-radius:50%;width:74px;height:74px;display:grid;place-content:center;text-align:center;color:var(--gold);font-size:9px;line-height:1.05;transform:rotate(12deg)}.art-stamp b{font:21px var(--display)}.burst{position:absolute;border:1px solid rgba(255,200,87,.3);border-radius:50%;width:500px;height:500px}.burst-two{width:390px;height:390px;border-color:rgba(78,141,255,.25)}.slash{height:2px;background:var(--gold);position:absolute;transform:rotate(-52deg);width:120px;right:0;opacity:.8}.slash-two{width:70px;right:6%;bottom:26%;background:var(--red)}.roadmap{padding-top:110px;padding-bottom:130px}.section-heading{text-align:center;max-width:600px;margin:0 auto 53px}.section-heading .eyebrow{margin-bottom:15px}.section-heading h2{font-size:clamp(60px,8vw,94px);margin-bottom:22px}.section-heading>p:last-child{color:var(--muted);font-size:14px;line-height:1.7}.roadmap-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.roadmap-card{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:12px;padding:28px 24px;min-height:270px;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}.roadmap-card:hover{transform:translateY(-5px);border-color:rgba(255,200,87,.55)}.roadmap-card.is-active{background:linear-gradient(140deg,rgba(255,200,87,.12),rgba(255,255,255,.03));border-color:rgba(255,200,87,.6)}.step-number{font:42px var(--display);color:rgba(255,255,255,.2);position:absolute;right:22px;top:17px}.card-status{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:13px}.roadmap-card h3{font:42px var(--display);letter-spacing:.03em;text-transform:uppercase;margin-bottom:10px}.roadmap-card>div>p:not(.card-status){color:var(--muted);font-size:13px;line-height:1.6}.card-tag{display:inline-block;border:1px solid var(--line);border-radius:99px;color:#ccd3e8;font-size:10px;padding:7px 11px;margin-top:10px;text-transform:uppercase;letter-spacing:.06em}.chart-section{padding-bottom:130px}.chart-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.chart-heading h2{font-size:clamp(60px,8vw,94px);margin:0}.text-link{color:var(--gold);margin-bottom:10px}.text-link span{font-size:18px;margin-left:5px}.chart-window{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0b1228;box-shadow:0 22px 70px rgba(0,0,0,.25)}.window-bar{height:44px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.window-dots{display:flex;gap:5px}.window-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#ee6d63}.window-dots i:nth-child(2){background:#f4c551}.window-dots i:nth-child(3){background:#63c271}.window-title{margin:auto}.window-lock{color:#70d18a;font-size:9px;letter-spacing:.12em}.chart-placeholder{height:410px;position:relative;overflow:hidden}.chart-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(100,120,170,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(100,120,170,.1) 1px,transparent 1px);background-size:70px 70px;transform:perspective(600px) rotateX(45deg) scale(1.4);transform-origin:bottom}.chart-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:radial-gradient(ellipse,rgba(10,18,43,.72),rgba(8,13,32,.9) 65%)}.chart-mark{color:var(--gold);font:56px var(--display);line-height:1}.chart-empty h3{font:33px var(--display);margin:8px 0;text-transform:uppercase}.chart-empty p{color:var(--muted);font-size:12px;margin-bottom:20px}.chart-empty code{color:var(--gold)}.button-outline{border:1px solid rgba(255,200,87,.6);color:var(--gold);width:max-content;margin:auto}.menu-toggle{display:none;background:none;border:0}.menu-toggle span{display:block;background:var(--cream);height:2px;width:22px;margin:5px}footer{border-top:1px solid var(--line);color:var(--muted);display:flex;justify-content:space-between;padding:25px max(5vw,24px);font-size:11px;letter-spacing:.05em}footer a{color:var(--gold)}
@media(max-width:1023px){.site-header{height:70px;gap:12px}.brand{min-width:0;margin-right:auto}.brand-name{font-size:17px;line-height:14px}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;padding:18px 24px;background:var(--navy-2);border-bottom:1px solid var(--line);flex-direction:column;gap:18px}.main-nav.is-open{display:flex}.site-header>.button-small{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:58px;gap:30px}.hero-copy{order:1}.hero-art{order:0;min-height:360px}.character-frame{height:350px;width:350px}.burst{width:320px;height:320px}.burst-two{width:250px;height:250px}.art-label{font-size:42px;top:8%;left:1%}.art-stamp{bottom:9%;right:1%;width:60px;height:60px}.hero h1{font-size:86px}.hero-meta{font-size:9px;gap:8px}.hero-meta span:last-child{display:none}.action-grid{max-width:none}.roadmap{padding-top:80px;padding-bottom:90px}.roadmap-list{grid-template-columns:1fr}.roadmap-card{min-height:220px}.chart-section{padding-bottom:90px}.chart-heading{align-items:start;flex-direction:column;gap:5px}.chart-heading h2{font-size:72px}.chart-placeholder{height:350px}footer{flex-wrap:wrap;gap:12px}.section-shell{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.roadmap-card{transition:none}}
 .dex-iframe{border:0;display:block;height:100%;width:100%}

/* Interaction and narrow-screen refinements */
.is-unavailable {
  opacity: .75;
  cursor: not-allowed;
}
.is-unavailable:hover { transform: none; box-shadow: none; }
.brand-fallback[hidden], .brand img[hidden] { display: none; }
.step-number { color: rgba(255, 255, 255, .6); }
.hero h1 { font-size: clamp(4rem, 7vw, 6.7rem); }
.hero-meta span:first-child { text-transform: none; color: var(--gold); font-weight: 700; }
.art-stamp b { font-size: 17px; }
.hero-art { min-width: 0; }
.character-frame { width: min(100%, 550px); height: auto; aspect-ratio: 1; border: 1px solid rgba(255, 200, 87, .3); border-radius: 16px; box-shadow: 0 30px 80px rgba(0, 0, 0, .35); }
.character-frame img { border-radius: 16px; mix-blend-mode: normal; }

.chart-stage { position: relative; }
.chart-stage .chart-empty { position: relative; inset: auto; z-index: 1; height: 100%; }
.chart-stage #chart-frame { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; border: 0; }

@media (max-width: 1023px) {
  .site-header > .button-small { display: inline-flex; min-height: 44px; padding: 0 12px; }
  .site-header { gap: 8px; padding-inline: 16px; }
  .brand { gap: 6px; }
  .brand img, .brand-fallback { width: 38px; height: 38px; }
  .brand-name { font-size: 16px; line-height: 13px; }
  .menu-toggle { min-width: 44px; min-height: 44px; cursor: pointer; }
  .main-nav a { display: block; padding: 11px 0; font-size: 16px; }
  .hero h1 { font-size: clamp(2.4rem, 11vw, 4.8rem); line-height: .9; }
  .hero-art { width: 100%; max-width: 440px; margin-inline: auto; min-height: min(92vw, 360px); }
  .hero-copy { width: 100%; max-width: 600px; margin-inline: auto; }
  .character-frame { width: min(100%, 350px); height: auto; aspect-ratio: 1; }
  .burst { width: min(88vw, 320px); height: min(88vw, 320px); }
  .burst-two { width: min(70vw, 250px); height: min(70vw, 250px); }
  .action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .action-grid .button { padding-inline: 8px; font-size: 11px; gap: 6px; }
  .chart-empty { padding: 20px; }
  .chart-empty p { line-height: 1.5; }
}

[hidden] { display: none !important; }