:root {
  color-scheme: light;
  --ground: #f2f1ec;
  --paper: #faf9f5;
  --white: #fff;
  --ink: #202320;
  --muted: #676d68;
  --quiet: #8b908c;
  --line: #d2d4cf;
  --line-strong: #a5aaa5;
  --soft: #e8e9e5;
  --focus: #eeeeeb;
  --signal: #b4473f;
  --blue: #416d80;
  --amber: #a36e20;
  --green: #315f4f;
  --night: #18201d;
  --night-2: #222b27;
  --night-line: #414b47;
  --sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --page: min(1440px, calc(100% - 56px));
  --product: min(1240px, calc(100% - 56px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ground); }
body { margin: 0; color: var(--ink); background: var(--ground); font-family: var(--sans); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
a { color: inherit; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid var(--signal); outline-offset: 3px; }

.skip-link { position: fixed; z-index: 100; top: 12px; left: 12px; padding: 10px 14px; color: white; background: var(--night); transform: translateY(-180%); }
.skip-link:focus { transform: translateY(0); }

.site-header { width: var(--page); min-height: 72px; margin: 0 auto; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; }
.brand { justify-self: start; text-decoration: none; }
.wordmark { font-size: 28px; font-weight: 730; letter-spacing: -.08em; line-height: 1; }
.wordmark span { color: var(--signal); }
.site-header nav { display: flex; align-items: center; gap: 28px; }
.site-header nav a { color: var(--muted); font-size: 13px; font-weight: 550; text-decoration: none; }
.site-header nav a:hover, .site-header nav a[aria-current="page"] { color: var(--ink); }
.header-access { justify-self: end; color: var(--ink); font-size: 12px; font-weight: 650; text-decoration: none; }
.header-access::after { content: "  ↗"; color: var(--signal); }

.page-status { margin: 0; color: var(--muted); font: 600 11px/1 var(--mono); letter-spacing: .02em; }
.page-status span { width: 7px; height: 7px; margin-right: 9px; display: inline-block; border-radius: 50%; background: var(--signal); }
.button { min-height: 46px; padding: 0 18px; display: inline-flex; align-items: center; border: 1px solid var(--night); border-radius: 3px; color: white; background: var(--night); font-size: 12px; font-weight: 670; text-decoration: none; }
.button:hover { background: #2a342f; }
.text-link { color: var(--ink); font-size: 13px; font-weight: 650; text-decoration-color: var(--line-strong); text-underline-offset: 5px; }
.text-link:hover { text-decoration-color: var(--signal); }
.hero-actions { margin-top: 34px; display: flex; flex-wrap: wrap; align-items: center; gap: 28px; }

.page-hero { width: min(1060px, calc(100% - 56px)); min-height: 650px; margin: 0 auto; padding: clamp(100px, 13vw, 180px) 0; display: flex; flex-direction: column; justify-content: center; }
.page-hero h1 { max-width: 1020px; margin: 0; font-size: clamp(58px, 7.5vw, 105px); font-weight: 640; letter-spacing: -.06em; line-height: .94; }
.page-hero > p:not(.page-status) { max-width: 740px; margin: 34px 0 0; color: var(--muted); font-size: clamp(19px, 2.1vw, 26px); line-height: 1.45; }

/* Native product surfaces */
.product-window { margin: 0; }
.product-window figcaption { margin: 0 0 10px; display: flex; justify-content: space-between; color: var(--muted); font: 600 10px/1.2 var(--mono); }
.window-shell, .worker-window, .status-window { overflow: hidden; border: 1px solid #aeb2ae; border-radius: 9px; background: var(--white); box-shadow: 0 26px 75px rgba(32, 35, 32, .13), 0 3px 9px rgba(32, 35, 32, .06); }
.window-bar { height: 45px; padding: 0 15px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid #d5d7d3; color: var(--muted); background: #f1f2ef; font-size: 11px; }
.window-controls { display: flex; gap: 6px; }
.window-controls i { width: 9px; height: 9px; border: 1px solid #aeb2ae; border-radius: 50%; background: #dedfdb; }
.window-state { justify-self: end; font: 600 9px var(--mono); text-transform: uppercase; }
.window-state::before { content: ""; width: 6px; height: 6px; margin-right: 6px; display: inline-block; border-radius: 50%; background: var(--green); }
.mode-line { height: 33px; padding: 0 14px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #d7d9d5; color: #7b817c; background: #f4f5f2; font: 9px var(--mono); }
.actor { width: 8px; height: 8px; display: inline-block; border-radius: 50%; vertical-align: 1px; }
.actor.human { background: var(--ink); }
.actor.agent { background: var(--blue); }
.record-kind { color: var(--quiet); font: 650 9px var(--mono); letter-spacing: .05em; }
.reason { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: var(--signal); box-shadow: 0 0 0 3px rgba(180,71,63,.12); }
.reason.waiting { background: var(--amber); box-shadow: 0 0 0 3px rgba(163,110,32,.12); }
.reason.decision { background: var(--green); box-shadow: 0 0 0 3px rgba(49,95,79,.12); }
.reason.today { background: var(--blue); box-shadow: 0 0 0 3px rgba(65,109,128,.12); }
.reason.uncertain { background: #6b5b83; box-shadow: 0 0 0 3px rgba(107,91,131,.12); }

/* Home */
.home-hero { width: var(--page); min-height: calc(100svh - 72px); margin: 0 auto; padding: clamp(65px,7vw,105px) 0 clamp(110px,11vw,160px); display: grid; grid-template-columns: minmax(420px,.78fr) minmax(660px,1.22fr); gap: clamp(45px,5vw,80px); align-items: center; }
.home-hero-copy { max-width: 590px; padding-left: clamp(0px,2vw,30px); }
.home-hero-copy h1 { margin: 0; font-size: clamp(62px,6.4vw,92px); font-weight: 650; letter-spacing: -.065em; line-height: .92; }
.home-hero-copy > p:not(.hero-status) { max-width: 575px; margin: 31px 0 0; color: var(--muted); font-size: clamp(19px,1.65vw,24px); line-height: 1.46; }
.hero-status { margin: 27px 0 0; color: var(--muted); font: 600 9px/1.4 var(--mono); }
.hero-status span { width: 6px; height: 6px; margin-right: 8px; display: inline-block; border-radius: 50%; background: var(--signal); }
.hero-product-suite { min-width: 0; margin: 0; }
.hero-product-suite figcaption { margin: 0 54px 10px 0; display: flex; justify-content: space-between; color: var(--muted); font: 600 8px/1.2 var(--mono); }
.hero-devices { position: relative; padding: 0 58px 52px 0; }
.hero-desktop-window { box-shadow: 0 30px 90px rgba(32,35,32,.16), 0 4px 10px rgba(32,35,32,.07); }
.memo-app-frame { height: 545px; display: grid; grid-template-columns: minmax(0,1fr) 205px; }
.memo-document { min-width: 0; padding: 45px 40px; background: white; }
.memo-document > header { margin-bottom: 25px; }
.memo-document > header > span { color: var(--quiet); font: 650 6px var(--mono); letter-spacing: .04em; }
.memo-document > header h2 { max-width: 420px; margin: 5px 0 4px; font-size: 27px; letter-spacing: -.045em; line-height: 1.02; }
.memo-document > header p { margin: 0; color: var(--muted); font-size: 8px; }
.memo-section + .memo-section { margin-top: 17px; }
.memo-section h3 { min-height: 21px; margin: 0; display: flex; justify-content: space-between; border-bottom: 1px solid var(--line-strong); color: var(--muted); font: 650 7px var(--mono); text-transform: uppercase; }
.memo-section h3 b { font-weight: 500; }
.memo-section article { min-height: 74px; padding: 10px 3px; display: grid; grid-template-columns: 21px minmax(0,1fr) auto; gap: 9px; align-items: start; border-bottom: 1px solid var(--line); }
.memo-section article > i { width: 17px; height: 17px; display: grid; place-items: center; border-radius: 50%; color: white; background: var(--green); font: 700 7px var(--mono); font-style: normal; }
.memo-section.risk article > i { background: var(--amber); }
.memo-section.outcome article > i { background: var(--blue); }
.memo-section article > div { min-width: 0; display: flex; flex-direction: column; }
.memo-section strong { font-size: 9px; }
.memo-section p { margin: 2px 0; overflow: hidden; color: var(--muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.memo-section small { color: var(--quiet); font-size: 6px; }
.memo-section em { color: var(--signal); font: 650 6px var(--mono); font-style: normal; }
.memo-staff-note { padding: 46px 24px; border-left: 1px solid var(--line); background: #f7f7f4; }
.memo-staff-note > span { color: var(--green); font: 700 6px var(--mono); letter-spacing: .05em; }
.memo-staff-note > strong { margin-top: 18px; display: block; font-size: 18px; letter-spacing: -.025em; }
.memo-staff-note > p { margin: 8px 0 12px; color: var(--muted); font-size: 9px; line-height: 1.55; }
.memo-staff-note > small { display: block; color: var(--quiet); font: 7px/1.55 var(--mono); }
.memo-staff-note > div { margin-top: 56px; padding-top: 15px; border-top: 1px solid var(--line); }
.memo-staff-note b { color: var(--quiet); font: 650 6px var(--mono); letter-spacing: .05em; }
.memo-staff-note div p { margin: 9px 0 0; color: var(--muted); font-size: 8px; line-height: 1.65; }
.business-app-frame { height: 545px; display: grid; grid-template-columns: 140px minmax(0,1fr) 205px; }
.business-sidebar { padding: 24px 11px; display: flex; flex-direction: column; border-right: 1px solid #dfe1dd; background: #f6f7f4; }
.business-sidebar > strong { margin: 0 9px 20px; font-size: 15px; letter-spacing: -.04em; }
.business-sidebar > small { margin: 27px 9px 8px; color: var(--quiet); font: 650 7px var(--mono); letter-spacing: .05em; }
.business-sidebar > span { min-height: 30px; padding: 0 8px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-radius: 3px; color: #606661; font-size: 9px; }
.business-sidebar > span.active { color: var(--ink); background: #e5e6e2; font-weight: 650; }
.business-sidebar b { color: var(--quiet); font: 500 7px var(--mono); }
.business-today { min-width: 0; padding: 42px 27px; background: white; }
.business-today > header { margin-bottom: 31px; display: flex; align-items: end; justify-content: space-between; gap: 15px; }
.business-today header span { color: var(--quiet); font: 600 7px var(--mono); }
.business-today header h2 { margin: 3px 0 0; font-size: 29px; letter-spacing: -.04em; }
.business-today header p { margin: 0; color: var(--quiet); font: 7px var(--mono); }
.business-today section + section { margin-top: 24px; }
.business-today section h3 { min-height: 25px; margin: 0; padding: 0 6px; display: flex; justify-content: space-between; border-bottom: 1px solid var(--line-strong); color: var(--muted); font: 650 7px var(--mono); text-transform: uppercase; }
.business-today section h3 b { font-weight: 500; }
.business-row { min-height: 52px; padding: 6px; display: grid; grid-template-columns: 8px minmax(0,1fr) 42px; gap: 9px; align-items: center; border-bottom: 1px solid var(--line); }
.business-row.selected { background: var(--focus); }
.business-row > span { min-width: 0; display: flex; flex-direction: column; }
.business-row strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.business-row small { overflow: hidden; color: var(--muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.business-row time { color: var(--quiet); font: 7px var(--mono); text-align: right; }
.business-context { padding: 42px 20px; border-left: 1px solid var(--line); background: #fafaf8; }
.business-context h3 { margin: 13px 0 27px; font-size: 17px; letter-spacing: -.025em; line-height: 1.15; }
.business-context dl { margin: 0; border-top: 1px solid var(--line); }
.business-context dl div { min-height: 38px; display: grid; grid-template-columns: 58px 1fr; align-items: center; border-bottom: 1px solid var(--line); }
.business-context dt { color: var(--quiet); font: 600 6px var(--mono); text-transform: uppercase; }
.business-context dd { margin: 0; font-size: 8px; }
.business-context section { margin-top: 28px; }
.business-context section > strong { color: var(--quiet); font: 650 6px var(--mono); text-transform: uppercase; }
.business-context section a { min-height: 34px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); font-size: 8px; text-decoration: none; }
.business-context section small { color: var(--quiet); font: 6px var(--mono); }
.hero-phone { position: absolute; right: 0; bottom: 0; width: 175px; height: 362px; overflow: hidden; border: 5px solid #252a27; border-radius: 28px; color: var(--ink); background: #f9f9f6; box-shadow: 0 24px 65px rgba(23,28,25,.28); }
.phone-status { height: 29px; padding: 8px 14px 0; display: flex; justify-content: space-between; font: 650 6px var(--mono); }
.phone-status i { width: 33px; height: 8px; border-radius: 6px; background: var(--night); }
.hero-phone > header { padding: 17px 15px 13px; }
.hero-phone > header span { color: var(--quiet); font: 650 6px var(--mono); }
.hero-phone > header h3 { margin: 4px 0 0; font-size: 21px; letter-spacing: -.04em; }
.hero-phone > header p { margin: 4px 0 0; color: var(--muted); font-size: 7px; }
.hero-phone main { padding: 0 10px; }
.hero-phone main > div { min-height: 61px; padding: 8px 5px; display: grid; grid-template-columns: 8px 1fr auto; gap: 7px; align-items: center; border-bottom: 1px solid var(--line); }
.hero-phone main span { display: flex; flex-direction: column; }
.hero-phone main strong { font-size: 8px; }
.hero-phone main small { color: var(--muted); font-size: 6px; }
.hero-phone main em { color: var(--signal); font: 600 6px var(--mono); font-style: normal; }
.hero-phone main > .phone-quiet { grid-template-columns: 1fr; padding-left: 20px; background: var(--focus); }
.hero-phone nav { position: absolute; right: 0; bottom: 0; left: 0; height: 43px; display: grid; grid-template-columns: repeat(3,1fr); align-items: center; border-top: 1px solid var(--line); color: var(--muted); background: white; font: 650 6px var(--mono); text-align: center; }
.hero-phone nav span:first-child { color: var(--ink); }

.record-story, .workspace-story, .product-model-story, .product-record-story, .product-workspace-story, .product-boundary-story, .development-board, .writing-index { padding: clamp(120px, 14vw, 200px) 0; }
.record-story > header, .workspace-story > header, .product-model-story > header, .product-record-story > header, .product-workspace-story > header, .product-boundary-story > header, .development-board > header { width: min(900px, calc(100% - 56px)); margin: 0 auto; text-align: center; }
.record-story > header h2, .workspace-story > header h2, .product-model-story > header h2, .product-record-story > header h2, .product-workspace-story > header h2, .product-boundary-story > header h2, .development-board > header h2 { margin: 0; font-size: clamp(44px, 6vw, 78px); font-weight: 640; letter-spacing: -.055em; line-height: .98; }
.record-story > header p, .workspace-story > header p, .product-model-story > header p, .product-record-story > header p, .product-workspace-story > header p, .product-boundary-story > header p, .development-board > header p { max-width: 720px; margin: 28px auto 0; color: var(--muted); font-size: 19px; line-height: 1.55; }
.task-workspace { width: var(--product); margin: 90px auto 0; }
.task-layout { min-height: 690px; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr); }
.task-document { padding: clamp(50px, 6vw, 90px); }
.task-document h3 { max-width: 760px; margin: 13px 0 48px; font-size: clamp(34px, 4vw, 52px); font-weight: 640; letter-spacing: -.045em; line-height: 1.04; }
.task-fields { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); border-top: 1px solid var(--line); }
.task-fields div { padding: 12px 5px; display: grid; grid-template-columns: 90px 1fr; border-bottom: 1px solid var(--line); }
.task-fields dt { color: var(--quiet); font: 600 9px var(--mono); text-transform: uppercase; }
.task-fields dd { margin: 0; font-size: 12px; }
.task-body { max-width: 720px; margin-top: 45px; }
.task-body p { margin: 0 0 18px; color: #4e544f; font-size: 15px; line-height: 1.7; }
.context-register { margin-top: 50px; border-top: 1px solid var(--line-strong); }
.context-register h4 { margin: 0; padding: 13px 5px; color: var(--quiet); font: 650 9px var(--mono); text-transform: uppercase; }
.context-register a { min-height: 47px; padding: 0 5px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); font-size: 12px; text-decoration: none; }
.context-register a span { color: var(--quiet); font: 9px var(--mono); }
.activity-panel { padding: 45px 30px; border-left: 1px solid var(--line); background: #f7f7f4; }
.activity-panel header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 14px; border-bottom: 1px solid var(--line-strong); }
.activity-panel h4 { margin: 0; font-size: 14px; }
.activity-panel header span { color: var(--quiet); font: 8px var(--mono); }
.activity-panel ol { margin: 0; padding: 0; list-style: none; }
.activity-panel li { padding: 20px 0; display: grid; grid-template-columns: 45px 1fr; gap: 10px; border-bottom: 1px solid var(--line); }
.activity-panel time { color: var(--quiet); font: 9px var(--mono); }
.activity-panel b { font-size: 11px; }
.activity-panel p { margin: 4px 0 0; color: var(--muted); font-size: 10px; }
.activity-panel em { margin-top: 9px; display: block; color: var(--signal); font: 600 8px var(--mono); font-style: normal; }
.activity-result { background: #eeeeeb; margin: 0 -12px; padding-left: 12px !important; padding-right: 12px !important; }
.record-conclusion { width: min(900px, calc(100% - 56px)); margin: 80px auto 0; display: grid; grid-template-columns: minmax(260px,.65fr) minmax(0,1fr); gap: 70px; align-items: start; }
.record-conclusion h3 { margin: 0; font-size: clamp(32px, 4vw, 50px); font-weight: 640; letter-spacing: -.045em; line-height: 1.04; }
.record-conclusion p { margin: 5px 0 0; color: var(--muted); font-size: 17px; line-height: 1.65; }
.staff-model { width: var(--product); margin: 90px auto 0; }
.staff-control-map { min-height: 545px; padding: 62px; display: grid; grid-template-rows: auto 1fr auto; gap: 48px; background: white; }
.staff-control-core { max-width: 720px; }
.staff-control-core > span, .staff-control-paths article > span { color: var(--signal); font: 700 8px var(--mono); letter-spacing: .06em; }
.staff-control-core h3 { margin: 13px 0 12px; font-size: clamp(31px,4vw,51px); letter-spacing: -.05em; line-height: 1; }
.staff-control-core p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.staff-control-paths { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); }
.staff-control-paths article { min-height: 145px; padding: 25px 20px; border-right: 1px solid var(--line); }
.staff-control-paths article:last-child { border-right: 0; }
.staff-control-paths article > span { color: var(--quiet); }
.staff-control-paths strong { margin-top: 24px; display: block; font-size: 15px; }
.staff-control-paths p { margin: 7px 0 0; color: var(--muted); font: 9px/1.5 var(--mono); }
.staff-control-map > footer { display: grid; grid-template-columns: 190px 1fr; gap: 32px; align-items: start; }
.staff-control-map > footer strong { font-size: 14px; }
.staff-control-map > footer p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }

.attention-story { padding: clamp(110px, 13vw, 180px) 0; color: #eef1ee; background: var(--night); }
.attention-intro { width: min(900px, calc(100% - 56px)); margin: 0 auto; text-align: center; }
.attention-intro h2 { margin: 0; font-size: clamp(48px, 6.5vw, 86px); font-weight: 630; letter-spacing: -.055em; line-height: .96; }
.attention-intro p { max-width: 720px; margin: 28px auto 0; color: #aeb6b2; font-size: 18px; }
.attention-workspace { width: var(--product); margin: 85px auto 0; padding: 45px 55px 0; color: var(--ink); background: var(--paper); box-shadow: 0 25px 80px rgba(0,0,0,.28); }
.attention-workspace > header { min-height: 95px; display: flex; align-items: start; justify-content: space-between; }
.attention-workspace h3 { margin: 0; font-size: 31px; letter-spacing: -.035em; }
.attention-workspace header p { margin: 3px 0 0; color: var(--muted); font-size: 11px; }
.attention-workspace header > span { color: var(--quiet); font: 9px var(--mono); }
.attention-workspace-head, .attention-workspace-row { display: grid; grid-template-columns: 1.1fr 1fr 140px; gap: 28px; align-items: center; }
.attention-workspace-head { min-height: 32px; padding-left: 36px; border-bottom: 1px solid var(--line-strong); color: var(--quiet); font: 650 8px var(--mono); text-transform: uppercase; }
.attention-workspace-row { position: relative; min-height: 79px; padding-left: 36px; border-bottom: 1px solid var(--line); }
.attention-workspace-row > i { position: absolute; left: 8px; }
.attention-workspace-row > div { display: flex; flex-direction: column; }
.attention-workspace-row strong { font-size: 13px; }
.attention-workspace-row small { color: var(--quiet); font-size: 10px; }
.attention-workspace-row p { margin: 0; color: var(--muted); font-size: 12px; }
.attention-workspace-row em { color: var(--signal); font: 600 9px var(--mono); font-style: normal; text-align: right; }
.attention-workspace footer { min-height: 54px; display: flex; align-items: center; justify-content: space-between; color: var(--quiet); font: 9px var(--mono); }
.attention-promise { max-width: 850px; margin: 54px auto 0; color: #aeb6b2; font-size: 15px; line-height: 1.7; text-align: center; }

.workspace-story { background: #f7f6f1; }
.workspace-browser { width: var(--product); margin: 90px auto 0; }
.workspace-story .project-workspace { width: var(--product); margin: 90px auto 0; }
.browser-layout { height: 670px; display: grid; grid-template-columns: 190px minmax(0,1fr) 300px; }
.domain-sidebar { padding: 28px 16px; display: flex; flex-direction: column; border-right: 1px solid var(--line); background: #f5f6f3; }
.domain-sidebar strong { margin: 21px 10px 6px; color: var(--quiet); font: 650 8px var(--mono); text-transform: uppercase; }
.domain-sidebar strong:first-child { margin-top: 0; }
.domain-sidebar span { min-height: 31px; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; border-radius: 3px; color: var(--muted); font-size: 11px; }
.domain-sidebar span.active { color: var(--ink); background: #e4e5e1; font-weight: 650; }
.domain-sidebar b { color: var(--quiet); font: 500 8px var(--mono); }
.records-pane { padding: 50px 38px; overflow-y: auto; }
.records-pane > header { display: flex; align-items: end; justify-content: space-between; margin-bottom: 46px; }
.records-pane h3 { margin: 0; font-size: 30px; letter-spacing: -.04em; }
.records-pane header p { margin: 0; color: var(--quiet); font: 9px var(--mono); }
.record-group + .record-group { margin-top: 38px; }
.record-group > h4 { margin: 0; min-height: 30px; padding: 0 8px; border-bottom: 1px solid var(--line-strong); color: var(--muted); font: 650 9px var(--mono); text-transform: uppercase; }
.record-row { min-height: 66px; padding: 8px; display: grid; grid-template-columns: 10px 1fr 55px; gap: 12px; align-items: center; border-bottom: 1px solid var(--line); }
.record-row.selected { background: var(--focus); }
.task-state { width: 6px; height: 6px; border: 1px solid var(--muted); border-radius: 50%; }
.task-state.review { border-color: var(--signal); background: var(--signal); }
.task-state.active { border-color: var(--green); background: var(--green); }
.task-state.waiting { border-color: var(--amber); }
.task-state.ready { border-color: var(--blue); background: var(--blue); }
.record-row > span { display: flex; flex-direction: column; }
.record-row b { font-size: 11px; }
.record-row small { color: var(--muted); font-size: 9px; }
.record-row time { color: var(--quiet); font: 8px var(--mono); text-align: right; }
.record-inspector { padding: 48px 28px; border-left: 1px solid var(--line); background: #fafaf8; }
.record-inspector > span { color: var(--quiet); font: 650 8px var(--mono); }
.record-inspector h3 { margin: 16px 0 35px; font-size: 21px; letter-spacing: -.025em; line-height: 1.2; }
.record-inspector dl { margin: 0; border-top: 1px solid var(--line); }
.record-inspector dl div { padding: 10px 0; display: grid; grid-template-columns: 70px 1fr; border-bottom: 1px solid var(--line); }
.record-inspector dt { color: var(--quiet); font: 600 8px var(--mono); text-transform: uppercase; }
.record-inspector dd { margin: 0; font-size: 10px; }
.record-inspector p { margin: 35px 0 0; color: var(--muted); font-size: 11px; }
.manual-promise { width: min(850px, calc(100% - 56px)); margin: 85px auto 0; text-align: center; }
.manual-promise h3 { margin: 0; font-size: clamp(34px,4.5vw,58px); letter-spacing: -.045em; }
.manual-promise p { max-width: 700px; margin: 20px auto 0; color: var(--muted); font-size: 17px; }
.meaning-example { width: min(900px, calc(100% - 56px)); margin: 85px auto 0; display: grid; grid-template-columns: minmax(0,1fr) 45px minmax(0,1fr); align-items: stretch; }
.meaning-example > section { min-height: 295px; padding: 40px; border: 1px solid var(--line-strong); background: var(--white); }
.meaning-example > i { display: grid; place-items: center; color: var(--quiet); font-style: normal; }
.meaning-example section > span { color: var(--quiet); font: 700 8px var(--mono); letter-spacing: .06em; }
.meaning-example pre { margin: 58px 0 13px; font: 13px/1.6 var(--mono); white-space: pre-wrap; }
.meaning-example section > p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.meaning-example dl { margin: 27px 0 0; border-top: 1px solid var(--line); }
.meaning-example dl div { min-height: 39px; display: grid; grid-template-columns: 95px 1fr; align-items: center; border-bottom: 1px solid var(--line); }
.meaning-example dt { color: var(--quiet); font: 650 8px var(--mono); text-transform: uppercase; }
.meaning-example dd { margin: 0; font-size: 11px; }
.business-register { width: min(980px, calc(100% - 56px)); margin: 80px auto 0; border-top: 1px solid var(--line-strong); }
.business-register > div { min-height: 94px; padding: 20px 4px; display: grid; grid-template-columns: 190px 1fr; gap: 45px; align-items: center; border-bottom: 1px solid var(--line); }
.business-register strong { font-size: 17px; }
.business-register p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }

.boundary-story, .product-boundary-story { padding: clamp(110px,13vw,180px) 0; color: #eef1ee; background: var(--night); }
.boundary-story > header, .product-boundary-story > header { width: min(1000px, calc(100% - 56px)); margin: 0 auto; text-align: center; }
.boundary-story > header h2, .product-boundary-story > header h2 { margin: 0; font-size: clamp(47px,6.5vw,85px); font-weight: 630; letter-spacing: -.055em; line-height: .96; }
.boundary-story > header p, .product-boundary-story > header p { max-width: 720px; margin: 28px auto 0; color: #aeb6b2; font-size: 18px; }
.worker-surface { width: var(--product); margin: 90px auto 0; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(340px,.8fr); gap: 28px; }
.worker-window { color: var(--ink); box-shadow: 0 25px 80px rgba(0,0,0,.25); }
.worker-content { min-height: 500px; padding: 48px 55px; }
.worker-content > header { display: flex; align-items: center; gap: 15px; margin-bottom: 44px; }
.worker-content > header .actor { width: 12px; height: 12px; }
.worker-content h3 { margin: 0; font-size: 25px; }
.worker-content header p { margin: 2px 0 0; color: var(--muted); font-size: 10px; }
.worker-content dl { margin: 0; border-top: 1px solid var(--line-strong); }
.worker-content dl div { min-height: 65px; display: grid; grid-template-columns: 140px 1fr; align-items: center; border-bottom: 1px solid var(--line); }
.worker-content dt { color: var(--quiet); font: 600 9px var(--mono); text-transform: uppercase; }
.worker-content dd { margin: 0; display: flex; justify-content: space-between; gap: 15px; font-size: 12px; }
.worker-content dd span { color: var(--quiet); font: 8px var(--mono); }
.ownership-register { border: 1px solid var(--night-line); background: var(--night-2); }
.ownership-register > div { min-height: 168px; padding: 28px; border-bottom: 1px solid var(--night-line); }
.ownership-register span { color: #d88278; font: 650 8px var(--mono); }
.ownership-register p { margin: 48px 0 0; color: #c0c6c2; font-size: 13px; }
.ownership-register .local-mode { min-height: 195px; background: #121916; }
.ownership-register .local-mode p { color: #8f9994; font-family: var(--mono); font-size: 10px; line-height: 1.7; }
.boundary-note { max-width: 950px; margin: 72px auto 0; color: #909b96; font-size: 13px; line-height: 1.7; text-align: center; }
.tool-boundaries { width: var(--product); margin: 28px auto 0; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--night-line); border-bottom: 0; }
.tool-boundaries > div { min-height: 115px; padding: 23px; border-right: 1px solid var(--night-line); border-bottom: 1px solid var(--night-line); }
.tool-boundaries > div:nth-child(4) { border-right: 0; }
.tool-boundaries span { color: #eef1ee; font-size: 12px; font-weight: 700; }
.tool-boundaries p { margin: 28px 0 0; color: #8f9994; font: 8px/1.55 var(--mono); }
.tool-boundaries > strong { grid-column: 1 / -1; min-height: 62px; padding: 0 23px; display: flex; align-items: center; border-bottom: 1px solid var(--night-line); color: #d88278; font: 650 9px var(--mono); text-transform: uppercase; }

.home-local-story { padding: clamp(120px,14vw,200px) 0; background: #f7f6f1; }
.home-local-story > header { width: min(940px, calc(100% - 56px)); margin: 0 auto; }
.home-local-story > header h2 { max-width: 880px; margin: 0; font-size: clamp(44px,6vw,78px); font-weight: 640; letter-spacing: -.055em; line-height: .98; }
.home-local-story > header p { max-width: 730px; margin: 28px 0 0; color: var(--muted); font-size: 19px; line-height: 1.55; }

.home-close { padding-top: clamp(100px,12vw,165px); }
.writing-block { width: min(1050px, calc(100% - 56px)); margin: 0 auto clamp(100px,12vw,160px); }
.writing-block > header { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 35px; }
.writing-block h2 { margin: 0; font-size: clamp(35px,4.8vw,60px); letter-spacing: -.045em; }
.writing-block header a { color: var(--muted); font-size: 12px; text-decoration: none; }
.article-list { border-top: 1px solid var(--line-strong); }
.article-list > a { min-height: 155px; padding: 25px 4px; display: grid; grid-template-columns: 1fr 30px; gap: 25px; align-items: center; border-bottom: 1px solid var(--line); text-decoration: none; }
.article-list > a:hover h3 { color: var(--signal); }
.article-list span { color: var(--quiet); font: 600 9px var(--mono); }
.article-list h3 { margin: 9px 0 0; font-size: clamp(23px,2.8vw,35px); font-weight: 620; letter-spacing: -.035em; }
.article-list p { max-width: 760px; margin: 10px 0 0; color: var(--muted); font-size: 13px; }
.article-list i { color: var(--quiet); font-size: 18px; font-style: normal; }
.article-list.compact > a { min-height: 120px; }

.signup { width: var(--page); margin: 0 auto 24px; padding: clamp(65px,8vw,115px); display: grid; grid-template-columns: minmax(0,1fr) minmax(400px,.72fr); gap: clamp(60px,9vw,135px); color: #eef1ee; background: var(--night); }
.signup h2 { max-width: 720px; margin: 0; font-size: clamp(40px,5vw,68px); font-weight: 630; letter-spacing: -.055em; line-height: 1.01; }
.signup > div > p { max-width: 570px; margin: 24px 0 0; color: #aeb6b2; font-size: 17px; }
.signup form { align-self: start; }
.signup-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.signup label { margin: 0 0 8px; display: block; color: #bec5c1; font: 600 9px var(--mono); text-transform: uppercase; }
.signup-row { display: grid; grid-template-columns: minmax(0,1fr) auto; }
.signup input, .signup textarea, .signup select { width: 100%; padding: 12px 0; border: 0; border-bottom: 1px solid #717b76; border-radius: 0; outline: 0; color: white; background: transparent; }
.signup input:focus, .signup textarea:focus, .signup select:focus { border-bottom-color: #e7857b; }
.signup select { color-scheme: dark; }
.signup-row button { padding: 0 0 0 22px; border: 0; border-bottom: 1px solid #dce0dd; color: white; background: transparent; font: 650 9px var(--mono); text-transform: uppercase; cursor: pointer; }
.signup-row button span { margin-left: 12px; color: #e7857b; }
.signup details { margin-top: 25px; border-top: 1px solid var(--night-line); }
.signup summary { padding: 13px 0; color: #cbd1cd; font: 600 9px var(--mono); text-transform: uppercase; cursor: pointer; }
.signup summary span { float: right; color: #77817c; }
.signup details label { margin-top: 18px; }
.form-note { margin: 12px 0 0; color: #77817c; font: 9px var(--mono); }
.form-note[role="status"] { color: #eaa097; }

.site-footer { width: var(--page); margin: 80px auto 0; padding: 72px 0 34px; border-top: 1px solid var(--line-strong); display: grid; grid-template-columns: minmax(190px,.55fr) minmax(0,1.45fr); gap: clamp(55px,8vw,120px); }
.footer-intro { display: flex; flex-direction: column; align-items: start; }
.footer-intro p { max-width: 250px; margin: 24px 0 18px; color: var(--muted); font-size: 12px; line-height: 1.65; }
.footer-intro > a:last-child { color: var(--ink); font-size: 12px; font-weight: 650; text-underline-offset: 4px; }
.footer-directory { display: grid; grid-template-columns: .7fr 1.1fr .9fr 1.3fr; gap: clamp(24px,4vw,58px); align-items: start; }
.footer-directory > div { display: flex; flex-direction: column; align-items: start; gap: 10px; }
.footer-directory h2 { margin: 0 0 8px; color: var(--quiet); font: 650 9px var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.footer-directory a { color: var(--muted); font-size: 12px; line-height: 1.4; text-decoration: none; }
.footer-directory a:hover { color: var(--ink); }
.footer-meta { grid-column: 1 / -1; margin-top: 26px; padding-top: 22px; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--line); color: var(--quiet); font: 9px var(--mono); }

/* Product detail */
.product-page-hero { width: min(1120px, calc(100% - 56px)); min-height: 570px; margin: 0 auto; padding: clamp(90px,11vw,150px) 0 95px; display: flex; align-items: center; }
.product-page-hero > div { max-width: 1030px; }
.product-page-hero h1 { margin: 0; font-size: clamp(58px,7.3vw,102px); font-weight: 640; letter-spacing: -.06em; line-height: .94; }
.product-page-hero > div > p:not(.hero-status) { max-width: 780px; margin: 32px 0 0; color: var(--muted); font-size: clamp(19px,2vw,26px); line-height: 1.45; }
.product-overview { padding: 0 0 clamp(120px,14vw,200px); }
.product-overview .workspace-browser { margin-top: 0; }
.overview-statement { width: min(900px, calc(100% - 56px)); margin: 70px auto 0; display: grid; grid-template-columns: 240px 1fr; gap: 60px; align-items: start; }
.overview-statement strong { font-size: 19px; }
.overview-statement p { margin: 0; color: var(--muted); font-size: 17px; line-height: 1.65; }

.product-project-story, .product-work-story, .product-knowledge-story, .product-relationship-story, .product-attention-story, .product-actors-story, .product-local-story { padding: clamp(120px,14vw,200px) 0; }
.product-work-story, .product-relationship-story, .product-local-story { background: #f7f6f1; }
.product-project-story > header, .product-work-story > header, .product-relationship-story > header, .product-local-story > header { width: min(940px, calc(100% - 56px)); margin: 0 auto; }
.product-project-story > header h2, .product-work-story > header h2, .product-relationship-story > header h2, .product-local-story > header h2 { max-width: 860px; margin: 0; font-size: clamp(44px,6vw,78px); font-weight: 640; letter-spacing: -.055em; line-height: .98; }
.product-project-story > header p, .product-work-story > header p, .product-relationship-story > header p, .product-local-story > header p { max-width: 710px; margin: 28px 0 0; color: var(--muted); font-size: 19px; line-height: 1.55; }
.product-project-story .project-workspace { width: var(--product); margin: 90px auto 0; }
.work-state-panel time { color: var(--muted); font-size: 8px; text-transform: uppercase; }
.story-afterword { max-width: 850px; margin: 65px auto 0; color: var(--muted); font-size: 17px; line-height: 1.7; text-align: center; }

.product-knowledge-story { color: #eef1ee; background: var(--night); }
.product-knowledge-story > header { width: min(920px, calc(100% - 56px)); margin: 0 auto; text-align: center; }
.product-knowledge-story > header h2 { margin: 0; font-size: clamp(47px,6.5vw,85px); font-weight: 630; letter-spacing: -.055em; line-height: .96; }
.product-knowledge-story > header p { max-width: 720px; margin: 28px auto 0; color: #aeb6b2; font-size: 18px; }
.knowledge-workspace { width: var(--product); margin: 90px auto 0; color: var(--ink); }
.knowledge-layout { min-height: 680px; display: grid; grid-template-columns: 185px minmax(0,1fr) 340px; background: white; }
.knowledge-nav { padding: 28px 15px; display: flex; flex-direction: column; border-right: 1px solid var(--line); background: #f5f6f3; }
.knowledge-nav strong { margin: 0 9px 15px; font-size: 15px; }
.knowledge-nav small { margin: 32px 9px 10px; color: var(--quiet); font: 650 8px var(--mono); letter-spacing: .07em; }
.knowledge-nav > span { min-height: 38px; padding: 7px 9px; display: flex; flex-direction: column; justify-content: center; border-radius: 3px; color: var(--muted); font-size: 10px; }
.knowledge-nav > span.active { color: var(--ink); background: #e4e5e1; font-weight: 650; }
.knowledge-nav b { margin-top: 2px; color: var(--quiet); font: 500 7px var(--mono); }
.note-document { padding: 62px clamp(38px,5vw,72px); }
.note-document h3 { margin: 12px 0 35px; font-size: clamp(32px,3.8vw,48px); letter-spacing: -.045em; line-height: 1.05; }
.note-document > p { margin: 0 0 20px; color: #4e544f; font-size: 14px; line-height: 1.72; }
.note-document .note-summary { padding-bottom: 30px; border-bottom: 1px solid var(--line); color: var(--ink); font-size: 17px; line-height: 1.55; }
.note-document h4 { margin: 34px 0 14px; font-size: 13px; }
.note-links { margin-top: 38px; border-top: 1px solid var(--line-strong); }
.note-links > span { min-height: 34px; padding: 0 4px; display: flex; align-items: center; color: var(--quiet); font: 650 8px var(--mono); text-transform: uppercase; }
.note-links a { min-height: 43px; padding: 0 4px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); font-size: 10px; text-decoration: none; }
.note-links b { color: var(--quiet); font: 500 8px var(--mono); }
.discussion-panel { padding: 60px 30px; border-left: 1px solid var(--line); background: #f7f7f4; }
.discussion-panel h3 { margin: 13px 0 35px; font-size: 22px; letter-spacing: -.03em; line-height: 1.2; }
.discussion-comment { padding: 20px 0; border-top: 1px solid var(--line); }
.discussion-comment b { font-size: 10px; }
.discussion-comment time { float: right; color: var(--quiet); font: 8px var(--mono); }
.discussion-comment p { margin: 8px 0 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
.discussion-conclusion { margin-top: 28px; padding: 22px; border-left: 3px solid var(--signal); background: #e9eae6; }
.discussion-conclusion span { color: var(--signal); font: 650 8px var(--mono); text-transform: uppercase; }
.discussion-conclusion p { margin: 10px 0 16px; font-size: 11px; line-height: 1.55; }
.discussion-conclusion a { font-size: 9px; font-weight: 650; }

.relationship-workspace { width: var(--product); margin: 90px auto 0; }
.relationship-layout { min-height: 680px; display: grid; grid-template-columns: 230px minmax(0,1fr) 340px; background: white; }
.relationship-list { border-right: 1px solid var(--line); background: #f5f6f3; }
.relationship-list header { height: 80px; padding: 0 22px; display: flex; align-items: center; justify-content: space-between; }
.relationship-list h3 { margin: 0; font-size: 16px; }
.relationship-list header span { color: var(--quiet); font: 9px var(--mono); }
.relationship-search { min-height: 34px; margin: 0 14px 12px; padding: 0 10px; display: flex; align-items: center; border: 1px solid var(--line); border-radius: 4px; color: var(--quiet); background: white; font-size: 9px; }
.relationship-list button { width: 100%; min-height: 66px; padding: 10px 22px; display: flex; flex-direction: column; justify-content: center; border: 0; border-top: 1px solid var(--line); color: var(--ink); background: transparent; text-align: left; }
.relationship-list button.active { background: #e5e6e2; }
.relationship-list button strong { font-size: 11px; }
.relationship-list button small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.organization-record { padding: 55px clamp(35px,4vw,65px); }
.organization-record > h3 { margin: 10px 0 0; font-size: 40px; letter-spacing: -.045em; }
.organization-record > p { margin: 5px 0 35px; color: var(--muted); font-size: 11px; }
.organization-record dl { margin: 0; border-top: 1px solid var(--line-strong); }
.organization-record dl div { min-height: 43px; display: grid; grid-template-columns: 115px 1fr; align-items: center; border-bottom: 1px solid var(--line); }
.organization-record dt { color: var(--quiet); font: 600 8px var(--mono); text-transform: uppercase; }
.organization-record dd { margin: 0; font-size: 10px; }
.organization-record section { margin-top: 32px; }
.organization-record section h4 { margin: 0; min-height: 30px; border-bottom: 1px solid var(--line-strong); color: var(--quiet); font: 650 8px var(--mono); text-transform: uppercase; }
.organization-record section a { min-height: 62px; display: grid; grid-template-columns: 32px 1fr 15px; gap: 12px; align-items: center; border-bottom: 1px solid var(--line); text-decoration: none; }
.organization-record section a > span { display: flex; flex-direction: column; }
.organization-record section b { font-size: 11px; }
.organization-record section small { color: var(--muted); font-size: 8px; }
.organization-record section em { color: var(--quiet); font-style: normal; }
.person-avatar { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: white; background: var(--blue); font: 650 8px var(--mono); font-style: normal; }
.interaction-timeline { padding: 50px 30px; border-left: 1px solid var(--line); background: #fafaf8; }
.interaction-timeline header { display: flex; justify-content: space-between; padding-bottom: 15px; border-bottom: 1px solid var(--line-strong); }
.interaction-timeline h4 { margin: 0; font-size: 13px; }
.interaction-timeline header span { color: var(--quiet); font: 8px var(--mono); }
.interaction-timeline ol { margin: 0; padding: 0; list-style: none; }
.interaction-timeline li { padding: 22px 0; display: grid; grid-template-columns: 52px 1fr; gap: 10px; border-bottom: 1px solid var(--line); }
.interaction-timeline time { color: var(--quiet); font: 8px var(--mono); }
.interaction-timeline b { font-size: 10px; }
.interaction-timeline p { margin: 5px 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
.interaction-timeline small { color: var(--blue); font: 7px var(--mono); text-transform: uppercase; }

.product-attention-story { color: #eef1ee; background: var(--night); }
.product-attention-story .attention-workspace { color: var(--ink); }

.product-actors-story > header { width: min(960px, calc(100% - 56px)); margin: 0 auto; text-align: center; }
.product-actors-story > header h2 { margin: 0; font-size: clamp(44px,6vw,78px); font-weight: 640; letter-spacing: -.055em; line-height: .98; }
.product-actors-story > header p { max-width: 760px; margin: 28px auto 0; color: var(--muted); font-size: 19px; line-height: 1.55; }

.local-workspace { width: var(--product); margin: 90px auto 0; display: grid; grid-template-columns: minmax(360px,.85fr) minmax(0,1.15fr); gap: 28px; }
.local-device { overflow: hidden; border: 1px solid #aeb2ae; border-radius: 9px; background: white; box-shadow: 0 24px 70px rgba(32,35,32,.12); }
.local-device-bar { min-height: 48px; padding: 0 16px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid var(--line); background: #f1f2ef; }
.local-device-bar > span { font-size: 15px; font-weight: 720; letter-spacing: -.06em; }
.local-device-bar strong { font-size: 10px; }
.local-device-bar em { justify-self: end; color: var(--green); font: 650 8px var(--mono); font-style: normal; text-transform: uppercase; }
.local-device-body { padding: 48px 45px; }
.local-device-body h3 { max-width: 380px; margin: 0 0 38px; font-size: 31px; letter-spacing: -.04em; line-height: 1.08; }
.local-device-body dl { margin: 0; border-top: 1px solid var(--line-strong); }
.local-device-body dl div { min-height: 48px; display: grid; grid-template-columns: 100px 1fr; align-items: center; border-bottom: 1px solid var(--line); }
.local-device-body dt { color: var(--quiet); font: 600 8px var(--mono); text-transform: uppercase; }
.local-device-body dd { margin: 0; font-size: 11px; }
.local-device-body p { margin: 38px 0 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.local-expansion { min-height: 565px; padding: 55px; display: flex; flex-direction: column; justify-content: space-between; color: #eef1ee; background: var(--night); }
.local-expansion > div > span { color: #dc8278; font: 650 8px var(--mono); }
.local-expansion h3 { max-width: 620px; margin: 24px 0 0; font-size: clamp(31px,3.6vw,47px); letter-spacing: -.045em; line-height: 1.04; }
.local-expansion p { max-width: 600px; margin: 22px 0 0; color: #aeb6b2; font-size: 14px; line-height: 1.65; }
.local-path { padding-top: 30px; display: grid; grid-template-columns: auto 1fr auto 1fr auto; gap: 16px; align-items: center; border-top: 1px solid var(--night-line); color: #c7ceca; font: 600 8px var(--mono); text-transform: uppercase; }
.local-path i { height: 1px; background: var(--night-line); }
.local-path strong { color: white; }
.product-local-story .development-note { padding-top: 25px; border-top: 1px solid var(--line); color: var(--muted); }
.product-local-story .development-note strong { color: var(--ink); }
.product-local-story .development-note a { color: var(--signal); }

.operating-record { width: var(--product); margin: 90px auto 0; }
.operating-model { min-height: 620px; display: grid; grid-template-columns: minmax(340px,.8fr) minmax(0,1.2fr); background: white; }
.operating-task { padding: 70px 55px; border-right: 1px solid var(--line); background: #f6f6f3; }
.operating-task h3 { margin: 15px 0 40px; font-size: 33px; font-weight: 640; letter-spacing: -.04em; line-height: 1.06; }
.operating-task dl { margin: 0; border-top: 1px solid var(--line-strong); }
.operating-task dl div { min-height: 43px; display: grid; grid-template-columns: 90px 1fr; align-items: center; border-bottom: 1px solid var(--line); }
.operating-task dt { color: var(--quiet); font: 600 8px var(--mono); text-transform: uppercase; }
.operating-task dd { margin: 0; font-size: 11px; }
.operating-task > p { margin: 42px 0 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.operating-path { margin: 0; padding: 48px 55px; list-style: none; }
.operating-path li { position: relative; min-height: 125px; padding: 20px 0 20px 90px; border-bottom: 1px solid var(--line); }
.operating-path li:first-child { border-top: 1px solid var(--line-strong); }
.operating-path time { position: absolute; top: 23px; left: 0; color: var(--quiet); font: 9px var(--mono); }
.operating-path div { display: flex; flex-direction: column; }
.operating-path span { color: var(--quiet); font: 600 8px var(--mono); text-transform: uppercase; }
.operating-path strong { margin-top: 7px; font-size: 14px; }
.operating-path p { margin: 5px 0 0; color: var(--muted); font-size: 11px; }
.operating-path .temporary-attempt { margin: 0 -16px; padding-right: 16px; padding-left: 106px; background: #f3f3f0; }
.operating-path .temporary-attempt time { left: 16px; }
.operating-path .temporary-attempt::after { content: "temporary execution"; position: absolute; top: 20px; right: 15px; color: var(--signal); font: 600 7px var(--mono); text-transform: uppercase; }
.model-note { max-width: 850px; margin: 45px auto 0; color: var(--muted); font-size: 15px; text-align: center; }
.product-record-story { color: #eef1ee; background: var(--night); }
.product-record-story > header h2 { color: #eef1ee; }
.product-record-story > header p { color: #aeb6b2; }
.record-table { width: min(1000px, calc(100% - 56px)); margin: 80px auto 0; border-top: 1px solid #7a8580; }
.record-table > div { min-height: 95px; display: grid; grid-template-columns: 230px 1fr; align-items: center; border-bottom: 1px solid var(--night-line); }
.record-table strong { font-size: 17px; }
.record-table p { margin: 0; color: #aeb6b2; font-size: 13px; }
.product-workspace-story { background: #f7f6f1; }
.development-note { width: min(900px, calc(100% - 56px)); margin: 70px auto 0; display: grid; grid-template-columns: auto 1fr auto; gap: 25px; align-items: center; color: #aeb6b2; }
.development-note strong { color: white; font-size: 14px; }
.development-note p { margin: 0; font-size: 12px; }
.development-note a { color: #e28d83; font-size: 12px; }

/* Acquisition pages */
.acquisition-index { width: min(1050px, calc(100% - 56px)); margin: 0 auto clamp(100px,12vw,160px); }
.acquisition-index > header { max-width: 780px; margin-bottom: 48px; }
.acquisition-index h2 { margin: 0; font-size: clamp(40px,5vw,64px); font-weight: 640; letter-spacing: -.05em; line-height: 1; }
.acquisition-index header p { max-width: 640px; margin: 23px 0 0; color: var(--muted); font-size: 17px; }
.acquisition-index > div { border-top: 1px solid var(--line-strong); }
.acquisition-index a { min-height: 94px; padding: 18px 4px; display: grid; grid-template-columns: minmax(260px,.75fr) minmax(0,1fr) 24px; gap: 36px; align-items: center; border-bottom: 1px solid var(--line); text-decoration: none; }
.acquisition-index a:hover strong { color: var(--signal); }
.acquisition-index strong { font-size: 17px; }
.acquisition-index a span { color: var(--muted); font-size: 13px; }
.acquisition-index a i { color: var(--quiet); font-style: normal; }

.acquisition-page .page-hero { min-height: 610px; padding-bottom: 130px; }
.acquisition-page .page-hero h1 { max-width: 980px; font-size: clamp(58px,7vw,98px); }
.acquisition-answer { width: min(1080px, calc(100% - 56px)); margin: 0 auto; padding: 70px 0 120px; display: grid; grid-template-columns: minmax(300px,.85fr) minmax(0,1.15fr); gap: clamp(70px,9vw,140px); border-top: 1px solid var(--line-strong); }
.acquisition-answer h2 { margin: 0; font-size: clamp(36px,4.5vw,59px); font-weight: 630; letter-spacing: -.05em; line-height: 1.02; }
.acquisition-answer p { margin: 0 0 24px; color: var(--muted); font-size: 18px; line-height: 1.72; }
.acquisition-visual { padding: 0 0 clamp(120px,14vw,190px); }
.acquisition-visual > .product-window { width: var(--product); margin: 0 auto; }
.acquisition-visual .workspace-browser, .acquisition-visual .knowledge-workspace, .acquisition-visual .relationship-workspace { margin-top: 0; }

.acquisition-workflow { padding: clamp(110px,13vw,180px) 0; background: #f7f6f1; }
.acquisition-workflow > header { width: min(960px, calc(100% - 56px)); margin: 0 auto 80px; }
.acquisition-workflow h2 { max-width: 860px; margin: 0; font-size: clamp(45px,6vw,79px); font-weight: 630; letter-spacing: -.055em; line-height: .98; }
.acquisition-workflow header p { max-width: 680px; margin: 28px 0 0; color: var(--muted); font-size: 18px; }
.workflow-ledger { width: min(1080px, calc(100% - 56px)); margin: 0 auto; border-top: 1px solid var(--line-strong); }
.workflow-ledger > div { min-height: 145px; padding: 30px 4px; display: grid; grid-template-columns: 110px minmax(250px,.8fr) minmax(0,1.2fr); gap: 48px; align-items: start; border-bottom: 1px solid var(--line); }
.workflow-ledger span { padding-top: 4px; color: var(--signal); font: 650 9px var(--mono); text-transform: uppercase; }
.workflow-ledger h3 { margin: 0; font-size: 21px; font-weight: 640; line-height: 1.3; }
.workflow-ledger p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }

.acquisition-proof { padding: clamp(110px,13vw,180px) max(28px,calc((100% - 1120px)/2)); display: grid; grid-template-columns: minmax(0,1.15fr) minmax(360px,.85fr); gap: clamp(70px,9vw,135px); color: #eef1ee; background: var(--night); }
.acquisition-proof h2 { max-width: 730px; margin: 0; font-size: clamp(43px,5.4vw,72px); font-weight: 630; letter-spacing: -.055em; line-height: 1; }
.acquisition-proof p { max-width: 720px; margin: 27px 0 0; color: #aeb6b2; font-size: 16px; line-height: 1.7; }
.acquisition-proof .source-note { color: #808b86; font: 10px/1.7 var(--mono); }
.source-note a { color: #d98980; text-underline-offset: 4px; }
.acquisition-proof dl { margin: 0; align-self: center; border-top: 1px solid #6d7772; }
.acquisition-proof dl div { min-height: 74px; display: grid; grid-template-columns: 120px 1fr; gap: 20px; align-items: center; border-bottom: 1px solid var(--night-line); }
.acquisition-proof dt { color: #87918c; font: 650 8px var(--mono); text-transform: uppercase; }
.acquisition-proof dd { margin: 0; color: #e2e6e3; font-size: 13px; }

.related-work { width: min(1050px, calc(100% - 56px)); margin: 0 auto; padding: clamp(100px,12vw,160px) 0; }
.related-work h2 { margin: 0 0 42px; font-size: clamp(38px,4.5vw,58px); letter-spacing: -.045em; }
.related-work > a { min-height: 105px; padding: 18px 4px; display: grid; grid-template-columns: 1fr 24px; align-items: center; border-bottom: 1px solid var(--line); text-decoration: none; }
.related-work > a:first-of-type { border-top: 1px solid var(--line-strong); }
.related-work > a span { display: flex; align-items: baseline; gap: 50px; }
.related-work strong { width: 210px; font-size: 17px; }
.related-work small { color: var(--muted); font-size: 13px; }
.related-work i { color: var(--quiet); font-style: normal; }
.related-work a:hover strong { color: var(--signal); }

/* Daily planning concept */
.planner-layout { min-height: 650px; display: grid; grid-template-columns: 260px minmax(0,1fr) 300px; }
.planner-day { padding: 42px 30px; border-right: 1px solid var(--line); background: #f6f7f4; }
.planner-day > strong { color: var(--quiet); font: 650 8px var(--mono); text-transform: uppercase; }
.mini-week { margin: 18px -5px 46px; display: grid; grid-template-columns: repeat(5,1fr); gap: 4px; }
.mini-week span { padding: 7px 2px; color: var(--quiet); border-radius: 3px; font: 7px/1.8 var(--mono); text-align: center; }
.mini-week b { color: var(--muted); font-size: 9px; }
.mini-week .active { color: white; background: var(--night); }
.mini-week .active b { color: white; }
.planner-day h3 { margin: 0; font-size: 31px; letter-spacing: -.04em; }
.planner-day p { color: var(--muted); font-size: 11px; line-height: 1.65; }
.planner-day dl { margin-top: 38px; border-top: 1px solid var(--line-strong); }
.planner-day dl div { min-height: 43px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--line); }
.planner-day dt { color: var(--muted); font-size: 10px; }
.planner-day dd { margin: 0; font: 9px var(--mono); }
.planner-list { padding: 42px 34px; }
.planner-list > header { min-height: 34px; padding: 0 10px; display: grid; grid-template-columns: 1fr 110px; border-bottom: 1px solid var(--line-strong); color: var(--quiet); font: 650 8px var(--mono); text-transform: uppercase; }
.planner-row { min-height: 83px; padding: 0 10px; display: grid; grid-template-columns: 45px 12px minmax(0,1fr) 110px; gap: 12px; align-items: center; border-bottom: 1px solid var(--line); }
.planner-row time { color: var(--quiet); font: 8px var(--mono); }
.planner-row div { display: flex; flex-direction: column; }
.planner-row strong { font-size: 11px; }
.planner-row small { color: var(--muted); font-size: 9px; }
.planner-row p { margin: 0; color: var(--muted); font-size: 9px; }
.planner-detail { padding: 45px 28px; border-left: 1px solid var(--line); background: #fafaf8; }
.planner-detail h3 { margin: 14px 0 22px; font-size: 22px; letter-spacing: -.03em; line-height: 1.15; }
.planner-detail > p { color: var(--muted); font-size: 11px; line-height: 1.6; }
.planner-detail dl { margin: 30px 0; border-top: 1px solid var(--line); }
.planner-detail dl div { min-height: 41px; display: grid; grid-template-columns: 80px 1fr; align-items: center; border-bottom: 1px solid var(--line); }
.planner-detail dt { color: var(--quiet); font: 7px var(--mono); text-transform: uppercase; }
.planner-detail dd { margin: 0; font-size: 9px; }
.planner-detail > strong { color: var(--quiet); font: 650 8px var(--mono); text-transform: uppercase; }

/* Personal project concept */
.project-layout { min-height: 650px; display: grid; grid-template-columns: 310px minmax(0,1fr) 280px; }
.project-summary { padding: 52px 38px; border-right: 1px solid var(--line); background: #f6f7f4; }
.project-summary h3 { margin: 13px 0 20px; font-size: 33px; letter-spacing: -.045em; line-height: 1.05; }
.project-summary > p { color: var(--muted); font-size: 12px; line-height: 1.6; }
.project-summary dl { margin: 45px 0 0; border-top: 1px solid var(--line-strong); }
.project-summary dl div { min-height: 46px; display: grid; grid-template-columns: 110px 1fr; align-items: center; border-bottom: 1px solid var(--line); }
.project-summary dt { color: var(--quiet); font: 7px var(--mono); text-transform: uppercase; }
.project-summary dd { margin: 0; font-size: 10px; }
.project-board { padding: 42px 35px; }
.project-board section + section { margin-top: 45px; }
.project-board h4, .project-context h4 { margin: 0; padding-bottom: 12px; border-bottom: 1px solid var(--line-strong); font-size: 13px; }
.project-board section > div { min-height: 65px; padding: 0 5px; display: flex; gap: 12px; align-items: center; border-bottom: 1px solid var(--line); }
.project-board section > div > span { display: flex; flex-direction: column; }
.project-board b { font-size: 11px; }
.project-board small { color: var(--muted); font-size: 9px; }
.project-context { padding: 42px 25px; border-left: 1px solid var(--line); background: #fafaf8; }
.project-context > a { min-height: 54px; display: flex; flex-direction: column; justify-content: center; border-bottom: 1px solid var(--line); text-decoration: none; }
.project-context > a span { font-size: 10px; font-weight: 650; }
.project-context > a small { color: var(--quiet); font-size: 8px; }
.project-context > div { margin-top: 38px; padding: 18px; border-left: 2px solid var(--green); background: var(--focus); }
.project-context > div strong { font-size: 9px; }
.project-context > div p { margin: 7px 0 0; color: var(--muted); font-size: 9px; }

/* Comparison and memory concepts */
.comparison-layout { min-height: 620px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.comparison-layout > section { padding: clamp(45px,6vw,80px); background: #f7f7f4; }
.comparison-layout > section + section { border-left: 1px solid var(--line); }
.comparison-layout > section > span, .memory-layout section > span { color: var(--quiet); font: 650 8px var(--mono); letter-spacing: .04em; }
.comparison-layout h3 { margin: 13px 0 25px; font-size: clamp(38px,4vw,55px); letter-spacing: -.05em; }
.comparison-layout p { min-height: 90px; color: var(--muted); font-size: 13px; line-height: 1.65; }
.comparison-layout dl { margin: 45px 0 0; border-top: 1px solid var(--line-strong); }
.comparison-layout dl div { min-height: 58px; display: grid; grid-template-columns: 100px 1fr; gap: 20px; align-items: center; border-bottom: 1px solid var(--line); }
.comparison-layout dt { color: var(--quiet); font: 7px var(--mono); text-transform: uppercase; }
.comparison-layout dd { margin: 0; font-size: 10px; }
.comparison-layout .ro-model { color: #eef1ee; background: var(--night); }
.comparison-layout .ro-model p { color: #aeb6b2; }
.comparison-layout .ro-model dl { border-color: #6b7570; }
.comparison-layout .ro-model dl div { border-color: var(--night-line); }
.comparison-layout .ro-model dd { color: #dce1de; }

.memory-layout { min-height: 620px; display: grid; grid-template-columns: minmax(0,1fr) 125px minmax(0,1fr); background: white; }
.memory-layout section { padding: clamp(45px,5vw,70px); }
.memory-layout h3 { margin: 13px 0 42px; font-size: clamp(28px,3.2vw,43px); letter-spacing: -.045em; line-height: 1.05; }
.harness-memory { background: #f6f7f4; }
.harness-memory > div { min-height: 110px; padding: 20px 0; border-top: 1px solid var(--line); }
.harness-memory b { font-size: 12px; }
.harness-memory p { margin: 8px 0 0; color: var(--muted); font-size: 11px; }
.memory-layout footer { margin-top: 32px; color: var(--quiet); font: 8px var(--mono); text-transform: uppercase; }
.memory-bridge { padding: 0 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; border-right: 1px solid var(--line); border-left: 1px solid var(--line); color: var(--quiet); background: #eeeeeb; font: 7px/1.5 var(--mono); text-align: center; text-transform: uppercase; }
.memory-bridge i { width: 1px; height: 80px; background: var(--line-strong); }
.memory-task { padding: 20px; border-left: 3px solid var(--signal); background: var(--focus); }
.memory-task strong, .memory-task small { display: block; }
.memory-task strong { font-size: 13px; }
.memory-task small { margin-top: 5px; color: var(--muted); font-size: 9px; }
.project-memory dl { margin: 28px 0 0; border-top: 1px solid var(--line-strong); }
.project-memory dl div { min-height: 50px; display: grid; grid-template-columns: 85px 1fr; gap: 15px; align-items: center; border-bottom: 1px solid var(--line); }
.project-memory dt { color: var(--quiet); font: 7px var(--mono); text-transform: uppercase; }
.project-memory dd { margin: 0; font-size: 10px; }

/* Writing and development */
.writing-index { width: min(980px, calc(100% - 56px)); margin: 0 auto; padding-top: 40px; }
.development-board { background: #f7f6f1; }
.question-list { width: min(930px, calc(100% - 56px)); margin: 80px auto 0; }
.question-list > div { min-height: 110px; display: grid; grid-template-columns: minmax(260px,.7fr) minmax(0,1fr); gap: 55px; align-items: center; border-bottom: 1px solid var(--line); }
.question-list > div:first-child { border-top: 1px solid var(--line-strong); }
.question-list strong { font-size: 18px; }
.question-list p { margin: 0; color: var(--muted); font-size: 14px; }
.status-workspace { padding: clamp(100px,12vw,160px) 0; color: white; background: var(--night); }
.status-window { width: min(1050px, calc(100% - 56px)); margin: 0 auto; color: var(--ink); box-shadow: 0 25px 80px rgba(0,0,0,.25); }
.status-rows { padding: 35px 55px; }
.status-rows > div { min-height: 90px; display: grid; grid-template-columns: 160px 240px 1fr; gap: 25px; align-items: center; border-bottom: 1px solid var(--line); }
.status-rows > div:first-child { border-top: 1px solid var(--line-strong); }
.status-rows span { color: var(--quiet); font: 600 8px var(--mono); text-transform: uppercase; }
.status-rows strong { font-size: 14px; }
.status-rows p { color: var(--muted); font-size: 11px; }

/* Essays */
.essay { width: min(880px, calc(100% - 56px)); margin: 0 auto; padding: clamp(90px,12vw,165px) 0; }
.essay-header > a { display: inline-block; margin-bottom: 90px; color: var(--muted); font-size: 11px; text-decoration: none; }
.essay-header h1 { margin: 0; font-size: clamp(53px,7.3vw,89px); font-weight: 640; letter-spacing: -.06em; line-height: .95; }
.essay-header > p { max-width: 700px; margin: 32px 0 0; color: var(--muted); font-size: 22px; line-height: 1.45; }
.essay-header > div { margin-top: 38px; display: flex; gap: 22px; color: var(--quiet); font: 600 9px var(--mono); }
.essay-body { max-width: 710px; margin: 90px auto 0; }
.essay-body section + section { margin-top: 70px; }
.essay-body h2 { margin: 0 0 24px; font-size: 31px; letter-spacing: -.03em; }
.essay-body p { margin: 0 0 25px; font-size: 19px; line-height: 1.75; }
.essay-body blockquote { margin: 52px -50px; padding: 30px 0; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line); color: var(--signal); font-size: 28px; font-weight: 570; line-height: 1.35; }
.essay-footer { margin-top: 75px; padding-top: 28px; border-top: 1px solid var(--line-strong); }
.essay-footer p { max-width: 630px; color: var(--muted); font-size: 16px; }
.essay-footer a { font-weight: 650; }
.more-writing { width: min(980px, calc(100% - 56px)); margin: 0 auto 120px; }
.more-writing h2 { margin: 0 0 28px; font-size: 34px; }
.more-writing > a { min-height: 85px; display: grid; grid-template-columns: 130px 1fr 25px; gap: 20px; align-items: center; border-bottom: 1px solid var(--line); text-decoration: none; }
.more-writing > a:first-of-type { border-top: 1px solid var(--line-strong); }
.more-writing span { color: var(--quiet); font: 600 9px var(--mono); }
.more-writing strong { font-size: 16px; }
.more-writing i { color: var(--quiet); font-style: normal; }

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --ground: #121513;
    --paper: #181d1a;
    --white: #1b201d;
    --ink: #e8ece8;
    --muted: #aab2ad;
    --quiet: #7f8983;
    --line: #343b37;
    --line-strong: #56615b;
    --soft: #232a26;
    --focus: #29312c;
    --signal: #df766c;
    --blue: #78a3b5;
    --amber: #c79651;
    --green: #69a28d;
    --night: #0b100e;
    --night-2: #161d19;
    --night-line: #39443e;
  }

  .button { border-color: #69746e; color: var(--ink); background: #2b332f; }
  .button:hover { background: #37413c; }
  .window-shell, .worker-window, .status-window, .local-device { border-color: var(--line-strong); box-shadow: 0 26px 75px rgba(0,0,0,.34), 0 3px 9px rgba(0,0,0,.18); }
  .window-bar, .local-device-bar { border-color: var(--line); background: #202622; }
  .window-controls i { border-color: #626c66; background: #343c37; }
  .mode-line { border-color: var(--line); color: var(--quiet); background: #1f2521; }
  .hero-desktop-window { box-shadow: 0 30px 90px rgba(0,0,0,.42), 0 4px 10px rgba(0,0,0,.22); }

  .business-sidebar,
  .domain-sidebar,
  .knowledge-nav,
  .relationship-list,
  .planner-day,
  .project-summary,
  .harness-memory,
  .operating-task { background: #171c19; }

  .business-sidebar > span.active,
  .domain-sidebar span.active,
  .knowledge-nav > span.active,
  .relationship-list button.active { background: var(--focus); }

  .business-today,
  .memo-document,
  .hero-phone nav,
  .knowledge-layout,
  .relationship-layout,
  .relationship-search,
  .local-device,
  .operating-model,
  .memory-layout { background: var(--white); }

  .business-context,
  .memo-staff-note,
  .record-inspector,
  .interaction-timeline,
  .planner-detail,
  .project-context { background: #191e1b; }

  .hero-phone { border-color: #080b09; background: var(--white); box-shadow: 0 24px 65px rgba(0,0,0,.48); }
  .activity-panel, .discussion-panel, .comparison-layout > section { background: #181d1a; }
  .activity-result, .memory-bridge, .discussion-conclusion, .operating-path .temporary-attempt { background: var(--focus); }

  .workspace-story,
  .home-local-story,
  .product-work-story,
  .product-relationship-story,
  .product-local-story,
  .product-workspace-story,
  .acquisition-workflow,
  .development-board { background: #151916; }

  .task-body p, .note-document > p { color: var(--muted); }
  .business-sidebar > span { color: var(--muted); }
  .memory-bridge { border-color: var(--line); }
  .mini-week .active { color: var(--ink); background: #313a35; }
}

@media (max-width: 1050px) {
  .home-hero { min-height: auto; grid-template-columns: 1fr; }
  .home-hero-copy { max-width: 820px; }
  .hero-product-suite { margin-top: 45px; }
  .business-app-frame { grid-template-columns: 155px minmax(0,1fr) 230px; }
  .memo-app-frame { grid-template-columns: minmax(0,1fr) 190px; }
  .task-layout { grid-template-columns: minmax(0,1fr) 310px; }
  .browser-layout { grid-template-columns: 165px 1fr; }
  .record-inspector { display: none; }
  .worker-surface { grid-template-columns: 1fr; }
  .ownership-register { display: grid; grid-template-columns: repeat(2,1fr); }
  .ownership-register .local-mode { grid-column: 1 / -1; }
  .operating-model { grid-template-columns: 300px 1fr; }
  .operating-task { padding: 50px 35px; }
  .operating-path { padding: 35px; }
  .knowledge-layout { grid-template-columns: 150px minmax(0,1fr) 300px; }
  .note-document { padding: 50px 35px; }
  .relationship-layout { grid-template-columns: minmax(0,1fr) 300px; }
  .relationship-list { display: none; }
  .local-workspace { grid-template-columns: minmax(330px,.8fr) minmax(0,1.2fr); }
  .local-expansion { padding: 42px; }
  .planner-layout { grid-template-columns: 230px minmax(0,1fr); }
  .planner-detail { display: none; }
  .project-layout { grid-template-columns: 280px minmax(0,1fr); }
  .project-context { display: none; }
  .memory-layout { grid-template-columns: minmax(0,1fr) 90px minmax(0,1fr); }
  .acquisition-proof { grid-template-columns: minmax(0,1.1fr) minmax(320px,.9fr); gap: 60px; }
  .signup { grid-template-columns: 1fr; }
  .signup form { max-width: 700px; }
  .tool-boundaries { grid-template-columns: repeat(2,1fr); }
  .tool-boundaries > div:nth-child(2) { border-right: 0; }
  .tool-boundaries > div:nth-child(4) { border-right: 0; }
}

@media (max-width: 760px) {
  :root { --page: calc(100% - 28px); --product: calc(100% - 20px); }
  .site-header { min-height: 66px; grid-template-columns: auto 1fr; gap: 16px; }
  .site-header nav { justify-self: end; gap: 14px; }
  .site-header nav a { font-size: 11px; }
  .header-access { display: none; }
  .page-hero { width: var(--page); min-height: auto; padding: 80px 0 70px; }
  .page-hero h1 { font-size: clamp(48px,13vw,72px); }
  .page-hero > p:not(.page-status) { font-size: 19px; }
  .acquisition-page .page-hero { min-height: auto; padding-bottom: 85px; }
  .acquisition-page .page-hero h1 { font-size: clamp(47px,13vw,68px); }
  .home-hero { padding: 62px 0 120px; display: block; }
  .home-hero-copy { max-width: none; padding-left: 0; }
  .home-hero-copy h1 { font-size: clamp(52px,14vw,70px); }
  .home-hero-copy > p:not(.hero-status) { font-size: 19px; }
  .hero-product-suite { margin-top: 58px; }
  .hero-product-suite figcaption { margin-right: 15px; }
  .hero-product-suite figcaption span:last-child { display: none; }
  .hero-devices { padding: 0 30px 80px 0; }
  .business-app-frame { height: 455px; grid-template-columns: 1fr; }
  .memo-app-frame { height: 455px; grid-template-columns: 1fr; }
  .memo-staff-note { display: none; }
  .memo-document { padding: 27px 17px; }
  .memo-document > header { margin-bottom: 20px; }
  .memo-document > header h2 { font-size: 24px; }
  .memo-section + .memo-section { margin-top: 12px; }
  .memo-section article { min-height: 74px; grid-template-columns: 20px minmax(0,1fr) auto; }
  .memo-section p { white-space: normal; }
  .business-sidebar, .business-context { display: none; }
  .business-today { padding: 31px 18px; }
  .business-today > header { margin-bottom: 25px; }
  .business-today header h2 { font-size: 27px; }
  .business-row { min-height: 51px; }
  .hero-phone { right: 0; bottom: 0; width: 138px; height: 286px; border-width: 4px; border-radius: 23px; }
  .hero-phone > header { padding: 11px 11px 8px; }
  .hero-phone > header h3 { font-size: 17px; }
  .hero-phone main { padding: 0 7px; }
  .hero-phone main > div { min-height: 48px; padding: 5px 3px; }
  .hero-phone main strong { font-size: 7px; }
  .hero-phone main em { display: none; }
  .hero-phone nav { height: 35px; }
  .product-window figcaption span:last-child { display: none; }
  .window-bar { grid-template-columns: auto 1fr auto; gap: 14px; }
  .window-bar > span:nth-child(2) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .mode-line span:last-child { display: none; }
  .record-story, .workspace-story, .product-model-story, .product-record-story, .product-workspace-story, .product-boundary-story, .product-project-story, .product-work-story, .product-knowledge-story, .product-relationship-story, .product-attention-story, .product-actors-story, .product-local-story, .home-local-story, .development-board, .writing-index { padding: 100px 0; }
  .record-story > header h2, .workspace-story > header h2, .product-model-story > header h2, .product-record-story > header h2, .product-workspace-story > header h2, .product-boundary-story > header h2, .product-project-story > header h2, .product-work-story > header h2, .product-knowledge-story > header h2, .product-relationship-story > header h2, .product-actors-story > header h2, .product-local-story > header h2, .home-local-story > header h2, .development-board > header h2 { font-size: 44px; }
  .record-story > header p, .workspace-story > header p, .product-model-story > header p, .product-record-story > header p, .product-workspace-story > header p, .product-boundary-story > header p, .product-project-story > header p, .product-work-story > header p, .product-knowledge-story > header p, .product-relationship-story > header p, .product-actors-story > header p, .product-local-story > header p, .home-local-story > header p, .development-board > header p { font-size: 17px; }
  .task-workspace, .workspace-browser, .workspace-story .project-workspace, .product-project-story .project-workspace { margin-top: 60px; }
  .task-layout { min-height: 0; grid-template-columns: 1fr; }
  .task-document { padding: 38px 24px; }
  .task-document h3 { margin-bottom: 32px; font-size: 34px; }
  .task-fields { grid-template-columns: 1fr; }
  .task-body p:nth-child(2), .context-register a:nth-of-type(n+3) { display: none; }
  .activity-panel { padding: 30px 24px; border-top: 1px solid var(--line); border-left: 0; }
  .activity-panel li:nth-child(2), .activity-panel li:nth-child(3), .activity-panel li:nth-child(4) { display: none; }
  .record-conclusion { margin-top: 58px; grid-template-columns: 1fr; gap: 18px; }
  .staff-model { margin-top: 60px; }
  .staff-control-map { min-height: 0; padding: 38px 22px; gap: 32px; }
  .staff-control-paths { grid-template-columns: repeat(2,1fr); }
  .staff-control-paths article { min-height: 125px; }
  .staff-control-paths article:nth-child(2) { border-right: 0; }
  .staff-control-paths article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .staff-control-map > footer { grid-template-columns: 1fr; gap: 9px; }
  .attention-story, .boundary-story, .product-boundary-story, .product-attention-story { padding: 100px 0; }
  .attention-intro h2, .boundary-story > header h2, .product-boundary-story > header h2 { font-size: 46px; }
  .attention-intro p, .boundary-story > header p, .product-boundary-story > header p { font-size: 16px; }
  .attention-workspace { margin-top: 60px; padding: 30px 20px 0; }
  .attention-workspace-head { display: none; }
  .attention-workspace-row { min-height: 84px; grid-template-columns: 1fr 80px; gap: 10px; padding-left: 29px; }
  .attention-workspace-row > i { left: 5px; }
  .attention-workspace-row p { grid-column: 1; }
  .attention-workspace-row em { grid-column: 2; grid-row: 1 / 3; }
  .attention-workspace footer span:first-child { display: none; }
  .attention-workspace footer { justify-content: flex-end; }
  .attention-promise { width: var(--page); text-align: left; }
  .browser-layout { height: 560px; grid-template-columns: 1fr; }
  .domain-sidebar, .record-inspector { display: none; }
  .records-pane { padding: 35px 20px; }
  .records-pane > header { margin-bottom: 30px; }
  .record-row { min-height: 63px; }
  .manual-promise { margin-top: 58px; text-align: left; }
  .meaning-example { width: var(--page); margin-top: 58px; grid-template-columns: 1fr; }
  .meaning-example > section { min-height: 0; padding: 30px 22px; }
  .meaning-example > i { min-height: 42px; transform: rotate(90deg); }
  .meaning-example pre { margin-top: 34px; }
  .business-register { width: var(--page); margin-top: 58px; }
  .business-register > div { min-height: 0; padding: 24px 0; grid-template-columns: 105px 1fr; gap: 18px; align-items: start; }
  .business-register strong { font-size: 15px; }
  .business-register p { font-size: 13px; }
  .acquisition-index { width: var(--page); margin-bottom: 100px; }
  .acquisition-index > header { margin-bottom: 35px; }
  .acquisition-index h2 { font-size: 43px; }
  .acquisition-index a { min-height: 105px; grid-template-columns: 1fr 22px; gap: 12px; }
  .acquisition-index a strong, .acquisition-index a span { grid-column: 1; }
  .acquisition-index a i { grid-column: 2; grid-row: 1 / 3; }
  .acquisition-index a span { font-size: 12px; }
  .acquisition-answer { width: var(--page); padding: 55px 0 85px; grid-template-columns: 1fr; gap: 34px; }
  .acquisition-answer h2 { font-size: 41px; }
  .acquisition-answer p { font-size: 16px; }
  .acquisition-visual { padding-bottom: 100px; }
  .acquisition-workflow { padding: 95px 0; }
  .acquisition-workflow > header { width: var(--page); margin-bottom: 55px; }
  .acquisition-workflow h2 { font-size: 45px; }
  .acquisition-workflow header p { font-size: 16px; }
  .workflow-ledger { width: var(--page); }
  .workflow-ledger > div { min-height: 0; padding: 28px 0; grid-template-columns: 75px 1fr; gap: 8px 20px; }
  .workflow-ledger span { grid-column: 1; grid-row: 1 / 3; }
  .workflow-ledger h3, .workflow-ledger p { grid-column: 2; }
  .workflow-ledger h3 { font-size: 18px; }
  .workflow-ledger p { font-size: 13px; }
  .acquisition-proof { padding: 95px 20px; grid-template-columns: 1fr; gap: 60px; }
  .acquisition-proof h2 { font-size: 44px; }
  .acquisition-proof p { font-size: 15px; }
  .acquisition-proof dl div { min-height: 64px; }
  .related-work { width: var(--page); padding: 95px 0; }
  .related-work h2 { font-size: 41px; }
  .related-work > a { min-height: 110px; }
  .related-work > a span { display: flex; flex-direction: column; gap: 5px; }
  .related-work strong { width: auto; }
  .related-work small { font-size: 12px; }
  .product-overview { padding: 0 0 100px; }
  .product-page-hero { width: var(--page); min-height: auto; padding: 80px 0 72px; }
  .product-page-hero h1 { font-size: clamp(48px,13vw,68px); }
  .product-page-hero > div > p:not(.hero-status) { font-size: 19px; }
  .overview-statement { margin-top: 52px; grid-template-columns: 1fr; gap: 10px; }
  .overview-statement p { font-size: 15px; }
  .story-afterword { width: var(--page); margin-top: 50px; font-size: 15px; text-align: left; }
  .knowledge-workspace, .relationship-workspace { margin-top: 60px; }
  .knowledge-layout { min-height: 0; grid-template-columns: 1fr; }
  .knowledge-nav { display: none; }
  .note-document { padding: 38px 22px; }
  .note-document h3 { font-size: 34px; }
  .note-document .note-summary { font-size: 15px; }
  .note-document > p:nth-of-type(3) { display: none; }
  .discussion-panel { padding: 35px 22px; border-top: 1px solid var(--line); border-left: 0; }
  .discussion-comment:first-of-type { display: none; }
  .relationship-layout { min-height: 0; grid-template-columns: 1fr; }
  .relationship-list { display: none; }
  .organization-record { padding: 38px 22px; }
  .organization-record > h3 { font-size: 34px; }
  .interaction-timeline { padding: 35px 22px; border-top: 1px solid var(--line); border-left: 0; }
  .interaction-timeline li:nth-child(n+3) { display: none; }
  .planner-layout { min-height: 0; grid-template-columns: 1fr; }
  .planner-day { padding: 32px 22px; border-right: 0; border-bottom: 1px solid var(--line); }
  .mini-week { margin-bottom: 28px; }
  .planner-day dl, .planner-day > p { display: none; }
  .planner-list { padding: 25px 16px; }
  .planner-list > header { display: none; }
  .planner-row { min-height: 78px; grid-template-columns: 39px 10px minmax(0,1fr); gap: 10px; }
  .planner-row > p { display: none; }
  .project-layout { min-height: 0; grid-template-columns: 1fr; }
  .project-summary { padding: 38px 22px; border-right: 0; border-bottom: 1px solid var(--line); }
  .project-summary h3 { font-size: 31px; }
  .project-summary dl { margin-top: 28px; }
  .project-board { padding: 34px 22px; }
  .project-board section + section { margin-top: 35px; }
  .comparison-layout { min-height: 0; grid-template-columns: 1fr; }
  .comparison-layout > section { padding: 42px 22px; }
  .comparison-layout > section + section { border-top: 1px solid var(--line); border-left: 0; }
  .comparison-layout p { min-height: 0; }
  .comparison-layout dl { margin-top: 30px; }
  .memory-layout { min-height: 0; grid-template-columns: 1fr; }
  .memory-layout section { padding: 42px 22px; }
  .memory-layout h3 { margin-bottom: 30px; font-size: 32px; }
  .memory-bridge { min-height: 86px; padding: 15px; flex-direction: row; border-top: 1px solid var(--line); border-right: 0; border-bottom: 1px solid var(--line); border-left: 0; }
  .memory-bridge i { width: 70px; height: 1px; }
  .worker-surface { margin-top: 60px; }
  .worker-content { min-height: auto; padding: 35px 22px; }
  .worker-content dl div { padding: 12px 0; grid-template-columns: 105px 1fr; }
  .worker-content dd span { display: none; }
  .ownership-register { grid-template-columns: 1fr; }
  .ownership-register > div { min-height: auto; }
  .ownership-register p { margin-top: 28px; }
  .ownership-register .local-mode { grid-column: auto; min-height: auto; }
  .boundary-note { width: var(--page); margin-top: 55px; text-align: left; }
  .tool-boundaries { width: var(--page); grid-template-columns: 1fr; }
  .tool-boundaries > div { min-height: 92px; border-right: 0; }
  .tool-boundaries p { margin-top: 18px; }
  .home-close { padding-top: 90px; }
  .writing-index { padding-top: 0; }
  .writing-block { margin-bottom: 90px; }
  .writing-block > header { align-items: end; }
  .writing-block h2 { font-size: 38px; }
  .article-list > a { min-height: 115px; }
  .article-list p { display: none; }
  .article-list h3 { font-size: 22px; }
  .signup { width: 100%; margin-bottom: 0; padding: 70px 20px; }
  .signup h2 { font-size: 43px; }
  .signup-row { grid-template-columns: 1fr; }
  .signup-row button { min-height: 48px; padding: 0; display: flex; justify-content: space-between; }
  .site-footer { margin-top: 0; padding: 64px 0 28px; grid-template-columns: 1fr; gap: 48px; }
  .footer-intro p { margin-top: 20px; }
  .footer-directory { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 42px 26px; }
  .footer-directory > div:last-child { grid-column: 1 / -1; }
  .footer-meta { margin-top: 4px; flex-direction: column; gap: 7px; }
  .operating-record { margin-top: 60px; }
  .operating-model { grid-template-columns: 1fr; }
  .operating-task { padding: 38px 22px; border-right: 0; border-bottom: 1px solid var(--line); }
  .operating-task h3 { font-size: 28px; }
  .operating-task > p { margin-top: 28px; }
  .operating-path { padding: 20px 22px; }
  .operating-path li { min-height: 130px; padding-left: 60px; }
  .operating-path .temporary-attempt { padding-left: 76px; }
  .local-workspace { margin-top: 60px; grid-template-columns: 1fr; }
  .local-device-body { padding: 38px 22px; }
  .local-device-body h3 { font-size: 29px; }
  .local-expansion { min-height: auto; padding: 42px 22px; gap: 60px; }
  .local-expansion h3 { font-size: 33px; }
  .local-path { grid-template-columns: 1fr; gap: 14px; }
  .local-path i { display: none; }
  .record-table { margin-top: 60px; }
  .record-table > div { padding: 18px 0; grid-template-columns: 110px 1fr; }
  .development-note { grid-template-columns: 1fr; }
  .question-list { margin-top: 60px; }
  .question-list > div { padding: 25px 0; grid-template-columns: 1fr; gap: 8px; }
  .status-rows { padding: 25px 20px; }
  .status-rows > div { padding: 18px 0; grid-template-columns: 1fr; gap: 5px; }
  .status-rows p { margin: 4px 0 0; }
  .essay { padding: 85px 0; }
  .essay-header > a { margin-bottom: 70px; }
  .essay-header h1 { font-size: 51px; }
  .essay-header > p { font-size: 19px; }
  .essay-header > div { flex-wrap: wrap; }
  .essay-body { margin-top: 70px; }
  .essay-body p { font-size: 17px; }
  .essay-body blockquote { margin: 42px 0; font-size: 24px; }
  .more-writing > a { padding: 16px 0; grid-template-columns: 1fr 25px; }
  .more-writing span, .more-writing strong { grid-column: 1; }
  .more-writing i { grid-column: 2; grid-row: 1 / 3; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }