:root {
  color-scheme: dark;
  --ink: #070808;
  --ink-2: #0c0e0f;
  --panel: rgba(18, 20, 21, 0.82);
  --panel-solid: #111314;
  --line: rgba(255, 255, 255, 0.11);
  --line-gold: rgba(245, 184, 46, 0.32);
  --text: #f4f2ea;
  --muted: #9b9b94;
  --muted-2: #71736f;
  --gold: #f5b82e;
  --gold-2: #ffcf5c;
  --gold-dark: #9e6d12;
  --cyan: #62dceb;
  --green: #6ce5aa;
  --danger: #ff756d;
  --radius: 22px;
  --shadow: 0 28px 80px rgba(0, 0, 0, 0.36);
  --max: 1280px;
}

* { box-sizing: border-box; }
html { width:100%; min-width:0; scroll-behavior:smooth; background:var(--ink); }
body {
  margin: 0;
  width: 100%;
  min-width: 0;
  background: var(--ink);
  color: var(--text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

body.modal-open { overflow: hidden; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
::selection { color: #080909; background: var(--gold); }

.page-noise {
  position: fixed;
  inset: 0;
  z-index: 30;
  opacity: .035;
  pointer-events: none;
  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='.9'/%3E%3C/svg%3E");
}

.boot-line {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  width: 36%;
  height: 2px;
  opacity: 0;
  background: linear-gradient(90deg, transparent, var(--gold), var(--cyan));
  transform: translateX(-120%);
  transition: opacity .2s ease;
}
.boot-line.active { opacity: 1; animation: loading-line 1.2s ease-in-out infinite; }
@keyframes loading-line { 70%, 100% { transform: translateX(400%); } }

.section-shell { width: min(calc(100% - 64px), var(--max)); margin-inline: auto; }
.site-header {
  position: fixed;
  z-index: 100;
  top: 16px;
  left: 50%;
  width: min(calc(100% - 32px), 1320px);
  min-height: 70px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 10px 12px 10px 18px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 18px;
  background: rgba(8, 9, 9, .77);
  box-shadow: 0 12px 40px rgba(0,0,0,.24);
  backdrop-filter: blur(22px) saturate(135%);
  transform: translateX(-50%);
}

.brand { display: inline-flex; align-items: center; gap: 11px; width: max-content; }
.brand-mark {
  position: relative;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  border: 1px solid rgba(245,184,46,.55);
  background: linear-gradient(145deg, rgba(245,184,46,.18), rgba(245,184,46,.03));
  transform: rotate(45deg);
}
.brand-mark::before, .brand-mark::after, .brand-mark i::before {
  content: "";
  position: absolute;
  background: var(--gold);
}
.brand-mark::before { width: 9px; height: 12px; left: 7px; top: 8px; clip-path: polygon(0 0,100% 32%,68% 100%,0 75%); }
.brand-mark::after { width: 9px; height: 12px; right: 7px; top: 8px; clip-path: polygon(0 32%,100% 0,100% 75%,32% 100%); }
.brand-mark i::before { width: 5px; height: 5px; left: 15px; top: 18px; transform: rotate(45deg); }
.brand-copy { display: flex; flex-direction: column; gap: 1px; }
.brand-copy strong { font-size: 16px; line-height: 1; letter-spacing: .11em; }
.brand-copy strong span { color: var(--gold); }
.brand-copy small { color: var(--muted-2); font-size: 8px; letter-spacing: .24em; }

.main-nav { display: flex; align-items: center; gap: 34px; }
.main-nav a { position: relative; color: #bcbdb8; font-size: 13px; letter-spacing: .05em; transition: color .2s ease; }
.main-nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-8px; height:1px; background:var(--gold); transition:right .25s ease; }
.main-nav a:hover { color: var(--text); }
.main-nav a:hover::after { right: 0; }
.main-nav .nav-social { color:var(--gold); }

.header-actions { justify-self: end; display: flex; align-items: center; gap: 9px; }
.network-pill { display: inline-flex; align-items: center; gap: 7px; height: 42px; padding: 0 14px; color: #bcbdb8; border: 1px solid var(--line); border-radius: 12px; font-size: 11px; letter-spacing: .12em; }
.network-pill i { width: 7px; height: 7px; background: var(--green); border-radius: 50%; box-shadow: 0 0 12px var(--green); }
.wallet-button { height: 46px; min-width: 148px; display: inline-flex; align-items:center; justify-content:center; gap:9px; padding:0 18px; border:0; border-radius:12px; color:#100e08; background:var(--gold); font-size:13px; font-weight:750; cursor:pointer; transition: transform .2s ease, background .2s ease; }
.wallet-button:hover { transform: translateY(-1px); background: var(--gold-2); }
.wallet-button.connected { color: var(--text); background: #181b1b; border: 1px solid var(--line); }
.wallet-dot { width:8px; height:8px; border:2px solid currentColor; border-radius:50%; }
.wallet-button.connected .wallet-dot { border:0; background:var(--green); box-shadow:0 0 12px rgba(108,229,170,.6); }
.menu-button { display:none; width:44px; height:44px; border:1px solid var(--line); border-radius:12px; background:transparent; }
.menu-button span { display:block; width:18px; height:1px; margin:5px auto; background:var(--text); }

.hero {
  position: relative;
  min-height: 850px;
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  align-items: center;
  padding-top: 148px;
  padding-bottom: 56px;
}
.hero-copy, .hero-visual { min-width:0; }
.hero::before {
  content:"";
  position:absolute;
  width:720px;
  height:720px;
  left:-420px;
  top:50px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(245,184,46,.11), transparent 66%);
  pointer-events:none;
}
.eyebrow { display:flex; align-items:center; gap:13px; color:var(--gold); font-size:10px; font-weight:750; letter-spacing:.25em; }
.eyebrow span { display:inline-flex; align-items:center; justify-content:center; width:32px; height:20px; color:#080909; background:var(--gold); border-radius:100px; letter-spacing:0; font-size:9px; }
.hero h1 { margin: 26px 0 26px; max-width:720px; font-size:clamp(58px,7vw,104px); line-height:.94; letter-spacing:-.075em; font-weight:790; }
.hero h1 em { color:var(--gold); font-style:normal; text-shadow:0 0 54px rgba(245,184,46,.2); }
.hero-lead { max-width:590px; margin:0; color:#a9aaa5; font-size:16px; line-height:1.85; }
.hero-lead strong { color:var(--text); font-weight:650; }
.hero-ctas { display:flex; gap:12px; margin-top:38px; }
.button { height:54px; display:inline-flex; align-items:center; justify-content:center; gap:30px; padding:0 21px; border:1px solid transparent; border-radius:13px; font-size:13px; font-weight:720; cursor:pointer; transition:transform .2s ease, border-color .2s ease, background .2s ease; }
.button:hover { transform:translateY(-2px); }
.button-primary { color:#0b0a07; background:var(--gold); }
.button-primary:hover { background:var(--gold-2); }
.button-primary b { font-size:20px; font-weight:500; }
.button-quiet { color:var(--text); background:rgba(255,255,255,.035); border-color:var(--line); }
.button-quiet:hover { border-color:rgba(245,184,46,.4); }
.trust-row { display:flex; gap:34px; margin-top:48px; }
.trust-row > div { display:flex; align-items:flex-end; gap:5px; }
.trust-row i { color:var(--text); font-size:30px; line-height:1; font-style:normal; font-weight:750; letter-spacing:-.06em; }
.trust-row span { color:var(--gold); font-size:13px; line-height:1; }
.trust-row small { display:block; margin-top:7px; color:var(--muted-2); font-size:9px; letter-spacing:.06em; white-space:nowrap; }

.hero-visual { position:relative; height:700px; align-self:end; isolation:isolate; }
.hero-visual::after { content:""; position:absolute; z-index:-1; left:9%; right:4%; bottom:18px; height:68px; border-radius:50%; background:rgba(0,0,0,.76); filter:blur(24px); }
.hero-visual img { position:absolute; z-index:3; left:50%; bottom:0; width:min(100%,610px); max-height:700px; object-fit:contain; transform:translateX(-46%); filter:drop-shadow(0 28px 44px rgba(0,0,0,.4)); }
.hero-aura { position:absolute; z-index:0; width:530px; height:530px; left:50%; top:48%; border-radius:50%; background:radial-gradient(circle, rgba(245,184,46,.23), rgba(245,184,46,.07) 42%, transparent 70%); transform:translate(-50%,-50%); }
.orbit { position:absolute; z-index:1; left:50%; top:48%; border:1px solid rgba(245,184,46,.17); border-radius:50%; transform:translate(-50%,-50%) rotate(-18deg); }
.orbit::after { content:""; position:absolute; width:9px; height:9px; right:12%; top:12%; border-radius:50%; background:var(--gold); box-shadow:0 0 20px var(--gold); }
.orbit-one { width:560px; height:390px; }
.orbit-two { width:440px; height:620px; border-color:rgba(98,220,235,.11); transform:translate(-50%,-50%) rotate(38deg); }
.orbit-two::after { width:6px; height:6px; background:var(--cyan); box-shadow:0 0 18px var(--cyan); }
.float-card { position:absolute; z-index:5; display:flex; flex-direction:column; padding:14px 16px; min-width:146px; border:1px solid rgba(255,255,255,.12); border-radius:14px; background:rgba(10,11,11,.72); box-shadow:var(--shadow); backdrop-filter:blur(18px); }
.float-card small { color:var(--muted); font-size:9px; letter-spacing:.08em; }
.float-card strong { margin:6px 0 4px; font-size:15px; }
.float-card span { color:var(--gold); font-size:8px; letter-spacing:.13em; }
.float-price { left:0; top:31%; }
.float-id { right:-3%; top:19%; min-width:128px; }
.float-id strong { color:var(--gold); font-size:29px; line-height:1; }
.serial-tag { position:absolute; z-index:5; right:-1%; bottom:14%; display:flex; flex-direction:column; gap:4px; align-items:flex-end; }
.serial-tag span, .serial-tag b { padding:6px 9px; color:#0a0a08; background:var(--gold); font-size:8px; letter-spacing:.15em; }
.serial-tag b { color:var(--muted); background:#151717; font-weight:600; }

.live-strip { display:grid; grid-template-columns:repeat(4,1fr); width:min(calc(100% - 32px), 1380px); margin:0 auto; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#0a0c0c; }
.live-cell { min-height:142px; display:flex; flex-direction:column; justify-content:center; padding:22px 30px; border-right:1px solid var(--line); }
.live-cell:last-child { border-right:0; }
.live-label { display:flex; align-items:center; gap:8px; color:var(--muted-2); font-size:9px; letter-spacing:.14em; text-transform:uppercase; }
.live-label i { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 10px var(--green); }
.live-cell strong { margin:10px 0 4px; font-size:25px; letter-spacing:-.04em; }
.live-cell small { color:var(--muted-2); font-size:10px; }

.mint-section { padding-top:150px; padding-bottom:150px; }
.section-heading { max-width:720px; margin-bottom:56px; }
.section-heading h2 { margin:20px 0 14px; font-size:clamp(42px,5.5vw,76px); line-height:1; letter-spacing:-.065em; }
.section-heading > p { max-width:620px; margin:0; color:var(--muted); font-size:14px; line-height:1.8; }
.mint-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:20px; align-items:stretch; }
.glass-panel, .mint-console { border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(150deg, rgba(255,255,255,.052), rgba(255,255,255,.018)); box-shadow:var(--shadow); }
.mint-overview { min-height:620px; padding:30px; }
.panel-topline { display:flex; justify-content:space-between; color:var(--muted-2); font-size:9px; letter-spacing:.17em; }
.panel-topline span:last-child { color:var(--gold); }
.progress-rail { position:relative; height:7px; margin:22px 0 15px; overflow:visible; border-radius:50px; background:#202223; }
.progress-rail i { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--gold-dark),var(--gold-2)); box-shadow:0 0 18px rgba(245,184,46,.25); transition:width .6s ease; }
.progress-rail b { position:absolute; left:max(.225%, 4px); top:-5px; width:2px; height:17px; background:var(--cyan); box-shadow:0 0 10px var(--cyan); }
.progress-numbers { display:flex; align-items:baseline; gap:8px; }
.progress-numbers strong { font-size:34px; letter-spacing:-.05em; }
.progress-numbers span { color:var(--muted-2); font-size:12px; }
.open-gauge { display:grid; grid-template-columns:200px 1fr; align-items:center; gap:38px; margin:58px 0; padding:28px 30px; border:1px solid rgba(245,184,46,.17); border-radius:18px; background:radial-gradient(circle at 20% 50%,rgba(245,184,46,.1),transparent 43%),#0d0f0f; }
.gauge-ring { --open:0deg; position:relative; width:170px; height:170px; border-radius:50%; background:conic-gradient(var(--gold) var(--open),#252728 var(--open)); box-shadow:inset 0 0 35px rgba(0,0,0,.45),0 0 40px rgba(245,184,46,.05); }
.gauge-ring::after { content:""; position:absolute; inset:10px; border-radius:50%; background:#0d0f0f; border:1px solid var(--line); }
.gauge-ring > span { position:absolute; z-index:1; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.gauge-ring b { font-size:25px; letter-spacing:-.05em; }
.gauge-ring small { margin-top:5px; color:var(--muted-2); font-size:9px; letter-spacing:.1em; }
.gauge-copy > small { color:var(--gold); font-size:9px; letter-spacing:.18em; }
.gauge-copy h3 { margin:10px 0 11px; font-size:25px; letter-spacing:-.035em; }
.gauge-copy p { margin:0; color:var(--muted); font-size:12px; line-height:1.75; }
.mini-metrics { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); border-radius:14px; overflow:hidden; }
.mini-metrics div { display:flex; flex-direction:column; gap:8px; padding:18px; border-right:1px solid var(--line); }
.mini-metrics div:last-child { border-right:0; }
.mini-metrics span { color:var(--muted-2); font-size:9px; }
.mini-metrics strong { font-size:14px; }

.mint-console { padding:28px; background:#121414; }
.console-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.console-kicker { color:var(--gold); font-size:9px; letter-spacing:.18em; }
.console-head h3 { margin:6px 0 0; font-size:27px; letter-spacing:-.04em; }
.status-chip { display:inline-flex; align-items:center; gap:7px; padding:8px 10px; color:var(--muted); border:1px solid var(--line); border-radius:50px; font-size:9px; white-space:nowrap; }
.status-chip i { width:6px; height:6px; border-radius:50%; background:var(--muted-2); }
.status-chip.live { color:var(--green); border-color:rgba(108,229,170,.22); }
.status-chip.live i { background:var(--green); box-shadow:0 0 9px var(--green); }
.identity-card { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:13px; margin:23px 0; padding:16px; border:1px solid var(--line); border-radius:15px; background:#0d0f0f; }
.identity-card.valid { border-color:rgba(108,229,170,.25); }
.identity-card.invalid { border-color:rgba(255,117,109,.25); }
.identity-icon { width:43px; height:43px; display:grid; place-items:center; color:#090907; background:var(--gold); border-radius:12px; font-size:12px; font-weight:850; }
.identity-copy { min-width:0; display:flex; flex-direction:column; gap:3px; }
.identity-copy span { color:var(--muted-2); font-size:9px; }
.identity-copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.identity-copy small { color:var(--muted); font-size:9px; }
.identity-state { padding:6px 8px; color:var(--muted); border-radius:7px; background:#1b1e1e; font-size:9px; }
.identity-card.valid .identity-state { color:var(--green); background:rgba(108,229,170,.08); }
.identity-card.invalid .identity-state { color:var(--danger); background:rgba(255,117,109,.08); }
.input-label { display:flex; justify-content:space-between; margin-bottom:10px; color:var(--muted); font-size:11px; }
.input-label small { color:var(--muted-2); }
.quantity-control { height:86px; display:grid; grid-template-columns:64px 1fr 64px; border:1px solid var(--line); border-radius:15px; overflow:hidden; background:#0c0e0e; }
.quantity-control button { border:0; color:var(--muted); background:#151717; font-size:24px; cursor:pointer; transition:color .2s, background .2s; }
.quantity-control button:hover { color:var(--gold); background:#1a1d1d; }
.quantity-control div { display:flex; flex-direction:column; align-items:center; justify-content:center; }
.quantity-control strong { font-size:31px; line-height:1; }
.quantity-control span { margin-top:7px; color:var(--muted-2); font-size:8px; letter-spacing:.16em; }
.quick-amounts { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin-top:8px; }
.quick-amounts button { height:34px; border:1px solid var(--line); border-radius:8px; color:var(--muted); background:transparent; font-size:10px; cursor:pointer; }
.quick-amounts button:hover, .quick-amounts button.active { color:#0a0906; border-color:var(--gold); background:var(--gold); }
.referral-field { display:block; margin-top:20px; }
.referral-field > span { display:flex; justify-content:space-between; margin-bottom:9px; color:var(--muted); font-size:11px; }
.referral-field small { color:var(--muted-2); }
.referral-field input { width:100%; height:46px; padding:0 13px; color:var(--text); border:1px solid var(--line); outline:0; border-radius:11px; background:#0c0e0e; font-size:11px; transition:border-color .2s; }
.referral-field input:focus { border-color:rgba(245,184,46,.5); }
.quote-box { margin:20px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.quote-box div { display:flex; align-items:center; justify-content:space-between; min-height:42px; }
.quote-box span { color:var(--muted-2); font-size:10px; }
.quote-box strong { font-size:12px; }
.mint-button { width:100%; height:58px; display:flex; align-items:center; justify-content:space-between; padding:0 20px; border:0; border-radius:13px; color:#0b0905; background:var(--gold); font-size:14px; font-weight:780; cursor:pointer; transition:background .2s, transform .2s, opacity .2s; }
.mint-button:hover:not(:disabled) { background:var(--gold-2); transform:translateY(-1px); }
.mint-button:disabled { color:#696b68; background:#242626; cursor:not-allowed; }
.mint-button b { font-size:21px; }
.console-note { display:flex; align-items:flex-start; gap:8px; margin:12px 2px 0; color:var(--muted-2); font-size:9px; line-height:1.5; }
.console-note i { flex:0 0 auto; width:15px; height:15px; display:grid; place-items:center; border:1px solid var(--muted-2); border-radius:50%; font-style:normal; font-size:8px; }

.mechanism-section { position:relative; overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#080909; }
.landscape-bg { position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,8,8,.98) 0%,rgba(7,8,8,.84) 44%,rgba(7,8,8,.45) 100%),url("./assets/liquidity-landscape.png") center/cover no-repeat; opacity:.7; }
.mechanism-section::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,#080909 0%,transparent 22%,transparent 72%,#080909 100%); pointer-events:none; }
.mechanism-inner { position:relative; z-index:2; padding-top:150px; padding-bottom:150px; }
.section-heading.light p { color:#b0b0aa; }
.flow-layout { display:grid; grid-template-columns:.88fr 1.12fr; gap:80px; align-items:center; }
.split-orb { position:relative; width:min(100%,470px); aspect-ratio:1; display:grid; place-items:center; }
.split-orb::before { content:""; position:absolute; inset:8%; border:1px solid rgba(245,184,46,.28); border-radius:50%; box-shadow:0 0 90px rgba(245,184,46,.1), inset 0 0 80px rgba(245,184,46,.04); }
.split-orb::after { content:""; position:absolute; inset:0; border:1px dashed rgba(255,255,255,.14); border-radius:50%; animation:orb-spin 28s linear infinite; }
@keyframes orb-spin { to { transform:rotate(360deg); } }
.orb-core { position:relative; z-index:1; width:46%; aspect-ratio:1; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid var(--line-gold); border-radius:50%; background:radial-gradient(circle,rgba(245,184,46,.22),rgba(10,11,11,.94) 62%); box-shadow:0 0 70px rgba(245,184,46,.13); }
.orb-core small, .orb-core span { color:var(--muted); font-size:9px; letter-spacing:.14em; }
.orb-core strong { margin:8px 0; color:var(--gold); font-size:48px; line-height:1; letter-spacing:-.06em; }
.orb-label { position:absolute; z-index:2; min-width:132px; padding:13px 15px; border:1px solid var(--line); border-radius:12px; background:rgba(13,15,15,.86); backdrop-filter:blur(12px); }
.orb-label b { display:block; color:var(--gold); font-size:21px; }
.orb-label span { color:var(--muted); font-size:9px; }
.orb-label-a { left:0; top:12%; }
.orb-label-b { right:-2%; bottom:13%; }
.orb-label-b b { color:var(--cyan); }
.flow-cards { display:flex; flex-direction:column; gap:10px; }
.flow-card { display:grid; grid-template-columns:auto 1fr; gap:20px; align-items:start; padding:24px; border:1px solid var(--line); border-radius:16px; background:rgba(10,12,12,.72); backdrop-filter:blur(14px); transition:border-color .25s, transform .25s; }
.flow-card:hover { border-color:rgba(245,184,46,.3); transform:translateX(5px); }
.flow-index { width:36px; height:36px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.2); border-radius:10px; color:var(--text); font-size:11px; }
.flow-index.gold { color:#100e08; border-color:var(--gold); background:var(--gold); }
.flow-index.cyan { color:#061012; border-color:var(--cyan); background:var(--cyan); }
.flow-card small { color:var(--gold); font-size:8px; letter-spacing:.17em; }
.flow-card h3 { margin:6px 0 8px; font-size:20px; }
.flow-card p { margin:0; color:var(--muted); font-size:11px; line-height:1.7; }
.tax-band { display:grid; grid-template-columns:1.4fr repeat(3,1fr); margin-top:80px; border:1px solid var(--line); border-radius:18px; overflow:hidden; background:rgba(8,9,9,.76); backdrop-filter:blur(14px); }
.tax-band > div { min-height:150px; display:flex; flex-direction:column; justify-content:center; padding:24px; border-right:1px solid var(--line); }
.tax-band > div:last-child { border-right:0; }
.tax-title small { color:var(--gold); font-size:9px; letter-spacing:.17em; }
.tax-title h3 { margin:8px 0 0; max-width:240px; font-size:21px; }
.tax-item span, .tax-item small { color:var(--muted-2); font-size:9px; }
.tax-item strong { margin:7px 0; font-size:28px; }
.tax-item small { line-height:1.5; }

.launch-section { padding-top:150px; padding-bottom:150px; }
.timeline { display:grid; grid-template-columns:repeat(4,1fr); gap:11px; }
.timeline-card { min-height:360px; display:flex; flex-direction:column; padding:25px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(160deg,#111313,#090b0b); transition:transform .25s,border-color .25s; }
.timeline-card:hover { transform:translateY(-6px); border-color:rgba(245,184,46,.28); }
.timeline-card > span { width:38px; height:25px; display:grid; place-items:center; color:var(--muted); border:1px solid var(--line); border-radius:50px; font-size:9px; }
.timeline-card > small { margin-top:48px; color:var(--gold); font-size:8px; letter-spacing:.17em; }
.timeline-card h3 { margin:10px 0; font-size:24px; letter-spacing:-.03em; }
.timeline-card p { margin:0; color:var(--muted); font-size:11px; line-height:1.75; }
.timeline-card > b { margin-top:auto; color:var(--gold); font-size:13px; letter-spacing:.04em; }
.timeline-card.highlight { color:#0b0a07; border-color:var(--gold); background:var(--gold); }
.timeline-card.highlight > span { color:#0b0a07; border-color:rgba(0,0,0,.22); }
.timeline-card.highlight > small, .timeline-card.highlight > b { color:#4b370c; }
.timeline-card.highlight p { color:rgba(11,10,7,.68); }

.faq-section { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; padding-bottom:150px; }
.faq-intro h2 { margin:22px 0 16px; font-size:clamp(42px,5vw,70px); line-height:1; letter-spacing:-.06em; }
.faq-intro > p { color:var(--muted); font-size:13px; line-height:1.8; }
.source-links { display:flex; flex-wrap:wrap; gap:9px; margin-top:26px; }
.source-links a { padding:10px 12px; border:1px solid var(--line); border-radius:9px; color:var(--muted); font-size:10px; }
.source-links a:hover { color:var(--gold); border-color:var(--line-gold); }
.faq-list { border-top:1px solid var(--line); }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list summary { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:20px; list-style:none; font-size:16px; cursor:pointer; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary i { color:var(--gold); font-size:20px; font-style:normal; font-weight:300; transition:transform .2s; }
.faq-list details[open] summary i { transform:rotate(45deg); }
.faq-list p { max-width:650px; margin:-7px 0 27px; color:var(--muted); font-size:12px; line-height:1.8; }
.faq-list code { color:var(--gold); font-family:ui-monospace,monospace; }

.site-footer { min-height:150px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; padding:30px max(32px,calc((100% - var(--max))/2)); border-top:1px solid var(--line); background:#090a0a; }
.footer-brand { display:flex; align-items:center; gap:12px; }
.footer-brand .brand-mark { width:30px; height:30px; transform:rotate(45deg) scale(.82); }
.footer-brand strong { font-size:13px; letter-spacing:.14em; }
.footer-brand small { color:var(--muted-2); font-size:8px; }
.site-footer p { color:var(--muted-2); font-size:9px; text-align:center; }
.footer-links { justify-self:end; display:flex; align-items:center; gap:16px; }
.footer-links a { color:var(--muted); font-size:10px; transition:color .2s ease; }
.footer-links a:first-child { color:var(--gold); }
.footer-links a:hover { color:var(--text); }

.modal { position:fixed; z-index:300; inset:0; display:grid; place-items:center; padding:20px; visibility:hidden; opacity:0; transition:opacity .22s,visibility .22s; }
.modal.open { visibility:visible; opacity:1; }
.modal-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.73); backdrop-filter:blur(14px); }
.modal-card { position:relative; width:min(100%,520px); max-height:min(92vh,820px); overflow:auto; padding:34px; border:1px solid rgba(255,255,255,.14); border-radius:22px; background:#111313; box-shadow:0 32px 100px rgba(0,0,0,.65); transform:translateY(14px) scale(.985); transition:transform .22s; }
.modal.open .modal-card { transform:translateY(0) scale(1); }
.modal-close { position:absolute; top:16px; right:16px; width:34px; height:34px; border:1px solid var(--line); border-radius:50%; color:var(--muted); background:transparent; font-size:22px; font-weight:300; cursor:pointer; }
.modal-kicker { color:var(--gold); font-size:8px; letter-spacing:.2em; }
.modal-card h2 { margin:11px 0 8px; font-size:30px; letter-spacing:-.045em; }
.modal-card > p { margin:0; color:var(--muted); font-size:11px; line-height:1.7; }
.wallet-options { display:flex; flex-direction:column; gap:9px; margin-top:25px; }
.wallet-option { position:relative; width:100%; min-height:82px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; padding:13px; border:1px solid var(--line); border-radius:15px; color:var(--text); text-align:left; background:#0c0e0e; cursor:pointer; transition:border-color .2s,transform .2s; }
.wallet-option:hover { border-color:rgba(245,184,46,.38); transform:translateY(-1px); }
.option-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:13px; background:#1a1d1d; font-size:23px; }
.browser-icon svg { width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.browser-icon circle { fill:currentColor; stroke:none; }
.agent-icon { position:relative; background:var(--gold); }
.agent-icon::before, .agent-icon::after, .agent-icon i::before, .agent-icon i::after { content:""; position:absolute; background:#0a0906; transform:rotate(45deg); }
.agent-icon::before { width:10px;height:10px;left:19px;top:7px; }
.agent-icon::after { width:10px;height:10px;left:19px;bottom:7px; }
.agent-icon i::before { width:10px;height:10px;left:7px;top:19px; }
.agent-icon i::after { width:10px;height:10px;right:7px;top:19px; }
.wallet-option > span:nth-child(2) { display:flex; flex-direction:column; gap:5px; }
.wallet-option strong { font-size:13px; }
.wallet-option small { color:var(--muted-2); font-size:9px; }
.wallet-option > b { align-self:start; padding:5px 7px; color:#0c0a06; border-radius:6px; background:var(--gold); font-size:8px; }
.wallet-option > em { color:var(--gold); font-size:18px; font-style:normal; }
.wallet-safety { display:flex; gap:10px; margin-top:15px; padding:12px; border:1px solid rgba(245,184,46,.16); border-radius:12px; background:rgba(245,184,46,.04); }
.wallet-safety i { flex:0 0 auto; width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:9px;font-style:normal; }
.wallet-safety p { margin:0;color:var(--muted);font-size:9px;line-height:1.6; }

.agent-modal-card { width:min(100%,460px); text-align:center; }
.qr-frame { position:relative; width:260px; height:260px; margin:24px auto 16px; display:grid; place-items:center; padding:12px; border-radius:20px; background:#fff; }
.qr-frame::before { content:""; position:absolute; inset:-7px; border:1px solid var(--line-gold); border-radius:25px; }
.qr-frame img { width:100%; height:100%; object-fit:contain; border-radius:9px; }
.qr-loading { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; color:#151515; background:#fff; border-radius:20px; font-size:10px; }
.qr-loading[hidden] { display:none!important; }
.qr-frame img:not(.ready) { opacity:0; }
.qr-frame img.ready { opacity:1; }
.qr-loading i { width:28px; height:28px; border:2px solid #ddd; border-top-color:#111; border-radius:50%; animation:spin .8s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.pairing-row { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; padding:13px 14px; border:1px solid var(--line); border-radius:12px; background:#0b0d0d; text-align:left; }
.pairing-row span,.pairing-row small { color:var(--muted-2); font-size:9px; }
.pairing-row strong { color:var(--gold); font-size:22px; letter-spacing:.18em; text-align:center; }
.scan-steps { display:flex; flex-direction:column; gap:9px; margin:18px 0 0; padding:0; list-style:none; text-align:left; }
.scan-steps li { display:flex; align-items:center; gap:10px; color:var(--muted); font-size:10px; }
.scan-steps span { width:21px;height:21px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;color:var(--gold);font-size:8px; }
.deep-link { display:inline-block; margin-top:17px; color:var(--gold); font-size:10px; }
.agent-status { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:18px!important; }
.agent-status i { width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);animation:pulse 1.2s ease-in-out infinite; }
@keyframes pulse { 50% { opacity:.35; transform:scale(.72); } }

.preview-summary { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin-top:22px; }
.preview-summary > div { padding:13px; border:1px solid var(--line); border-radius:11px; background:#0b0d0d; }
.preview-summary span { display:block; color:var(--muted-2); font-size:8px; }
.preview-summary strong { display:block; margin-top:6px; overflow-wrap:anywhere; font-size:11px; }
.risk-box { margin-top:14px; padding:14px; border:1px solid rgba(108,229,170,.22); border-radius:12px; background:rgba(108,229,170,.035); }
.risk-box.danger { border-color:rgba(255,117,109,.3); background:rgba(255,117,109,.04); }
.risk-box > strong { font-size:11px; }
.risk-box p { margin:8px 0 0; color:var(--muted); font-size:9px; line-height:1.55; }
.confirm-check { display:flex; align-items:flex-start; gap:9px; margin:17px 0; color:var(--muted); font-size:10px; line-height:1.5; cursor:pointer; }
.confirm-check input { margin-top:2px; accent-color:var(--gold); }
.modal-action { width:100%; justify-content:space-between; }
.modal-action:disabled { opacity:.35; cursor:not-allowed; transform:none; }

.account-popover { position:fixed; z-index:180; top:92px; right:max(20px,calc((100% - 1320px)/2 + 16px)); width:280px; padding:16px; border:1px solid var(--line); border-radius:15px; background:rgba(15,17,17,.96); box-shadow:var(--shadow); backdrop-filter:blur(18px); }
.account-head { display:flex; align-items:center; gap:11px; padding-bottom:13px; border-bottom:1px solid var(--line); }
.account-head .wallet-dot { color:var(--green); border:0; background:var(--green); box-shadow:0 0 11px rgba(108,229,170,.55); }
.account-head div { min-width:0; display:flex; flex-direction:column; gap:3px; }
.account-head strong { overflow:hidden; text-overflow:ellipsis; font-size:11px; }
.account-head small { color:var(--muted-2); font-size:8px; }
.account-details { display:flex; flex-direction:column; gap:9px; padding:13px 0; }
.account-details span { display:flex; justify-content:space-between; color:var(--muted-2); font-size:9px; }
.account-details b { color:var(--text); font-weight:600; }
.account-popover button { width:100%; height:35px; border:1px solid var(--line); border-radius:8px; color:var(--danger); background:transparent; font-size:10px; cursor:pointer; }

.toast-stack { position:fixed; z-index:500; right:20px; bottom:20px; display:flex; flex-direction:column; gap:9px; pointer-events:none; }
.toast { width:min(360px,calc(100vw - 40px)); display:grid; grid-template-columns:auto 1fr auto; align-items:start; gap:10px; padding:14px; border:1px solid var(--line); border-radius:13px; background:rgba(16,18,18,.95); box-shadow:var(--shadow); backdrop-filter:blur(15px); pointer-events:auto; animation:toast-in .25s ease both; }
@keyframes toast-in { from { opacity:0; transform:translateY(10px); } }
.toast > i { width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold); }
.toast.success > i { background:var(--green);box-shadow:0 0 10px var(--green); }
.toast.error > i { background:var(--danger);box-shadow:0 0 10px var(--danger); }
.toast div { display:flex;flex-direction:column;gap:3px; }
.toast strong { font-size:11px; }
.toast span { color:var(--muted);font-size:9px;line-height:1.5;overflow-wrap:anywhere; }
.toast button { border:0;color:var(--muted);background:transparent;cursor:pointer; }

.reveal { opacity:1; transform:none; }
.js .reveal { opacity:0; transform:translateY(18px); transition:opacity .7s ease,transform .7s ease; }
.js .reveal.visible { opacity:1; transform:translateY(0); }

@media (max-width: 1080px) {
  .main-nav { gap:20px; }
  .hero { grid-template-columns:1fr 1fr; }
  .hero h1 { font-size:clamp(55px,7.2vw,82px); }
  .hero-visual { height:620px; }
  .hero-visual img { max-height:620px; }
  .float-id { right:0; }
  .mint-grid { grid-template-columns:1fr; }
  .mint-overview { min-height:0; }
  .flow-layout { gap:35px; }
  .timeline { grid-template-columns:repeat(2,1fr); }
  .tax-band { grid-template-columns:repeat(3,1fr); }
  .tax-title { grid-column:1/-1; min-height:auto!important; border-right:0!important; border-bottom:1px solid var(--line); }
}

@media (max-width: 820px) {
  .section-shell { width:min(calc(100% - 34px),var(--max)); }
  .site-header { grid-template-columns:1fr auto; }
  .main-nav { position:absolute; top:78px; left:0; right:0; display:none; flex-direction:column; align-items:stretch; gap:0; padding:12px; border:1px solid var(--line); border-radius:15px; background:rgba(10,11,11,.98); }
  .main-nav.open { display:flex; }
  .main-nav a { padding:13px; }
  .network-pill { display:none; }
  .menu-button { display:block; }
  .hero { min-height:auto; grid-template-columns:1fr; padding-top:155px; text-align:center; }
  .hero-copy { position:relative; z-index:6; }
  .hero-copy .eyebrow,.hero-ctas,.trust-row { justify-content:center; }
  .hero-lead { margin-inline:auto; }
  .hero-visual { height:560px; margin-top:12px; }
  .hero-visual img { max-height:560px; transform:translateX(-50%); }
  .float-price { left:2%; }
  .float-id { right:2%; }
  .live-strip { grid-template-columns:repeat(2,1fr); }
  .live-cell:nth-child(2) { border-right:0; }
  .live-cell:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .flow-layout { grid-template-columns:1fr; }
  .split-orb { margin-inline:auto; }
  .faq-section { grid-template-columns:1fr; gap:55px; }
  .site-footer { grid-template-columns:1fr; justify-items:center; text-align:center; }
  .footer-links { justify-self:center; }
}

@media (max-width: 580px) {
  .section-shell { width:calc(100% - 24px); }
  .site-header { top:8px; width:calc(100% - 16px); min-height:62px; padding-left:13px; border-radius:15px; }
  .brand-copy small { display:none; }
  .wallet-button { min-width:0; height:42px; padding:0 12px; }
  .wallet-button { width:42px; padding:0; }
  .wallet-button .wallet-dot { display:block; }
  .wallet-button #connectLabel { display:none; }
  .header-actions { gap:6px; }
  .menu-button { width:42px;height:42px; }
  .hero { padding-top:116px; padding-bottom:24px; text-align:left; }
  .hero-copy .eyebrow,.hero-ctas,.trust-row { justify-content:flex-start; }
  .hero h1 { margin:20px 0 20px; max-width:350px; font-size:clamp(42px,13.5vw,53px); line-height:.98; }
  .hero-lead { margin-inline:0; font-size:12px; line-height:1.8; }
  .hero-ctas { flex-direction:column; }
  .button { width:100%; }
  .trust-row { width:100%; display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
  .trust-row > div { min-width:0; gap:3px; padding:10px 4px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.025); }
  .trust-row i { font-size:23px; }
  .trust-row small { max-width:68px; white-space:normal; line-height:1.25; }
  .hero-visual { height:410px; margin:18px -4px 0; }
  .hero-visual { overflow:hidden; border-radius:22px; }
  .hero-visual img { width:108%; max-width:none; max-height:430px; }
  .orbit-one { width:390px;height:280px; }
  .orbit-two { width:300px;height:420px; }
  .float-card { min-width:122px;padding:11px; }
  .float-card strong { font-size:12px; }
  .float-price { top:37%; }
  .float-id { top:16%; }
  .serial-tag { right:4%;bottom:10%; }
  .live-strip { width:100%; }
  .live-cell { min-height:104px;padding:16px; }
  .live-cell strong { font-size:18px; }
  .mint-section,.mechanism-inner,.launch-section { padding-top:78px;padding-bottom:78px; }
  .section-heading { margin-bottom:38px; }
  .section-heading h2 { font-size:38px; line-height:1.02; }
  .mint-overview,.mint-console { padding:16px; border-radius:18px; }
  .open-gauge { grid-template-columns:1fr; justify-items:center; text-align:center; gap:25px; margin:38px 0; padding:24px 18px; }
  .gauge-ring { width:150px;height:150px; }
  .mini-metrics { grid-template-columns:1fr; }
  .mini-metrics div { border-right:0;border-bottom:1px solid var(--line); }
  .mini-metrics div:last-child { border-bottom:0; }
  .identity-state { display:none; }
  .quantity-control { height:76px; }
  .flow-layout,.flow-cards { width:100%; min-width:0; }
  .split-orb { width:min(100%,330px); }
  .orb-core strong { font-size:40px; }
  .orb-label { min-width:104px;padding:9px; }
  .orb-label-a { left:0; }
  .orb-label-b { right:0; }
  .flow-card { min-width:0; grid-template-columns:32px minmax(0,1fr); gap:12px; padding:16px; }
  .flow-card > div { min-width:0; }
  .flow-card h3,.flow-card p { overflow-wrap:anywhere; }
  .tax-band { grid-template-columns:1fr; }
  .tax-title { grid-column:auto; }
  .tax-band > div { min-height:115px;border-right:0;border-bottom:1px solid var(--line); }
  .tax-band > div:last-child { border-bottom:0; }
  .timeline { grid-template-columns:1fr; }
  .timeline-card { min-height:300px; }
  .faq-section { padding-bottom:78px; }
  .modal { padding:0; place-items:end stretch; }
  .modal-backdrop { backdrop-filter:blur(9px); }
  .modal-card { width:100%; max-height:calc(100dvh - 8px); padding:25px 18px calc(18px + env(safe-area-inset-bottom)); border-radius:24px 24px 0 0; border-inline:0; border-bottom:0; }
  .modal-card h2 { margin-top:9px; font-size:24px; }
  .modal-close { top:13px; right:14px; width:36px; height:36px; }
  .wallet-options { margin-top:18px; }
  .wallet-option { min-height:72px; padding:11px; }
  .option-icon { width:44px; height:44px; }
  .agent-icon::before { left:17px;top:6px; }
  .agent-icon::after { left:17px;bottom:6px; }
  .agent-icon i::before { left:6px;top:17px; }
  .agent-icon i::after { right:6px;top:17px; }
  .agent-modal-card { display:flex; flex-direction:column; align-items:stretch; }
  .qr-frame { width:min(58vw,212px); height:auto; aspect-ratio:1; margin:18px auto 14px; padding:9px; border-radius:17px; }
  .qr-frame::before { inset:-5px; border-radius:21px; }
  .qr-loading { border-radius:17px; }
  .pairing-row { grid-template-columns:auto 1fr auto; gap:8px; padding:11px 12px; }
  .pairing-row strong { font-size:18px; letter-spacing:.14em; }
  .pairing-row small { grid-column:auto; text-align:right; }
  .scan-steps { margin-top:14px; gap:7px; }
  .scan-steps li { font-size:9px; }
  .deep-link { margin-top:13px; padding:10px 12px; border:1px solid rgba(245,184,46,.24); border-radius:10px; background:rgba(245,184,46,.06); }
  .agent-status { margin-top:13px!important; }
  .preview-summary { grid-template-columns:1fr; }
  .account-popover { top:78px;right:10px;width:calc(100% - 20px); }
}

@media (max-width: 360px), (max-height: 700px) and (max-width: 580px) {
  .agent-modal-card { padding-top:20px; }
  .agent-modal-card h2 { font-size:21px; }
  .qr-frame { width:174px; margin-top:12px; }
  .scan-steps { display:none; }
  .pairing-row strong { font-size:17px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  .reveal { opacity:1; transform:none; }
}