:root{color-scheme:light dark;--c-canvas: #F7F6F3;--c-canvas-sunken: #EFEDE8;--c-surface: #FFFFFF;--c-surface-muted: #FBFAF8;--c-ink: #14130F;--c-ink-secondary: #5C5950;--c-ink-tertiary: #78746A;--c-hairline: #E2DFD8;--c-hairline-strong: #CFCBC1;--c-accent: #1F5D4C;--c-accent-hover: #194C3E;--c-accent-soft: #E4EFEA;--c-accent-ink: #123A2F;--c-live: #B4402C;--c-live-soft: #FAE9E4;--c-live-ink: #7E2A1B;--c-caution: #8A6413;--c-caution-soft: #F7EEDA;--c-sand: #EDE7DA;--c-on-accent: #F7F6F3;--cat-viridian: #2E6F5A;--cat-indigo: #3C4F91;--cat-vermilion: #B4503A;--cat-ochre: #8E6916;--cat-plum: #6C4A76;--cat-teal: #256C7A;--font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;--font-display: ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Inter, Helvetica, Arial, sans-serif;--font-serif: ui-serif, "New York", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--t-display-xl-size: clamp(3.25rem, 8.4vw, 7rem);--t-display-xl-lh: .94;--t-display-xl-track: -.035em;--t-display-xl-weight: 300;--t-display-xl-family: var(--font-display);--t-display-l-size: clamp(2.5rem, 5.2vw, 4rem);--t-display-l-lh: 1.02;--t-display-l-track: -.03em;--t-display-l-weight: 300;--t-display-l-family: var(--font-display);--t-display-m-size: clamp(1.875rem, 3.1vw, 2.75rem);--t-display-m-lh: 1.08;--t-display-m-track: -.022em;--t-display-m-weight: 400;--t-display-m-family: var(--font-serif);--t-title-l-size: clamp(1.375rem, 1.8vw, 1.75rem);--t-title-l-lh: 1.22;--t-title-l-track: -.018em;--t-title-l-weight: 500;--t-title-l-family: var(--font-display);--t-title-m-size: 1.0625rem;--t-title-m-lh: 1.35;--t-title-m-track: -.012em;--t-title-m-weight: 550;--t-title-m-family: var(--font-sans);--t-body-l-size: clamp(1.0625rem, 1.05vw, 1.1875rem);--t-body-l-lh: 1.58;--t-body-l-track: -.005em;--t-body-l-weight: 400;--t-body-l-family: var(--font-sans);--t-body-size: .9375rem;--t-body-lh: 1.62;--t-body-track: 0;--t-body-weight: 400;--t-body-family: var(--font-sans);--t-caption-size: .8125rem;--t-caption-lh: 1.45;--t-caption-track: 0;--t-caption-weight: 400;--t-caption-family: var(--font-sans);--t-eyebrow-size: .6875rem;--t-eyebrow-lh: 1.2;--t-eyebrow-track: .13em;--t-eyebrow-weight: 500;--t-eyebrow-family: var(--font-mono);--t-numeric-size: .75rem;--t-numeric-lh: 1.2;--t-numeric-track: .02em;--t-numeric-weight: 500;--t-numeric-family: var(--font-mono);--s-0: 0;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 2.5rem;--s-8: 3rem;--s-9: 4rem;--s-10: 6rem;--s-11: 8rem;--s-12: 11rem;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-xxl: 36px;--r-pill: 999px;--sh-hair: 0 0 0 1px rgba(20,19,15,.06);--sh-sm: 0 1px 2px rgba(20,19,15,.05), 0 0 0 1px rgba(20,19,15,.05);--sh-md: 0 2px 4px rgba(20,19,15,.04), 0 8px 24px -8px rgba(20,19,15,.1), 0 0 0 1px rgba(20,19,15,.05);--sh-lg: 0 4px 8px rgba(20,19,15,.04), 0 24px 56px -16px rgba(20,19,15,.18), 0 0 0 1px rgba(20,19,15,.06);--sh-lift: 0 8px 16px rgba(20,19,15,.05), 0 32px 72px -20px rgba(20,19,15,.22), 0 0 0 1px rgba(20,19,15,.06);--d-instant: 90ms;--d-fast: .16s;--d-base: .24s;--d-slow: .42s;--d-reveal: .72s;--e-standard: cubic-bezier(.4, 0, .2, 1);--e-exit: cubic-bezier(.4, 0, 1, 1);--e-entrance: cubic-bezier(.22, 1, .36, 1);--e-spring: cubic-bezier(.34, 1.42, .64, 1);--measure: 68ch;--gutter: clamp(1.25rem, 4vw, 3.5rem);--max-w: 1240px;--max-w-narrow: 760px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--c-canvas: #100F0D;--c-canvas-sunken: #0A0A08;--c-surface: #1A1916;--c-surface-muted: #151412;--c-ink: #F4F2EC;--c-ink-secondary: #ABA699;--c-ink-tertiary: #8B8678;--c-hairline: #2B2925;--c-hairline-strong: #403D37;--c-accent: #63C4A6;--c-accent-hover: #7FD4BA;--c-accent-soft: #17302A;--c-accent-ink: #A6E5CE;--c-live: #E58067;--c-live-soft: #31201B;--c-live-ink: #F0A794;--c-caution: #D9AB55;--c-caution-soft: #2E2617;--c-sand: #26241F;--c-on-accent: #08130F}}:root[data-theme=dark]{--c-canvas: #100F0D;--c-canvas-sunken: #0A0A08;--c-surface: #1A1916;--c-surface-muted: #151412;--c-ink: #F4F2EC;--c-ink-secondary: #ABA699;--c-ink-tertiary: #8B8678;--c-hairline: #2B2925;--c-hairline-strong: #403D37;--c-accent: #63C4A6;--c-accent-hover: #7FD4BA;--c-accent-soft: #17302A;--c-accent-ink: #A6E5CE;--c-live: #E58067;--c-live-soft: #31201B;--c-live-ink: #F0A794;--c-caution: #D9AB55;--c-caution-soft: #2E2617;--c-sand: #26241F;--c-on-accent: #08130F}.t-display-xl{font-family:var(--t-display-xl-family);font-size:var(--t-display-xl-size);line-height:var(--t-display-xl-lh);letter-spacing:var(--t-display-xl-track);font-weight:var(--t-display-xl-weight)}.t-display-l{font-family:var(--t-display-l-family);font-size:var(--t-display-l-size);line-height:var(--t-display-l-lh);letter-spacing:var(--t-display-l-track);font-weight:var(--t-display-l-weight)}.t-display-m{font-family:var(--t-display-m-family);font-size:var(--t-display-m-size);line-height:var(--t-display-m-lh);letter-spacing:var(--t-display-m-track);font-weight:var(--t-display-m-weight)}.t-title-l{font-family:var(--t-title-l-family);font-size:var(--t-title-l-size);line-height:var(--t-title-l-lh);letter-spacing:var(--t-title-l-track);font-weight:var(--t-title-l-weight)}.t-title-m{font-family:var(--t-title-m-family);font-size:var(--t-title-m-size);line-height:var(--t-title-m-lh);letter-spacing:var(--t-title-m-track);font-weight:var(--t-title-m-weight)}.t-body-l{font-family:var(--t-body-l-family);font-size:var(--t-body-l-size);line-height:var(--t-body-l-lh);letter-spacing:var(--t-body-l-track);font-weight:var(--t-body-l-weight)}.t-body{font-family:var(--t-body-family);font-size:var(--t-body-size);line-height:var(--t-body-lh);letter-spacing:var(--t-body-track);font-weight:var(--t-body-weight)}.t-caption{font-family:var(--t-caption-family);font-size:var(--t-caption-size);line-height:var(--t-caption-lh);letter-spacing:var(--t-caption-track);font-weight:var(--t-caption-weight)}.t-eyebrow{font-family:var(--t-eyebrow-family);font-size:var(--t-eyebrow-size);line-height:var(--t-eyebrow-lh);letter-spacing:var(--t-eyebrow-track);font-weight:var(--t-eyebrow-weight)}.t-numeric{font-family:var(--t-numeric-family);font-size:var(--t-numeric-size);line-height:var(--t-numeric-lh);letter-spacing:var(--t-numeric-track);font-weight:var(--t-numeric-weight)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:6rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}body{min-height:100vh;background:var(--c-canvas);color:var(--c-ink);font-family:var(--font-sans);font-size:var(--t-body-size);line-height:var(--t-body-lh);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis-weight:none;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums;overflow-x:hidden}img,svg,video,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer;padding:0}a{color:inherit;text-decoration-color:color-mix(in srgb,currentColor 30%,transparent);text-underline-offset:.2em}h1,h2,h3,h4{font-weight:inherit;text-wrap:balance}p{text-wrap:pretty}ul,ol{list-style:none;padding:0}hr{border:none;border-top:1px solid var(--c-hairline)}::selection{background:color-mix(in srgb,var(--c-accent) 22%,transparent)}:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px;border-radius:var(--r-xs)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:0;left:50%;transform:translate(-50%,-120%);z-index:100;padding:.75rem 1.25rem;background:var(--c-ink);color:var(--c-on-accent);border-radius:0 0 var(--r-md) var(--r-md);transition:transform var(--d-fast) var(--e-standard)}.skip-link:focus-visible{transform:translate(-50%)}.shell{--nav-h: 4.5rem;position:relative;isolation:isolate}.wrap{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:var(--gutter)}.wrap--narrow{max-width:var(--max-w-narrow)}.section{padding-block:clamp(4.5rem,9vw,9rem);position:relative}.section--tight{padding-block:clamp(3rem,6vw,5.5rem)}.rule{height:1px;background:var(--c-hairline);border:0}.band--sunken{background:var(--c-canvas-sunken);border-block:1px solid var(--c-hairline)}.band--dark{--hero-ink: #f4f2ec;background:#100f0d;color:var(--hero-ink);border-radius:var(--r-xxl);margin-inline:var(--gutter);overflow:hidden;position:relative}.band--dark:before{content:"";position:absolute;inset:-40% -20% auto;height:80%;background:radial-gradient(50% 60% at 30% 0%,rgb(31 93 76 / .4),transparent 70%);filter:blur(30px);pointer-events:none}.band--dark .display-m,.band--dark .display-l,.band--dark .title-m,.band--dark .text-ink{color:var(--hero-ink)}.band--dark .lede,.band--dark .body{color:#f4f2ecad}.band--dark .eyebrow,.band--dark .caption{color:#f4f2ec73}.band--dark .text-accent{color:#7fd4ba}.band--dark .plan,.band--dark .plan__head{background:#ffffff0a;border-color:#ffffff1c}.band--dark .plan__step+.plan__step{border-color:#ffffff17}.band--dark .plan__what{color:var(--hero-ink)}.band--dark .plan__why,.band--dark .plan__num{color:#f4f2ec73}.band--dark .plan__flag--variation{color:#7fd4ba}.band--dark .plan__flag--risk{color:#f0a794}.band--dark .chip{background:#ffffff14;color:#f4f2eccc}.band--dark .chip--accent{background:#7fd4ba24;color:#a6e5ce}.band--dark .badge--read{background:#ffffff14;color:#f4f2ec8c}.band--dark .badge--conseq{background:#d9ab5529;color:#d9ab55}.band--sunken .steps{background:var(--c-hairline);border-color:var(--c-hairline-strong)}.eyebrow{font-family:var(--font-mono);font-size:var(--t-eyebrow-size);letter-spacing:var(--t-eyebrow-track);font-weight:var(--t-eyebrow-weight);text-transform:uppercase;color:var(--c-ink-tertiary);display:inline-flex;align-items:center;gap:.55rem}.eyebrow--accent{color:var(--c-accent)}.eyebrow:before{content:"";width:1.25rem;height:1px;background:currentColor;opacity:.45}.eyebrow--bare:before{display:none}.display-xl{font-family:var(--t-display-xl-family);font-size:var(--t-display-xl-size);line-height:var(--t-display-xl-lh);letter-spacing:var(--t-display-xl-track);font-weight:var(--t-display-xl-weight)}.display-l{font-family:var(--t-display-l-family);font-size:var(--t-display-l-size);line-height:var(--t-display-l-lh);letter-spacing:var(--t-display-l-track);font-weight:var(--t-display-l-weight)}.display-m{font-family:var(--t-display-m-family);font-size:var(--t-display-m-size);line-height:var(--t-display-m-lh);letter-spacing:var(--t-display-m-track);font-weight:var(--t-display-m-weight)}.title-l{font-family:var(--t-title-l-family);font-size:var(--t-title-l-size);line-height:var(--t-title-l-lh);letter-spacing:var(--t-title-l-track);font-weight:var(--t-title-l-weight)}.title-m{font-size:var(--t-title-m-size);line-height:var(--t-title-m-lh);letter-spacing:var(--t-title-m-track);font-weight:var(--t-title-m-weight)}.lede{font-size:var(--t-body-l-size);line-height:var(--t-body-l-lh);letter-spacing:var(--t-body-l-track);color:var(--c-ink-secondary);max-width:56ch}.body{color:var(--c-ink-secondary);max-width:var(--measure)}.caption{font-size:var(--t-caption-size);line-height:var(--t-caption-lh);color:var(--c-ink-tertiary)}.mono{font-family:var(--font-mono);font-size:var(--t-numeric-size);letter-spacing:var(--t-numeric-track);font-variant-numeric:tabular-nums}.pill{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--r-pill);padding:.6875rem 1.375rem;font-size:.9375rem;font-weight:500;letter-spacing:-.008em;white-space:nowrap;border:1px solid transparent;text-decoration:none;transition:background-color var(--d-fast) var(--e-standard),border-color var(--d-fast) var(--e-standard),color var(--d-fast) var(--e-standard),transform var(--d-instant) var(--e-standard)}.pill:active{transform:scale(.975)}.pill--filled{background:var(--c-ink);color:var(--c-canvas)}.pill--filled:hover{background:color-mix(in srgb,var(--c-ink) 86%,var(--c-canvas))}.pill--accent{background:var(--c-accent);color:var(--c-on-accent)}.pill--accent:hover{background:var(--c-accent-hover)}.pill--tinted{background:color-mix(in srgb,var(--c-ink) 5%,transparent);color:var(--c-ink);border-color:var(--c-hairline)}.pill--tinted:hover{background:color-mix(in srgb,var(--c-ink) 8%,transparent);border-color:var(--c-hairline-strong)}.pill--ghost{color:var(--c-ink-secondary)}.pill--ghost:hover{color:var(--c-ink);background:color-mix(in srgb,var(--c-ink) 4%,transparent)}.pill--sm{padding:.375rem .8125rem;font-size:.8125rem}.pill--lg{padding:.875rem 1.75rem;font-size:1rem}.pill[aria-pressed=true]{background:var(--c-ink);color:var(--c-canvas);border-color:transparent}.on-dark .pill--filled{background:var(--c-canvas);color:var(--c-ink)}.on-dark .pill--tinted{background:#ffffff17;color:#f4f2ec;border-color:#ffffff29}.on-dark .pill--tinted:hover{background:#ffffff24}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .5625rem;border-radius:var(--r-pill);background:var(--c-canvas-sunken);color:var(--c-ink-secondary);font-size:.75rem;line-height:1.5;white-space:nowrap}.chip__dot{width:.4rem;height:.4rem;border-radius:50%;background:currentColor;flex:none}.chip--accent{background:var(--c-accent-soft);color:var(--c-accent-ink)}.chip--live{background:var(--c-live-soft);color:var(--c-live-ink)}.chip--caution{background:var(--c-caution-soft);color:var(--c-caution)}.chip-row{display:flex;flex-wrap:wrap;gap:.375rem}.card{background:var(--c-surface);border:1px solid var(--c-hairline);border-radius:var(--r-lg);padding:var(--s-5)}.card--flush{padding:0;overflow:hidden}.card--raised{box-shadow:var(--sh-md)}.nav{position:fixed;inset-block-start:.875rem;inset-inline:0;z-index:50;display:flex;justify-content:center;pointer-events:none;padding-inline:var(--gutter)}.nav__inner{pointer-events:auto;display:flex;align-items:center;gap:.5rem;padding:.4375rem .4375rem .4375rem 1rem;border-radius:var(--r-pill);background:color-mix(in srgb,var(--c-surface) 78%,transparent);border:1px solid var(--c-hairline);box-shadow:var(--sh-md);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);max-width:100%}.nav__brand{display:inline-flex;align-items:center;gap:.5rem;min-height:2.25rem;font-weight:550;letter-spacing:-.02em;font-size:.9375rem;text-decoration:none;padding-inline-end:.25rem}.nav__mark{width:1.125rem;height:1.125rem;flex:none}.nav__links{display:flex;align-items:center;gap:.125rem}.nav__link{padding:.4375rem .75rem;border-radius:var(--r-pill);font-size:.875rem;color:var(--c-ink-secondary);text-decoration:none;transition:background-color var(--d-fast) var(--e-standard),color var(--d-fast) var(--e-standard)}.nav__link:hover{color:var(--c-ink);background:color-mix(in srgb,var(--c-ink) 5%,transparent)}.nav__divider{width:1px;height:1.25rem;background:var(--c-hairline);margin-inline:.25rem}.theme-toggle{width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;color:var(--c-ink-secondary);transition:background-color var(--d-fast) var(--e-standard)}.theme-toggle:hover{background:color-mix(in srgb,var(--c-ink) 6%,transparent);color:var(--c-ink)}@media(max-width:819px){.nav__links{display:none}}.hero{--hero-ink: #f4f2ec;--hero-ink-dim: #a7a294;position:relative;background:#100f0d;color:var(--hero-ink);border-radius:0 0 var(--r-xxl) var(--r-xxl);overflow:hidden;padding-block:clamp(8rem,15vw,12rem) clamp(3.5rem,7vw,6rem);isolation:isolate}.hero:before{content:"";position:absolute;inset:-30% -10% auto;height:90%;background:radial-gradient(60% 70% at 22% 12%,rgb(31 93 76 / .55),transparent 68%),radial-gradient(55% 60% at 82% 4%,rgb(120 72 48 / .34),transparent 70%);filter:blur(28px);z-index:-1;pointer-events:none}.hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.35;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E")}.hero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,5vw,4rem)}.hero__title{color:var(--hero-ink);max-width:17ch}.hero__line{display:block;text-wrap:balance}.hero__line--dim{color:var(--hero-ink-dim)}.hero__lede{color:#f4f2ecb8;max-width:46ch;margin-top:1.5rem}.hero__actions{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:2rem;align-items:center}.hero__meta{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:2.5rem;color:#f4f2ec80;font-family:var(--font-mono);font-size:var(--t-eyebrow-size);letter-spacing:var(--t-eyebrow-track);text-transform:uppercase}.hero .eyebrow{color:#f4f2ec8c}.ribbon{margin-top:clamp(2.5rem,5vw,4rem);border-radius:var(--r-xl);background:#ffffff0b;border:1px solid rgb(255 255 255 / .1);padding:1.125rem 1.25rem 1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ribbon__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.875rem}.ribbon__label{font-family:var(--font-mono);font-size:var(--t-eyebrow-size);letter-spacing:var(--t-eyebrow-track);text-transform:uppercase;color:#f4f2ec73}.ribbon__track{display:flex;gap:2px;height:3.25rem;align-items:stretch}.ribbon__moment{flex:1 1 0;min-width:0;border-radius:2px;opacity:0;transform:scaleY(.25);transform-origin:bottom;animation:ribbon-in var(--d-slow) var(--e-entrance) forwards}@keyframes ribbon-in{to{opacity:1;transform:scaleY(1)}}.ribbon__tasks{display:flex;gap:2px;margin-top:.5rem}.ribbon__task{border-radius:var(--r-xs);min-width:0;height:1.5rem;display:flex;align-items:center;padding-inline:.5rem;font-size:.6875rem;font-family:var(--font-mono);letter-spacing:.02em;color:#f4f2ecc7;background:#ffffff17;border:1px solid rgb(255 255 255 / .1);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:0;animation:fade-up var(--d-slow) var(--e-entrance) forwards}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:559px){.ribbon__task{font-size:0;height:.875rem;padding-inline:0}.ribbon__track{height:2.5rem}}.statement{max-width:22ch}.statement-grid{display:grid;gap:clamp(2rem,5vw,4rem);grid-template-columns:1fr}@media(min-width:820px){.statement-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}}.steps{display:grid;gap:1px;background:var(--c-hairline);border:1px solid var(--c-hairline);border-radius:var(--r-lg);overflow:hidden;grid-template-columns:1fr}@media(min-width:820px){.steps{grid-template-columns:repeat(3,1fr)}}.step{background:var(--c-surface);padding:clamp(1.5rem,3vw,2.25rem);display:flex;flex-direction:column;gap:.75rem;min-height:100%}.step__index{font-family:var(--font-mono);font-size:var(--t-eyebrow-size);letter-spacing:var(--t-eyebrow-track);color:var(--c-accent)}.step__title{font-size:var(--t-title-l-size);line-height:var(--t-title-l-lh);letter-spacing:var(--t-title-l-track);font-weight:var(--t-title-l-weight)}.demo{border-radius:var(--r-xl);border:1px solid var(--c-hairline);background:var(--c-surface);box-shadow:var(--sh-lg);overflow:hidden}.demo__bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--c-hairline);background:var(--c-surface-muted);flex-wrap:wrap}.demo__dots{display:flex;gap:.375rem;flex:none}.demo__dot{width:.625rem;height:.625rem;border-radius:50%;background:var(--c-hairline-strong)}.demo__title{font-size:.8125rem;color:var(--c-ink-secondary);font-weight:500}.demo__spacer{flex:1 1 auto;min-width:0}.demo__controls{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.segmented{display:inline-flex;padding:2px;background:var(--c-canvas-sunken);border-radius:var(--r-pill);gap:2px}.segmented__option{min-height:2.25rem;display:inline-flex;align-items:center;padding:.3125rem .875rem;border-radius:var(--r-pill);font-size:.8125rem;color:var(--c-ink-secondary);transition:background-color var(--d-fast) var(--e-standard),color var(--d-fast) var(--e-standard)}.segmented__option[aria-pressed=true]{background:var(--c-surface);color:var(--c-ink);box-shadow:var(--sh-sm)}.demo__body{display:grid;grid-template-columns:1fr}@media(min-width:1080px){.demo__body{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.demo__detail{border-inline-start:1px solid var(--c-hairline)}}.demo__list{padding:1rem;display:flex;flex-direction:column;gap:.5rem}@media(min-width:1080px){.demo__list{max-height:32rem;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}}.demo__detail{padding:clamp(1rem,2.5vw,1.75rem);background:var(--c-canvas);min-height:20rem}.demo__progress{height:2px;background:var(--c-canvas-sunken);position:relative;overflow:hidden}.demo__progress span{position:absolute;inset-block:0;inset-inline-start:0;background:var(--c-accent);transition:width var(--d-fast) linear}.task{display:grid;grid-template-columns:3.5rem minmax(0,1fr) 4.5rem;gap:.875rem;align-items:start;width:100%;text-align:start;padding:.875rem;border-radius:var(--r-md);border:1px solid transparent;background:var(--c-surface-muted);transition:background-color var(--d-fast) var(--e-standard),border-color var(--d-fast) var(--e-standard),transform var(--d-fast) var(--e-entrance);animation:fade-up var(--d-base) var(--e-entrance) both}.task:hover{background:var(--c-surface);border-color:var(--c-hairline)}.task[aria-pressed=true]{background:var(--c-accent-soft);border-color:color-mix(in srgb,var(--c-accent) 34%,transparent)}.task__time{text-align:end;display:flex;flex-direction:column;gap:.125rem;padding-top:.125rem}.task__clock{font-family:var(--font-mono);font-size:.75rem;color:var(--c-ink)}.task__dur{font-size:.6875rem;color:var(--c-ink-tertiary)}.task__main{display:flex;flex-direction:column;gap:.5rem;min-width:0}.task__title{font-size:1rem;font-weight:550;letter-spacing:-.014em;line-height:1.3}.task__terms{font-size:.75rem;color:var(--c-ink-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task__swatch{display:flex;gap:1.5px;height:2.5rem;border-radius:var(--r-xs);overflow:hidden;border:1px solid var(--c-hairline)}.task__swatch i{flex:1 1 0;display:block}.meter{display:inline-flex;align-items:flex-end;gap:2px;height:.75rem}.meter i{width:3px;border-radius:1px;background:var(--c-hairline-strong);display:block}.meter i:nth-child(1){height:.3125rem}.meter i:nth-child(2){height:.5rem}.meter i:nth-child(3){height:.75rem}.meter[data-band=exploratory] i:nth-child(-n+1),.meter[data-band=likely] i:nth-child(-n+2),.meter[data-band=strong] i:nth-child(-n+3){background:var(--c-accent)}.meter[data-band=likely] i:nth-child(-n+2){background:var(--c-caution)}.meter[data-band=exploratory] i:nth-child(-n+1){background:var(--c-ink-tertiary)}.evidence{display:flex;flex-direction:column;gap:.75rem}.evidence__item{display:grid;grid-template-columns:1rem minmax(0,1fr);gap:.625rem;align-items:start;font-size:.875rem;line-height:1.5}.evidence__mark{color:var(--c-accent);margin-top:.25rem}.usage{display:flex;flex-direction:column;gap:.5rem}.usage__row{display:grid;grid-template-columns:minmax(0,1fr) 5.5rem 2.5rem;gap:.625rem;align-items:center;font-size:.8125rem}.usage__name{display:flex;align-items:center;gap:.4375rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage__bar{height:5px;border-radius:var(--r-pill);background:var(--c-canvas-sunken);overflow:hidden}.usage__bar i{display:block;height:100%;border-radius:var(--r-pill)}.usage__pct{font-family:var(--font-mono);font-size:.6875rem;color:var(--c-ink-secondary);text-align:end}.ledger{display:grid;gap:1px;background:var(--c-hairline);border:1px solid var(--c-hairline);border-radius:var(--r-lg);overflow:hidden;grid-template-columns:1fr}@media(min-width:820px){.ledger{grid-template-columns:1fr 1fr}}.ledger__col{background:var(--c-surface);padding:clamp(1.25rem,3vw,2rem)}.ledger__col--never{background:var(--c-canvas-sunken)}.ledger__list{display:flex;flex-direction:column;gap:.875rem;margin-top:1.25rem}.ledger__item{display:grid;grid-template-columns:1.125rem minmax(0,1fr);gap:.625rem;align-items:start}.ledger__item svg{margin-top:.2rem}.ledger__term{font-weight:550;letter-spacing:-.01em}.ledger__note{color:var(--c-ink-secondary);font-size:.875rem;line-height:1.55}.plan{border:1px solid var(--c-hairline);border-radius:var(--r-lg);overflow:hidden;background:var(--c-surface)}.plan__head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.875rem 1.125rem;border-bottom:1px solid var(--c-hairline);background:var(--c-surface-muted)}.plan__step{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto;gap:.875rem;padding:.9375rem 1.125rem;align-items:start}.plan__step+.plan__step{border-top:1px solid var(--c-hairline)}@media(max-width:560px){.plan__step{grid-template-columns:1.5rem minmax(0,1fr)}.plan__step>.badge{grid-column:2;justify-self:start;margin-top:.5rem}}.plan__num{font-family:var(--font-mono);font-size:.6875rem;color:var(--c-ink-tertiary);text-align:end;padding-top:.2rem}.plan__what{display:block;font-size:.9375rem;line-height:1.45;letter-spacing:-.008em}.plan__why{display:block;font-size:.8125rem;color:var(--c-ink-tertiary);margin-top:.25rem;line-height:1.5}.plan__flag{font-size:.8125rem;margin-top:.375rem;display:flex;gap:.375rem;align-items:flex-start;line-height:1.5}.plan__flag--variation{color:var(--c-accent-ink)}.plan__flag--risk{color:var(--c-live-ink)}.plan__foot{display:flex;align-items:flex-start;gap:.5rem;padding:.875rem 1.125rem;border-top:1px solid var(--c-hairline);background:var(--c-surface-muted);font-size:.8125rem;line-height:1.55;color:var(--c-ink-secondary)}.badge{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;padding:.1875rem .4375rem;border-radius:var(--r-pill);white-space:nowrap}.badge--read{background:var(--c-canvas-sunken);color:var(--c-ink-tertiary)}.badge--undo,.badge--ok{background:var(--c-accent-soft);color:var(--c-accent-ink)}.badge--conseq,.badge--wait{background:var(--c-caution-soft);color:var(--c-caution)}.badge--destructive,.badge--blocked,.badge--none{background:var(--c-live-soft);color:var(--c-live-ink)}.appshot{border-radius:var(--r-xl);border:1px solid var(--c-hairline);background:var(--c-surface);box-shadow:var(--sh-lift);overflow:hidden}.appshot__chrome{display:flex;align-items:center;gap:.75rem;padding:.6875rem .875rem;border-bottom:1px solid var(--c-hairline);background:var(--c-surface-muted)}.appshot__body{display:grid;grid-template-columns:1fr}@media(min-width:820px){.appshot__body{grid-template-columns:12rem minmax(0,1fr)}.appshot__side{border-inline-end:1px solid var(--c-hairline)}}.appshot__side{padding:.875rem;background:var(--c-canvas);display:flex;flex-direction:column;gap:.125rem}.appshot__nav{display:flex;align-items:center;gap:.5rem;padding:.4375rem .625rem;border-radius:var(--r-sm);font-size:.8125rem;color:var(--c-ink-secondary)}.appshot__nav[data-active=true]{background:var(--c-canvas-sunken);color:var(--c-ink);font-weight:550}.appshot__main{padding:.875rem;display:flex;flex-direction:column;gap:.5rem;background:var(--c-canvas)}.capturebar{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border:1px solid var(--c-hairline);border-radius:var(--r-md);background:var(--c-surface);margin-bottom:.5rem}.capturebar__dot{width:1.75rem;height:1.75rem;border-radius:50%;display:grid;place-items:center;background:var(--c-live-soft);flex:none}.capturebar__dot i{width:.5rem;height:.5rem;border-radius:50%;background:var(--c-live);display:block;animation:breathe 2.4s var(--e-standard) infinite}@keyframes breathe{0%,to{opacity:1}50%{opacity:.4}}.codeblock{margin:0;padding:.875rem 1rem;border:1px solid var(--c-hairline);border-radius:var(--r-md);background:var(--c-canvas-sunken);font-family:var(--font-mono);font-size:.75rem;line-height:1.75;color:var(--c-ink);overflow-x:auto;white-space:pre;tab-size:2}.codeblock__note{color:var(--c-ink-tertiary)}.remaining{display:flex;flex-direction:column;gap:.75rem;counter-reset:remaining}.remaining li{display:grid;grid-template-columns:1.125rem minmax(0,1fr);gap:.75rem;counter-increment:remaining;font-size:.9375rem;line-height:1.55;color:var(--c-ink-secondary)}.remaining li:before{content:counter(remaining);font-family:var(--font-mono);font-size:.6875rem;color:var(--c-ink-tertiary);text-align:end;padding-top:.3rem}.release__downloads{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.release__sums{display:flex;flex-direction:column;gap:.25rem;word-break:break-all}.release__foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem}.footer{border-top:1px solid var(--c-hairline);padding-block:clamp(2.5rem,5vw,4rem);color:var(--c-ink-tertiary);font-size:.8125rem}.footer__grid{display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem;justify-content:space-between;align-items:flex-start}.footer__note{max-width:42ch;line-height:1.6}.reveal[data-observed=true]{opacity:0;transform:translateY(10px);transition:opacity var(--d-slow) var(--e-entrance),transform var(--d-slow) var(--e-entrance)}.reveal[data-observed=true][data-visible=true]{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal[data-observed=true]{opacity:1;transform:none}.ribbon__moment,.ribbon__task,.task{animation:none;opacity:1;transform:none}.capturebar__dot i{animation:none}}.stack{display:flex;flex-direction:column}.stack-2>*+*{margin-top:.5rem}.stack-3>*+*{margin-top:.75rem}.stack-4>*+*{margin-top:1rem}.stack-5>*+*{margin-top:1.5rem}.stack-6>*+*{margin-top:2rem}.stack-7>*+*{margin-top:2.5rem}.row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.grid-2{display:grid;gap:clamp(1.5rem,3vw,2.5rem);grid-template-columns:minmax(0,1fr)}.grid-2>*{min-width:0}@media(min-width:820px){.grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.text-ink{color:var(--c-ink)}.text-secondary{color:var(--c-ink-secondary)}.text-tertiary{color:var(--c-ink-tertiary)}.text-accent{color:var(--c-accent)}.scroll-x{overflow-x:auto;scrollbar-width:thin}