:root {
  --paper: #f3f0e7;
  --paper-light: #faf8f2;
  --ink: #11110f;
  --muted: #69675f;
  --line: #c8c4ba;
  --blue: #2457ff;
  --acid: #d7ff43;
  --white: #fff;
  --danger: #b63226;
  --success: #17714f;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: Pretendard, "Apple SD Gothic Neo", "Helvetica Neue", Arial, sans-serif;
  line-height: 1.55;
  word-break: keep-all;
}
body::selection { background: var(--acid); color: var(--ink); }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
img { max-width: 100%; }
.wrap { width: min(1280px, calc(100% - 64px)); margin: 0 auto; }

.site-header {
  position: sticky;
  z-index: 50;
  top: 0;
  border-bottom: 1px solid var(--ink);
  background: rgb(243 240 231 / 92%);
  backdrop-filter: blur(14px);
}
.nav { display: flex; min-height: 84px; justify-content: space-between; gap: 36px; align-items: center; }
.brand { display: inline-flex; align-items: center; line-height: 0; }
.brand-logo { display: block; width: 68px; height: 52px; object-fit: contain; }
.brand-lockup { gap: 13px; }
.brand-lockup > span { padding-left: 12px; border-left: 1px solid var(--ink); font-size: 9px; font-weight: 800; line-height: 1.25; letter-spacing: .1em; }
.navlinks { display: flex; gap: 20px; align-items: center; font-size: 11px; font-weight: 800; letter-spacing: .02em; }
.navlinks a { position: relative; }
.navlinks a:not(.nav-apply)::after { position: absolute; right: 0; bottom: -7px; left: 0; height: 1px; background: var(--ink); content: ""; transform: scaleX(0); transform-origin: right; transition: transform .22s ease; }
.navlinks a:hover::after { transform: scaleX(1); transform-origin: left; }
.navlinks a.is-active:not(.nav-apply) { color: var(--blue); }
.navlinks a.is-active:not(.nav-apply)::after { background: var(--blue); transform: scaleX(1); }
.nav-login { margin-left: 12px; }
.nav-apply { display: inline-flex; min-height: 42px; padding: 0 17px; align-items: center; background: var(--ink); color: var(--white); transition: background .2s ease, color .2s ease; }
.nav-apply:hover { background: var(--blue); }
.nav-apply.is-active { background: var(--blue); }
.mobile-nav { display: none; }

.button { display: inline-flex; min-height: 52px; padding: 0 24px; border: 1px solid var(--ink); border-radius: 0; align-items: center; justify-content: center; background: transparent; color: var(--ink); font-weight: 800; cursor: pointer; transition: background .2s ease, color .2s ease, transform .2s ease; }
.button:hover { transform: translateY(-2px); }
.button.solid { background: var(--ink); color: var(--white); }
.button.solid:hover { background: var(--blue); }
.button.light { border-color: var(--white); background: var(--white); color: var(--ink); }
.button.secondary, .secondary-button { background: var(--blue); color: var(--white); border-color: var(--blue); }
.button.full { width: 100%; }

