@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600&family=Spline+Sans+Mono:wght@400;500&family=Syne:wght@600;700&display=swap');

:root {
  --bay: #06130D;
  --panel: #10271D;
  --line: #1F3A2A;
  --line-hi: #315C45;
  --ink: #F5F1E6;
  --paper: #F3E6B3;
  --red: #B3261E;
  --green: #00C805;
  --muted: #7F9186;
  --black: #020705;
  --display: 'Syne', Arial, sans-serif;
  --body: 'Manrope', Arial, sans-serif;
  --mono: 'Spline Sans Mono', ui-monospace, monospace;
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bay); }
body { margin: 0; min-width: 320px; color: var(--ink); background: var(--bay); font-family: var(--body); line-height: 1.55; overflow-x: hidden; }
body::before { content: ''; position: fixed; inset: 0; z-index: -2; background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size: 80px 80px; opacity: .32; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid var(--paper); outline-offset: 4px; }
.skip { position: fixed; left: 18px; top: -80px; z-index: 100; padding: 12px 18px; background: var(--paper); color: var(--bay); font: 500 12px var(--mono); }
.skip:focus { top: 18px; }

.site-header { position: absolute; top: 0; left: 50%; z-index: 50; display: flex; width: min(100%, 1440px); height: 104px; padding: 25px clamp(20px, 4vw, 64px); transform: translateX(-50%); align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 12px; font: 500 15px var(--mono); letter-spacing: .04em; }
.brand img { object-fit: contain; filter: drop-shadow(0 8px 14px #0008); }
.site-nav { display: flex; align-items: center; gap: clamp(18px, 2.4vw, 38px); color: var(--muted); font: 500 11px var(--mono); letter-spacing: .05em; }
.site-nav a { transition: color .2s ease; }
.site-nav a:hover, .site-nav a[aria-current='page'] { color: var(--paper); }
.site-nav .unresolved { opacity: .48; cursor: not-allowed; }
.site-nav .nav-cta { display: grid; min-width: 92px; min-height: 46px; padding: 0 22px; place-items: center; border-radius: 99px; background: var(--ink); color: var(--bay); }
.menu-toggle { display: none; border: 1px solid var(--line-hi); background: var(--panel); color: var(--ink); min-height: 44px; padding: 0 16px; font: 500 11px var(--mono); }

.hero { position: relative; min-height: 900px; isolation: isolate; overflow: hidden; }
.hero-media { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; overflow: hidden; }
.hero-media img, .hero-media video { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.hero-media video { display: none; }
.hero.has-video .hero-media video { display: block; }
.hero.has-video .hero-media img { display: none; }
.hero-copy { width: min(100%, 1440px); min-height: 900px; margin: 0 auto; padding: 140px clamp(20px, 4vw, 64px) 54px; display: flex; flex-direction: column; align-items: flex-start; }
.eyebrow { display: inline-flex; gap: 14px; align-items: center; color: var(--paper); font: 500 11px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.eyebrow::after { content: ''; width: 66px; height: 3px; background: var(--red); }
.hero h1, .route-head h1 { font-family: var(--display); font-weight: 700; letter-spacing: -.055em; line-height: .98; }
.hero h1 { max-width: 560px; margin: 34px 0 28px; font-size: clamp(60px, 6.2vw, 90px); }
.hero h1 em { color: var(--paper); font-style: normal; }
.hero-lede { max-width: 525px; margin: 0 0 34px; color: #DDE7E0; font-size: 17px; }
.command-row { display: flex; width: min(590px, 100%); min-height: 64px; overflow: hidden; border: 1px solid var(--line-hi); border-radius: 14px; background: color-mix(in srgb, var(--black) 90%, transparent); box-shadow: 0 24px 60px #0004; }
.command-row code { flex: 1; min-width: 0; padding: 20px 20px; overflow: auto hidden; color: var(--ink); font: 400 12px var(--mono); white-space: nowrap; scrollbar-width: none; }
.command-row code::before { content: '$ '; color: var(--green); font-weight: 500; }
.copy-btn { min-width: 92px; border: 0; border-left: 1px solid var(--line-hi); background: var(--panel); color: var(--paper); cursor: pointer; font: 500 10px var(--mono); letter-spacing: .08em; }
.hero-actions { display: flex; gap: 22px; align-items: center; margin-top: 18px; }
.button { display: inline-flex; min-height: 52px; padding: 0 24px; align-items: center; justify-content: center; border: 1px solid var(--ink); border-radius: 99px; background: var(--ink); color: var(--bay); cursor: pointer; font: 500 11px var(--mono); letter-spacing: .06em; }
.button.secondary { background: transparent; color: var(--ink); border-color: var(--line-hi); }
.button.red { background: var(--red); border-color: var(--red); color: white; }
.token-state { color: var(--muted); font: 500 10px var(--mono); letter-spacing: .06em; }
.hero-facts { display: grid; grid-template-columns: 1.3fr .85fr 1fr; width: min(570px, 100%); margin-top: auto; padding-top: 22px; border-top: 1px solid var(--line-hi); }
.fact { min-width: 0; }
.fact strong { display: block; color: var(--ink); font: 500 10px var(--mono); }
.fact span { display: block; margin-top: 8px; color: var(--muted); font: 400 9px var(--mono); }
.chain-logo { display: block; width: 168px; height: auto; margin-bottom: 6px; }

.section, .route-page { width: min(100%, 1440px); margin: 0 auto; padding: 110px clamp(20px, 4vw, 64px); }
.section { border-top: 1px solid var(--line); }
.section-kicker { color: var(--muted); font: 500 11px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.section h2 { max-width: 850px; margin: 20px 0 46px; font: 600 clamp(38px, 5vw, 68px)/1.02 var(--display); letter-spacing: -.045em; }
.section h2 em { color: var(--paper); font-style: normal; }
.section-title-row { display: flex; gap: 30px; align-items: flex-end; justify-content: space-between; }
.section-title-row h2 { margin-bottom: 0; }
.text-link { display: inline-flex; flex: 0 0 auto; align-items: center; min-height: 44px; color: var(--paper); font: 500 10px var(--mono); letter-spacing: .06em; }
.text-link:hover { color: var(--green); }
.lede { color: #C7D3CB; font-size: clamp(16px, 1.8vw, 20px); }

.home-manifesto { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); gap: clamp(60px, 9vw, 140px); align-items: end; min-height: 620px; }
.home-manifesto h2 { max-width: 820px; margin-bottom: 0; }
.manifesto-detail { padding: 32px 0 8px; border-top: 1px solid var(--line-hi); }
.manifesto-detail .lede { margin: 0; }
.manifesto-spec { display: grid; margin-top: 44px; border-top: 1px solid var(--line); }
.manifesto-spec div { display: grid; grid-template-columns: 145px 1fr; gap: 18px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.manifesto-spec span { color: var(--muted); font: 500 9px var(--mono); letter-spacing: .08em; }
.manifesto-spec strong { color: var(--ink); font-size: 14px; font-weight: 600; }

.mechanism-section { overflow: hidden; }
.mechanism-rail { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 70px; border: 1px solid var(--line-hi); border-radius: 30px; background: #071811e6; }
.mechanism-rail::before { content: ''; position: absolute; top: 74px; left: 10%; right: 10%; height: 2px; background: linear-gradient(90deg, var(--red), var(--paper) 50%, var(--green)); opacity: .65; }
.mechanism-step { position: relative; min-height: 330px; padding: 34px; border-right: 1px solid var(--line-hi); }
.mechanism-step:last-child { border-right: 0; }
.step-port { position: relative; z-index: 1; display: grid; width: 82px; height: 82px; margin-bottom: 54px; place-items: center; border: 1px solid #77372F; border-radius: 50%; background: var(--bay); color: var(--paper); font: 500 11px var(--mono); box-shadow: 0 0 0 10px var(--bay); }
.step-port i { position: absolute; right: -8px; width: 14px; height: 14px; border-radius: 50%; background: var(--red); box-shadow: 0 0 22px #b3261eaa; }
.step-port.phone-port { margin-inline: auto; border-radius: 24px; border-color: var(--paper); }
.step-port.phone-port i { right: 50%; bottom: -7px; transform: translateX(50%); background: var(--paper); box-shadow: none; }
.step-port.result-port { margin-left: auto; border-color: #246B40; }
.step-port.result-port i { left: -8px; right: auto; background: var(--green); box-shadow: 0 0 22px #00c80588; }
.mechanism-step h3 { margin: 13px 0 12px; font: 600 30px var(--display); }
.mechanism-step p { max-width: 330px; margin: 0; color: var(--muted); font-size: 14px; }

.home-card-section { display: grid; grid-template-columns: minmax(0, .8fr) minmax(460px, 1fr); gap: clamp(60px, 10vw, 160px); align-items: center; background: linear-gradient(90deg, transparent 0 46%, #0b2117 46% 100%); }
.card-story h2 { margin-bottom: 28px; }
.card-story .lede { max-width: 580px; }
.card-field-list { display: grid; margin: 38px 0; padding: 0; border-top: 1px solid var(--line-hi); list-style: none; }
.card-field-list li { display: grid; grid-template-columns: 42px 1fr; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--line); color: #C7D3CB; font-size: 13px; }
.card-field-list b { color: var(--red); font: 500 10px var(--mono); }
.home-tx-card { position: relative; max-width: 680px; padding: clamp(28px, 4vw, 52px); border-radius: 34px; background: var(--paper); color: var(--bay); box-shadow: 0 50px 120px #0007; transform: rotate(1.2deg); }
.home-tx-card::before { content: ''; position: absolute; inset: 12px; border: 1px solid #c6b984; border-radius: 24px; pointer-events: none; }
.home-tx-card .fact-list { position: relative; }
.home-tx-card code { font: 500 11px var(--mono); }
.card-source { position: relative; display: flex; justify-content: space-between; gap: 20px; padding-top: 17px; color: #667062; font: 500 9px var(--mono); }

.home-tools-section { background: #040c08; }
.home-tools-shell { margin-top: 70px; overflow: hidden; border: 1px solid var(--line-hi); border-radius: 30px; background: var(--black); box-shadow: 0 30px 90px #0005; }
.tool-command { display: grid; grid-template-columns: 160px minmax(0, 1fr) 100px; min-height: 86px; align-items: center; border-bottom: 1px solid var(--line-hi); }
.tool-command > span { padding-left: 28px; color: var(--muted); font: 500 9px var(--mono); }
.tool-command code { padding: 22px; overflow: auto hidden; color: var(--paper); font: 400 11px var(--mono); white-space: nowrap; }
.tool-command button { align-self: stretch; border: 0; border-left: 1px solid var(--line-hi); background: var(--panel); color: var(--paper); cursor: pointer; font: 500 10px var(--mono); }
.home-tool-list { display: grid; }
.home-tool-list a { display: grid; grid-template-columns: 70px minmax(260px, .8fr) 1fr 130px; gap: 20px; min-height: 92px; padding: 0 28px; align-items: center; border-bottom: 1px solid var(--line); transition: background .2s ease; }
.home-tool-list a:last-child { border-bottom: 0; }
.home-tool-list a:hover { background: var(--panel); }
.home-tool-list b { color: var(--red); font: 500 10px var(--mono); }
.home-tool-list code { color: var(--paper); font: 500 13px var(--mono); }
.home-tool-list span { color: var(--muted); font-size: 13px; }
.home-tool-list i { color: var(--green); font: normal 500 9px var(--mono); text-align: right; }

.state-section { display: grid; grid-template-columns: minmax(300px, .75fr) minmax(0, 1.25fr); gap: clamp(60px, 10vw, 150px); align-items: center; }
.state-copy h2 { margin-bottom: 28px; }
.state-copy .button { margin-top: 22px; }
.state-machine { display: grid; grid-template-columns: 110px 1fr 110px 1fr 110px; align-items: center; min-height: 400px; padding: 48px; border: 1px solid var(--line-hi); border-radius: 38px; background: #071811e6; }
.state-node { display: grid; min-height: 110px; padding: 18px; align-content: center; border: 1px solid var(--line-hi); border-radius: 22px; background: var(--bay); }
.state-node b { color: var(--red); font: 500 9px var(--mono); }
.state-node span, .state-branch span { margin-top: 11px; color: var(--paper); font: 500 10px var(--mono); }
.state-node small, .state-branch small { margin-top: 5px; color: var(--muted); font: 400 9px var(--mono); }
.state-node.current { border-color: var(--red); box-shadow: 0 0 32px #b3261e22; }
.state-line { height: 1px; background: linear-gradient(90deg, var(--red), var(--paper)); }
.state-branch { grid-column: 3 / 6; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 26px; }
.state-branch div { display: grid; min-height: 78px; padding: 14px; align-content: center; border: 1px solid var(--line); border-radius: 16px; }
.state-branch div:first-child { border-color: #246B40; }
.state-branch div:first-child span { color: var(--green); }

.home-boundary-section { display: grid; grid-template-columns: minmax(420px, 1fr) minmax(360px, .85fr); gap: clamp(60px, 9vw, 130px); align-items: center; background: #081912; }
.boundary-visual .route-art { min-height: 620px; }
.boundary-copy h2 { margin-bottom: 34px; }
.boundary-list { display: grid; border-top: 1px solid var(--line-hi); }
.boundary-list div { display: grid; grid-template-columns: 44px 1fr 90px; gap: 12px; padding: 17px 0; border-bottom: 1px solid var(--line); align-items: center; }
.boundary-list b { color: var(--red); font: 500 9px var(--mono); }
.boundary-list span { font: 500 11px var(--mono); }
.boundary-list i { color: var(--muted); font: normal 500 9px var(--mono); text-align: right; }
.boundary-copy > p { margin: 30px 0 18px; color: var(--muted); font-size: 14px; }

.phase-label { color: var(--red); font: 500 9px var(--mono); letter-spacing: .06em; }
.public-lane-grid { margin-top: 62px; }
.public-lane-grid .route-art { min-height: 420px; }
.lane-actions { display: flex; gap: 26px; margin-top: 28px; align-items: center; }
.verb-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line-hi); border-radius: 28px; overflow: hidden; background: #071811cc; }
.verb { min-height: 270px; padding: 34px; border-right: 1px solid var(--line-hi); }
.verb:last-child { border: 0; }
.verb-index { color: var(--red); font: 500 11px var(--mono); }
.verb h3 { margin: 70px 0 10px; font: 600 28px var(--display); }
.verb p { max-width: 280px; margin: 0; color: var(--muted); font-size: 14px; }

.split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .85fr); gap: clamp(54px, 8vw, 120px); align-items: center; }
.route-art { position: relative; min-height: 500px; display: grid; place-items: center; }
.route-art::before { content: ''; position: absolute; inset: 8%; border: 1px solid var(--line-hi); border-radius: 48px; background: #071811a8; transform: rotate(-2deg); }
.route-art img { position: relative; z-index: 1; width: min(100%, 660px); max-height: 680px; object-fit: contain; filter: drop-shadow(0 30px 40px #0005); }
.route-head { padding-top: 132px; }
.route-head h1 { max-width: 780px; margin: 28px 0 24px; font-size: clamp(52px, 7vw, 96px); }
.route-head .lede { max-width: 710px; color: #C7D3CB; font-size: clamp(16px, 1.8vw, 21px); }
.route-content { padding-top: 68px; }

.data-table { width: 100%; border-collapse: collapse; border: 1px solid var(--line-hi); background: #071811d9; }
.data-table th, .data-table td { padding: 18px 16px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.data-table th { color: var(--muted); font: 500 9px var(--mono); letter-spacing: .08em; }
.data-table td { color: #DDE7E0; font: 400 11px var(--mono); }
.data-table button { padding: 0; border: 0; background: none; color: inherit; cursor: pointer; font: inherit; }
.empty-row td { padding: 46px 16px; color: var(--muted); text-align: center; }
.source-line { margin-top: 16px; color: var(--muted); font: 400 9px var(--mono); }

.command-stack { display: grid; gap: 18px; }
.command-block { border: 1px solid var(--line-hi); border-radius: 20px; overflow: hidden; background: var(--black); }
.command-label { display: flex; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid var(--line); color: var(--muted); font: 500 9px var(--mono); }
.command-block pre { margin: 0; padding: 22px; overflow: auto; color: var(--paper); font: 400 12px/1.7 var(--mono); }
.command-label button { border: 0; background: none; color: var(--paper); cursor: pointer; font: inherit; }
.tool-list, .rule-list, .step-list { display: grid; margin-top: 60px; border-top: 1px solid var(--line-hi); }
.tool-row, .rule-row, .step-row { display: grid; grid-template-columns: 90px minmax(180px, .6fr) 1fr; gap: 24px; padding: 28px 0; border-bottom: 1px solid var(--line); align-items: start; }
.tool-row b, .rule-row b, .step-row b { color: var(--red); font: 500 10px var(--mono); }
.tool-row code, .rule-row h3, .step-row h3 { margin: 0; color: var(--paper); font: 500 16px var(--mono); }
.tool-row p, .rule-row p, .step-row p { margin: 0; color: var(--muted); font-size: 14px; }

.install-overview { display: grid; grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr); gap: clamp(60px, 9vw, 140px); align-items: center; padding-top: 46px; }
.install-preflight h2 { max-width: 600px; margin: 22px 0 38px; font: 600 clamp(38px, 4.6vw, 64px)/1.02 var(--display); letter-spacing: -.045em; }
.preflight-list { display: grid; border-top: 1px solid var(--line-hi); }
.preflight-list div { display: grid; grid-template-columns: 45px 130px 1fr; gap: 14px; padding: 19px 0; align-items: center; border-bottom: 1px solid var(--line); }
.preflight-list b { color: var(--red); font: 500 9px var(--mono); }
.preflight-list span { color: var(--muted); font: 500 9px var(--mono); }
.preflight-list strong { font-size: 14px; font-weight: 600; }
.auth-seal { margin-top: 30px; padding: 22px 24px; border: 1px solid #645F3E; border-radius: 18px; background: #181D12; }
.auth-seal span { color: var(--paper); font: 500 9px var(--mono); letter-spacing: .08em; }
.auth-seal p { margin: 10px 0 0; color: #C7D3CB; font-size: 13px; }

.install-guide { background: #040c08; }
.install-duration { color: var(--paper); font: 500 9px var(--mono); letter-spacing: .08em; }
.client-switch { display: inline-flex; margin-top: 58px; padding: 5px; border: 1px solid var(--line-hi); border-radius: 99px; background: var(--bay); }
.client-switch button { min-height: 44px; padding: 0 22px; border: 0; border-radius: 99px; background: transparent; color: var(--muted); cursor: pointer; font: 500 10px var(--mono); letter-spacing: .05em; }
.client-switch button.active { background: var(--paper); color: var(--bay); }
.install-steps { display: grid; margin-top: 34px; border: 1px solid var(--line-hi); border-radius: 32px; overflow: hidden; background: #071811d9; }
.install-step { display: grid; grid-template-columns: 170px minmax(0, 1fr); min-height: 330px; border-bottom: 1px solid var(--line-hi); }
.install-step:last-child { border-bottom: 0; }
.install-step-index { position: relative; padding: 38px; border-right: 1px solid var(--line-hi); background: #09150f; }
.install-step-index::after { content: ''; position: absolute; top: 42px; right: -6px; width: 11px; height: 11px; border-radius: 50%; background: var(--red); box-shadow: 0 0 22px #b3261e99; }
.install-step-index b { display: block; color: var(--paper); font: 500 35px var(--mono); }
.install-step-index span { display: block; margin-top: 9px; color: var(--muted); font: 500 9px var(--mono); letter-spacing: .1em; }
.install-step-body { min-width: 0; padding: 42px clamp(28px, 5vw, 74px) 48px; }
.install-step-body > h3 { margin: 0 0 13px; font: 600 clamp(26px, 3vw, 40px)/1.08 var(--display); letter-spacing: -.035em; }
.install-step-body > p { max-width: 760px; margin: 0 0 27px; color: var(--muted); font-size: 14px; }
.install-step-body > p code { color: var(--paper); font: 500 12px var(--mono); }
.install-step-body .command-block { max-width: 900px; }
.step-note { margin-top: 16px !important; color: #A89F72 !important; font: 400 10px var(--mono) !important; }
.client-panel { display: none; }
.client-panel.active { display: block; }
.config-anatomy { display: grid; grid-template-columns: 160px 1fr; margin-top: 16px; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.config-anatomy > span { padding: 22px; color: var(--muted); background: var(--bay); font: 500 9px var(--mono); text-transform: uppercase; }
.config-anatomy pre { margin: 0; padding: 20px 24px; overflow: auto; color: #BBD3C3; background: #07130d; font: 400 11px/1.75 var(--mono); }
.connection-readout { display: grid; grid-template-columns: 1.4fr .8fr .7fr; margin-top: 18px; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.connection-readout div { min-width: 0; padding: 18px; border-right: 1px solid var(--line); }
.connection-readout div:last-child { border-right: 0; }
.connection-readout span { display: block; color: var(--muted); font: 500 8px var(--mono); }
.connection-readout code, .connection-readout strong { display: block; margin-top: 9px; overflow: auto hidden; color: var(--paper); font: 500 10px var(--mono); white-space: nowrap; }
.install-tool-ports { display: grid; border-top: 1px solid var(--line-hi); }
.install-tool-ports .tool-row { grid-template-columns: 64px minmax(230px, .75fr) 1fr; }

.install-first-request { display: grid; grid-template-columns: minmax(0, .85fr) minmax(440px, 1.15fr); gap: clamp(60px, 9vw, 140px); align-items: center; }
.install-first-request h2 { margin-bottom: 28px; }
.install-first-request .lede { max-width: 600px; }
.request-lifecycle { display: grid; grid-template-columns: auto 1fr auto 1fr auto; gap: 12px; margin: 38px 0; align-items: center; color: var(--paper); font: 500 9px var(--mono); }
.request-lifecycle i { height: 1px; background: linear-gradient(90deg, var(--red), var(--green)); }
.request-code { overflow: hidden; border: 1px solid var(--line-hi); border-radius: 28px; background: var(--black); box-shadow: 0 40px 90px #0005; }
.request-code pre { margin: 0; padding: 34px; overflow: auto; color: #DDE7E0; font: 400 12px/1.8 var(--mono); }
.request-code-foot { display: flex; justify-content: space-between; gap: 18px; padding: 17px 22px; border-top: 1px solid var(--line); color: var(--muted); font: 500 9px var(--mono); }
.request-code-foot strong { color: var(--paper); font-weight: 500; }

.install-troubleshoot { background: #081912; }
.trouble-table { margin-top: 62px; border-top: 1px solid var(--line-hi); }
.trouble-table > div { display: grid; grid-template-columns: 190px minmax(220px, .75fr) 1fr; gap: 24px; padding: 23px 0; align-items: center; border-bottom: 1px solid var(--line); }
.trouble-table .trouble-head { padding: 13px 0; color: var(--muted); font: 500 8px var(--mono); letter-spacing: .08em; }
.trouble-table code { color: var(--red); font: 500 11px var(--mono); }
.trouble-table strong { color: var(--paper); font-size: 13px; font-weight: 600; }
.trouble-table p { margin: 0; color: var(--muted); font-size: 13px; }

.decoder { display: grid; gap: 18px; }
.field-label { color: var(--muted); font: 500 9px var(--mono); letter-spacing: .08em; }
textarea, input[type='text'] { width: 100%; border: 1px solid var(--line-hi); border-radius: 16px; background: var(--black); color: var(--ink); padding: 18px; font: 400 12px/1.65 var(--mono); }
textarea { min-height: 245px; resize: vertical; }
.control-row { display: flex; gap: 12px; flex-wrap: wrap; }
.decode-output { min-height: 470px; border-radius: 30px; padding: 34px; background: var(--paper); color: var(--bay); box-shadow: 0 40px 90px #0005; }
.card-top { display: flex; justify-content: space-between; border-bottom: 1px solid #BDAF7C; padding-bottom: 18px; color: #49594F; font: 500 9px var(--mono); }
.fact-list { display: grid; margin: 18px 0 40px; }
.decoded-fact { display: grid; grid-template-columns: 140px 1fr; gap: 20px; padding: 13px 0; border-bottom: 1px solid #D8CB9C; }
.decoded-fact dt { color: #6C735E; font: 500 9px var(--mono); }
.decoded-fact dd { margin: 0; overflow-wrap: anywhere; font: 600 13px var(--body); }
.signature-zone { position: relative; min-height: 95px; border-bottom: 2px dashed #384A3D; }
.signature-zone img { position: absolute; right: 0; bottom: 0; width: 185px; height: 100px; object-fit: contain; object-position: right bottom; }
.signature-zone span { position: absolute; left: 0; bottom: 12px; color: #667062; font: 500 9px var(--mono); }
.card-ca { padding-top: 14px; color: #667062; font: 500 9px var(--mono); }
.error { color: #FF9B92; font: 500 11px var(--mono); }

.filter-row { display: flex; gap: 8px; margin-bottom: 24px; flex-wrap: wrap; }
.filter { min-height: 40px; padding: 0 14px; border: 1px solid var(--line-hi); border-radius: 99px; background: transparent; color: var(--muted); cursor: pointer; font: 500 9px var(--mono); }
.filter.active { background: var(--paper); color: var(--bay); border-color: var(--paper); }
.ledger-overview { display: grid; grid-template-columns: minmax(0, .9fr) minmax(430px, 1.1fr); gap: clamp(60px, 9vw, 140px); align-items: center; padding-top: 48px; }
.ledger-intro h2 { max-width: 650px; margin: 22px 0 28px; font: 600 clamp(38px, 4.8vw, 66px)/1.02 var(--display); letter-spacing: -.045em; }
.ledger-intro .lede { max-width: 620px; }
.ledger-source-rack { display: grid; grid-template-columns: 1fr 1fr; margin-top: 38px; border: 1px solid var(--line-hi); border-radius: 22px; overflow: hidden; background: #071811d9; }
.ledger-source-rack div { min-width: 0; padding: 20px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.ledger-source-rack div:nth-child(2n) { border-right: 0; }
.ledger-source-rack div:nth-last-child(-n+2) { border-bottom: 0; }
.ledger-source-rack span { display: block; color: var(--muted); font: 500 8px var(--mono); }
.ledger-source-rack strong { display: block; margin-top: 9px; color: var(--paper); font: 500 10px var(--mono); }

.ledger-console-section { background: #040c08; }
.ledger-console-head { display: flex; gap: 30px; align-items: flex-end; justify-content: space-between; }
.ledger-console-head h2 { margin-bottom: 0; }
.ledger-status { display: grid; grid-template-columns: 10px auto; gap: 4px 9px; padding: 16px 19px; border: 1px solid var(--line-hi); border-radius: 16px; background: var(--bay); }
.ledger-status i { grid-row: 1 / 3; align-self: center; width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 18px #00c80566; }
.ledger-status span, .ledger-status b { font: 500 8px var(--mono); }
.ledger-status span { color: var(--green); }
.ledger-status b { color: var(--muted); font-weight: 500; }
.ledger-toolbar { display: flex; gap: 24px; margin-top: 58px; align-items: center; justify-content: space-between; }
.ledger-toolbar .filter-row { margin: 0; }
.ledger-toolbar-fields { display: flex; gap: 10px; }
.ledger-search { display: grid; grid-template-columns: auto 200px; align-items: center; overflow: hidden; border: 1px solid var(--line-hi); border-radius: 99px; }
.ledger-search span { padding-left: 17px; color: var(--muted); font: 500 8px var(--mono); }
.ledger-search input { min-height: 40px; padding: 0 16px; border: 0; border-radius: 0; background: transparent; font-size: 10px; }
.ledger-mobile-sort { display: none; }
.ledger-table-shell { margin-top: 22px; overflow-x: auto; border-radius: 24px; }
.ledger-table { min-width: 980px; }
.ledger-table th button { display: flex; width: 100%; align-items: center; justify-content: space-between; }
.ledger-table th button span { margin-left: 10px; color: var(--line-hi); }
.ledger-table th button.sorted { color: var(--paper); }
.ledger-table th button.sorted span { color: var(--red); }
.ledger-empty { display: grid; min-height: 220px; place-items: center; align-content: center; }
.ledger-empty img { width: 130px; height: 68px; object-fit: contain; opacity: .55; filter: grayscale(.25); }
.ledger-empty strong { margin-top: 18px; color: var(--paper); font: 500 11px var(--mono); }
.ledger-empty span { margin-top: 7px; color: var(--muted); font: 400 8px var(--mono); }
.ledger-console-foot { display: flex; gap: 24px; margin-top: 22px; align-items: center; justify-content: space-between; }
.ledger-console-foot .source-line { margin: 0; }
.ledger-console-foot > div { display: flex; gap: 10px; }

.ledger-anatomy { display: grid; grid-template-columns: minmax(300px, .7fr) minmax(0, 1.3fr); gap: clamp(60px, 9vw, 130px); align-items: start; }
.ledger-anatomy h2 { margin-bottom: 28px; }
.ledger-anatomy .lede { max-width: 560px; }
.ledger-anatomy .text-link { margin-top: 22px; }
.ledger-field-map { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border: 1px solid var(--line-hi); border-radius: 28px; background: #071811d9; }
.ledger-field-map > div { min-height: 150px; padding: 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.ledger-field-map > div:nth-child(2n) { border-right: 0; }
.ledger-field-map > div:nth-last-child(-n+2) { border-bottom: 0; }
.ledger-field-map b { color: var(--red); font: 500 9px var(--mono); }
.ledger-field-map code { display: block; margin-top: 24px; color: var(--paper); font: 500 11px var(--mono); }
.ledger-field-map p { margin: 8px 0 0; color: var(--muted); font-size: 12px; }

.ledger-terminal { background: #081912; }
.terminal-rail { display: grid; grid-template-columns: 190px minmax(70px, 1fr) minmax(520px, 2fr); margin-top: 66px; align-items: center; }
.terminal-origin { display: grid; min-height: 150px; padding: 25px; align-content: center; border: 1px solid var(--red); border-radius: 26px; background: var(--bay); box-shadow: 0 0 38px #b3261e22; }
.terminal-origin span, .terminal-origin small { color: var(--muted); font: 500 8px var(--mono); }
.terminal-origin strong { margin: 13px 0 6px; color: var(--paper); font: 500 18px var(--mono); }
.terminal-rail > i { height: 2px; background: linear-gradient(90deg, var(--red), var(--paper)); }
.terminal-outcomes { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line-hi); border-radius: 26px; overflow: hidden; }
.terminal-outcomes div { display: grid; min-height: 120px; padding: 22px; align-content: center; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.terminal-outcomes div:nth-child(2n) { border-right: 0; }
.terminal-outcomes div:nth-last-child(-n+2) { border-bottom: 0; }
.terminal-outcomes b { color: var(--paper); font: 500 10px var(--mono); }
.terminal-outcomes .signed b { color: var(--green); }
.terminal-outcomes span { margin-top: 11px; color: var(--ink); font-size: 13px; }
.terminal-outcomes small { margin-top: 4px; color: var(--muted); font: 400 8px var(--mono); }

.ledger-access { overflow: hidden; }
.access-rail { display: grid; grid-template-columns: 1fr 170px 1fr; margin-top: 66px; align-items: stretch; }
.access-lane { min-height: 280px; padding: 34px; border: 1px solid var(--line-hi); border-radius: 28px; background: #071811d9; }
.access-lane b { color: var(--red); font: 500 9px var(--mono); }
.access-lane h3 { margin: 66px 0 12px; font: 600 25px var(--display); }
.access-lane p { max-width: 420px; margin: 0; color: var(--muted); font-size: 13px; }
.access-lane > span { display: block; margin-top: 28px; color: var(--paper); font: 500 9px var(--mono); }
.access-lane.private { border-color: #645F3E; }
.access-gate { position: relative; display: grid; place-items: center; align-content: center; }
.access-gate::before, .access-gate::after { content: ''; position: absolute; top: 50%; width: 50%; height: 1px; background: var(--line-hi); }
.access-gate::before { left: 0; }
.access-gate::after { right: 0; }
.access-gate i { position: relative; z-index: 1; width: 54px; height: 54px; border: 1px solid var(--paper); border-radius: 18px; background: var(--bay); }
.access-gate i::after { content: ''; position: absolute; inset: 16px; border: 2px solid var(--red); border-radius: 50%; }
.access-gate strong, .access-gate small { position: relative; z-index: 1; display: block; margin-top: 12px; padding: 0 6px; background: var(--bay); font: 500 8px var(--mono); text-align: center; }
.access-gate strong { color: var(--paper); }
.access-gate small { margin-top: 4px; color: var(--muted); font-weight: 400; }
.state-flow { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 34px; }
.state-chip { padding: 10px 14px; border: 1px solid var(--line-hi); border-radius: 99px; color: var(--muted); font: 500 9px var(--mono); }
.state-chip:last-child { color: var(--green); }
.notice { margin-top: 30px; padding: 18px 20px; border-left: 3px solid var(--paper); background: var(--panel); color: #DDE7E0; font-size: 14px; }

.gate-grid { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line-hi); border-radius: 28px; overflow: hidden; }
.gate { min-height: 220px; padding: 30px; border-right: 1px solid var(--line-hi); border-bottom: 1px solid var(--line-hi); background: #071811d9; }
.gate:nth-child(2n) { border-right: 0; }
.gate:nth-last-child(-n+2) { border-bottom: 0; }
.gate b { color: var(--red); font: 500 10px var(--mono); }
.gate h3 { margin: 70px 0 0; font: 600 22px var(--display); }

.rules-overview { display: grid; grid-template-columns: minmax(0, .85fr) minmax(440px, 1.15fr); gap: clamp(60px, 9vw, 140px); align-items: center; padding-top: 48px; }
.rules-intro h2 { max-width: 640px; margin: 22px 0 28px; font: 600 clamp(38px, 4.8vw, 66px)/1.02 var(--display); letter-spacing: -.045em; }
.rules-intro .lede { max-width: 610px; }
.charter-stamp { display: flex; max-width: 440px; gap: 20px; margin-top: 36px; padding: 18px 22px; align-items: center; border: 1px solid #645F3E; border-radius: 20px; background: #181D12; }
.charter-stamp img { width: 112px; height: 62px; object-fit: contain; }
.charter-stamp div { display: grid; }
.charter-stamp span, .charter-stamp small { color: var(--muted); font: 500 8px var(--mono); }
.charter-stamp strong { margin: 6px 0; color: var(--paper); font: 500 13px var(--mono); }

.rule-console-section { background: #040c08; }
.rules-readout { color: var(--muted); font: 500 10px var(--mono); }
.rules-readout b { color: var(--paper); font-size: 20px; }
.rule-console { display: grid; grid-template-columns: minmax(310px, .65fr) minmax(0, 1.35fr); margin-top: 62px; overflow: hidden; border: 1px solid var(--line-hi); border-radius: 30px; background: #071811d9; }
.rule-selector { display: grid; border-right: 1px solid var(--line-hi); }
.rule-selector button { position: relative; display: grid; grid-template-columns: 48px 1fr 12px; gap: 14px; min-height: 92px; padding: 20px 24px; align-items: center; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--muted); cursor: pointer; text-align: left; }
.rule-selector button:last-child { border-bottom: 0; }
.rule-selector button:hover, .rule-selector button.active { background: var(--panel); color: var(--paper); }
.rule-selector button b { color: var(--red); font: 500 10px var(--mono); }
.rule-selector button span { font: 500 10px var(--mono); }
.rule-selector button i { width: 9px; height: 9px; border: 1px solid var(--line-hi); border-radius: 50%; }
.rule-selector button.active i { border-color: var(--green); background: var(--green); box-shadow: 0 0 16px #00c80577; }
.rule-inspector { min-height: 420px; padding: clamp(34px, 6vw, 82px); background: var(--paper); color: var(--bay); }
.rule-inspector-head { display: flex; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid #BDAF7C; color: #667062; font: 500 9px var(--mono); }
.rule-inspector-head b { color: var(--red); }
.rule-inspector h3 { max-width: 650px; margin: 54px 0 18px; font: 600 clamp(34px, 4vw, 56px)/1 var(--display); letter-spacing: -.045em; }
.rule-inspector > p { max-width: 630px; color: #506056; font-size: 14px; }
.rule-io { display: grid; grid-template-columns: 1fr 40px 1fr; gap: 16px; margin-top: 46px; align-items: center; border-top: 1px solid #CABC8A; border-bottom: 1px solid #CABC8A; }
.rule-io div { padding: 18px 0; }
.rule-io span { display: block; color: #6C735E; font: 500 8px var(--mono); }
.rule-io strong { display: block; margin-top: 7px; font: 600 13px var(--body); }
.rule-io > i { color: var(--red); font: normal 500 18px var(--mono); text-align: center; }

.rules-flow { display: grid; grid-template-columns: minmax(300px, .7fr) minmax(0, 1.3fr); gap: clamp(60px, 9vw, 130px); align-items: center; }
.rules-flow h2 { margin-bottom: 28px; }
.rules-flow .lede { max-width: 580px; }
.rules-flow .text-link { margin-top: 22px; }
.boundary-map { display: grid; grid-template-columns: 1fr 56px 150px 56px 1fr; align-items: center; padding: 42px; border: 1px solid var(--line-hi); border-radius: 34px; background: #071811d9; }
.boundary-map-node { display: grid; min-height: 170px; padding: 24px; align-content: center; border: 1px solid var(--line-hi); border-radius: 24px; background: var(--bay); }
.boundary-map-node b { color: var(--red); font: 500 9px var(--mono); }
.boundary-map-node span { margin-top: 30px; color: var(--paper); font: 500 10px var(--mono); }
.boundary-map-node strong { margin-top: 7px; color: var(--ink); font-size: 13px; font-weight: 600; }
.boundary-map > i { height: 1px; background: linear-gradient(90deg, var(--red), var(--paper)); }
.boundary-map-core { display: grid; place-items: center; text-align: center; }
.boundary-map-core img { width: 94px; height: 94px; object-fit: contain; }
.boundary-map-core span { margin-top: 10px; color: var(--paper); font: 500 9px var(--mono); }
.boundary-map-core small { margin-top: 4px; color: var(--muted); font: 400 8px var(--mono); }
.boundary-map-return { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 20px; margin-top: 34px; padding-top: 18px; border-top: 1px dashed var(--line-hi); }
.boundary-map-return span { color: var(--muted); font: 500 8px var(--mono); }
.boundary-map-return strong { color: var(--green); font: 500 9px var(--mono); }

.invariant-section { background: #081912; }
.invariant-table { margin-top: 62px; border-top: 1px solid var(--line-hi); }
.invariant-table > div { display: grid; grid-template-columns: 170px repeat(3, 1fr); gap: 24px; padding: 22px 0; align-items: center; border-bottom: 1px solid var(--line); }
.invariant-table .invariant-head { padding: 12px 0; color: var(--muted); font: 500 8px var(--mono); letter-spacing: .08em; }
.invariant-table strong { color: var(--red); font: 500 10px var(--mono); }
.invariant-table p { margin: 0; color: #C7D3CB; font-size: 13px; }

.closure-section { display: grid; grid-template-columns: minmax(300px, .75fr) minmax(0, 1.25fr); gap: clamp(60px, 9vw, 130px); align-items: center; }
.closure-section h2 { margin-bottom: 28px; }
.closure-grid { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border: 1px solid var(--line-hi); border-radius: 28px; background: #071811d9; }
.closure-grid > div { display: grid; min-height: 190px; padding: 28px; align-content: center; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.closure-grid > div:nth-child(2n) { border-right: 0; }
.closure-grid > div:nth-last-child(-n+2) { border-bottom: 0; }
.closure-grid b { color: var(--red); font: 500 9px var(--mono); }
.closure-grid .positive b { color: var(--green); }
.closure-grid strong { margin-top: 28px; color: var(--paper); font: 500 18px var(--mono); }
.closure-grid span { margin-top: 7px; color: var(--muted); font-size: 12px; }

.coordinates-section { background: #040c08; }
.coordinates-grid { display: grid; grid-template-columns: 1.25fr .75fr .8fr .9fr; margin-top: 62px; overflow: hidden; border: 1px solid var(--line-hi); border-radius: 28px; }
.coordinate-card { display: flex; min-height: 250px; padding: 28px; flex-direction: column; border-right: 1px solid var(--line-hi); background: #071811d9; }
.coordinate-card:last-child { border-right: 0; }
.coordinate-card > span { color: var(--red); font: 500 9px var(--mono); }
.coordinate-card > strong { margin-top: auto; color: var(--paper); font: 500 18px var(--mono); }
.coordinate-card > small { margin-top: 8px; color: var(--muted); font: 400 8px var(--mono); }
.network-coordinate .chain-logo { width: 150px; }
.social-coordinate div { display: grid; grid-template-columns: 80px 1fr; gap: 12px; padding: 15px 0; border-bottom: 1px solid var(--line); }
.social-coordinate div:first-of-type { margin-top: auto; }
.social-coordinate strong, .social-coordinate small { font: 500 9px var(--mono); }
.social-coordinate small { color: var(--muted); }
.source-coordinate a { margin-top: 20px; color: var(--paper); font: 500 9px var(--mono); }
.source-coordinate a:first-of-type { margin-top: auto; }

.footer-rail { width: min(calc(100% - 40px), 1312px); margin: 40px auto 0; padding: 44px 0 58px; border-top: 1px solid var(--line-hi); }
.footer-top { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: 28px; align-items: start; }
.footer-chain img { width: 190px; height: auto; }
.footer-rail h4 { margin: 0 0 12px; color: var(--muted); font: 500 9px var(--mono); }
.footer-rail p { margin: 6px 0; color: #C7D3CB; font-size: 12px; }
.footer-mono { font-family: var(--mono) !important; overflow-wrap: anywhere; }
.footer-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 38px; padding-top: 26px; border-top: 1px solid var(--line); }
.footer-bottom p { max-width: 550px; }
.status-dot { display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: var(--green); }
.toast { position: fixed; right: 22px; bottom: 22px; z-index: 100; padding: 12px 16px; background: var(--paper); color: var(--bay); font: 500 10px var(--mono); opacity: 0; transform: translateY(16px); pointer-events: none; transition: .2s ease; }
.toast.show { opacity: 1; transform: translateY(0); }

@media (max-width: 900px) {
  .site-header { height: 84px; padding-top: 18px; padding-bottom: 18px; }
  .menu-toggle { display: block; }
  .site-nav { position: absolute; top: 74px; left: 20px; right: 20px; display: none; padding: 22px; flex-direction: column; align-items: stretch; border: 1px solid var(--line-hi); background: #06130df5; box-shadow: 0 30px 70px #0009; }
  .site-nav.open { display: flex; }
  .site-nav .nav-cta { min-width: 0; }
  .hero { min-height: 900px; }
  .hero-copy { min-height: 900px; padding-top: 108px; }
  .hero-media img, .hero-media video { object-position: 64% 50%; opacity: .72; }
  .split { grid-template-columns: 1fr; }
  .home-manifesto, .home-card-section, .state-section, .home-boundary-section { grid-template-columns: 1fr; }
  .install-overview, .install-first-request { grid-template-columns: 1fr; }
  .ledger-overview, .ledger-anatomy { grid-template-columns: 1fr; }
  .rules-overview, .rules-flow, .closure-section { grid-template-columns: 1fr; }
  .rules-overview .route-art { order: initial; }
  .rule-console { grid-template-columns: 250px minmax(0, 1fr); }
  .boundary-map { grid-template-columns: 1fr 45px 125px 45px 1fr; padding: 30px; }
  .invariant-table > div { grid-template-columns: 130px repeat(3, 1fr); gap: 16px; }
  .coordinates-grid { grid-template-columns: 1fr 1fr; }
  .coordinate-card { border-bottom: 1px solid var(--line-hi); }
  .coordinate-card:nth-child(2n) { border-right: 0; }
  .coordinate-card:nth-last-child(-n+2) { border-bottom: 0; }
  .ledger-overview .route-art { order: initial; }
  .ledger-toolbar { align-items: flex-start; flex-direction: column; }
  .ledger-search { width: min(100%, 420px); grid-template-columns: auto 1fr; }
  .terminal-rail { grid-template-columns: 160px minmax(50px, 1fr) minmax(420px, 2fr); }
  .access-rail { grid-template-columns: 1fr 120px 1fr; }
  .install-overview .route-art { order: initial; }
  .install-step { grid-template-columns: 120px minmax(0, 1fr); }
  .install-step-index { padding: 30px; }
  .connection-readout { grid-template-columns: 1fr; }
  .connection-readout div { border-right: 0; border-bottom: 1px solid var(--line); }
  .connection-readout div:last-child { border-bottom: 0; }
  .trouble-table > div { grid-template-columns: 140px minmax(200px, .8fr) 1fr; }
  .home-card-section { background: linear-gradient(180deg, transparent 0 42%, #0b2117 42% 100%); }
  .home-tx-card { max-width: 680px; }
  .mechanism-rail { grid-template-columns: 1fr; }
  .mechanism-rail::before { top: 70px; bottom: 70px; left: 74px; right: auto; width: 2px; height: auto; background: linear-gradient(180deg, var(--red), var(--paper) 50%, var(--green)); }
  .mechanism-step { display: grid; grid-template-columns: 90px 1fr; gap: 24px; min-height: 210px; border-right: 0; border-bottom: 1px solid var(--line-hi); }
  .mechanism-step:last-child { border-bottom: 0; }
  .step-port, .step-port.phone-port, .step-port.result-port { width: 72px; height: 72px; margin: 0; border-radius: 50%; }
  .step-port.phone-port { border-radius: 20px; }
  .step-port.phone-port i { right: -7px; bottom: auto; transform: none; }
  .step-port.result-port i { left: auto; right: -7px; }
  .tool-command { grid-template-columns: 130px minmax(0, 1fr) 90px; }
  .home-tool-list a { grid-template-columns: 54px minmax(220px, 1fr) 1fr; }
  .home-tool-list i { display: none; }
  .state-machine { min-height: 360px; }
  .boundary-visual .route-art { min-height: 480px; }
  .route-art { order: -1; min-height: 420px; }
  .boundary-visual .route-art { order: initial; }
  .verb-grid { grid-template-columns: 1fr; }
  .verb { min-height: 190px; border-right: 0; border-bottom: 1px solid var(--line-hi); }
  .verb h3 { margin-top: 38px; }
  .tool-row, .rule-row, .step-row { grid-template-columns: 60px 1fr; }
  .tool-row p, .rule-row p, .step-row p { grid-column: 2; }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .footer-chain { grid-column: 1 / -1; }
}

@media (max-width: 600px) {
  body::before { background-size: 56px 56px; }
  .brand span { font-size: 13px; }
  .hero { min-height: 880px; }
  .hero-media { top: 320px; height: 560px; }
  .hero-media img, .hero-media video { object-position: 68% 72%; opacity: 1; }
  .hero-copy { min-height: 880px; padding-top: 108px; padding-bottom: 26px; }
  .hero h1 { max-width: 360px; margin-top: 24px; font-size: clamp(48px, 14vw, 58px); line-height: .94; }
  .hero-lede { max-width: 340px; margin-bottom: 20px; font-size: 14px; }
  .command-row { min-height: 56px; }
  .command-row code { padding: 17px 14px; font-size: 10px; }
  .copy-btn { min-width: 74px; }
  .hero-actions { margin-top: 12px; }
  .button { min-height: 46px; padding: 0 18px; font-size: 9px; }
  .token-state { font-size: 8px; }
  .hero-facts { grid-template-columns: 1fr 1fr; gap: 16px; margin-top: auto; background: #06130dd9; }
  .hero-facts .fact:last-child { display: none; }
  .chain-logo { width: 144px; }
  .section, .route-page { padding: 80px 20px; }
  .section-title-row { display: grid; align-items: start; }
  .section-title-row h2 { margin-bottom: 0; }
  .home-manifesto { min-height: auto; gap: 54px; }
  .install-overview { gap: 34px; }
  .ledger-overview { gap: 34px; }
  .rules-overview { gap: 34px; }
  .rules-overview .route-art { min-height: 330px; }
  .charter-stamp { align-items: flex-start; }
  .charter-stamp img { width: 90px; }
  .rule-console { grid-template-columns: 1fr; margin-top: 44px; border-radius: 22px; }
  .rule-selector { grid-template-columns: 1fr 1fr; border-right: 0; border-bottom: 1px solid var(--line-hi); }
  .rule-selector button { grid-template-columns: 32px 1fr 10px; min-height: 82px; padding: 16px 14px; border-right: 1px solid var(--line); }
  .rule-selector button:nth-child(2n) { border-right: 0; }
  .rule-selector button:nth-last-child(-n+2) { border-bottom: 0; }
  .rule-selector button span { font-size: 8px; }
  .rule-inspector { min-height: 440px; padding: 30px 22px; }
  .rule-inspector h3 { margin-top: 46px; font-size: 38px; }
  .rule-io { grid-template-columns: 1fr; gap: 0; }
  .rule-io > i { padding: 0; text-align: left; transform: rotate(90deg); transform-origin: left center; }
  .rules-flow { gap: 46px; }
  .boundary-map { grid-template-columns: 1fr; gap: 0; padding: 22px; }
  .boundary-map > i { width: 1px; height: 30px; margin-left: 28px; background: linear-gradient(180deg, var(--red), var(--paper)); }
  .boundary-map-core { justify-items: start; padding: 18px 0; }
  .boundary-map-core img { width: 80px; height: 80px; }
  .boundary-map-return { grid-column: 1; display: grid; }
  .invariant-table { margin-top: 42px; }
  .invariant-table .invariant-head { display: none; }
  .invariant-table > div { grid-template-columns: 1fr; gap: 9px; padding: 24px 0; }
  .invariant-table p::before { display: block; margin-bottom: 3px; color: var(--muted); font: 500 7px var(--mono); }
  .invariant-table p:nth-of-type(1)::before { content: 'ACCEPTS'; }
  .invariant-table p:nth-of-type(2)::before { content: 'PRESERVES'; }
  .invariant-table p:nth-of-type(3)::before { content: 'DOES NOT DO'; }
  .closure-section { gap: 46px; }
  .closure-grid { grid-template-columns: 1fr; border-radius: 22px; }
  .closure-grid > div { min-height: 145px; border-right: 0; border-bottom: 1px solid var(--line) !important; }
  .closure-grid > div:last-child { border-bottom: 0 !important; }
  .coordinates-grid { grid-template-columns: 1fr; border-radius: 22px; }
  .coordinate-card { min-height: 210px; border-right: 0; border-bottom: 1px solid var(--line-hi) !important; }
  .coordinate-card:last-child { border-bottom: 0 !important; }
  .ledger-overview .route-art { min-height: 320px; }
  .ledger-source-rack { grid-template-columns: 1fr; }
  .ledger-source-rack div { border-right: 0; border-bottom: 1px solid var(--line) !important; }
  .ledger-source-rack div:last-child { border-bottom: 0 !important; }
  .ledger-console-head { display: grid; }
  .ledger-status { width: 100%; }
  .ledger-toolbar { margin-top: 40px; }
  .ledger-toolbar .filter-row { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; }
  .ledger-toolbar-fields { display: grid; grid-template-columns: 1fr 116px; width: 100%; }
  .ledger-search { width: 100%; }
  .ledger-mobile-sort { display: grid; grid-template-columns: auto 1fr; align-items: center; overflow: hidden; border: 1px solid var(--line-hi); border-radius: 99px; }
  .ledger-mobile-sort span { padding-left: 12px; color: var(--muted); font: 500 8px var(--mono); }
  .ledger-mobile-sort select { min-width: 0; height: 40px; padding: 0 8px; border: 0; background: var(--bay); color: var(--paper); font: 500 8px var(--mono); }
  .ledger-table-shell { border: 1px solid var(--line-hi); }
  .ledger-table { min-width: 0; border: 0; }
  .ledger-empty { min-height: 210px; align-items: center; text-align: center; }
  .ledger-console-foot { align-items: flex-start; flex-direction: column; }
  .ledger-console-foot > div { width: 100%; }
  .ledger-console-foot .button { flex: 1; }
  .ledger-anatomy { gap: 46px; }
  .ledger-field-map { grid-template-columns: 1fr; border-radius: 22px; }
  .ledger-field-map > div { min-height: 128px; border-right: 0; border-bottom: 1px solid var(--line) !important; }
  .ledger-field-map > div:last-child { border-bottom: 0 !important; }
  .terminal-rail { grid-template-columns: 1fr; margin-top: 44px; }
  .terminal-origin { min-height: 120px; }
  .terminal-rail > i { width: 2px; height: 34px; margin-left: 36px; background: linear-gradient(180deg, var(--red), var(--paper)); }
  .terminal-outcomes { grid-template-columns: 1fr; border-radius: 22px; }
  .terminal-outcomes div { min-height: 100px; border-right: 0; border-bottom: 1px solid var(--line) !important; }
  .terminal-outcomes div:last-child { border-bottom: 0 !important; }
  .access-rail { grid-template-columns: 1fr; gap: 0; margin-top: 44px; }
  .access-lane { min-height: 240px; padding: 26px; }
  .access-lane h3 { margin-top: 44px; }
  .access-gate { min-height: 126px; }
  .access-gate::before, .access-gate::after { top: 0; bottom: 0; left: 50%; width: 1px; height: 50%; }
  .access-gate::after { top: 50%; right: auto; }
  .install-overview .route-art { min-height: 300px; }
  .preflight-list div { grid-template-columns: 34px 100px 1fr; }
  .install-duration { margin-top: 4px; }
  .client-switch { display: grid; grid-template-columns: 1fr 1fr; width: 100%; margin-top: 40px; }
  .client-switch button { padding: 0 12px; }
  .install-steps { border-radius: 22px; }
  .install-step { grid-template-columns: 1fr; }
  .install-step-index { display: flex; gap: 14px; padding: 20px; align-items: center; border-right: 0; border-bottom: 1px solid var(--line); }
  .install-step-index::after { top: auto; right: 20px; }
  .install-step-index b { font-size: 24px; }
  .install-step-index span { margin-top: 0; }
  .install-step-body { padding: 28px 18px 34px; }
  .install-step-body .command-block { border-radius: 14px; }
  .config-anatomy { grid-template-columns: 1fr; }
  .config-anatomy > span { padding: 14px 16px; border-bottom: 1px solid var(--line); }
  .config-anatomy pre { padding: 16px; font-size: 9px; }
  .install-tool-ports .tool-row { grid-template-columns: 42px 1fr; }
  .install-tool-ports .tool-row p { grid-column: 2; }
  .request-lifecycle { grid-template-columns: 1fr; gap: 8px; }
  .request-lifecycle i { width: 1px; height: 20px; margin-left: 14px; background: linear-gradient(180deg, var(--red), var(--green)); }
  .request-code { border-radius: 20px; }
  .request-code pre { padding: 22px 16px; font-size: 9px; }
  .request-code-foot { display: grid; }
  .trouble-table { margin-top: 42px; }
  .trouble-table > div { grid-template-columns: 1fr; gap: 8px; padding: 20px 0; }
  .trouble-table .trouble-head { display: none; }
  .manifesto-spec div { grid-template-columns: 120px 1fr; }
  .mechanism-rail { margin-top: 48px; }
  .mechanism-rail::before { left: 57px; }
  .mechanism-step { grid-template-columns: 62px 1fr; gap: 16px; min-height: 230px; padding: 24px 18px; }
  .step-port, .step-port.phone-port, .step-port.result-port { width: 58px; height: 58px; box-shadow: 0 0 0 7px var(--bay); }
  .mechanism-step h3 { font-size: 25px; }
  .home-card-section { gap: 54px; background: linear-gradient(180deg, transparent 0 45%, #0b2117 45% 100%); }
  .home-tx-card { padding: 28px 22px; border-radius: 24px; transform: none; }
  .home-tx-card::before { inset: 8px; border-radius: 18px; }
  .home-tx-card .decoded-fact { grid-template-columns: 84px 1fr; }
  .home-tx-card .signature-zone img { width: 150px; }
  .card-source { display: grid; }
  .home-tools-shell { margin-top: 48px; border-radius: 22px; }
  .tool-command { grid-template-columns: minmax(0, 1fr) 74px; }
  .tool-command > span { grid-column: 1 / -1; padding: 15px 16px 0; }
  .tool-command code { padding: 14px 16px 20px; font-size: 9px; }
  .home-tool-list a { grid-template-columns: 34px minmax(0, 1fr); gap: 10px; min-height: 120px; padding: 20px 16px; }
  .home-tool-list span { grid-column: 2; }
  .state-section { gap: 52px; }
  .state-machine { grid-template-columns: 1fr; gap: 0; min-height: auto; padding: 22px; border-radius: 26px; }
  .state-node { min-height: 92px; }
  .state-line { width: 1px; height: 26px; margin-left: 28px; background: linear-gradient(180deg, var(--red), var(--paper)); }
  .state-branch { grid-column: 1; grid-template-columns: 1fr; margin-top: 18px; }
  .home-boundary-section { gap: 24px; }
  .boundary-visual .route-art { min-height: 330px; }
  .boundary-list div { grid-template-columns: 34px 1fr 68px; }
  .phase-label { margin-top: 4px; }
  .public-lane-grid { margin-top: 46px; }
  .lane-actions { align-items: flex-start; flex-direction: column; }
  .route-head { padding-top: 108px; }
  .route-head h1 { font-size: clamp(46px, 14vw, 64px); }
  .route-art { min-height: 320px; }
  .route-art img { max-height: 440px; }
  .section h2 { font-size: 42px; }
  .data-table, .data-table tbody, .data-table tr, .data-table td { display: block; width: 100%; }
  .data-table thead { display: none; }
  .data-table tr { padding: 14px; border-bottom: 1px solid var(--line-hi); }
  .data-table td { display: grid; grid-template-columns: 108px 1fr; gap: 10px; padding: 7px 0; border: 0; }
  .data-table td::before { content: attr(data-label); color: var(--muted); font: 500 8px var(--mono); }
  .empty-row td { display: block; text-align: left; }
  .empty-row td::before { content: none; }
  .decoded-fact { grid-template-columns: 100px 1fr; }
  .gate-grid { grid-template-columns: 1fr; }
  .gate { min-height: 170px; border-right: 0; border-bottom: 1px solid var(--line-hi) !important; }
  .gate:last-child { border-bottom: 0 !important; }
  .gate h3 { margin-top: 44px; }
  .footer-rail { width: calc(100% - 40px); }
  .footer-top, .footer-bottom { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}