@layer page{.okeytokey-case{--ok-canvas:#f2f3f5;--ok-surface:#e5e8ec;--ok-ink:#17191f;--ok-muted:#60656f;--ok-line:#c8ccd3;--ok-blue:#3b82f6;--ok-violet:#6f61d8;--ok-amber:#bd771d;--product-surface:#dfe2e7;--product-emphasis:#414751;--media-frame-bezel:#17191d;--media-frame-edge:#fff3;--media-frame-shadow:#14171d33;--ok-rule-soft:color-mix(in srgb, var(--ok-ink) 4%, transparent);--ok-core-surface:color-mix(in srgb, var(--ok-violet) 9%, var(--ok-canvas));--ok-contract-surface:color-mix(in srgb, var(--ok-blue) 8%, var(--ok-canvas));width:min(calc(100% - (2 * var(--space-layout-gutter))), var(--layout-content-max));background:var(--ok-canvas);box-shadow:0 0 0 100vmax var(--ok-canvas);clip-path:inset(0 -100vmax);color:var(--ok-ink);margin-inline:auto}[data-theme=carbon] .okeytokey-case{--ok-canvas:#151a22;--ok-surface:#202731;--ok-ink:#f0f2f5;--ok-muted:#aeb7c4;--ok-line:#3a4452;--ok-blue:#73a7ff;--ok-violet:#a496f2;--ok-amber:#dfa355;--product-surface:#252d38;--product-emphasis:#bbc4d0;--media-frame-bezel:#0c1016;--media-frame-edge:#ffffff29;--media-frame-shadow:#00000080}.okeytokey-case h1,.okeytokey-case h2,.okeytokey-case h3,.okeytokey-case p{margin:0}.okeytokey-case h1{font-family:var(--font-family-display);letter-spacing:var(--font-tracking-display);font-weight:500}.okeytokey-case h2{max-width:13ch;font-family:var(--font-family-display);font-size:var(--font-size-display);font-weight:500;line-height:1.02}.okeytokey-case .utility-label{color:var(--ok-muted)}.okeytokey-hero{gap:var(--space-fluid-block);border-bottom:1px solid var(--ok-line);padding-block:clamp(3rem,6vw,5rem) clamp(2rem,4vw,3rem);display:grid}.okeytokey-hero__copy{gap:var(--space-fluid-stack);display:grid}.okeytokey-hero__title-row{gap:var(--reference-space-300);display:grid}.okeytokey-hero h1{max-width:none;font-size:var(--font-size-hero);line-height:1}.okeytokey-logo--hero{place-self:center end;width:clamp(12rem,24vw,20rem);height:auto}.okeytokey-hero__lede{max-width:39rem;color:var(--ok-muted);font-size:var(--font-size-lead);line-height:1.45}.okeytokey-actions{align-items:center;gap:var(--reference-space-300);flex-wrap:wrap;display:flex}.okeytokey-actions>a:not(.action-link){min-height:1.5rem;color:var(--ok-ink);font-size:var(--font-size-small);text-underline-offset:.3em;align-items:center;display:inline-flex}.decision-chain{align-items:center;gap:var(--space-fluid-inset);grid-template-columns:1fr;display:grid}.decision-chain i{transform:rotate(90deg)}.decision-chain span{gap:var(--reference-space-100);border-top:2px solid var(--chain-color);min-width:0;padding-top:var(--reference-space-150);display:grid}.decision-chain span[data-tier=primitive]{--chain-color:var(--ok-blue)}.decision-chain span[data-tier=semantic]{--chain-color:var(--ok-violet)}.decision-chain span[data-tier=component]{--chain-color:var(--ok-amber)}.decision-chain b,.decision-chain code,.decision-chain i{font-family:var(--font-family-utility);font-style:normal;font-weight:400}.decision-chain b{font-size:var(--font-size-label);letter-spacing:.08em;text-transform:uppercase}.decision-chain code{color:var(--ok-muted);font-size:var(--font-size-label);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.decision-chain i{color:var(--ok-muted)}.okeytokey-artifact{gap:var(--reference-space-300);background:var(--ok-surface);padding:var(--space-fluid-inset-lg);border-radius:var(--radius-card);display:grid;overflow:hidden}.okeytokey-shot{gap:var(--reference-space-150);min-width:0;margin:0;display:grid}.okeytokey-shot figcaption{align-items:flex-start;gap:var(--reference-space-050);color:var(--ok-muted);font-family:var(--font-family-utility);font-size:var(--font-size-caption);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;display:flex}.okeytokey-shot figcaption span:last-child{color:var(--ok-accent)}.okeytokey-artifact>p{max-width:44rem;color:var(--ok-muted);font-size:var(--font-size-small);margin:0;line-height:1.55}.case-premise,.active-thesis,.architecture-section{gap:var(--space-fluid-region-lg);border-bottom:1px solid var(--ok-line);padding-block:var(--space-fluid-chapter);display:grid}.case-premise>div:first-child,.active-thesis>div:first-child,.architecture-section__intro,.workflow-proof>header,.proof-ledger>header{align-content:start;gap:var(--reference-space-300);display:grid}.case-premise__body,.active-thesis__body{gap:var(--reference-space-400);color:var(--ok-muted);font-size:var(--font-size-subhead);line-height:1.45;display:grid}.active-thesis{background:linear-gradient(135deg, color-mix(in srgb, var(--ok-violet) 8%, transparent), transparent 55%)}.active-thesis__body strong{color:var(--ok-ink);font-weight:600}.active-thesis__status{margin:var(--reference-space-300) 0 0;border-top:1px solid var(--ok-line);display:grid}.active-thesis__status>div{gap:var(--reference-space-150);border-bottom:1px solid var(--ok-line);padding-block:var(--reference-space-300);display:grid}.active-thesis__status dt{color:var(--ok-violet);font-family:var(--font-family-utility);font-size:var(--font-size-caption);letter-spacing:.08em;text-transform:uppercase}.active-thesis__status dd{color:var(--ok-ink);font-size:var(--font-size-body);margin:0;line-height:1.5}.workflow-proof,.proof-ledger{gap:var(--space-fluid-region-lg);border-bottom:1px solid var(--ok-line);padding-block:var(--space-fluid-chapter);display:grid}.workflow-proof__sequence{margin:0;padding:0;list-style:none;display:grid}.workflow-proof__step{gap:var(--space-fluid-block);border-top:1px solid var(--ok-line);padding-block:var(--space-fluid-region);display:grid}.workflow-proof__copy{align-content:start;gap:var(--reference-space-200);display:grid}.workflow-proof__copy>span{color:var(--ok-violet);font-family:var(--font-family-utility);font-size:var(--font-size-label);letter-spacing:.08em;text-transform:uppercase}.workflow-proof__copy h3{max-width:13ch;font-family:var(--font-family-display);font-size:var(--font-size-title);letter-spacing:var(--font-tracking-display);margin:0;font-weight:500;line-height:.95}.workflow-proof__copy>p,.architecture-section__intro>p:last-child{max-width:38rem;color:var(--ok-muted);margin:0;line-height:1.55}.workflow-proof__visual{min-width:0}.workflow-proof__pair{gap:var(--card-gap);display:grid}.architecture-section{background:linear-gradient(90deg, transparent 0 49.95%, var(--ok-rule-soft) 49.95% 50.05%, transparent 50.05%)}.architecture-map{gap:var(--reference-space-100);align-content:start;display:grid}.architecture-map>div{background:var(--ok-line);border:1px solid var(--ok-line);grid-template-columns:minmax(6rem,.55fr) 1fr;align-items:stretch;gap:1px;display:grid}.architecture-map span,.architecture-map b{background:var(--ok-canvas);min-height:4.5rem;padding:var(--reference-space-200)}.architecture-map span{color:var(--ok-muted);font-family:var(--font-family-utility);font-size:var(--font-size-label);letter-spacing:.08em;text-transform:uppercase}.architecture-map b{min-width:0;font-size:var(--font-size-small);overflow-wrap:anywhere;grid-column:2;place-items:center start;font-weight:520;display:grid}.architecture-map [data-layer=core] b{background:var(--ok-core-surface)}.architecture-map [data-layer=contract] b{background:var(--ok-contract-surface)}.proof-ledger dl{border-top:1px solid var(--ok-line);border-left:1px solid var(--ok-line);grid-template-columns:1fr;margin:0;display:grid}.proof-ledger dl>div{border-right:1px solid var(--ok-line);border-bottom:1px solid var(--ok-line);min-height:15rem;padding:var(--space-fluid-stack)}.proof-ledger dt{font-family:var(--font-family-display);font-size:var(--font-size-display);line-height:.9}.proof-ledger dd{max-width:15rem;margin:var(--reference-space-300) 0 0;color:var(--ok-muted)}.case-closing{align-content:center;align-items:end;gap:var(--space-fluid-region-lg);min-height:32rem;padding-block:var(--space-fluid-chapter);display:grid}.case-closing>div{gap:var(--reference-space-300);display:grid}.case-closing h2{max-width:none}.case-closing p:last-child{max-width:38rem;color:var(--ok-muted);font-size:var(--font-size-body)}@media (width>=48rem){.decision-chain{grid-template-columns:1fr auto 1fr auto 1fr}.decision-chain i{transform:none}.okeytokey-shot figcaption{justify-content:space-between;align-items:stretch;gap:var(--reference-space-200);flex-direction:row}.architecture-map>div{grid-template-columns:minmax(7rem,.5fr) repeat(5,minmax(0,1fr))}.architecture-map b{grid-column:auto}.proof-ledger dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=60rem){.okeytokey-hero{grid-template-columns:minmax(0,1fr)}.okeytokey-hero__title-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.okeytokey-hero h1{font-size:var(--font-size-hero)}.decision-chain{padding-bottom:var(--reference-space-200)}.case-premise,.active-thesis,.architecture-section{grid-template-columns:minmax(0,.9fr) minmax(25rem,1.1fr)}.proof-ledger{grid-template-columns:minmax(17rem,.38fr) minmax(0,.62fr)}.workflow-proof__step{grid-template-columns:minmax(16rem,.34fr) minmax(0,.66fr);align-items:start}.workflow-proof__pair{grid-template-columns:repeat(2,minmax(0,1fr))}.case-closing{grid-template-columns:minmax(0,1fr) auto}}}
