:root {
  --bg: #090d0c;
  --surface: #0e1412;
  --surface-2: #121a17;
  --ink: #edf1e9;
  --muted: #89928a;
  --faint: #515a53;
  --line: rgba(219, 237, 224, .12);
  --line-strong: rgba(219, 237, 224, .21);
  --mint: #96ebc8;
  --mint-bright: #bdffe2;
  --acid: #c9f65b;
  --sans: "Manrope", sans-serif;
  --serif: "Playfair Display", Georgia, serif;
  --mono: "DM Mono", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; min-width: 320px; overflow-x: hidden; color: var(--ink); background: var(--bg); font-family: var(--sans); }
button, input { font: inherit; }
button { color: inherit; cursor: pointer; }
a { color: inherit; text-decoration: none; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--mint); outline-offset: 4px; }

.grain { position: fixed; inset: 0; z-index: 30; opacity: .045; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E"); }
.page-glow { position: absolute; z-index: 0; top: 95px; right: -14vw; width: 60vw; height: 70vw; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, rgba(53, 116, 90, .19), transparent 63%); filter: blur(40px); }

.announcement { min-height: 36px; position: relative; z-index: 5; display: flex; align-items: center; justify-content: center; gap: 23px; padding: 8px 24px; border-bottom: 1px solid var(--line); color: #a8b0a9; background: #0a100e; font: 9px var(--mono); letter-spacing: .03em; }
.announcement p { margin: 0; }.announcement-status { color: var(--mint); letter-spacing: .11em; }.announcement-status i { display: inline-block; width: 5px; height: 5px; margin-right: 7px; vertical-align: 1px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 9px var(--mint); }.announcement a { margin-left: 15px; color: var(--ink); }.announcement a:hover { color: var(--mint); }.announcement a span { margin-left: 4px; color: var(--mint); }

.site-header { min-height: 76px; position: relative; z-index: 10; display: flex; align-items: center; max-width: 1440px; margin: 0 auto; padding: 0 40px; border-left: 1px solid var(--line); border-right: 1px solid var(--line); }
.brand { display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; font: 700 15px/1 var(--mono); letter-spacing: .16em; }.brand-logo { display: block; width: 30px; height: 30px; object-fit: contain; filter: drop-shadow(0 0 10px rgba(0,223,100,.2)); }.chain-logo { display: block; width: 42px; height: 42px; margin-bottom: 2px; object-fit: contain; }
.desktop-nav { display: flex; align-items: center; gap: 34px; margin-left: auto; margin-right: 22px; }.desktop-nav a { color: var(--muted); font-size: 11px; font-weight: 700; }.desktop-nav a:hover { color: var(--ink); }.header-wallet-button, .header-cta { height: 38px; display: inline-flex; align-items: center; border: 0; font: inherit; font-size: 10px; font-weight: 800; }.header-wallet-button { gap: 8px; margin-right: 8px; padding: 0 13px; border: 1px solid rgba(150,235,200,.34); color: var(--mint); background: rgba(150,235,200,.05); }.header-wallet-button:hover { border-color: var(--mint); background: rgba(150,235,200,.11); }.header-wallet-button i { color: inherit; font-size: 14px; font-style: normal; }.header-wallet-button.is-connected { color: #08110d; border-color: var(--mint); background: var(--mint); }.header-wallet-button:disabled { cursor: wait; opacity: .72; }.header-cta { gap: 22px; padding: 0 15px; color: #08110d; background: var(--mint); }.header-cta[hidden] { display: none; }.header-cta:hover { background: var(--mint-bright); }.header-cta span { font-size: 15px; }.menu-button { display: none; width: 38px; height: 38px; padding: 0 10px; border: 1px solid var(--line); background: transparent; }.menu-button i { display: block; height: 1px; margin: 5px 0; background: var(--ink); }

.section-frame { max-width: 1440px; margin: 0 auto; border-left: 1px solid var(--line); border-right: 1px solid var(--line); }.hero { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(500px, .98fr); min-height: 700px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(220,240,227,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(220,240,227,.035) 1px, transparent 1px); background-size: 74px 74px; mask-image: linear-gradient(to right, #000, transparent 62%); }.hero-copy { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; padding: 82px 6vw 70px 70px; }.kicker { display: flex; align-items: center; gap: 10px; color: var(--mint); font: 9px var(--mono); letter-spacing: .13em; }.kicker i { width: 26px; height: 1px; background: var(--line-strong); }.hero h1 { margin: 30px 0 28px; font-size: clamp(62px, 7.1vw, 114px); line-height: .86; letter-spacing: -.075em; font-weight: 700; }.hero h1 em, h2 em { color: var(--mint); font-family: var(--serif); font-weight: 600; letter-spacing: -.05em; }.hero-lede { max-width: 610px; margin: 0; color: #aab3ac; font-size: 16px; line-height: 1.65; letter-spacing: -.015em; }.hero-actions { display: flex; align-items: center; gap: 26px; margin-top: 40px; }.primary-cta { min-width: 176px; height: 47px; display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; padding: 0 16px; color: #07100c; background: var(--mint); font-size: 11px; font-weight: 800; }.primary-cta:hover { background: var(--mint-bright); transform: translateY(-2px); }.primary-cta span { font-size: 16px; }.text-cta { display: inline-flex; align-items: center; gap: 12px; color: #cbd3cc; font-size: 11px; font-weight: 700; }.text-cta span { color: var(--mint); font-size: 15px; }.text-cta:hover { color: var(--mint); }.hero-footnotes { display: flex; gap: 24px; margin-top: 60px; color: var(--faint); font: 8px var(--mono); letter-spacing: .09em; }.hero-footnotes span { display: flex; align-items: center; gap: 7px; }.hero-footnotes i { width: 4px; height: 4px; border-radius: 50%; background: var(--mint); }

.hero-system { position: relative; align-self: center; min-height: 536px; margin: 56px 44px 56px 0; border: 1px solid var(--line-strong); background: linear-gradient(145deg, rgba(19,30,26,.9), rgba(9,14,12,.92)); box-shadow: 0 30px 80px rgba(0,0,0,.36); overflow: hidden; }.hero-system::before { content: ""; position: absolute; top: -120px; right: -90px; width: 320px; height: 320px; border-radius: 50%; background: rgba(76, 171, 132, .12); filter: blur(55px); }.hero-system::after { content: ""; position: absolute; inset: 0; pointer-events: none; border: 1px solid transparent; border-image: linear-gradient(135deg, rgba(181,255,219,.35), transparent 30%) 1; }.system-topline { height: 48px; position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; padding: 0 18px; border-bottom: 1px solid var(--line); color: var(--faint); font: 8px var(--mono); letter-spacing: .08em; }.system-live { color: var(--mint); }.system-live i { display: inline-block; width: 5px; height: 5px; margin-right: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 9px var(--mint); }.system-prompt { position: relative; z-index: 1; display: flex; align-items: start; gap: 14px; padding: 23px 20px; border-bottom: 1px solid var(--line); background: rgba(216,244,226,.025); }.prompt-mark { color: var(--mint); font: 19px var(--mono); }.system-prompt p { margin: 1px 0 0; color: #d9e0da; font-size: 12px; line-height: 1.55; }.agent-trace { display: grid; grid-template-columns: 17px 1fr; gap: 12px; padding: 22px 20px 12px; }.trace-rail { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: space-around; }.trace-rail::before { content: ""; position: absolute; top: 18px; bottom: 18px; left: 8px; width: 1px; background: var(--line-strong); }.trace-rail i { position: relative; z-index: 1; width: 7px; height: 7px; border-radius: 50%; border: 1px solid #58635c; background: var(--surface); }.trace-rail i.done { border-color: var(--mint); background: var(--mint); }.trace-rail i.current { border-color: var(--mint); box-shadow: 0 0 0 5px rgba(150,235,200,.09), 0 0 13px var(--mint); }.trace-list article { display: grid; grid-template-columns: 25px 1fr auto; align-items: center; min-height: 48px; border-bottom: 1px solid rgba(219,237,224,.07); color: var(--faint); }.trace-list article > span, .trace-list article em { font: 8px var(--mono); font-style: normal; }.trace-list article p { margin: 0; font-size: 10px; }.trace-list article p b { color: #c6cec7; font-weight: 700; }.trace-list article.active { color: var(--mint); }.trace-list article.active p { color: #dfe6df; }.trace-list article.active p b { color: var(--mint); }.draft-card { margin: 0 20px; border: 1px solid rgba(150,235,200,.23); background: rgba(150,235,200,.045); }.draft-card > div:first-child { display: flex; justify-content: space-between; padding: 12px; border-bottom: 1px solid var(--line); color: var(--muted); font: 8px var(--mono); }.draft-assets { display: flex; gap: 13px; padding: 16px 12px; overflow: hidden; }.draft-assets b { white-space: nowrap; font: 9px var(--mono); }.draft-assets i { margin-left: 4px; color: var(--mint); font-style: normal; font-weight: 400; }.draft-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; padding: 0 12px 12px; }.draft-actions button { height: 32px; border: 1px solid var(--line); background: transparent; color: #c3ccc5; font-size: 9px; font-weight: 700; }.draft-actions .approve-button { display: flex; justify-content: space-between; align-items: center; padding: 0 11px; border-color: var(--mint); color: var(--mint); }.draft-actions .approve-button:hover { color: #07100c; background: var(--mint); }.system-caption { display: block; margin: 12px 20px; color: #465049; font: 7px var(--mono); letter-spacing: .11em; }

.signal-strip { min-height: 72px; max-width: 1440px; display: flex; align-items: center; margin: 0 auto; padding: 0 40px; border-left: 1px solid var(--line); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); overflow: hidden; }.signal-strip div { display: flex; align-items: center; gap: 9px; white-space: nowrap; }.signal-strip div span { color: var(--mint); font: 8px var(--mono); }.signal-strip div p { margin: 0; color: #aab2ab; font-size: 10px; font-weight: 700; }.signal-strip > i { margin: 0 20px; color: var(--faint); font-style: normal; }.signal-strip strong { margin-left: auto; color: var(--faint); font: 8px var(--mono); letter-spacing: .14em; }

.chain-section, .mcp-section, .control-section { padding: 92px 64px 0; }.section-label { display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; border-bottom: 1px solid var(--line); }.section-label span, .section-label p { color: var(--faint); font: 9px var(--mono); letter-spacing: .12em; }.section-label p { margin: 0; color: #9ba49c; letter-spacing: .02em; }.chain-intro { display: grid; grid-template-columns: 1.2fr .7fr; gap: 80px; align-items: end; padding: 78px 0 62px; }.chain-intro h2, .mcp-heading h2, .control-quote h2, .final-cta h2 { margin: 0; font-size: clamp(45px, 5.2vw, 78px); line-height: .98; letter-spacing: -.065em; }.chain-intro > p, .mcp-heading > p:last-child { max-width: 490px; margin: 0 0 5px; color: #9ea79f; font-size: 13px; line-height: 1.75; }
.chain-stage { display: grid; grid-template-columns: 1fr 1fr; min-height: 560px; border-top: 1px solid var(--line); }.orbital-visual { position: relative; display: grid; place-items: center; overflow: hidden; border-right: 1px solid var(--line); background: radial-gradient(circle, rgba(89, 175, 139, .12), transparent 58%); }.orbital-visual::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(220,240,227,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(220,240,227,.035) 1px, transparent 1px); background-size: 54px 54px; mask-image: radial-gradient(circle, #000, transparent 70%); }.orbit { position: absolute; z-index: 1; border: 1px solid rgba(173,225,197,.17); border-radius: 50%; animation: orbitSpin 28s linear infinite; }.orbit i { position: absolute; top: 50%; left: -4px; width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 12px var(--mint); }.orbit-one { width: 220px; height: 220px; }.orbit-two { width: 350px; height: 350px; animation-direction: reverse; animation-duration: 39s; }.orbit-two i { top: 15%; left: 82%; background: var(--acid); }.orbit-three { width: 475px; height: 475px; border-style: dashed; animation-duration: 60s; }.orbit-three i { top: 88%; left: 25%; }.chain-core { position: relative; z-index: 2; width: 112px; height: 112px; display: flex; flex-direction: column; place-content: center; place-items: center; border: 1px solid rgba(150,235,200,.35); border-radius: 50%; background: rgba(10,19,16,.88); box-shadow: 0 0 60px rgba(74,181,139,.17); }.chain-core b { font: 600 14px var(--mono); letter-spacing: .12em; }.chain-core small { margin-top: 2px; color: var(--faint); font: 7px var(--mono); letter-spacing: .18em; }.asset-node { position: absolute; z-index: 3; padding: 7px 9px; border: 1px solid var(--line-strong); background: rgba(10,16,14,.83); color: #cbd5cd; font: 8px var(--mono); box-shadow: 0 8px 25px rgba(0,0,0,.3); }.node-one { top: 20%; left: 23%; }.node-two { top: 28%; right: 15%; }.node-three { bottom: 25%; left: 16%; }.node-four { right: 23%; bottom: 14%; }.chain-specs { display: flex; flex-direction: column; justify-content: center; padding: 38px 0 38px 55px; }.chain-specs article { display: grid; grid-template-columns: 35px 1fr; gap: 17px; padding: 25px 0; border-bottom: 1px solid var(--line); }.chain-specs article > span { color: var(--mint); font: 9px var(--mono); }.chain-specs h3 { margin: 0 0 8px; font-size: 15px; letter-spacing: -.03em; }.chain-specs p { max-width: 430px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.65; }.chain-specs > a { display: flex; justify-content: space-between; margin-top: 28px; color: var(--mint); font-size: 10px; font-weight: 700; }.chain-specs > a span { font-size: 15px; }.asset-marquee { margin: 0 -64px; overflow: hidden; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.marquee-track { width: max-content; height: 74px; display: flex; align-items: center; gap: 31px; padding-left: 31px; animation: marquee 34s linear infinite; }.marquee-track span { color: #5f6861; font: 22px var(--mono); letter-spacing: -.05em; }.marquee-track b { color: #afb7b0; }.marquee-track i { color: var(--mint); font-style: normal; font-size: 10px; }

.mcp-section { padding-bottom: 96px; }.mcp-heading { max-width: 850px; padding: 80px 0 56px; }.overline { margin: 0 0 19px !important; color: var(--mint) !important; font: 9px var(--mono) !important; letter-spacing: .13em; }.mcp-heading > p:last-child { max-width: 610px; margin-top: 33px; }.mcp-console { max-width: 1050px; margin-left: auto; border: 1px solid var(--line-strong); background: #0b100f; box-shadow: 0 24px 70px rgba(0,0,0,.3); }.console-head { height: 43px; display: flex; align-items: center; padding: 0 14px; border-bottom: 1px solid var(--line); }.console-head > span { display: flex; gap: 5px; }.console-head > span i { width: 6px; height: 6px; border-radius: 50%; background: #4d554f; }.console-head > span i:nth-child(2) { background: #748078; }.console-head > span i:nth-child(3) { background: var(--mint); }.console-head p { margin: 0 auto 0 16px; color: var(--faint); font: 8px var(--mono); }.copy-endpoint { height: 24px; padding: 0 9px; border: 1px solid var(--line); color: var(--mint); background: rgba(150,235,200,.04); font: 7px var(--mono); letter-spacing: .08em; }.copy-endpoint:hover { border-color: var(--mint); }.console-body { display: grid; grid-template-columns: 1fr 190px; }.code-lines { display: grid; grid-template-columns: 45px 1fr; padding: 24px 0; border-right: 1px solid var(--line); }.line-number { padding-left: 17px; color: #3c443f; font: 9px/2.2 var(--mono); }.code-lines code { color: #a5afa7; font: 10px/2.2 var(--mono); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.code-lines code b { color: #d8dfd9; font-weight: 400; }.code-lines code em { color: var(--mint); font-style: normal; }.connection-status { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; color: var(--faint); font: 7px var(--mono); letter-spacing: .09em; }.connection-status span:first-child { color: var(--mint); }.connection-status span i { display: inline-block; width: 5px; height: 5px; margin-right: 6px; border-radius: 50%; background: var(--mint); }.connection-status b { color: #d9e0da; font: 24px var(--mono); }.capability-grid { display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 52px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.capability-grid article { position: relative; min-height: 245px; padding: 21px 17px; border-right: 1px solid var(--line); background: rgba(255,255,255,.008); }.capability-grid article:last-child { border-right: 0; }.capability-grid article:hover { background: rgba(150,235,200,.035); }.cap-index { position: absolute; top: 16px; right: 16px; color: #424a44; font: 8px var(--mono); }.cap-icon { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(150,235,200,.25); border-radius: 50%; color: var(--mint); background: rgba(150,235,200,.06); }.capability-grid h3 { margin: 42px 0 11px; font-size: 13px; letter-spacing: -.03em; }.capability-grid p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.65; }

.control-section { padding-bottom: 96px; }.control-quote { padding: 75px 0 65px 70px; position: relative; }.control-quote h2 { font-size: clamp(43px, 5vw, 76px); }.quote-mark { position: absolute; top: 52px; left: 0; color: var(--mint); font: 70px/1 var(--serif); opacity: .45; }.control-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.control-grid article { min-height: 280px; display: flex; flex-direction: column; padding: 20px; border-right: 1px solid var(--line); }.control-grid article:last-child { border-right: 0; }.control-number { color: var(--mint); font: 9px var(--mono); }.control-grid h3 { margin: 60px 0 13px; font-size: 15px; }.control-grid p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.7; }.control-grid article > span { margin-top: auto; color: #4e5750; font: 7px var(--mono); letter-spacing: .11em; }.risk-note { display: grid; grid-template-columns: 150px 1fr; gap: 20px; padding: 25px 0; border-bottom: 1px solid var(--line); }.risk-note span { color: #e7cf92; font: 8px var(--mono); letter-spacing: .11em; }.risk-note p { max-width: 890px; margin: 0; color: #707a72; font-size: 9px; line-height: 1.65; }

.final-cta { min-height: 610px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; border-top: 1px solid var(--line); text-align: center; }.final-cta::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(220,240,227,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(220,240,227,.035) 1px, transparent 1px); background-size: 72px 72px; mask-image: radial-gradient(circle, #000, transparent 68%); }.final-eyebrow { position: relative; z-index: 2; margin-bottom: 27px; color: var(--mint); font: 8px var(--mono); letter-spacing: .15em; }.final-cta h2 { position: relative; z-index: 2; font-size: clamp(60px, 8vw, 116px); }.final-cta > p { position: relative; z-index: 2; max-width: 520px; margin: 28px 0; color: var(--muted); font-size: 12px; line-height: 1.7; }.final-cta .primary-cta { position: relative; z-index: 2; }.final-orbit { position: absolute; top: 50%; left: 50%; width: 700px; height: 700px; transform: translate(-50%, -50%); border: 1px solid rgba(150,235,200,.09); border-radius: 50%; }.final-orbit i { position: absolute; inset: 95px; border: 1px solid rgba(150,235,200,.08); border-radius: 50%; }.final-orbit i:nth-child(2) { inset: 185px; }.final-orbit i:nth-child(3) { top: 8%; left: 50%; width: 7px; height: 7px; border: 0; background: var(--mint); box-shadow: 0 0 14px var(--mint); }

footer { max-width: 1440px; margin: 0 auto; border: 1px solid var(--line); border-top: 0; }.footer-main { min-height: 235px; display: grid; grid-template-columns: 1fr 1fr; padding: 46px 50px; }.footer-brand p { margin: 26px 0 0; color: var(--muted); font-size: 11px; line-height: 1.65; }.footer-links { display: grid; grid-template-columns: 1fr 1fr; }.footer-links div { display: flex; flex-direction: column; gap: 13px; }.footer-links div > span { margin-bottom: 6px; color: var(--faint); font: 8px var(--mono); letter-spacing: .12em; }.footer-links a { width: fit-content; color: #aeb7af; font-size: 10px; }.footer-links a:hover { color: var(--mint); }.footer-legal { min-height: 92px; display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 30px; padding: 20px 50px; border-top: 1px solid var(--line); }.footer-legal p { margin: 0; color: #535c55; font-size: 7px; line-height: 1.55; }.footer-legal span { color: #687169; font: 7px var(--mono); letter-spacing: .08em; white-space: nowrap; }

.copy-toast { position: fixed; z-index: 40; right: 24px; bottom: 24px; padding: 13px 15px; border: 1px solid rgba(150,235,200,.35); color: #dce4dd; background: rgba(12,21,18,.95); box-shadow: 0 16px 50px rgba(0,0,0,.4); transform: translateY(120px); opacity: 0; transition: .3s ease; font: 9px var(--mono); }.copy-toast.visible { transform: translateY(0); opacity: 1; }.copy-toast span { margin-left: 10px; color: var(--mint); }.privy-wallet-toast { position: fixed; z-index: 60; right: 24px; bottom: 24px; display: grid; gap: 4px; max-width: min(360px, calc(100vw - 36px)); padding: 13px 15px; border: 1px solid rgba(150,235,200,.35); color: #dce4dd; background: rgba(12,21,18,.96); box-shadow: 0 16px 50px rgba(0,0,0,.4); transform: translateY(130px); opacity: 0; transition: .3s ease; }.privy-wallet-toast.visible { transform: translateY(0); opacity: 1; }.privy-wallet-toast b { font-size: 11px; }.privy-wallet-toast small { color: var(--muted); font-size: 9px; line-height: 1.5; }
.reveal { opacity: 0; transform: translateY(25px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.8,.2,1); }.reveal.visible { opacity: 1; transform: translateY(0); }.delay-one { transition-delay: .13s; }
@keyframes orbitSpin { to { transform: rotate(360deg); } }
@keyframes marquee { to { transform: translateX(-50%); } }

@media (max-width: 1100px) {
  .hero { grid-template-columns: 1fr 460px; }.hero-copy { padding-left: 45px; }.hero h1 { font-size: 72px; }.hero-system { margin-right: 25px; }.chain-section, .mcp-section, .control-section { padding-left: 40px; padding-right: 40px; }.asset-marquee { margin-left: -40px; margin-right: -40px; }.capability-grid { grid-template-columns: repeat(3, 1fr); }.capability-grid article:nth-child(3) { border-right: 0; }.capability-grid article:nth-child(-n+3) { border-bottom: 1px solid var(--line); }.control-grid { grid-template-columns: 1fr 1fr; }.control-grid article:nth-child(2) { border-right: 0; }.control-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}
@media (max-width: 840px) {
  .announcement p { display: none; }.desktop-nav { display: none; }.site-header { padding: 0 22px; }.header-wallet-button { margin-left: auto; }.header-cta { margin-right: 10px; }.menu-button { display: block; }.site-header.menu-open .desktop-nav { position: absolute; top: 76px; left: -1px; right: -1px; display: flex; flex-direction: column; align-items: start; gap: 0; margin: 0; padding: 12px 22px 20px; border: 1px solid var(--line); background: rgba(9,13,12,.97); }.site-header.menu-open .desktop-nav a { width: 100%; padding: 14px 0; border-bottom: 1px solid var(--line); }.hero { grid-template-columns: 1fr; }.hero-copy { min-height: 610px; padding: 70px 45px; }.hero h1 { font-size: clamp(62px, 12vw, 95px); }.hero-system { margin: 0 35px 55px; }.signal-strip { justify-content: space-between; padding: 0 24px; }.signal-strip > i, .signal-strip strong { display: none; }.chain-intro { grid-template-columns: 1fr; gap: 30px; }.chain-stage { grid-template-columns: 1fr; }.orbital-visual { min-height: 520px; border-right: 0; border-bottom: 1px solid var(--line); }.chain-specs { padding-left: 0; }.mcp-console { margin-left: 0; }.capability-grid { grid-template-columns: 1fr 1fr; }.capability-grid article:nth-child(3) { border-right: 1px solid var(--line); }.capability-grid article:nth-child(even) { border-right: 0; }.capability-grid article:nth-child(-n+4) { border-bottom: 1px solid var(--line); }.footer-main { grid-template-columns: 1fr 1fr; }.footer-legal { grid-template-columns: 1fr; }.footer-legal span { grid-row: 1; }
}
@media (max-width: 580px) {
  .announcement { justify-content: space-between; padding: 8px 14px; }.announcement a { margin-left: 0; }.site-header { min-height: 65px; padding: 0 15px; }.header-cta { height: 34px; gap: 8px; }.site-header.menu-open .desktop-nav { top: 65px; }.hero-copy { min-height: 570px; padding: 56px 24px 45px; }.hero h1 { margin-top: 25px; font-size: 58px; }.hero-lede { font-size: 13px; }.hero-actions { align-items: start; flex-direction: column; }.hero-footnotes { flex-wrap: wrap; margin-top: 42px; }.hero-system { min-height: 520px; margin: 0 14px 30px; }.system-prompt p { font-size: 10px; }.draft-assets { gap: 9px; }.signal-strip { min-height: 62px; padding: 0 15px; overflow-x: auto; gap: 26px; }.signal-strip div { flex-direction: column; align-items: start; gap: 4px; }.chain-section, .mcp-section, .control-section { padding: 65px 20px 0; }.section-label p { display: none; }.chain-intro { padding: 55px 0 48px; }.chain-intro h2, .mcp-heading h2, .control-quote h2 { font-size: 43px; }.orbital-visual { min-height: 420px; }.orbit-three { width: 390px; height: 390px; }.chain-specs article { grid-template-columns: 25px 1fr; }.asset-marquee { margin-left: -20px; margin-right: -20px; }.mcp-section { padding-bottom: 65px; }.console-body { grid-template-columns: 1fr; }.code-lines { border-right: 0; border-bottom: 1px solid var(--line); overflow: hidden; }.connection-status { min-height: 110px; }.capability-grid { grid-template-columns: 1fr; }.capability-grid article { min-height: 210px; border-right: 0 !important; border-bottom: 1px solid var(--line); }.capability-grid article:last-child { border-bottom: 0; }.control-quote { padding: 58px 0 45px 30px; }.quote-mark { left: -4px; }.control-grid { grid-template-columns: 1fr; }.control-grid article { min-height: 220px; border-right: 0; border-bottom: 1px solid var(--line); }.control-grid h3 { margin-top: 38px; }.risk-note { grid-template-columns: 1fr; }.final-cta { min-height: 560px; padding: 0 20px; }.final-cta h2 { font-size: 60px; }.final-orbit { width: 520px; height: 520px; }.footer-main { grid-template-columns: 1fr; gap: 45px; padding: 38px 24px; }.footer-legal { padding: 24px; }.copy-toast { left: 18px; right: 18px; text-align: center; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.reveal { opacity: 1; transform: none; transition: none; }.orbit, .marquee-track { animation: none; } }