:root {
  color-scheme: dark;
  --ink: #f5f8ff;
  --muted: #929bb4;
  --panel: rgba(11, 15, 32, .72);
  --line: rgba(151, 168, 218, .16);
  --cyan: #2de2ff;
  --cyan-2: #7df2ff;
  --pink: #ff4fd8;
  --violet: #8e6bff;
  --green: #65f5b1;
  --amber: #ffcf6e;
  --radius: 24px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background: #050711;
  color: var(--ink);
  font-family: Inter, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; }
button, input { font: inherit; }
button:focus-visible, a:focus-visible, summary:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 100; padding: 12px 16px; border-radius: 10px; background: #fff; color: #050711; text-decoration: none; transition: top .2s; }
.skip-link:focus { top: 16px; }
.shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; position: relative; }
.ambient { position: fixed; inset: 0; pointer-events: none; overflow: hidden; z-index: 0; }
.ambient::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% -20%, transparent 0 22%, #050711 78%); opacity: .75; }
.ambient__grid { position: absolute; inset: 0; opacity: .11; background-image: linear-gradient(rgba(93,226,255,.2) 1px, transparent 1px), linear-gradient(90deg, rgba(93,226,255,.2) 1px, transparent 1px); background-size: 70px 70px; transform: perspective(600px) rotateX(56deg) scale(1.8) translateY(18%); transform-origin: center bottom; mask-image: linear-gradient(transparent, #000 20%, #000 70%, transparent); }
.ambient__stars { position: absolute; inset: 0; opacity: .45; background-image: radial-gradient(circle at 10% 20%, white 0 1px, transparent 1.5px), radial-gradient(circle at 72% 12%, #9ff9ff 0 1px, transparent 1.5px), radial-gradient(circle at 28% 70%, white 0 1px, transparent 1.5px), radial-gradient(circle at 90% 60%, #ffb9f0 0 1px, transparent 1.5px); background-size: 290px 260px, 410px 370px, 340px 330px, 520px 480px; }
.ambient__orb { position: absolute; width: 48vw; aspect-ratio: 1; border-radius: 50%; filter: blur(120px); opacity: .12; }
.ambient__orb--cyan { left: -20vw; top: 8vh; background: var(--cyan); }
.ambient__orb--magenta { right: -24vw; top: 32vh; background: var(--pink); }
.topbar {
  position: relative;
  z-index: 20;
  width: min(1320px, calc(100% - 36px));
  min-height: 86px;
  margin: 16px auto 0;
  padding: 12px 16px 12px 20px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  border: 1px solid rgba(161, 180, 229, .13);
  border-radius: 18px;
  background: rgba(6, 9, 22, .72);
  box-shadow: 0 18px 60px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.04);
  backdrop-filter: blur(20px);
}
.brand { display: inline-flex; align-items: center; gap: 11px; width: max-content; text-decoration: none; }
.brand img { display: block; border-radius: 50%; object-fit: cover; box-shadow: 0 0 22px rgba(45,226,255,.26); }
.brand span { display: flex; flex-direction: column; line-height: 1; }
.brand strong { font: 700 14px/1.1 "Space Grotesk", sans-serif; letter-spacing: .08em; }
.brand small { margin-top: 6px; color: #6f7893; font-size: 8px; letter-spacing: .2em; }
.desktop-nav { display: flex; align-items: center; gap: 6px; }
.desktop-nav a { position: relative; padding: 12px 17px; color: #8e97ae; font-size: 13px; font-weight: 600; text-decoration: none; transition: .2s; }
.desktop-nav a:hover { color: white; }
.desktop-nav a[aria-current="page"] { color: white; }
.desktop-nav a[aria-current="page"]::after { content: ""; position: absolute; left: 17px; right: 17px; bottom: 4px; height: 2px; border-radius: 3px; background: linear-gradient(90deg,var(--cyan),var(--pink)); box-shadow: 0 0 10px var(--cyan); }
.topbar__actions { justify-self: end; display: flex; align-items: center; gap: 10px; }
.network-pill { display: flex; align-items: center; gap: 9px; min-width: 140px; padding: 9px 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; background: rgba(255,255,255,.03); font-size: 11px; font-weight: 700; }
.network-pill > span:nth-child(2) { display: flex; flex-direction: column; gap: 2px; }
.network-pill small { color: #6f7893; font-size: 7px; letter-spacing: .14em; }
.network-pill i { width: 6px; height: 6px; margin-left: auto; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); }
.network-pill__mark { width: 15px; height: 22px; clip-path: polygon(50% 0,100% 62%,50% 100%,0 62%); background: linear-gradient(145deg,#a9b8ff,#5d6dbe); }
.wallet-button { height: 44px; padding: 0 18px; border: 1px solid rgba(112, 231, 255, .2); border-radius: 12px; background: rgba(45,226,255,.07); color: #78849f; font-size: 12px; font-weight: 700; }
.wallet-button span { display: inline-block; width: 8px; height: 8px; margin-right: 7px; border-radius: 50%; background: #5d6680; }
.mobile-nav { display: none; position: relative; }
.mobile-nav summary { list-style: none; width: 42px; height: 42px; padding: 12px 10px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.04); cursor: pointer; }
.mobile-nav summary::-webkit-details-marker { display: none; }
.mobile-nav summary span { display: block; height: 2px; margin: 3px 0; border-radius: 2px; background: #dce9ff; }
.mobile-nav nav { position: absolute; right: 0; top: 50px; width: 190px; padding: 8px; border: 1px solid var(--line); border-radius: 14px; background: #0a0e1e; box-shadow: 0 18px 50px #000; }
.mobile-nav nav a { display: block; padding: 12px; border-radius: 9px; color: #aab3c7; text-decoration: none; font-size: 13px; }
.mobile-nav nav a[aria-current="page"] { background: rgba(45,226,255,.08); color: var(--cyan); }
main, .staking-footer { position: relative; z-index: 1; }
.hero { min-height: 700px; padding: 88px 0 76px; display: grid; grid-template-columns: .93fr 1.07fr; align-items: center; gap: 58px; }
.eyebrow, .section-kicker { color: var(--cyan-2); font-size: 10px; font-weight: 700; letter-spacing: .2em; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }
.eyebrow > span { width: 30px; height: 1px; background: var(--cyan); box-shadow: 0 0 8px var(--cyan); }
h1,h2 { margin: 0; font-family: "Space Grotesk", sans-serif; }
.hero h1 { font-size: clamp(58px, 7.2vw, 106px); line-height: .84; letter-spacing: -.065em; }
.hero h1 span { display: block; color: transparent; background: linear-gradient(100deg,#fff 8%,#c6faff 48%,#f4c8ff); background-clip: text; -webkit-background-clip: text; filter: drop-shadow(0 0 28px rgba(45,226,255,.14)); }
.hero__lead { margin: 28px 0 8px; font: 600 clamp(22px,3vw,34px)/1.15 "Space Grotesk", sans-serif; letter-spacing: -.035em; }
.hero__body { max-width: 610px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
.hero__status { max-width: 540px; margin-top: 28px; padding: 13px 14px; display: flex; align-items: center; gap: 13px; border: 1px solid rgba(255,207,110,.2); border-radius: 15px; background: linear-gradient(90deg,rgba(255,207,110,.07),rgba(255,255,255,.02)); }
.hero__status-icon { position: relative; width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(255,207,110,.32); border-radius: 10px; background: rgba(255,207,110,.08); }
.hero__status-icon::before { content: ""; width: 12px; height: 14px; border: 1.5px solid var(--amber); border-radius: 3px; }
.hero__status-icon i { position: absolute; top: 8px; width: 8px; height: 7px; border: 1.5px solid var(--amber); border-bottom: 0; border-radius: 6px 6px 0 0; }
.hero__status > span:nth-child(2) { display: flex; flex-direction: column; gap: 2px; }
.hero__status small { color: #818aa3; font-size: 8px; letter-spacing: .15em; }
.hero__status strong { font-size: 12px; letter-spacing: .09em; }
.hero__status em { margin-left: auto; padding: 7px 9px; border-radius: 7px; background: rgba(255,207,110,.1); color: var(--amber); font-size: 8px; font-style: normal; font-weight: 700; letter-spacing: .12em; }
.hero__actions { margin-top: 26px; display: flex; align-items: center; gap: 24px; }
.primary-link { padding: 14px 17px; border: 1px solid rgba(45,226,255,.38); border-radius: 11px; background: linear-gradient(115deg,rgba(45,226,255,.15),rgba(255,79,216,.09)); color: white; box-shadow: 0 0 28px rgba(45,226,255,.08); font-size: 11px; font-weight: 700; text-decoration: none; transition: transform .2s, border-color .2s; }
.primary-link:hover { transform: translateY(-2px); border-color: var(--cyan); }
.text-link { color: #9ea8bd; font-size: 11px; text-decoration: none; }
.hero__visual { position: relative; aspect-ratio: 1; display: grid; place-items: center; isolation: isolate; }
.hero__visual::before { content: ""; position: absolute; inset: 15%; border-radius: 50%; background: conic-gradient(from 120deg,rgba(45,226,255,.25),rgba(142,107,255,.08),rgba(255,79,216,.25),rgba(45,226,255,.25)); filter: blur(35px); z-index: -2; }
.hero__visual::after { content: ""; position: absolute; left: 18%; right: 18%; bottom: 10%; height: 12%; border-radius: 50%; background: #070914; box-shadow: 0 8px 50px 28px #000; z-index: -1; }
.token-stage { position: relative; width: 64%; aspect-ratio: 1; border-radius: 50%; transform: perspective(900px) rotateY(-8deg) rotateX(2deg); filter: drop-shadow(0 30px 55px rgba(0,0,0,.65)); animation: token-float 6s ease-in-out infinite; }
.token-stage img { width: 100%; height: 100%; display: block; border-radius: 50%; object-fit: cover; }
.token-stage__rim { position: absolute; inset: -3%; border: 1px solid rgba(144,239,255,.3); border-radius: 50%; box-shadow: 0 0 26px rgba(45,226,255,.24), inset 0 0 25px rgba(255,79,216,.12); }
.token-stage__reflection { position: absolute; inset: 4%; border-radius: 50%; background: linear-gradient(145deg,rgba(255,255,255,.22),transparent 25%,transparent 66%,rgba(45,226,255,.1)); mix-blend-mode: screen; pointer-events: none; }
.orbit { position: absolute; border: 1px solid rgba(137,165,226,.18); border-radius: 50%; }
.orbit--outer { inset: 4%; animation: spin 28s linear infinite; }
.orbit--inner { inset: 15%; border-color: rgba(45,226,255,.18); animation: spin-reverse 18s linear infinite; }
.orbit i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 14px 3px var(--cyan); }
.orbit--outer i:nth-child(1) { top: 13%; left: 14%; }.orbit--outer i:nth-child(2) { right: 5%; top: 48%; background: var(--pink); box-shadow: 0 0 14px 3px var(--pink); }.orbit--outer i:nth-child(3) { bottom: 7%; left: 30%; }
.orbit--inner i:nth-child(1) { top: 3%; left: 52%; }.orbit--inner i:nth-child(2) { bottom: 15%; right: 7%; background: var(--pink); box-shadow: 0 0 14px 3px var(--pink); }
.visual-chip { position: absolute; min-width: 90px; padding: 11px 14px; display: flex; justify-content: space-between; align-items: center; gap: 15px; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; background: rgba(8,12,27,.74); backdrop-filter: blur(14px); box-shadow: 0 14px 34px rgba(0,0,0,.35); }
.visual-chip small { color: #737d96; font-size: 7px; letter-spacing: .14em; }.visual-chip strong { font-size: 12px; }.visual-chip--top { top: 15%; right: 3%; }.visual-chip--bottom { left: 4%; bottom: 16%; }
.eth-diamond { position: absolute; left: 8%; top: 20%; width: 30px; height: 48px; opacity: .5; filter: drop-shadow(0 0 10px #6478ff); }
.eth-diamond span:first-child { position:absolute; inset:0 0 46%; clip-path: polygon(50% 0,100% 100%,50% 78%,0 100%); background:#8799ff; }.eth-diamond span:last-child { position:absolute; inset:54% 0 0; clip-path: polygon(0 0,50% 22%,100% 0,50% 100%); background:#596bbd; }
@keyframes token-float { 50% { transform: perspective(900px) rotateY(-5deg) rotateX(1deg) translateY(-12px); } }
@keyframes spin { to { transform: rotate(360deg); } } @keyframes spin-reverse { to { transform: rotate(-360deg); } }
.dashboard, .workspace, .readiness, .future-flow { padding-top: 42px; padding-bottom: 42px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; margin-bottom: 20px; }
.section-heading h2, .staking-panel h2, .protocol-panel h2, .future-flow h2 { margin-top: 6px; font-size: clamp(24px,3vw,34px); letter-spacing: -.035em; }
.section-heading p, .future-flow__intro p { max-width: 600px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.data-status, .locked-badge { padding: 8px 10px; display: flex; align-items: center; gap: 7px; border: 1px solid rgba(255,207,110,.14); border-radius: 8px; background: rgba(255,207,110,.05); color: #d9bb7a; font-size: 8px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.data-status i { width: 6px; height: 6px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 9px var(--amber); }
.metric-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.metric-card { min-height: 154px; padding: 22px; display: flex; align-items: center; gap: 16px; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(145deg,rgba(16,21,44,.78),rgba(7,10,24,.74)); box-shadow: inset 0 1px rgba(255,255,255,.035); transition: transform .25s, border-color .25s; }
.metric-card:hover { transform: translateY(-3px); border-color: rgba(45,226,255,.28); }
.metric-card--featured { border-color: rgba(45,226,255,.2); background: linear-gradient(145deg,rgba(18,39,56,.8),rgba(11,13,33,.75)); }
.metric-card__icon { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(45,226,255,.18); border-radius: 12px; background: rgba(45,226,255,.07); color: var(--cyan); font-size: 19px; box-shadow: 0 0 22px rgba(45,226,255,.08); }
.metric-card > div:last-child { min-width: 0; display: flex; flex-direction: column; }
.metric-card span { color: #7c86a0; font-size: 8px; font-weight: 700; letter-spacing: .15em; }
.metric-card strong { margin: 5px 0 3px; font: 600 30px/1 "Space Grotesk",sans-serif; }.metric-card small { color: #667088; font-size: 9px; }.metric-card__word { font-size: 25px!important; }
.workspace { display: grid; grid-template-columns: 1.35fr .65fr; gap: 18px; }
.staking-panel, .protocol-panel, .future-flow { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg,rgba(15,20,42,.83),rgba(6,9,22,.78)); box-shadow: 0 28px 80px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.04); backdrop-filter: blur(14px); }
.staking-panel { padding: 30px; }
.staking-panel::before { content:""; position:absolute; width:220px; height:220px; left:-130px; top:-130px; border-radius:50%; background:var(--cyan); filter:blur(95px); opacity:.09; }
.staking-panel__header { display:flex; justify-content:space-between; align-items:start; gap:18px; }
.locked-badge i { width: 8px; height: 9px; border: 1px solid currentColor; border-radius: 2px; }
.tabs { margin-top: 28px; display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; padding: 5px; border: 1px solid rgba(255,255,255,.07); border-radius: 12px; background: rgba(0,0,0,.18); }
.tabs button { height: 40px; border: 0; border-radius: 8px; background: transparent; color: #68728b; font-size: 11px; font-weight: 700; }
.tabs button[aria-selected="true"] { background: rgba(45,226,255,.08); color: #9cf3ff; box-shadow: inset 0 0 0 1px rgba(45,226,255,.12); }
.amount-field { margin-top: 22px; }.amount-field > div:first-child { display:flex; justify-content:space-between; margin-bottom:9px; color:#7d879f; font-size:10px; }.amount-field label { color:#cad1e1; font-weight:600; }
.amount-field__input { height: 72px; padding: 0 18px; display:flex; align-items:center; border:1px solid rgba(255,255,255,.1); border-radius:14px; background:rgba(1,3,11,.44); }
.amount-field__input input { width:100%; border:0; outline:0; background:transparent; color:white; font:600 24px/1 "Space Grotesk",sans-serif; }.amount-field__input input::placeholder { color:#414a61; }.amount-field__input span { color:#8590aa; font-size:11px; font-weight:700; }
.readiness-message { margin-top: 17px; padding: 13px 14px; display:flex; gap:11px; border:1px solid rgba(255,207,110,.16); border-radius:12px; background:rgba(255,207,110,.045); }
.readiness-message > span { width:22px; height:22px; flex:0 0 auto; display:grid; place-items:center; border:1px solid rgba(255,207,110,.28); border-radius:50%; color:var(--amber); font-size:10px; font-weight:700; }
.readiness-message p { margin:0; color:#8d96aa; font-size:10px; line-height:1.55; }.readiness-message strong { color:#dbc99f; }
.disabled-action { width:100%; height:48px; margin-top:16px; border:1px solid rgba(255,255,255,.07); border-radius:12px; background:linear-gradient(90deg,rgba(80,95,120,.1),rgba(79,57,94,.1)); color:#5f687d; font-size:11px; font-weight:700; }
.custody-note { margin:13px 0 0; color:#626c84; font-size:9px; text-align:center; }.custody-note span { color:var(--cyan); }
.protocol-panel { padding:30px; }
.protocol-panel__art { position:absolute; width:180px; height:180px; right:-58px; top:-54px; opacity:.12; filter:saturate(1.25); }.protocol-panel__art img { width:100%; height:100%; border-radius:50%; }
.protocol-list { margin:24px 0 0; }
.protocol-list > div { padding:12px 0; display:flex; justify-content:space-between; gap:15px; border-bottom:1px solid rgba(255,255,255,.06); }
.protocol-list dt { color:#78829a; font-size:9px; font-weight:500; }.protocol-list dd { margin:0; color:#c9d0df; font-size:9px; font-weight:600; text-align:right; }
.status-dot { display:inline-block; width:6px; height:6px; margin-right:5px; border-radius:50%; }.status-dot--live { background:var(--green); box-shadow:0 0 9px var(--green); }.status-dot--pending { background:var(--amber); box-shadow:0 0 8px rgba(255,207,110,.55); }
.contract-address { margin-top:18px; padding:14px; border:1px solid rgba(45,226,255,.1); border-radius:12px; background:rgba(45,226,255,.035); }
.contract-address > span { color:#657089; font-size:7px; letter-spacing:.15em; }.contract-address > div { margin-top:7px; display:flex; justify-content:space-between; align-items:center; }
.contract-address code { color:#b4eff8; font:500 11px "Space Grotesk",monospace; }.contract-address button { border:0; background:transparent; color:var(--cyan); font-size:9px; font-weight:700; cursor:pointer; }
.readiness { padding-top:90px; padding-bottom:75px; }.section-heading--center { justify-content:center; text-align:center; }.section-heading--center p { margin:10px auto 0; }
.readiness-steps { margin:34px 0 0; padding:0; display:grid; grid-template-columns:repeat(5,1fr); list-style:none; }
.readiness-steps li { position:relative; min-width:0; padding-right:15px; }
.readiness-steps li::after { content:""; position:absolute; top:16px; left:42px; right:8px; height:1px; background:rgba(133,147,183,.2); }
.readiness-steps li:last-child::after { display:none; }
.readiness-steps > li > span { display:block; margin-bottom:21px; color:#505a72; font:600 9px "Space Grotesk",sans-serif; }
.readiness-steps i { position:absolute; left:18px; top:10px; width:13px; height:13px; display:grid; place-items:center; border:1px solid #475069; border-radius:50%; background:#080b17; color:#061019; font-size:7px; font-style:normal; z-index:1; }
.readiness-steps .is-complete i { border-color:var(--cyan); background:var(--cyan); box-shadow:0 0 13px rgba(45,226,255,.5); }
.readiness-steps strong,.readiness-steps small { display:block; }.readiness-steps strong { color:#bec6d8; font-size:10px; }.readiness-steps small { margin-top:5px; color:#616b82; font-size:8px; line-height:1.4; }
.future-flow { margin-top:28px; margin-bottom:90px; padding:38px; display:grid; grid-template-columns:.68fr 1.32fr; gap:42px; align-items:center; }
.future-flow::after { content:""; position:absolute; width:350px; height:350px; left:-220px; bottom:-240px; border-radius:50%; background:var(--pink); filter:blur(120px); opacity:.12; }
.future-flow__intro p { margin-bottom:0; }.flow-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.flow-grid > div { min-height:124px; padding:17px 14px; display:flex; flex-direction:column; border:1px solid rgba(255,255,255,.07); border-radius:13px; background:rgba(255,255,255,.025); }
.flow-grid span { color:var(--cyan); font-size:8px; }.flow-grid strong { margin-top:auto; font-size:11px; }.flow-grid small { margin-top:5px; color:#6f7991; font-size:8px; line-height:1.4; }
.future-flow__note { position:absolute; right:38px; bottom:10px; color:#4f5970; font-size:7px; }
.staking-footer { min-height:110px; padding:28px 0; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:25px; border-top:1px solid rgba(255,255,255,.07); }
.staking-footer p { margin:0; color:#626c82; font-size:9px; text-align:center; }.staking-footer > a { justify-self:end; color:#8a96af; font-size:9px; text-decoration:none; }
.brand--footer strong { font-size:11px; }.brand--footer small { font-size:7px; }.noscript { position:relative; z-index:30; margin:0; padding:12px; background:#221b0c; color:#ffe5aa; text-align:center; font-size:12px; }
@media (max-width: 1050px) {
  .topbar { grid-template-columns:1fr auto; }.desktop-nav { display:none; }.mobile-nav { display:block; }.network-pill { display:none; }
  .hero { grid-template-columns:1fr 1fr; gap:20px; }.metric-grid { grid-template-columns:repeat(2,1fr); }.future-flow { grid-template-columns:1fr; }.future-flow__note { position:static; margin:0; grid-column:1/-1; }.flow-grid { grid-template-columns:repeat(4,1fr); }
}
@media (max-width: 760px) {
  .shell { width:min(100% - 28px, 620px); }.topbar { width:calc(100% - 20px); min-height:72px; margin-top:10px; padding:10px 11px 10px 13px; }.brand img { width:38px; height:38px; }.brand strong { font-size:12px; }.brand small { font-size:7px; }.wallet-button { display:none; }
  .hero { min-height:auto; padding:58px 0 34px; grid-template-columns:1fr; text-align:center; }.hero__copy { display:flex; flex-direction:column; align-items:center; }.eyebrow { font-size:8px; }.hero h1 { font-size:clamp(56px,18vw,82px); }.hero__lead { margin-top:22px; font-size:24px; }.hero__body { font-size:12px; }.hero__status { width:100%; text-align:left; }.hero__actions { width:100%; flex-direction:column; gap:15px; }.primary-link { width:100%; }.hero__visual { width:min(100%,480px); margin:-6px auto 0; }.token-stage { width:62%; }.visual-chip--top { right:0; }.visual-chip--bottom { left:0; }
  .dashboard,.workspace,.readiness,.future-flow { padding-top:30px; padding-bottom:30px; }.section-heading { align-items:start; gap:15px; }.section-heading h2 { font-size:26px; }.data-status { max-width:105px; line-height:1.4; }.metric-grid { grid-template-columns:1fr 1fr; }.metric-card { min-height:132px; padding:17px; flex-direction:column; align-items:start; gap:12px; }.metric-card strong { font-size:26px; }
  .workspace { display:grid; grid-template-columns:1fr; }.staking-panel,.protocol-panel { padding:22px; }.staking-panel__header { flex-direction:column; }.locked-badge { align-self:flex-start; }.amount-field__input { height:62px; }
  .readiness { padding-top:66px; }.readiness-steps { grid-template-columns:1fr; gap:0; }.readiness-steps li { min-height:76px; padding-left:58px; }.readiness-steps li::after { left:24px; right:auto; top:30px; bottom:-8px; width:1px; height:auto; }.readiness-steps > li > span { position:absolute; left:0; top:12px; margin:0; }.readiness-steps i { left:19px; top:8px; }.readiness-steps li:last-child { min-height:50px; }
  .future-flow { margin-top:18px; margin-bottom:54px; padding:25px; gap:26px; }.flow-grid { grid-template-columns:1fr 1fr; }.future-flow__note { margin-top:-12px; text-align:center; }.staking-footer { grid-template-columns:1fr; justify-items:center; gap:13px; padding:28px 0; }.staking-footer > a { justify-self:center; }
}
@media (max-width: 420px) {
  .shell { width:calc(100% - 22px); }.hero h1 { font-size:52px; }.hero__status em { font-size:7px; }.metric-grid { grid-template-columns:1fr; }.metric-card { min-height:112px; flex-direction:row; }.flow-grid { grid-template-columns:1fr; }.flow-grid > div { min-height:95px; }.tabs button { font-size:10px; }.protocol-list dd { max-width:52%; }.contract-address code { font-size:10px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }.token-stage,.orbit { animation:none!important; }.metric-card,.primary-link { transition:none; }
}