.editorial-hero { min-height: calc(100vh - 84px); padding: 34px 0 68px; overflow: hidden; }
.hero-index { display: grid; grid-template-columns: 1fr 1fr auto; padding-bottom: 14px; border-bottom: 1px solid var(--ink); font: 800 10px/1.2 "Helvetica Neue", Arial, sans-serif; letter-spacing: .12em; }
.editorial-hero h1 { margin: 34px 0 48px; font-family: Arial Black, "Helvetica Neue", Arial, sans-serif; font-size: clamp(68px, 10.4vw, 162px); font-weight: 900; line-height: .79; letter-spacing: -.085em; text-transform: uppercase; }
.editorial-hero h1 span { display: block; }
.stroke-text { color: transparent; -webkit-text-stroke: 2px var(--ink); }
.hero-lower { display: grid; grid-template-columns: minmax(0, .85fr) minmax(440px, 1.15fr); gap: 8vw; align-items: end; }
.hero-korean { margin: 0 0 20px; font-size: clamp(25px, 3vw, 42px); line-height: 1.22; letter-spacing: -.045em; }
.hero-korean strong { color: var(--blue); font-weight: 900; }
.hero-description { max-width: 560px; margin: 0; color: var(--muted); font-size: 16px; }
.hero-actions { display: flex; gap: 25px; align-items: center; margin-top: 32px; }
.text-action { padding-bottom: 4px; border-bottom: 1px solid var(--ink); font-size: 13px; font-weight: 800; }
.live-endpoint { border: 1px solid var(--ink); background: var(--ink); color: #f8f7f1; box-shadow: 12px 12px 0 var(--blue); }
.endpoint-head, .endpoint-foot { display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 13px 16px; font: 800 10px/1.2 "Courier New", monospace; letter-spacing: .08em; }
.endpoint-head { border-bottom: 1px solid #ffffff38; }
.endpoint-foot { border-top: 1px solid #ffffff38; color: #a7a69f; }
.live-dot { display: flex; align-items: center; color: var(--acid); }
.live-dot::before { width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--acid); content: ""; box-shadow: 0 0 0 5px #d7ff4320; }
.live-endpoint > code { display: block; padding: 23px 20px; color: var(--acid); font: 700 14px/1.4 "Courier New", monospace; overflow-wrap: anywhere; }
.live-endpoint pre { margin: 0; padding: 0 20px 25px; color: #cac9c2; font: 13px/1.7 "Courier New", monospace; white-space: pre-wrap; }

.page-hero { min-height: 650px; padding: 42px 0 95px; border-bottom: 1px solid var(--ink); overflow: hidden; }
.page-kicker { display: flex; justify-content: space-between; gap: 24px; padding-bottom: 15px; border-bottom: 1px solid currentColor; font: 800 10px/1.2 "Helvetica Neue", Arial, sans-serif; letter-spacing: .11em; }
.page-hero h1 { margin: 70px 0 80px; font-family: Arial Black, "Helvetica Neue", Arial, sans-serif; font-size: clamp(68px, 9.6vw, 145px); font-weight: 900; line-height: .8; letter-spacing: -.085em; }
.page-hero h1 em { font-style: normal; }
.page-hero-copy { display: grid; width: min(760px, 63%); margin-left: auto; grid-template-columns: .8fr 1.2fr; gap: 50px; align-items: start; }
.page-hero-copy strong { font-size: clamp(21px, 2.3vw, 30px); line-height: 1.25; letter-spacing: -.04em; }
.page-hero-copy p { margin: 0; font-size: 15px; line-height: 1.75; }
.blue-page-hero { background: var(--blue); color: var(--white); }
.blue-page-hero h1 em { color: var(--acid); }
.blue-page-hero .page-hero-copy p { color: #dce4ff; }
.acid-page-hero { background: var(--acid); }
.acid-page-hero h1 em, .paper-page-hero h1 em { color: var(--blue); }
.acid-page-hero .page-hero-copy p, .paper-page-hero .page-hero-copy p { color: #4e4d47; }
.dark-page-hero { background: var(--ink); color: var(--white); }
.dark-page-hero h1 em { color: var(--acid); }
.dark-page-hero .page-hero-copy p { color: #aaa9a2; }
.paper-page-hero { background: var(--paper-light); }

.signal-bar { border-block: 1px solid var(--ink); background: var(--blue); color: var(--white); }
.signal-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.signal-grid > div { display: flex; min-height: 104px; padding: 22px 24px; border-right: 1px solid #ffffff55; align-items: center; gap: 15px; }
.signal-grid > div:last-child { border-right: 0; }
.signal-grid strong { font-family: Arial Black, Arial, sans-serif; font-size: 32px; letter-spacing: -.06em; }
.signal-grid span { max-width: 104px; font-size: 10px; font-weight: 800; line-height: 1.25; letter-spacing: .08em; }

.editorial-section { padding: 128px 0; scroll-margin-top: 84px; }
.section-intro { display: grid; grid-template-columns: minmax(150px, .38fr) 1.62fr; padding-bottom: 58px; border-bottom: 1px solid var(--ink); gap: 40px; }
.section-number { font: 800 11px/1.4 "Helvetica Neue", Arial, sans-serif; letter-spacing: .1em; }
.section-number.inverse { color: var(--acid); }
.section-intro h2 { max-width: 900px; margin: -10px 0 20px; font-size: clamp(43px, 6.2vw, 84px); line-height: .98; letter-spacing: -.07em; }
.section-intro p { max-width: 640px; margin: 0; color: var(--muted); font-size: 17px; }

.product-ledger { border-bottom: 1px solid var(--ink); }
.product-row { display: grid; grid-template-columns: 70px 130px minmax(0, 1fr) 120px 40px; min-height: 164px; border-bottom: 1px solid var(--line); align-items: center; gap: 20px; transition: background .22s ease, color .22s ease, padding .22s ease; }
.product-row:last-child { border-bottom: 0; }
.product-row:hover { padding-inline: 18px; background: var(--blue); color: var(--white); }
.row-number, .product-category, .product-cycle { font: 800 10px/1.45 "Helvetica Neue", Arial, sans-serif; letter-spacing: .08em; }
.product-row h3 { margin: 0 0 7px; font-size: clamp(23px, 2.8vw, 38px); line-height: 1.1; letter-spacing: -.04em; }
.product-row p { margin: 0; color: var(--muted); font-size: 14px; transition: color .22s ease; }
.product-row:hover p { color: #dce4ff; }
.product-cycle { text-align: right; }
.row-arrow { font-size: 25px; text-align: right; }
.product-endpoint { display: block; margin-top: 14px; color: var(--blue); font: 11px/1.5 "Courier New", monospace; overflow-wrap: anywhere; }
.product-row:hover .product-endpoint { color: var(--acid); }
.detailed-ledger .product-row { min-height: 190px; }

.pack-catalog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 58px; border-top: 1px solid var(--ink); border-left: 1px solid var(--ink); }
.pack-card { display: flex; min-height: 470px; padding: 28px; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); flex-direction: column; transition: transform .2s ease, box-shadow .2s ease; }
.pack-card:hover { z-index: 1; transform: translate(-6px, -6px); box-shadow: 6px 6px 0 var(--ink); }
.pack-card:nth-child(5) { grid-column: 1 / -1; min-height: 390px; }
.pack-card-top, .pack-card-foot { display: flex; justify-content: space-between; gap: 22px; align-items: start; font: 800 9px/1.35 Arial, sans-serif; letter-spacing: .09em; }
.pack-card-top b { color: var(--blue); }
.pack-card h3 { max-width: 560px; margin: 88px 0 17px; font-size: clamp(34px, 4vw, 57px); line-height: .97; letter-spacing: -.065em; }
.pack-card > p { max-width: 620px; margin: 0; color: var(--muted); font-size: 14px; }
.pack-module-list { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 28px; }
.pack-module-list span { padding: 7px 9px; border: 1px solid currentColor; font-size: 10px; font-weight: 800; }
.pack-module-list .planned { opacity: .48; }
.pack-card-foot { margin-top: auto; padding-top: 22px; border-top: 1px solid currentColor; }
.pack-card-foot small { max-width: 68%; font: inherit; }
.pack-card-blue { background: var(--blue); color: var(--white); }
.pack-card-blue .pack-card-top b, .pack-card-blue .pack-card-foot strong { color: var(--acid); }
.pack-card-blue > p { color: #dce4ff; }
.pack-card-acid { background: var(--acid); }
.pack-card-paper { background: var(--paper-light); }
.pack-card-dark { background: var(--ink); color: var(--white); }
.pack-card-dark .pack-card-top b, .pack-card-dark .pack-card-foot strong { color: var(--acid); }
.pack-card-dark > p { color: #aaa9a2; }
.pack-card-red { background: #c93a22; color: var(--white); }
.pack-card-red .pack-card-top b, .pack-card-red .pack-card-foot strong { color: var(--acid); }
.pack-card-red > p { color: #ffe2db; }

.live-catalog-section { padding: 120px 0; background: var(--ink); color: var(--white); }
.live-catalog-head { display: grid; grid-template-columns: minmax(150px, .38fr) 1.62fr; padding-bottom: 45px; border-bottom: 1px solid #ffffff55; gap: 40px; }
.live-catalog-head h2 { margin: -8px 0 12px; font-size: clamp(39px, 5vw, 69px); line-height: .98; letter-spacing: -.065em; }
.live-catalog-head p { max-width: 650px; margin: 0; color: #aaa9a2; }
.inverse-ledger { border-color: #ffffff55; }
.inverse-ledger .product-row { border-color: #ffffff30; }
.inverse-ledger .product-row p { color: #aaa9a2; }
.inverse-ledger .product-row:hover { background: var(--acid); color: var(--ink); }
.inverse-ledger .product-row:hover p { color: #4e4d47; }
.inverse-ledger .product-row:hover .product-endpoint { color: var(--blue); }

.pack-hero { min-height: 690px; padding: 42px 0 90px; border-bottom: 1px solid var(--ink); }
.pack-hero-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 80px; align-items: end; padding-top: 75px; }
.pack-status { display: inline-flex; padding: 7px 9px; border: 1px solid currentColor; font: 800 9px/1 Arial, sans-serif; letter-spacing: .1em; }
.pack-hero h1 { margin: 26px 0 0; font-size: clamp(50px, 7.3vw, 105px); line-height: .92; letter-spacing: -.075em; }
.pack-hero-copy { padding-top: 90px; }
.pack-hero-copy > p { margin: 0 0 40px; font-size: clamp(18px, 2vw, 27px); line-height: 1.48; letter-spacing: -.035em; }
.pack-hero-copy dl { margin: 0; border-top: 1px solid currentColor; }
.pack-hero-copy dl > * { margin: 0; padding: 11px 0; border-bottom: 1px solid currentColor; }
.pack-hero-copy dt { font: 800 9px/1.3 Arial, sans-serif; letter-spacing: .09em; }
.pack-hero-copy dd { font-size: 12px; }
.pack-tone-blue { background: var(--blue); color: var(--white); }
.pack-tone-blue .pack-hero-copy { color: #e2e8ff; }
.pack-tone-acid { background: var(--acid); }
.pack-tone-paper { background: var(--paper-light); }
.pack-tone-dark { background: var(--ink); color: var(--white); }
.pack-tone-dark .pack-hero-copy { color: #c1c0ba; }
.pack-tone-red { background: #c93a22; color: var(--white); }
.pack-tone-red .pack-hero-copy { color: #ffe2db; }

.module-ledger { border-top: 2px solid var(--ink); }
.module-ledger article { display: grid; grid-template-columns: 55px minmax(260px, 1.15fr) minmax(220px, .85fr) minmax(200px, .8fr); min-height: 245px; padding: 28px 0; border-bottom: 1px solid var(--line); gap: 28px; }
.module-number { font: 800 10px/1 Arial, sans-serif; }
.module-name h3 { margin: 18px 0 10px; font-size: clamp(26px, 3vw, 40px); line-height: 1.05; letter-spacing: -.05em; }
.module-name p { max-width: 470px; margin: 0; color: var(--muted); font-size: 13px; }
.module-status { display: inline-flex; padding: 6px 8px; border: 1px solid var(--ink); font: 800 8px/1 Arial, sans-serif; letter-spacing: .09em; }
.module-status.live { background: var(--blue); color: var(--white); border-color: var(--blue); }
.module-status.planned { color: var(--muted); border-color: var(--line); }
.module-tech { display: grid; align-content: start; gap: 8px; }
.module-tech small { margin-top: 18px; font-size: 8px; font-weight: 900; letter-spacing: .09em; }
.module-tech small:first-child { margin-top: 0; }
.module-tech code { color: var(--blue); font: 11px/1.55 "Courier New", monospace; overflow-wrap: anywhere; }
.module-tech strong { font-size: 13px; }
.module-fields { display: flex; align-content: start; flex-wrap: wrap; gap: 6px; }
.module-fields code { height: max-content; padding: 7px 8px; border: 1px solid var(--line); background: var(--paper-light); color: #45443f; font: 9px/1 "Courier New", monospace; }
.roadmap-note { max-width: 760px; margin: 25px 0 0 auto; color: var(--muted); font-size: 11px; }
.roadmap-note strong { margin-right: 9px; color: var(--ink); }

.pack-usecases { padding: 120px 0; background: var(--blue); color: var(--white); }
.pack-usecase-head { display: grid; grid-template-columns: minmax(150px, .38fr) 1.62fr; margin-bottom: 55px; gap: 40px; }
.pack-usecase-head h2 { margin: -8px 0 0; font-size: clamp(42px, 5.7vw, 78px); line-height: .98; letter-spacing: -.07em; }
.pack-usecase-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid #ffffff70; }
.pack-usecase-grid article { display: flex; min-height: 330px; padding: 28px; border-right: 1px solid #ffffff70; flex-direction: column; }
.pack-usecase-grid article:last-child { border-right: 0; }
.pack-usecase-grid span { color: var(--acid); font: 800 10px/1 Arial, sans-serif; }
.pack-usecase-grid h3 { margin: 70px 0 15px; font-size: 30px; letter-spacing: -.05em; }
.pack-usecase-grid p { margin: auto 0 0; color: #dce4ff; font-size: 13px; }
.pack-start-section { padding: 90px 0; background: var(--acid); }
.pack-start-section .wrap { display: grid; grid-template-columns: 1fr auto; gap: 70px; align-items: end; }
.pack-start-section span { font: 800 9px/1 Arial, sans-serif; letter-spacing: .1em; }
.pack-start-section h2 { margin: 15px 0 8px; font-size: clamp(40px, 5vw, 68px); line-height: 1; letter-spacing: -.06em; }
.pack-start-section p { max-width: 650px; margin: 0; }
.pack-start-actions { display: flex; gap: 23px; align-items: center; }

.capability-rail { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--ink); border-top: 0; }
.capability-rail article { display: flex; min-height: 350px; padding: 30px; border-right: 1px solid var(--ink); flex-direction: column; }
.capability-rail article:last-child { border-right: 0; }
.capability-rail span { font: 800 10px/1.3 "Helvetica Neue", Arial, sans-serif; letter-spacing: .09em; }
.capability-rail h3 { margin: 72px 0 18px; font-size: clamp(27px, 2.7vw, 39px); line-height: 1.08; letter-spacing: -.05em; }
.capability-rail p { max-width: 300px; margin: auto 0 0; color: var(--muted); font-size: 13px; }

.integration-section { background: var(--paper-light); }
.integration-pipeline { display: grid; grid-template-columns: .85fr 1.15fr 1fr; margin-top: 65px; border: 1px solid var(--ink); }
.integration-pipeline article { display: flex; min-width: 0; min-height: 440px; padding: 28px; border-right: 1px solid var(--ink); flex-direction: column; }
.integration-pipeline article:last-child { border-right: 0; }
.pipeline-request { background: var(--ink); color: var(--white); }
.pipeline-response { background: var(--blue); color: var(--white); }
.pipeline-system { background: var(--acid); }
.pipeline-label { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 15px; border-bottom: 1px solid currentColor; }
.pipeline-label span, .pipeline-label strong { font: 800 9px/1.2 "Helvetica Neue", Arial, sans-serif; letter-spacing: .1em; }
.pipeline-request > code { display: block; margin-top: 78px; color: var(--acid); font: 700 14px/1.7 "Courier New", monospace; overflow-wrap: anywhere; }
.pipeline-request > pre { margin: auto 0 0; color: #a8a7a1; font: 11px/1.65 "Courier New", monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.pipeline-response > pre { margin: 45px 0 0; color: #edf1ff; font: 11px/1.65 "Courier New", monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.pipeline-system h3 { margin: 70px 0 28px; font-size: clamp(28px, 2.8vw, 40px); line-height: 1.08; letter-spacing: -.055em; }
.pipeline-system dl { margin: auto 0 0; border-top: 1px solid var(--ink); }
.pipeline-system dl > div { display: grid; padding: 9px 0; border-bottom: 1px solid var(--ink); grid-template-columns: 1fr 1fr; gap: 10px; }
.pipeline-system dt, .pipeline-system dd { margin: 0; font: 10px/1.35 "Courier New", monospace; overflow-wrap: anywhere; }
.pipeline-system dd { text-align: right; }
.usecase-heading { display: flex; justify-content: space-between; gap: 40px; align-items: end; margin-top: 100px; padding-bottom: 18px; border-bottom: 2px solid var(--ink); }
.usecase-heading span { font-size: 11px; font-weight: 900; letter-spacing: .1em; }
.usecase-heading p { max-width: 520px; margin: 0; color: var(--muted); font-size: 14px; }
.usecase-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--ink); border-top: 0; }
.usecase-grid article { display: flex; min-width: 0; min-height: 455px; padding: 28px; border-right: 1px solid var(--ink); flex-direction: column; }
.usecase-grid article:last-child { border-right: 0; }
.usecase-grid article:nth-child(2) { background: var(--white); }
.usecase-top { display: flex; justify-content: space-between; gap: 20px; }
.usecase-top span, .usecase-top b { font: 800 9px/1.2 Arial, sans-serif; letter-spacing: .1em; }
.usecase-grid h3 { margin: 58px 0 18px; font-size: clamp(27px, 3vw, 41px); line-height: 1.06; letter-spacing: -.055em; }
.usecase-grid article > p { margin: 0; color: var(--muted); font-size: 13px; }
.field-tags { display: flex; align-content: start; flex-wrap: wrap; gap: 6px; margin-top: 30px; }
.field-tags code { padding: 6px 7px; border: 1px solid var(--line); background: var(--paper); color: var(--blue); font: 10px/1 "Courier New", monospace; }
.usecase-grid article > small { margin-top: auto; padding-top: 26px; border-top: 1px solid var(--ink); font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.integration-actions { display: flex; justify-content: space-between; gap: 40px; align-items: center; margin-top: 32px; }
.integration-actions p { max-width: 680px; margin: 0; color: var(--muted); font-size: 12px; }
.integration-actions p code { color: var(--blue); font-family: "Courier New", monospace; }

.home-routes { padding: 125px 0; background: var(--ink); color: var(--white); }
.route-heading { display: grid; grid-template-columns: minmax(150px, .38fr) 1.62fr; margin-bottom: 72px; gap: 40px; }
.route-heading h2 { margin: -10px 0 0; font-size: clamp(48px, 6.5vw, 88px); line-height: .96; letter-spacing: -.07em; }
.route-heading h2 em { color: var(--acid); font-style: normal; }
.route-list { display: grid; border-top: 1px solid #ffffff55; }
.route-list a { display: grid; min-height: 115px; padding: 18px 8px; border-bottom: 1px solid #ffffff55; grid-template-columns: 70px 1fr 240px 40px; gap: 20px; align-items: center; transition: padding .2s ease, background .2s ease, color .2s ease; }
.route-list a:hover { padding-inline: 24px; background: var(--acid); color: var(--ink); }
.route-list span, .route-list small { font: 800 10px/1.2 "Helvetica Neue", Arial, sans-serif; letter-spacing: .09em; }
.route-list strong { font-size: clamp(27px, 3.4vw, 46px); letter-spacing: -.05em; }
.route-list b { font-size: 26px; font-weight: 400; }
.manifesto-section { padding: 130px 0; background: var(--ink); color: var(--white); scroll-margin-top: 84px; }
.manifesto-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 9vw; }
.manifesto-grid h2 { margin: 38px 0 0; font-family: Arial Black, Arial, sans-serif; font-size: clamp(62px, 8vw, 120px); line-height: .82; letter-spacing: -.085em; }
.manifesto-grid h2 em { color: var(--acid); font-style: normal; }
.manifesto-copy > p { max-width: 570px; margin: 0 0 62px; color: #c9c7bf; font-size: clamp(19px, 2vw, 27px); line-height: 1.45; letter-spacing: -.025em; }
.manifesto-copy ol { margin: 0; padding: 0; border-top: 1px solid #ffffff40; list-style: none; }
.manifesto-copy li { display: grid; grid-template-columns: 50px 1fr; padding: 25px 0; border-bottom: 1px solid #ffffff40; gap: 18px; }
.manifesto-copy li > span { color: var(--acid); font: 800 10px/1.4 Arial, sans-serif; }
.manifesto-copy li strong { font-size: 19px; }
.manifesto-copy li p { margin: 5px 0 0; color: #96958f; font-size: 14px; }

.pricing-section { background: var(--paper-light); }
.public-site .pricing-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 58px; border: 1px solid var(--ink); }
.pricing-tier { position: relative; display: flex; min-width: 0; min-height: 570px; padding: 30px; border-right: 1px solid var(--ink); flex-direction: column; background: var(--paper-light); }
.pricing-tier:last-child { border-right: 0; }
.pricing-tier.featured { background: var(--blue); color: var(--white); }
.tier-top { display: flex; min-height: 32px; justify-content: space-between; gap: 10px; align-items: start; font: 800 11px/1 Arial, sans-serif; }
.tier-top mark { padding: 7px 9px; background: var(--acid); color: var(--ink); font: inherit; }
.pricing-tier h3 { margin: 26px 0 9px; font-size: clamp(34px, 3.4vw, 50px); line-height: 1; letter-spacing: -.06em; }
.pricing-tier > p { min-height: 48px; margin: 0; color: var(--muted); font-size: 14px; }
.pricing-tier.featured > p { color: #dce4ff; }
.tier-price { display: flex; min-height: 104px; margin: 36px 0 18px; align-items: baseline; gap: 7px; }
.tier-price strong { font-size: clamp(29px, 3vw, 42px); line-height: 1; letter-spacing: -.055em; }
.tier-price span { font-size: 12px; font-weight: 800; }
.pricing-tier ul { display: grid; gap: 0; margin: 0 0 30px; padding: 0; border-top: 1px solid currentColor; list-style: none; }
.pricing-tier li { padding: 11px 0; border-bottom: 1px solid currentColor; font-size: 13px; }
.pricing-tier li::before { margin-right: 9px; content: "↳"; }
.tier-limit { display: grid; gap: 4px; margin-top: auto; padding: 16px 0; border-top: 1px solid currentColor; }
.tier-limit span { font-size: 9px; font-weight: 800; letter-spacing: .09em; }
.tier-limit strong { font-family: "Courier New", monospace; font-size: 13px; }
.pricing-tier > a { display: flex; min-height: 48px; margin-top: 20px; padding: 0 15px; justify-content: space-between; align-items: center; border: 1px solid currentColor; font-size: 12px; font-weight: 900; transition: background .2s ease, color .2s ease; }
.pricing-tier > a:hover { background: var(--ink); color: var(--white); }
.pricing-tier.featured > a:hover { background: var(--acid); color: var(--ink); }

.api-pricing { margin-top: 76px; border-top: 2px solid var(--ink); }
.api-pricing-head { display: flex; justify-content: space-between; gap: 24px; padding: 16px 0; border-bottom: 1px solid var(--ink); font: 800 10px/1 Arial, sans-serif; letter-spacing: .1em; }
.api-pack-label { display: flex; justify-content: space-between; gap: 20px; padding: 13px 0; border-bottom: 1px solid var(--ink); background: var(--ink); color: var(--white); font: 800 9px/1.2 Arial, sans-serif; letter-spacing: .09em; }
.api-pack-label > *:first-child { padding-left: 12px; color: var(--acid); }
.api-pack-label > a { padding-right: 12px; }
.api-pricing article { display: grid; grid-template-columns: 45px minmax(250px, 1.5fr) 1fr 1fr 1fr; min-height: 112px; padding: 18px 0; border-bottom: 1px solid var(--line); align-items: center; gap: 18px; }
.api-pricing article > span { font: 800 10px/1 Arial, sans-serif; }
.api-pricing article > div { display: grid; gap: 4px; }
.api-pricing article > div:not(:nth-child(2)) { text-align: right; }
.api-pricing article strong { font-size: 14px; }
.api-pricing article > div:nth-child(2) strong { font-size: 20px; letter-spacing: -.03em; }
.api-pricing article > div:nth-child(2) p { max-width: 470px; margin: 0; color: var(--muted); font-size: 11px; }
.api-pricing code { color: var(--muted); font: 11px/1.4 "Courier New", monospace; overflow-wrap: anywhere; }
.api-pricing small { font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.product-price strong { font-size: 18px !important; }
.pricing-note { margin: 18px 0 0; color: var(--muted); font-size: 11px; }

.process-section { padding: 120px 0; border-top: 1px solid var(--ink); background: var(--paper); scroll-margin-top: 84px; }
.process-head { display: grid; grid-template-columns: minmax(150px, .38fr) 1.62fr; gap: 40px; align-items: start; }
.process-title { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr); gap: 50px; align-items: end; }
.process-title h2 { margin: 0; font-family: Arial Black, Arial, sans-serif; font-size: clamp(54px, 7.5vw, 105px); line-height: .84; letter-spacing: -.08em; }
.process-title h2 em { color: var(--blue); font-style: normal; }
.process-title > p { max-width: 430px; margin: 0 0 4px; color: var(--muted); font-size: 15px; }
.process-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 72px; border: 1px solid var(--ink); }
.process-step { position: relative; display: flex; min-width: 0; min-height: 360px; padding: 28px; border-right: 1px solid var(--ink); flex-direction: column; overflow: hidden; background: var(--paper-light); transition: transform .22s ease, box-shadow .22s ease; }
.process-step:last-child { border-right: 0; }
.process-step:nth-child(2) { background: var(--acid); }
.process-step:nth-child(3) { background: var(--blue); color: var(--white); }
.process-step:nth-child(4) { background: var(--ink); color: var(--white); }
.process-step:hover { z-index: 2; box-shadow: 10px 10px 0 var(--ink); transform: translate(-5px, -5px); }
.step-meta { display: flex; justify-content: space-between; gap: 15px; align-items: center; padding-bottom: 16px; border-bottom: 1px solid currentColor; }
.step-meta span, .step-meta small { font: 800 9px/1.2 "Helvetica Neue", Arial, sans-serif; letter-spacing: .09em; }
.process-step h3 { margin: 76px 0 18px; font-family: Arial Black, Arial, sans-serif; font-size: clamp(35px, 3.3vw, 49px); line-height: .9; letter-spacing: -.07em; }
.process-step p { max-width: 230px; margin: auto 0 0; color: inherit; font-size: 13px; }
.process-step b { position: absolute; right: 23px; bottom: 18px; font-size: 25px; font-weight: 400; }

.contract-section { padding: 120px 0; background: var(--ink); color: var(--white); }
.contract-head, .billing-head, .architecture-head { display: grid; grid-template-columns: minmax(150px, .38fr) 1.62fr; gap: 40px; }
.contract-head h2, .billing-head h2, .architecture-head h2 { margin: -8px 0 60px; font-size: clamp(48px, 6vw, 82px); line-height: .98; letter-spacing: -.07em; }
.contract-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-block: 1px solid #ffffff50; }
.contract-grid article { min-height: 260px; padding: 26px; border-right: 1px solid #ffffff50; }
.contract-grid article:last-child { border-right: 0; }
.contract-grid span { color: var(--acid); font: 800 9px/1 Arial, sans-serif; }
.contract-grid strong { display: block; margin: 70px 0 14px; font-size: 18px; }
.contract-grid p { margin: 0; color: #999892; font-size: 13px; }

.next-page-section { padding: 65px 0; border-block: 1px solid var(--ink); background: var(--acid); }
.next-page-section .wrap { display: grid; grid-template-columns: minmax(150px, .38fr) 1.62fr; gap: 40px; align-items: center; }
.next-page-section span { font-size: 10px; font-weight: 900; letter-spacing: .1em; }
.next-page-section a { display: flex; justify-content: space-between; gap: 30px; align-items: center; font-size: clamp(23px, 3.2vw, 42px); font-weight: 900; letter-spacing: -.04em; }
.next-page-section b { font-size: 35px; }
.dark-next { background: var(--ink); color: var(--white); }

.billing-section { padding: 120px 0; background: var(--paper); }
.billing-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--ink); }
.billing-grid article { min-height: 235px; padding: 26px; border-right: 1px solid var(--ink); }
.billing-grid article:last-child { border-right: 0; }
.billing-grid strong { font-size: 10px; letter-spacing: .08em; }
.billing-grid p { margin: 90px 0 0; color: var(--muted); font-size: 13px; }

.capability-matrix { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--ink); border-bottom: 0; }
.capability-matrix article { min-height: 300px; padding: 28px; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.capability-matrix article:nth-child(3n) { border-right: 0; }
.capability-matrix article:nth-child(2), .capability-matrix article:nth-child(6) { background: var(--acid); }
.capability-matrix article:nth-child(4) { background: var(--blue); color: var(--white); }
.capability-matrix span { font: 800 9px/1 Arial, sans-serif; letter-spacing: .08em; }
.capability-matrix h3 { margin: 86px 0 14px; font-size: 32px; letter-spacing: -.05em; }
.capability-matrix p { max-width: 320px; margin: 0; color: inherit; font-size: 13px; }

.architecture-section { padding: 120px 0; background: var(--ink); color: var(--white); }
.architecture-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr; align-items: stretch; }
.architecture-flow > div { display: grid; min-height: 180px; padding: 20px; border: 1px solid #ffffff50; align-content: space-between; }
.architecture-flow > b { display: grid; width: 34px; color: var(--acid); place-items: center; }
.architecture-flow span, .architecture-flow small { font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.architecture-flow strong { font-size: 17px; }
.architecture-flow small { color: #8f8e88; }
.security-statement { padding: 110px 0; background: var(--blue); color: var(--white); }
.security-statement .wrap { display: grid; grid-template-columns: .4fr 1.4fr .4fr; gap: 45px; align-items: end; }
.security-statement span { color: var(--acid); font-size: 10px; font-weight: 900; letter-spacing: .1em; }
.security-statement p { margin: 0; font-size: clamp(29px, 4.2vw, 57px); line-height: 1.12; letter-spacing: -.055em; }
.security-statement a { padding-bottom: 6px; border-bottom: 1px solid currentColor; font-size: 12px; font-weight: 900; }

.standalone-process { border-top: 0; }
.process-detail-section { padding: 120px 0; background: var(--paper-light); }
.process-detail-list { border-top: 2px solid var(--ink); }
.process-detail-list article { display: grid; grid-template-columns: 55px 1fr 1fr 1fr; min-height: 150px; padding: 25px 0; border-bottom: 1px solid var(--line); gap: 28px; align-items: start; }
.process-detail-list article > span { font: 800 9px/1.3 Arial, sans-serif; letter-spacing: .08em; }
.process-detail-list small { display: block; font: 900 12px/1.4 Arial, sans-serif; letter-spacing: .09em; }
.process-detail-list h3 { margin: 0; font-size: 25px; letter-spacing: -.04em; }
.process-detail-list p { margin: 10px 0 0; color: #45443f; font-size: 16px; line-height: 1.65; }
.ready-checklist { padding: 110px 0; background: var(--ink); color: var(--white); }
.ready-checklist .wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: end; }
.ready-checklist h2 { margin: 32px 0 0; font-family: Arial Black, Arial, sans-serif; font-size: clamp(65px, 8vw, 110px); line-height: .82; letter-spacing: -.08em; }
.ready-checklist ul { margin: 0; padding: 0; border-top: 1px solid #ffffff50; list-style: none; }
.ready-checklist li { padding: 15px 0; border-bottom: 1px solid #ffffff50; font-size: 14px; }
.ready-checklist li::before { margin-right: 12px; color: var(--acid); content: "✓"; }
.ready-checklist > .wrap > a { grid-column: 2; display: flex; min-height: 70px; padding: 0 20px; justify-content: space-between; align-items: center; border: 1px solid var(--acid); color: var(--acid); font-weight: 900; }

.closing-section { padding: 88px 0; background: var(--acid); }
.closing-section .wrap { display: grid; grid-template-columns: 1.5fr .5fr; gap: 80px; align-items: end; }
.closing-section p { margin: 0; font-family: Arial Black, Arial, sans-serif; font-size: clamp(52px, 8.2vw, 118px); line-height: .82; letter-spacing: -.085em; }
.closing-section .wrap > div { display: grid; gap: 22px; }
.closing-section span { font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.closing-section a { display: flex; min-height: 72px; padding: 0 20px; justify-content: space-between; align-items: center; border: 2px solid var(--ink); font-size: 14px; font-weight: 900; }
.closing-section a:hover { background: var(--ink); color: var(--acid); }
.closing-section b { font-size: 25px; }

.site-footer { padding: 38px 0; background: var(--ink); color: var(--white); }
.pite-footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px 42px; align-items: start; }
.footer-company-block > strong { display: block; margin-bottom: 8px; font-size: 17px; line-height: 1.25; letter-spacing: -.02em; }
.footer-company-block > strong span { margin-left: 6px; color: var(--acid); font-size: 9px; letter-spacing: .1em; }
.company-info { max-width: 980px; margin: 0; color: #aaa9a3; font-size: 11px; line-height: 1.65; overflow-wrap: anywhere; }
.company-info + .company-info { margin-top: 7px; }
.company-info i { margin: 0 4px; color: #66655f; font-style: normal; }
.footer-policy-links { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: flex-end; color: #777670; font-size: 11px; }
.footer-policy-links a { color: #d7d6d1; font-weight: 750; white-space: nowrap; }
.footer-policy-links a:hover { color: var(--acid); }
.footer-policy-links .footer-admin-link { color: #777670; }
.footer-policy-links .footer-top-link { margin-left: 6px; padding: 7px 11px; border: 1px solid var(--acid); border-radius: 999px; background: var(--acid); color: var(--ink); font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.footer-policy-links .footer-top-link:hover { background: transparent; color: var(--acid); }

.notice { margin: 24px 0; color: var(--muted); font-size: 13px; }
.eyebrow { color: var(--blue); font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.card { border: 1px solid var(--ink); background: var(--paper-light); }
.alert { display: grid; gap: 7px; margin: 18px 0; padding: 15px 17px; border: 1px solid var(--ink); }
.alert.error { border-color: #df9f99; background: #fff0ee; color: #8d2424; }
.alert.success { border-color: #83bda7; background: #e8f8f1; color: #075d42; }

form label { display: grid; gap: 7px; color: #34332f; font-size: 13px; font-weight: 750; }
input, select, textarea { width: 100%; min-height: 48px; padding: 10px 12px; border: 1px solid #aaa69b; border-radius: 0; outline: none; background: var(--white); color: var(--ink); }
input:focus, select:focus, textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 2px var(--blue); }
input[readonly] { background: #e9e6de; color: #5e5c55; }

.signup-main { min-height: 72vh; padding: 76px 0 100px; background: var(--paper); }
.signup-wrap { max-width: 980px; }
.signup-heading { display: flex; justify-content: space-between; gap: 36px; align-items: end; margin-bottom: 30px; }
.signup-heading h1 { margin: 10px 0 6px; font-size: clamp(42px, 6vw, 72px); line-height: .98; letter-spacing: -.06em; }
.signup-heading .lead { margin: 0; color: var(--muted); }
.signup-steps { display: flex; gap: 18px; margin: 0; padding: 0; color: #8b887f; font-size: 11px; font-weight: 800; list-style: none; }
.signup-steps li { display: grid; min-width: 66px; gap: 6px; text-align: center; }
.signup-steps span { display: grid; width: 31px; height: 31px; margin: auto; border: 1px solid var(--ink); place-items: center; background: var(--paper-light); }
.signup-steps .active { color: var(--blue); }
.signup-steps .active span { border-color: var(--blue); background: var(--blue); color: var(--white); }
.signup-form { display: grid; gap: 36px; padding: 38px; }
.signup-form fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.signup-form legend { width: 100%; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid var(--ink); font-size: 19px; font-weight: 900; }
.signup-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 19px; }
.full-field { grid-column: 1 / -1; }
.required-mark { margin-left: 4px; color: var(--blue); font-size: 10px; }
.signup-form small, .field-help { color: var(--muted); font-size: 11px; font-weight: 500; }
.address-field { display: grid; gap: 8px; }
.address-field > label:first-child { font-size: 13px; font-weight: 750; }
.address-search-row { display: grid; grid-template-columns: 110px minmax(0, 1fr) auto; gap: 9px; }
.address-search-row .postal-code { text-align: center; }
.detail-address-label { margin-top: 5px; }
.field-help { margin: 0; }
.signup-submit { display: flex; justify-content: space-between; gap: 24px; align-items: center; padding-top: 24px; border-top: 1px solid var(--ink); }
.signup-submit p { margin: 0; color: var(--muted); font-size: 12px; }
.signup-consents { display: grid; gap: 10px; padding: 20px; border: 1px solid var(--line); background: #f1eee5; }
.signup-consents > strong { margin-bottom: 2px; font-size: 14px; }
.signup-consents .consent-row { display: flex; grid-template-columns: none; gap: 10px; align-items: flex-start; font-size: 13px; font-weight: 650; line-height: 1.5; cursor: pointer; }
.signup-consents .consent-row input { flex: 0 0 auto; width: 18px; min-height: 18px; height: 18px; margin: 2px 0 0; padding: 0; accent-color: var(--blue); }
.signup-consents a { color: var(--blue); font-weight: 850; text-decoration: underline; text-underline-offset: 3px; }
.hp-field { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.verification-card, .signup-complete { width: min(580px, 100%); margin: 24px auto; padding: 44px; text-align: center; }
.verification-card h1, .signup-complete h1 { margin: 10px 0 8px; font-size: clamp(34px, 5vw, 50px); letter-spacing: -.05em; }
.verification-card .lead { margin-bottom: 24px; color: var(--muted); }
.verification-card form:first-of-type { display: grid; gap: 17px; text-align: left; }
.verification-code { height: 62px; text-align: center; font-size: 28px; font-weight: 900; letter-spacing: .24em; }
.verification-actions { display: flex; justify-content: center; gap: 20px; margin-top: 22px; }
.text-button { padding: 0; border: 0; background: none; color: var(--blue); font-weight: 800; cursor: pointer; }
.muted-button { color: var(--muted); }
.complete-mark { display: grid; width: 64px; height: 64px; margin: 0 auto 20px; place-items: center; background: var(--acid); color: var(--ink); font-size: 32px; font-weight: 900; }
.signup-complete p { margin: 0 auto 26px; color: var(--muted); }

.legal-main { background: var(--paper-light); }
.legal-hero { padding: 92px 0 72px; border-bottom: 1px solid var(--ink); background: var(--acid); }
.legal-hero h1 { margin: 14px 0 18px; font-size: clamp(48px, 7vw, 90px); line-height: .95; letter-spacing: -.065em; }
.legal-hero > .wrap > p { max-width: 760px; margin: 0; color: #34332e; font-size: 17px; line-height: 1.7; }
.legal-meta { display: flex; gap: 18px; margin-top: 28px; font: 850 10px/1.4 Arial, sans-serif; letter-spacing: .08em; }
.legal-body-section { padding: 82px 0 120px; }
.legal-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 72px; align-items: start; }
.legal-toc { position: sticky; top: 112px; padding-top: 4px; }
.legal-toc > strong { display: block; padding-bottom: 13px; border-bottom: 2px solid var(--ink); font: 900 10px/1.4 Arial, sans-serif; letter-spacing: .12em; }
.legal-toc nav { display: grid; }
.legal-toc a { padding: 10px 0; border-bottom: 1px solid var(--line); color: #56544d; font-size: 12px; font-weight: 700; line-height: 1.45; }
.legal-toc a:hover { color: var(--blue); }
.legal-content { min-width: 0; border-top: 2px solid var(--ink); }
.legal-content article { padding: 38px 0 42px; border-bottom: 1px solid var(--line); scroll-margin-top: 112px; }
.legal-content h2 { margin: 0 0 24px; font-size: clamp(24px, 3vw, 34px); line-height: 1.25; letter-spacing: -.045em; }
.legal-content p { margin: 0; color: #44423c; font-size: 15px; line-height: 1.85; }
.legal-content p + p { margin-top: 13px; }
.legal-content ul { display: grid; gap: 9px; margin: 0; padding-left: 22px; color: #44423c; font-size: 15px; line-height: 1.75; }
.legal-table-wrap { margin-top: 6px; overflow-x: auto; border-top: 1px solid var(--ink); }
.legal-content p + .legal-table-wrap, .legal-content ul + .legal-table-wrap { margin-top: 22px; }
.legal-table-wrap + p { margin-top: 18px; }
.legal-table-wrap table { width: 100%; min-width: 660px; border-collapse: collapse; table-layout: fixed; }
.legal-table-wrap th, .legal-table-wrap td { padding: 14px 13px; border-bottom: 1px solid var(--line); vertical-align: top; text-align: left; font-size: 13px; line-height: 1.65; }
.legal-table-wrap th { background: #ece9e0; color: var(--ink); font-size: 11px; font-weight: 900; }
.legal-table-wrap td { color: #4d4b45; }
.legal-table-wrap th:first-child, .legal-table-wrap td:first-child { width: 24%; font-weight: 800; }

@media (max-width: 1040px) {
  .navlinks { gap: 18px; }
  .navlinks > a:nth-child(-n+4) { display: none; }
  .mobile-nav { display: block; border-top: 1px solid var(--line); overflow: hidden; }
  .mobile-nav .wrap { display: flex; overflow-x: auto; scrollbar-width: none; }
  .mobile-nav .wrap::-webkit-scrollbar { display: none; }
  .mobile-nav a { flex: 0 0 auto; padding: 12px 17px; border-right: 1px solid var(--line); font-size: 10px; font-weight: 850; white-space: nowrap; }
  .mobile-nav a:first-child { border-left: 1px solid var(--line); }
  .mobile-nav a.is-active { background: var(--blue); color: var(--white); }
  .hero-lower, .manifesto-grid { grid-template-columns: 1fr; }
  .page-hero-copy { width: min(760px, 82%); }
  .integration-pipeline { grid-template-columns: 1fr; }
  .integration-pipeline article { min-height: 360px; border-right: 0; border-bottom: 1px solid var(--ink); }
  .integration-pipeline article:last-child { border-bottom: 0; }
  .usecase-grid { grid-template-columns: 1fr; }
  .usecase-grid article { min-height: 380px; border-right: 0; border-bottom: 1px solid var(--ink); }
  .usecase-grid article:last-child { border-bottom: 0; }
  .live-endpoint { max-width: 700px; margin-top: 28px; }
  .signal-grid { grid-template-columns: repeat(2, 1fr); }
  .signal-grid > div:nth-child(2) { border-right: 0; }
  .signal-grid > div:nth-child(-n+2) { border-bottom: 1px solid #ffffff55; }
  .section-intro { grid-template-columns: 130px 1fr; }
  .pack-card { min-height: 430px; }
  .pack-hero-grid { grid-template-columns: 1fr; gap: 30px; }
  .pack-hero-copy { max-width: 760px; padding-top: 0; }
  .module-ledger article { grid-template-columns: 45px minmax(240px, 1.2fr) minmax(200px, .8fr); }
  .module-fields { grid-column: 2 / -1; }
  .public-site .pricing-grid { grid-template-columns: 1fr; }
  .pricing-tier { min-height: auto; border-right: 0; border-bottom: 1px solid var(--ink); }
  .pricing-tier:last-child { border-bottom: 0; }
  .tier-price { min-height: auto; }
  .api-pricing article { grid-template-columns: 35px minmax(220px, 1.4fr) repeat(3, 1fr); }
  .process-head, .process-title { grid-template-columns: 1fr; }
  .process-title > p { margin-top: 8px; }
  .process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .process-step:nth-child(2) { border-right: 0; }
  .process-step:nth-child(-n+2) { border-bottom: 1px solid var(--ink); }
  .route-list a { grid-template-columns: 55px 1fr 190px 35px; }
  .contract-grid, .billing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .contract-grid article, .billing-grid article { border-bottom: 1px solid currentColor; }
  .contract-grid article:nth-child(2), .billing-grid article:nth-child(2) { border-right: 0; }
  .contract-grid article:nth-child(n+3), .billing-grid article:nth-child(n+3) { border-bottom: 0; }
  .capability-matrix { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .capability-matrix article { border-right: 1px solid var(--ink); }
  .capability-matrix article:nth-child(3n) { border-right: 1px solid var(--ink); }
  .capability-matrix article:nth-child(2n) { border-right: 0; }
  .architecture-flow { grid-template-columns: 1fr; }
  .architecture-flow > b { width: auto; height: 34px; transform: rotate(90deg); }
  .security-statement .wrap { grid-template-columns: 1fr; align-items: start; }
  .security-statement a { justify-self: start; }
  .closing-section .wrap { grid-template-columns: 1fr; gap: 50px; }
}

@media (max-width: 760px) {
  .wrap { width: min(100% - 30px, 1280px); }
  .nav { min-height: 70px; }
  .brand-logo { width: 56px; height: 42px; }
  .brand-lockup > span { display: none; }
  .navlinks > a { display: none; }
  .navlinks .nav-login, .navlinks .nav-apply { display: inline-flex; }
  .nav-login { margin-left: 0; }
  .nav-apply { min-height: 38px; padding: 0 12px; font-size: 9px; }
  .editorial-hero { min-height: auto; padding: 26px 0 50px; }
  .hero-index { grid-template-columns: 1fr auto; }
  .hero-index span:nth-child(2) { display: none; }
  .editorial-hero h1 { margin: 36px 0 45px; font-size: clamp(53px, 18vw, 90px); line-height: .83; }
  .page-hero { min-height: auto; padding: 26px 0 65px; }
  .page-kicker span:last-child { display: none; }
  .page-hero h1 { margin: 52px 0 58px; font-size: clamp(51px, 16vw, 82px); }
  .page-hero-copy { width: 100%; margin-left: 0; grid-template-columns: 1fr; gap: 22px; }
  .stroke-text { -webkit-text-stroke-width: 1px; }
  .hero-lower { gap: 30px; }
  .hero-actions { align-items: flex-start; flex-direction: column; }
  .live-endpoint { box-shadow: 7px 7px 0 var(--blue); }
  .live-endpoint > code { padding: 18px 14px; font-size: 11px; }
  .live-endpoint pre { padding: 0 14px 18px; font-size: 10px; }
  .endpoint-foot { flex-wrap: wrap; }
  .signal-grid { grid-template-columns: 1fr 1fr; }
  .signal-grid > div { min-height: 86px; padding: 17px 13px; gap: 10px; }
  .signal-grid strong { font-size: 25px; }
  .signal-grid span { font-size: 8px; }
  .editorial-section, .manifesto-section, .process-section { padding: 84px 0; scroll-margin-top: 70px; }
  .section-intro { grid-template-columns: 1fr; padding-bottom: 36px; gap: 24px; }
  .section-intro h2 { margin-top: 0; font-size: clamp(40px, 13vw, 64px); }
  .pack-catalog-grid { grid-template-columns: 1fr; margin-top: 40px; }
  .pack-card, .pack-card:nth-child(5) { grid-column: auto; min-height: 420px; padding: 22px; }
  .pack-card h3 { margin-top: 65px; font-size: 42px; }
  .pack-card-foot { align-items: flex-start; flex-direction: column; }
  .live-catalog-head, .pack-usecase-head { grid-template-columns: 1fr; gap: 24px; }
  .pack-hero { min-height: auto; padding: 26px 0 65px; }
  .pack-hero-grid { padding-top: 50px; }
  .pack-hero h1 { font-size: clamp(45px, 14vw, 72px); }
  .module-ledger article { grid-template-columns: 34px 1fr; min-height: 0; padding: 24px 0; gap: 14px; }
  .module-name, .module-tech, .module-fields { grid-column: 2; }
  .module-fields { margin-top: 8px; }
  .pack-usecase-grid { grid-template-columns: 1fr; }
  .pack-usecase-grid article { min-height: 280px; border-right: 0; border-bottom: 1px solid #ffffff70; }
  .pack-usecase-grid article:last-child { border-bottom: 0; }
  .pack-start-section .wrap { grid-template-columns: 1fr; gap: 38px; }
  .pack-start-actions { align-items: flex-start; flex-direction: column; }
  .capability-rail { grid-template-columns: 1fr; }
  .capability-rail article { min-height: 280px; border-right: 0; border-bottom: 1px solid var(--ink); }
  .capability-rail article:last-child { border-bottom: 0; }
  .integration-pipeline { margin-top: 45px; }
  .integration-pipeline article { min-height: 330px; padding: 22px; }
  .pipeline-request > code, .pipeline-system h3 { margin-top: 45px; }
  .pipeline-response > pre { margin-top: 35px; font-size: 9px; }
  .usecase-heading { align-items: start; flex-direction: column; margin-top: 70px; }
  .usecase-grid article { min-height: 390px; padding: 22px; }
  .integration-actions { align-items: stretch; flex-direction: column; }
  .home-routes { padding: 84px 0; }
  .route-heading { grid-template-columns: 1fr; margin-bottom: 45px; gap: 24px; }
  .route-heading h2 { margin-top: 0; }
  .route-list a { min-height: 98px; grid-template-columns: 35px 1fr 28px; gap: 10px; }
  .route-list small { display: none; }
  .product-row { grid-template-columns: 34px 1fr 27px; min-height: 150px; padding: 20px 0; gap: 10px; }
  .product-category { grid-column: 2; grid-row: 1; }
  .product-row > div { grid-column: 2; grid-row: 2; }
  .row-number { grid-row: 1 / 3; align-self: start; }
  .product-cycle { display: none; }
  .row-arrow { grid-column: 3; grid-row: 1 / 3; }
  .product-row:hover { padding-inline: 10px; }
  .manifesto-grid { gap: 60px; }
  .manifesto-grid h2 { font-size: clamp(58px, 19vw, 92px); }
  .manifesto-copy > p { margin-bottom: 40px; }
  .pricing-tier { min-height: 520px; padding: 24px 20px; }
  .api-pricing { margin-top: 55px; }
  .api-pricing-head span:last-child { display: none; }
  .api-pricing article { grid-template-columns: 30px 1fr; padding: 22px 0; gap: 10px; }
  .api-pricing article > div:not(:nth-child(2)) { padding-left: 40px; text-align: left; }
  .api-pricing article > div:nth-child(n+3) { grid-column: 2; grid-template-columns: 90px 1fr; align-items: baseline; }
  .process-head { gap: 24px; }
  .process-title { gap: 24px; }
  .process-title h2 { font-size: clamp(51px, 16vw, 82px); }
  .process-grid { grid-template-columns: 1fr; margin-top: 48px; }
  .process-step { min-height: 250px; border-right: 0; border-bottom: 1px solid var(--ink); }
  .process-step:last-child { border-bottom: 0; }
  .process-step h3 { margin-top: 48px; }
  .contract-head, .billing-head, .architecture-head { grid-template-columns: 1fr; gap: 24px; }
  .contract-head h2, .billing-head h2, .architecture-head h2 { margin-top: 0; }
  .contract-grid, .billing-grid, .capability-matrix { grid-template-columns: 1fr; }
  .contract-grid article, .billing-grid article, .capability-matrix article { min-height: 220px; border-right: 0; border-bottom: 1px solid currentColor; }
  .capability-matrix article:nth-child(n) { border-right: 0; }
  .contract-grid article:nth-child(n+3), .billing-grid article:nth-child(n+3) { border-bottom: 1px solid currentColor; }
  .contract-grid article:last-child, .billing-grid article:last-child, .capability-matrix article:last-child { border-bottom: 0; }
  .next-page-section .wrap { grid-template-columns: 1fr; gap: 18px; }
  .next-page-section a { font-size: 24px; }
  .process-detail-list article { grid-template-columns: 38px 1fr; gap: 17px; }
  .process-detail-list article > div { grid-column: 2; }
  .ready-checklist .wrap { grid-template-columns: 1fr; }
  .ready-checklist > .wrap > a { grid-column: 1; }
  .closing-section { padding: 70px 0; }
  .closing-section p { font-size: clamp(48px, 16vw, 78px); }
  .pite-footer { grid-template-columns: 1fr; gap: 18px; }
  .footer-policy-links { justify-content: flex-start; }
  .signup-main { padding: 52px 0 72px; }
  .signup-heading { align-items: flex-start; flex-direction: column; }
  .signup-steps { width: 100%; justify-content: space-between; gap: 6px; }
  .signup-form { padding: 26px 18px; }
  .signup-grid { grid-template-columns: 1fr; }
  .full-field { grid-column: auto; }
  .address-search-row { grid-template-columns: 88px minmax(0, 1fr); }
  .address-search-row .secondary-button { grid-column: 1 / -1; }
  .signup-submit { align-items: stretch; flex-direction: column; }
  .verification-card, .signup-complete { padding: 32px 20px; }
  .verification-actions { align-items: center; flex-direction: column; gap: 10px; }
  .legal-hero { padding: 62px 0 48px; }
  .legal-hero > .wrap > p { font-size: 15px; }
  .legal-layout { grid-template-columns: 1fr; gap: 34px; }
  .legal-toc { position: static; }
  .legal-toc nav { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 18px; }
  .legal-body-section { padding: 52px 0 80px; }
  .legal-content article { padding: 30px 0 34px; scroll-margin-top: 82px; }
  .legal-content p, .legal-content ul { font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; transition: none !important; }
}