@layer reset, base, layout, components, responsive;
@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  body, h1, h2, h3, p { margin: 0; }
  img { max-width: 100%; display: block; }
  button, input { font: inherit; }
  button, a { -webkit-tap-highlight-color: transparent; }
  [hidden] { display: none !important; }
}
@layer base {
  :root { color-scheme: dark; --bg: #10120f; --surface: #191c17; --gold: #ecc875; --text: #f1f1e8; --muted: #a7ada2; --border: #30352b; --max: 1240px; }
  html { scroll-behavior: smooth; scroll-padding-top: 35px; }
  body { background: var(--bg); color: var(--text); font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.6; isolation: isolate; }
  ::selection { background: var(--gold); color: var(--bg); }
  a { color: inherit; text-decoration: none; }
  a:hover { color: var(--gold); }
  button { cursor: pointer; }
  a, button, summary { touch-action: manipulation; }
  :focus-visible { outline: 2px solid var(--gold); outline-offset: 6px; border-radius: 2px; }
  h1, h2, h3 { font-weight: 500; line-height: 1.1; letter-spacing: -.045em; }
  h1 { font-size: clamp(48px, 5.5vw, 78px); }
  h2 { font-size: clamp(32px, 3.6vw, 48px); }
  h3 { font-size: 24px; letter-spacing: -.03em; }
  p { color: var(--muted); }
  small { font-size: .75em; }
  code, .mono { font-family: 'Courier New', monospace; }
  code { overflow-wrap: anywhere; }
  summary { cursor: pointer; padding: 21px 0; color: var(--text); }
  details { border-bottom: 1px solid var(--border); }
  details[open] { padding-bottom: 22px; }
  details p { margin: 0 0 14px; }
  details code { font-size: 13px; color: var(--gold); }
  strong { color: var(--text); }
}
@layer layout {
  .wrap { width: min(var(--max), calc(100% - 112px)); margin-inline: auto; }
  .section { padding-block: 100px; }
  .section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 48px; margin-bottom: 44px; }
  .section-heading > p { max-width: 360px; font-size: 16px; }
  .two-column { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; border-top: 1px solid var(--border); }
  .prose p { font-size: 16px; margin-bottom: 23px; }
  .prose .text-link { margin-top: 12px; }
  .page-intro { padding-block: 80px 64px; }
  .page-intro .lead { margin-top: 30px; font-size: 18px; }
}
@layer components {
  #particles-canvas { position: fixed; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }
  .motion-toggle { position: fixed; right: 14px; bottom: 12px; z-index: 10; min-height: 32px; padding: 6px 10px; background: #10120fe8; border: 1px solid var(--border); border-radius: 4px; color: var(--muted); font-size: 10px; }
  .motion-toggle:hover { color: var(--gold); border-color: var(--gold); }
  .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
  .skip-link { position: fixed; top: -100px; left: 20px; padding: 12px 20px; background: var(--gold); color: var(--bg); z-index: 20; }
  .skip-link:focus { top: 10px; }
  .gold { color: var(--gold); }
  .muted { color: var(--muted); }
  .eyebrow { color: var(--gold); font: 11px/1.5 'Courier New', monospace; letter-spacing: .12em; margin-bottom: 22px; }
  .announcement { background: #23291e; border-bottom: 1px solid #3b4432; font-size: 12px; }
  .announcement .wrap { display: flex; align-items: center; justify-content: center; gap: 18px; min-height: 42px; }
  .announcement a { color: var(--gold); margin-left: 12px; }
  .release-tag { font: 10px 'Courier New', monospace; letter-spacing: .05em; color: var(--gold); border: 1px solid #66734a; padding: 3px 7px; }
  .site-header { height: 104px; display: flex; align-items: center; justify-content: space-between; gap: 35px; position: relative; z-index: 5; }
  .brand { display: flex; align-items: center; gap: 10px; font-size: 24px; letter-spacing: -.06em; font-weight: 600; }
  .brand img { border-radius: 50%; }
  .brand-dot { color: var(--gold); }
  .site-header nav { display: flex; gap: 30px; align-items: center; font-size: 13px; }
  nav a[aria-current="page"]:not(.button) { color: var(--gold); }
  .button { display: inline-flex; align-items: center; justify-content: center; gap: 30px; background: var(--gold); color: #171b11; border: 1px solid var(--gold); padding: 15px 22px; border-radius: 5px; font-size: 13px; font-weight: 600; min-height: 50px; transition: background .2s, transform .2s; }
  .button:hover { background: #f6d997; color: #171b11; transform: translateY(-2px); }
  .button-small { padding: 10px 17px; min-height: 42px; gap: 22px; }
  .button-outline { background: transparent; color: var(--gold); }
  .text-link { display: inline-flex; gap: 20px; align-items: center; font-size: 13px; padding-block: 10px; }
  .menu-toggle { display: none; background: transparent; color: var(--text); border: 1px solid var(--border); border-radius: 4px; padding: 10px 14px; }
  .hero { display: grid; grid-template-columns: 1.03fr 1fr; align-items: center; min-height: 650px; padding-top: 28px; padding-bottom: 55px; }
  .hero-copy { position: relative; z-index: 2; }
  .hero h1 { line-height: 1.02; letter-spacing: -.06em; }
  .hero .eyebrow { display: flex; align-items: center; gap: 10px; font-size: 10px; }
  .small-line { width: 24px; height: 1px; background: var(--gold); }
  .hero-description { margin-block: 27px 30px; font-size: 16px; line-height: 1.7; }
  .actions { display: flex; align-items: center; gap: 25px; flex-wrap: wrap; }
  .hero-footnote { margin-top: 30px; display: flex; align-items: center; gap: 9px; font-size: 10px; color: #d4d8cb; }
  .status-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #bad28e; flex-shrink: 0; box-shadow: 0 0 8px #bad28e33; }
  .hero-art { position: relative; height: 540px; display: grid; place-items: center; isolation: isolate; overflow: clip; background: radial-gradient(ellipse at 52% 44%, #5c54212b, transparent 65%); }
  .hero-art::before { content: ''; position: absolute; inset: 10px -10px; background-image: linear-gradient(#8e9a7210 1px, transparent 1px), linear-gradient(90deg, #8e9a7210 1px, transparent 1px); background-size: 48px 48px; mask-image: radial-gradient(ellipse, black, transparent 70%); z-index: -1; }
  .hero-coin { width: 300px; height: 300px; border-radius: 50%; transform: perspective(800px) translate3d(var(--coin-x, 0px), var(--coin-y, 0px), 0) rotateY(var(--coin-yaw, -21deg)) rotateX(var(--coin-pitch, 12deg)) rotateZ(-13deg) scale(var(--coin-scale, 1)); transition: transform 220ms ease-out; filter: saturate(.63) brightness(.87); box-shadow: 9px 12px 0 #8c6426, 11px 14px 0 #3f2d12, 22px 25px 55px #000a; margin-top: -42px; user-select: none; -webkit-user-drag: none; }
  .coin-halo { width: 300px; height: 280px; border-radius: 50%; position: absolute; background: #b6a14618; filter: blur(45px); }
  .orbit { border: 1px solid #a29b594d; border-radius: 50%; width: 490px; height: 310px; position: absolute; transform: rotate(-27deg); pointer-events: none; }
  .orbit-two { width: 450px; height: 450px; border-color: #c6b46c20; transform: rotate(25deg) scaleX(.82); }
  .orbit-three { width: 550px; height: 215px; transform: rotate(31deg); border-color: #c6b46c24; }
  .orbit-marker { width: 7px; height: 7px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 17px #e9ca7999; position: absolute; }
  .marker-one { left: 12%; top: 48%; }.marker-two { right: 11%; top: 30%; width: 4px; height: 4px; }
  .crosshair { position: absolute; font: 20px 'Courier New', monospace; color: #a5ae7f65; }
  .crosshair-one { top: 58px; left: 12%; }.crosshair-two { bottom: 66px; right: 3%; }
  .art-label { position: absolute; font: 9px 'Courier New', monospace; letter-spacing: .15em; color: #a1a98b; }
  .label-top { top: 34px; right: 10%; }.label-bottom { bottom: 20px; left: 20%; display: flex; gap: 50px; }
  .art-caption { position: absolute; bottom: 49px; right: 3%; display: flex; flex-direction: column; border-left: 1px solid #6d704d; padding-left: 20px; background: linear-gradient(90deg, #10120fe0, transparent); }
  .art-caption .mono { font-size: 8px; letter-spacing: .15em; color: var(--gold); }.art-caption strong { font-size: 31px; line-height: 1.6; font-weight: 400; letter-spacing: -.03em; }.art-caption small { font-size: 11px; color: var(--gold); }.art-caption > span:last-child { font-size: 10px; color: var(--muted); }
  .facts { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding-block: 28px; }
  .facts > div { display: flex; flex-direction: column; padding-inline: 30px; border-left: 1px solid var(--border); }.facts > div:first-child { padding-left: 0; border: 0; }.facts > div:last-child { padding-right: 0; }
  .fact-label { color: var(--muted); font: 9px 'Courier New', monospace; letter-spacing: .1em; }.facts strong { margin: 10px 0 6px; font-size: 23px; font-weight: 400; letter-spacing: -.03em; }.facts small { color: var(--muted); font-size: 13px; }.facts span:last-child, .facts a { color: var(--muted); font-size: 10px; }.facts a:hover { color: var(--gold); }
  .upgrade-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
  .feature { padding: 28px; border: 1px solid var(--border); border-radius: 7px; background: #161913; display: flex; flex-direction: column; }
  .feature-primary { background: radial-gradient(ellipse at 45% 30%, #63744820, transparent 65%), #191e15; border-color: #49533b; }
  .feature-index { font: 9px 'Courier New', monospace; letter-spacing: .12em; color: var(--muted); }
  .feature h3 { margin-bottom: 16px; font-size: 23px; }.feature p { font-size: 13px; line-height: 1.75; margin-bottom: 20px; }.feature .text-link { margin-top: auto; font-size: 11px; color: var(--gold); }
  .signal-art { height: 147px; display: flex; align-items: center; justify-content: space-between; gap: 4px; }.signal-art i { width: 5px; height: 18%; background: linear-gradient(#c7d9a2, #546844); border-radius: 2px; }.signal-art i:nth-child(3n) { height: 43%; }.signal-art i:nth-child(4n) { height: 62%; }.signal-art i:nth-child(5n) { height: 78%; }.signal-art i:nth-child(7n) { height: 31%; }
  .feature-number { height: 147px; display: flex; flex-direction: column; justify-content: center; font-size: 54px; letter-spacing: -.06em; color: var(--gold); }.feature-number span { font: 9px 'Courier New', monospace; letter-spacing: .17em; color: var(--muted); margin-top: 3px; }
  .activation-strip { border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 18px; padding: 27px 0; }.activation-strip p { font-size: 12px; flex: 1; }.activation-strip strong { font-weight: 400; }.activation-strip a { font-size: 11px; color: var(--gold); }
  .network-band { border-block: 1px solid var(--border); background: radial-gradient(ellipse at 70% 100%, #434a2328, transparent 60%), #161a13; }.network-band-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; padding-block: 65px; }.network-band h2 { font-size: 40px; margin-bottom: 12px; }.height-panel { border: 1px solid #454c35; border-radius: 7px; padding: 27px 31px; background: #10140ed9; }.height-label { display: flex; justify-content: space-between; font-size: 10px; color: var(--muted); }.height-label .mono { color: var(--gold); }.height-number { font-size: 68px; font-weight: 400; letter-spacing: -.065em; line-height: 1.4; }.height-panel p { color: #c3cda8; font-size: 12px; }.height-meta { border-top: 1px solid var(--border); margin-top: 20px; padding-top: 15px; font-size: 10px; color: var(--muted); }
  .download-callout { display: flex; align-items: center; justify-content: space-between; gap: 60px; }.download-callout p:not(.eyebrow) { max-width: 440px; margin-top: 22px; }.download-callout > div:last-child { text-align: center; }.download-platforms { display: block; font-size: 11px; color: var(--muted); margin: 17px 0 9px; }.subtle-link { font-size: 11px; text-decoration: underline; text-underline-offset: 4px; }
  .ecosystem-section { border-top: 1px solid var(--border); }.ecosystem-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }.ecosystem-grid > a { display: flex; gap: 20px; align-items: center; padding: 26px; border: 1px solid var(--border); border-radius: 5px; background: #171a14; transition: border-color .2s; }.ecosystem-grid > a:hover { border-color: var(--gold); }.ecosystem-grid h3 { font-size: 19px; margin-bottom: 7px; }.ecosystem-grid p { font-size: 12px; }.ecosystem-grid > a > span:last-child { margin-left: auto; }.resource-icon { font-size: 26px; color: var(--gold); width: 28px; text-align: center; }.market-links { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; margin-top: 30px; font-size: 12px; }.market-links > span { font: 9px 'Courier New', monospace; color: var(--muted); margin-right: 10px; }.fine-print { font-size: 11px; margin-top: 21px; line-height: 1.7; }
  .community { text-align: center; border-block: 1px solid var(--border); padding-block: 85px; background: radial-gradient(ellipse at 50% 40%, #8c874510, transparent 60%); }.community h2 { font-size: 56px; }.community > p:not(.eyebrow) { margin-top: 23px; }.community-links { display: flex; justify-content: center; gap: 12px; margin-top: 34px; flex-wrap: wrap; }.community-links a { min-width: 125px; border: 1px solid var(--border); border-radius: 4px; padding: 12px 20px; font-size: 12px; }
  .site-footer { padding-top: 55px; }.footer-top { display: flex; justify-content: space-between; gap: 30px; padding-bottom: 45px; }.footer-top p { font-size: 12px; margin-top: 12px; }.contact { font-size: 13px; text-align: right; color: var(--muted); }.contact span { color: var(--text); display: inline-block; margin-top: 8px; }.footer-bottom { border-top: 1px solid var(--border); padding-block: 22px; display: flex; justify-content: space-between; gap: 24px; font-size: 10px; color: var(--muted); }.footer-bottom > div { display: flex; gap: 22px; }.footer-bottom .mono { font-size: 8px; letter-spacing: .05em; }
  .inline-notice { display: inline-flex; align-items: center; gap: 10px; padding: 12px 16px; border: 1px solid #4e573c; border-radius: 4px; color: #d4dfbe; margin-top: 30px; font-size: 13px; background: #1c2317; }
  .compact h2 { font-size: 28px; }.download-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }.download-card { background: var(--surface); border: 1px solid var(--border); border-radius: 7px; padding: 28px; display: flex; flex-direction: column; }.platform-icon { width: 38px; height: 38px; color: var(--gold); margin-bottom: 30px; }.download-card h3 { font-size: 28px; }.download-card > p { font-size: 12px; margin: 12px 0 28px; }.download-card .button { margin-top: auto; font-size: 12px; gap: 10px; }.secondary-download { padding-top: 19px; font-size: 12px; color: var(--gold); text-align: center; }.package-meta { display: block; text-align: center; color: var(--muted); font-size: 10px; margin-top: 12px; }.source-row { display: flex; align-items: center; gap: 30px; border-block: 1px solid var(--border); padding-block: 28px; margin-top: 40px; }.source-row > div { margin-right: auto; }.source-row h3 { font-size: 20px; margin-bottom: 7px; }.source-row p { font-size: 12px; }
  .steps { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; }.steps > li { border-top: 1px solid var(--border); padding-top: 22px; }.steps > li > span { color: var(--gold); font: 11px 'Courier New', monospace; }.steps h3 { font-size: 23px; margin: 18px 0 15px; }.steps p { font-size: 13px; }.steps a, .inline-note a { text-decoration: underline; text-underline-offset: 3px; }.inline-note { margin-top: 35px; padding: 22px; background: #1a2015; border-left: 2px solid var(--gold); font-size: 12px; }.bottom-callout { border-block: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; padding-block: 60px; gap: 30px; }.bottom-callout h2 { font-size: 36px; }
  .network-status-inline { display: flex; align-items: center; gap: 40px; padding: 24px 30px; border: 1px solid #48513b; background: #1b2116; border-radius: 6px; margin-bottom: 80px; }.network-status-inline > div:first-child { display: flex; flex-direction: column; }.network-status-inline .eyebrow { margin-bottom: 6px; font-size: 9px; }.network-status-inline strong { font-size: 31px; font-weight: 400; line-height: 1.2; }.network-status-inline p { color: var(--text); font-size: 13px; }.network-status-inline small { color: var(--muted); font-size: 10px; }.network-status-inline .text-link { margin-left: auto; flex-shrink: 0; }
  .table-scroll { overflow-x: auto; }.rules-table { border-collapse: collapse; width: 100%; text-align: left; font-size: 14px; }.rules-table th, .rules-table td { padding: 22px 24px; border-bottom: 1px solid var(--border); width: 33.333%; }.rules-table th { font-weight: 400; }.rules-table thead th { color: var(--gold); font-size: 16px; background: #1c2117; }.rules-table thead span { display: block; color: var(--muted); font-size: 11px; margin-top: 4px; }.rules-table td { color: var(--muted); }.rules-table td:last-child { color: var(--text); background: #191e15; }
  .reward-timeline { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #777a49; }.reward-timeline article { position: relative; padding: 25px 0; }.reward-timeline article::before { content: ''; position: absolute; width: 7px; height: 7px; background: var(--gold); border-radius: 50%; top: -4px; }.reward-timeline span { display: block; font: 9px 'Courier New', monospace; letter-spacing: .1em; color: var(--muted); }.reward-timeline strong { font-size: 42px; font-weight: 400; letter-spacing: -.05em; display: block; margin-block: 10px; }.reward-timeline p { color: var(--gold); font-size: 18px; }.reward-timeline small { font-size: 10px; color: var(--muted); }
  .node-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }.node-grid > div { border: 1px solid var(--border); border-radius: 6px; padding: 27px; background: var(--surface); }.node-grid .eyebrow { display: block; }.node-grid code { display: block; font-size: 17px; }.copy-button { background: none; color: var(--gold); border: 1px solid var(--border); padding: 10px 16px; margin-top: 22px; border-radius: 4px; font-size: 12px; }.technical-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 35px; }.technical-grid dt { font-size: 11px; color: var(--muted); }.technical-grid dd { margin: 8px 0 0; font-size: 19px; }.break-all { overflow-wrap: anywhere; }
}
@layer responsive {
  @media (min-width: 1500px) { .hero { min-height: 690px; }.hero-art { height: 580px; }.hero-coin { width: 340px; height: 340px; } }
  @media (max-width: 1100px) { .wrap { width: calc(100% - 64px); }.site-header nav { gap: 20px; }.hero { min-height: 600px; }.hero-art { height: 470px; }.hero-coin { width: 260px; height: 260px; }.orbit-one { width: 390px; height: 260px; }.orbit-two { width: 365px; height: 365px; }.orbit-three { width: 420px; height: 180px; }.hero-footnote .muted { display: none; }.facts > div { padding-inline: 20px; }.facts strong { font-size: 20px; }.feature { padding: 23px; }.feature h3 { font-size: 21px; }.feature-number { font-size: 46px; }.two-column, .network-band-inner { gap: 45px; }.footer-bottom .mono { display: none; }.download-card { padding: 22px; } }
  @media (max-width: 800px) { .wrap { width: calc(100% - 40px); }.site-header { height: auto; min-height: 86px; flex-wrap: wrap; gap: 0; padding-block: 19px; }.site-header nav { width: 100%; flex-wrap: wrap; gap: 14px 22px; padding-top: 20px; }.menu-toggle:not([hidden]) { display: block; }.site-header.menu-ready nav { display: none; }.site-header.menu-open nav { display: flex; }.hero { grid-template-columns: 1fr 1fr; min-height: 540px; padding-top: 30px; }.hero h1 { font-size: 52px; }.hero-description { font-size: 14px; }.hero-art { height: 420px; }.hero-coin { width: 210px; height: 210px; }.orbit-one { width: 300px; height: 240px; }.orbit-two { width: 305px; height: 305px; }.orbit-three { width: 320px; height: 160px; }.label-top { font-size: 7px; right: 0; }.label-bottom { display: none; }.art-caption { bottom: 36px; }.art-caption strong { font-size: 26px; }.hero .eyebrow { font-size: 8px; letter-spacing: .05em; }.small-line { width: 15px; }.hero .actions { gap: 8px; }.hero-footnote { margin-top: 18px; }.facts { grid-template-columns: repeat(2, 1fr); gap: 25px 0; }.facts > div:nth-child(3) { padding-left: 0; border: 0; }.section { padding-block: 70px; }.section-heading { gap: 25px; }.section-heading > p { max-width: 275px; font-size: 14px; }.upgrade-grid { grid-template-columns: 1fr; }.feature { display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; }.feature-index { grid-column: 1 / -1; }.signal-art, .feature-number { grid-column: 1; grid-row: 2 / 5; }.feature h3 { grid-column: 2; margin-top: 25px; }.feature p, .feature .text-link { grid-column: 2; }.feature-number { align-items: center; }.feature p { margin-bottom: 10px; }.network-band h2 { font-size: 33px; }.height-panel { padding: 22px; }.height-number { font-size: 54px; }.download-callout { gap: 30px; }.ecosystem-grid > a { padding: 20px; gap: 12px; }.ecosystem-grid h3 { font-size: 17px; }.community h2 { font-size: 44px; }.footer-bottom { flex-wrap: wrap; }.download-grid { grid-template-columns: 1fr; }.download-card { display: grid; grid-template-columns: 1fr 1fr; column-gap: 30px; }.platform-icon { grid-row: 1; margin-bottom: 15px; }.download-card h3 { grid-column: 1; grid-row: 2; }.download-card > p { grid-column: 1; grid-row: 3; margin: 10px 0; }.download-card .button { grid-column: 2; grid-row: 1 / 3; align-self: center; margin: 0; }.secondary-download { grid-column: 2; grid-row: 3; padding: 0; align-self: center; }.package-meta { grid-column: 2; }.steps { gap: 23px; }.steps h3 { font-size: 19px; }.source-row { flex-wrap: wrap; }.source-row > div { width: 100%; }.two-column { gap: 35px; }.rules-table th, .rules-table td { padding: 16px; }.reward-timeline strong { font-size: 34px; }.reward-timeline p { font-size: 15px; }.reward-timeline small { display: block; }.node-grid code { font-size: 14px; }.network-status-inline { gap: 25px; padding: 22px; }.technical-grid dd { font-size: 17px; } }
  @media (max-width: 600px) { .announcement .wrap { gap: 9px; font-size: 10px; justify-content: space-between; }.announcement a { margin: 0; }.announcement-detail { display: none; }.release-tag { font-size: 8px; padding-inline: 5px; }.brand { font-size: 22px; }.site-header nav { display: grid; grid-template-columns: 1fr 1fr; }.site-header.menu-open nav { display: grid; }.site-header nav a { padding: 8px 0; }.site-header nav .button { grid-column: 1 / -1; padding: 10px; }.hero { grid-template-columns: 1fr; padding-top: 30px; padding-bottom: 32px; }.hero h1 { font-size: clamp(48px, 12.6vw, 68px); }.hero .eyebrow { font-size: 9px; }.hero-description { font-size: 15px; margin-block: 22px 25px; }.hero-footnote { font-size: 10px; }.hero-art { height: 360px; margin-top: 22px; }.hero-coin { width: 235px; height: 235px; margin-top: -10px; }.orbit-one { width: 310px; height: 240px; }.orbit-two { width: 295px; height: 295px; }.orbit-three { width: 330px; height: 150px; }.label-top { top: 6px; right: 5%; }.art-caption { bottom: 0; right: 4%; padding-left: 15px; }.art-caption strong { font-size: 25px; }.art-caption .mono { font-size: 7px; }.art-caption > span:last-child { font-size: 9px; }.crosshair-one { top: 26px; left: 5%; }.crosshair-two { display: none; }.facts { padding-block: 24px; }.facts strong { font-size: 19px; }.facts span:last-child, .facts a { font-size: 9px; }.facts > div { padding-inline: 15px; }.fact-label { font-size: 8px; }.section { padding-block: 58px; }.section-heading { display: block; margin-bottom: 30px; }.section-heading > p { max-width: none; margin-top: 23px; }.eyebrow { font-size: 10px; margin-bottom: 17px; } h2 { font-size: 34px; }.feature { display: flex; padding: 25px; }.feature h3 { margin-top: 0; font-size: 24px; }.feature p { font-size: 14px; margin-bottom: 17px; }.feature-number { align-items: flex-start; font-size: 56px; }.signal-art { max-width: 300px; width: 100%; }.feature .text-link { font-size: 12px; }.activation-strip { flex-wrap: wrap; gap: 12px; }.activation-strip p { min-width: 80%; }.activation-strip a { margin-left: 18px; }.network-band-inner { grid-template-columns: 1fr; gap: 30px; padding-block: 50px; }.network-band h2 { font-size: 36px; }.height-number { font-size: 62px; }.download-callout { display: block; }.download-callout > div:last-child { text-align: left; margin-top: 28px; }.download-platforms { margin: 14px 0 8px; }.ecosystem-grid { grid-template-columns: 1fr; }.ecosystem-grid > a { padding: 23px; }.ecosystem-grid h3 { font-size: 20px; }.market-links { gap: 15px 23px; }.market-links > span { width: 100%; }.community { padding-block: 60px; }.community h2 { font-size: 42px; }.community p:not(.eyebrow) { font-size: 14px; }.community-links { gap: 10px; }.community-links a { min-width: 135px; }.footer-top { display: block; padding-bottom: 30px; }.contact { display: block; text-align: left; margin-top: 25px; }.footer-bottom > div { flex-wrap: wrap; gap: 14px; }.site-footer { padding-top: 40px; }.page-intro { padding-block: 45px; }.page-intro h1 { font-size: 48px; }.page-intro .lead { font-size: 16px; }.inline-notice { font-size: 11px; padding: 12px; }.download-card { display: flex; padding: 25px; }.download-card h3 { margin-top: 12px; }.download-card > p { margin-bottom: 25px; }.download-card .button { width: 100%; }.secondary-download { padding-top: 16px; }.source-row { gap: 12px 25px; }.steps { grid-template-columns: 1fr; gap: 30px; }.steps h3 { font-size: 24px; }.steps p { font-size: 14px; }.bottom-callout { display: block; padding-block: 40px; }.bottom-callout .button { margin-top: 25px; }.bottom-callout h2 { font-size: 32px; }.two-column { grid-template-columns: 1fr; gap: 28px; }.network-status-inline { flex-wrap: wrap; gap: 15px; margin-bottom: 55px; }.network-status-inline > div:nth-child(2) { order: 3; width: 100%; }.network-status-inline > a { margin-left: auto; }.rules-table { font-size: 11px; table-layout: fixed; }.rules-table th, .rules-table td { padding: 15px 8px; overflow-wrap: anywhere; }.rules-table thead th { font-size: 13px; }.rules-table thead span { font-size: 9px; }.reward-timeline { grid-template-columns: 1fr; border: 0; border-left: 1px solid #777a49; }.reward-timeline article { padding: 5px 0 30px 25px; }.reward-timeline article::before { top: 9px; left: -4px; }.reward-timeline strong { font-size: 38px; }.reward-timeline small { display: inline; }.node-grid { grid-template-columns: 1fr; }.node-grid code { font-size: 16px; }.technical-grid { grid-template-columns: repeat(2, 1fr); gap: 25px; } }
  @media (max-width: 360px) { .wrap { width: calc(100% - 32px); }.hero-art { transform: scale(.9); transform-origin: center; }.hero h1 { font-size: 46px; }.actions { gap: 12px; }.facts strong { font-size: 17px; }.page-intro h1 { font-size: 42px; } }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } }
}