@media (prefers-reduced-motion:reduce){:root:not([data-motion=playful]):not([data-motion=default]){--motion-fast:0ms;--motion-base:0ms;--motion-medium:0ms;--motion-slow:0ms}}.emoji-icon{display:none}[data-emoji-map=hero]>.emoji-icon:before{content:var(--emoji-hero)}[data-emoji-map=tip]>.emoji-icon:before{content:var(--emoji-tip)}[data-emoji-map=success]>.emoji-icon:before{content:var(--emoji-success)}[data-emoji-map=warning]>.emoji-icon:before{content:var(--emoji-warning)}[data-emoji-map=accent]>.emoji-icon:before{content:var(--emoji-accent)}[data-emoji-map=cta]>.emoji-icon:before{content:var(--emoji-cta)}[data-emoji-map=section]>.emoji-icon:before{content:var(--emoji-section)}[data-emoji-map=celebrate]>.emoji-icon:before{content:var(--emoji-celebrate)}[data-icon]{width:24px;height:24px;flex-shrink:0;display:inline-block;vertical-align:middle}[data-icon] circle,[data-icon] ellipse,[data-icon] line,[data-icon] path,[data-icon] polygon,[data-icon] polyline,[data-icon] rect{stroke:currentColor;stroke-width:var(--icon-stroke);stroke-linecap:var(--icon-linecap);stroke-linejoin:var(--icon-linejoin);fill:var(--icon-fill);transition:stroke-width var(--transition-base),fill var(--transition-base)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--t-body);line-height:var(--lh-body);letter-spacing:var(--tr-body,0);color:var(--surface-text);background-color:var(--surface-bg);background-image:var(--surface-texture,none);background-size:var(--surface-texture-size,auto);background-repeat:repeat;background-attachment:fixed;background-blend-mode:var(--surface-texture-blend,normal);-webkit-font-smoothing:antialiased}.display,[class*=type-display],[class*=type-title],h1,h2,h3,h4,h5,h6{text-transform:var(--display-text-transform,none)}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{font-family:var(--font-body);font-size:var(--control-font-size);line-height:var(--control-line-height);padding:var(--input-padding-y) var(--input-padding-x);border-radius:var(--input-radius);background:var(--surface-card-bg);color:var(--surface-text);border:var(--input-border-width,var(--border-thin)) var(--border-style) var(--surface-border);transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}textarea{line-height:var(--lh-body);min-height:6em}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--surface-muted);opacity:1}input::placeholder,textarea::placeholder{color:var(--surface-muted);opacity:1}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary-text);box-shadow:var(--focus-ring)}textarea{border-radius:min(var(--input-radius),16px)}.doc-shell{max-width:var(--shell-max);margin:0 auto;padding:var(--space-2xl) var(--shell-pad)}.doc-header__eyebrow{font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-eyebrow);margin:0 0 var(--space-sm)}.doc-header__title{font-family:var(--font-display);font-size:var(--t-display-lg);font-weight:var(--fw-display-max);line-height:var(--lh-tight);letter-spacing:var(--tr-tight);margin:0 0 var(--space-md);color:var(--surface-text)}.doc-header__lead{font-size:var(--t-lead);color:var(--surface-muted);max-width:680px;margin:0}.doc-nav__inner{max-width:var(--shell-max);margin:0 auto;padding:10px var(--shell-pad);display:flex;gap:var(--space-md);align-items:center}.doc-nav__brand{font-family:var(--font-display);font-weight:var(--fw-display-max);font-size:var(--t-small);letter-spacing:var(--tr-tight);color:var(--surface-eyebrow);flex-shrink:0;padding-right:var(--space-md);border-right:var(--border-thin) var(--border-style) var(--surface-border)}.doc-nav__scroll{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;mask-image:linear-gradient(90deg,black calc(100% - 32px),transparent);-webkit-mask-image:linear-gradient(90deg,black calc(100% - 32px),transparent);flex:1}.doc-nav__scroll::-webkit-scrollbar{display:none}.doc-nav__group{display:flex;align-items:center;gap:2px;padding-right:8px;margin-right:8px;border-right:var(--border-thin) var(--border-style) var(--surface-border);flex-shrink:0}.doc-nav__group:last-child{border-right:none;margin-right:0;padding-right:0}.doc-nav__link{font-size:var(--t-caption);font-weight:var(--fw-semi);color:var(--surface-muted);text-decoration:none;padding:6px 10px;border-radius:var(--radius-pill);white-space:nowrap;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out);letter-spacing:var(--tr-eyebrow,.01em)}.doc-nav__link:hover{color:var(--color-primary-text);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.doc-nav__link--active{background:var(--color-primary)}.doc-nav__link--active,.doc-nav__link--active:hover{color:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)))}.doc-nav__link--active:hover{background:var(--color-primary-hover)}html{scroll-behavior:smooth}.doc-section__eyebrow{font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-eyebrow);margin:0 0 var(--space-xs)}.doc-section__title{font-family:var(--font-display);font-size:var(--t-display-sm);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--tr-tight);margin:0 0 var(--space-sm);color:var(--surface-text)}.doc-section__desc{font-size:var(--t-body);color:var(--surface-muted);margin:0 0 var(--space-xl);max-width:680px}.sg-grid--2{grid-template-columns:repeat(2,1fr)}@media (max-width:720px){.sg-grid--2{grid-template-columns:1fr}}@media (max-width:900px){.sg-card[data-preview=compact]>.sg-card__body{zoom:.8}}@media (max-width:600px){.sg-card[data-preview=compact]>.sg-card__body{zoom:1}}.sg-card__chip{height:72px;border-radius:var(--card-radius);margin:calc(var(--space-lg) * -1) calc(var(--space-lg) * -1) var(--space-md);border-radius:var(--block-radius) var(--block-radius) 0 0}.sg-card__eyebrow{font-family:var(--font-mono);font-size:10px;font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-eyebrow);opacity:.85}.sg-card__heading{font-family:var(--font-display);font-size:var(--t-title);font-weight:var(--fw-display-max);line-height:var(--lh-snug);letter-spacing:var(--tr-tight);color:var(--surface-text);margin:2px 0 0}.sg-card__var{font-family:var(--font-mono);font-size:11px;color:var(--surface-muted);margin-top:2px}.sg-card__body{color:var(--surface-text);opacity:.9;font-size:var(--t-small);line-height:var(--lh-body);margin:var(--space-xs) 0 0}.sg-card__muted{font-size:11px;color:var(--surface-muted);margin-top:auto;padding-top:var(--space-sm)}.sg-type-row{display:grid;grid-template-columns:180px 1fr;gap:var(--space-lg);padding:var(--space-md) 0;border-bottom:var(--border-thin) var(--border-style) var(--surface-border);align-items:baseline}.sg-type-row:last-child{border-bottom:0}.sg-type-row__meta{font-family:var(--font-mono);font-size:var(--t-caption);color:var(--surface-muted)}.sg-type-row__sample{color:var(--surface-text)}.doc-caption{font-family:var(--font-mono);font-size:var(--t-caption);color:var(--surface-muted);margin-top:var(--space-xs)}.palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md)}.palette-grid--six{grid-template-columns:repeat(3,1fr)}@media (max-width:820px){.palette-grid--six{grid-template-columns:repeat(2,1fr)}}.swatch{border-radius:var(--card-radius);overflow:hidden;background:var(--dh-white);border:var(--border-thin) var(--border-style) var(--neutral-200)}.swatch__chip{height:120px;display:flex;align-items:flex-end;padding:var(--space-md);color:var(--dh-white);font-weight:var(--fw-semi);font-size:var(--t-small)}.swatch__chip[data-light=true]{color:var(--neutral-900)}.swatch__body{padding:var(--space-md)}.swatch__name{font-weight:var(--fw-semi);font-size:var(--t-small);color:var(--neutral-900)}.swatch__hex{font-family:var(--font-mono);font-size:var(--t-caption);color:var(--neutral-400);margin-top:2px}.swatch__role{font-size:var(--t-caption);color:var(--surface-muted);margin-top:var(--space-xs)}.swatch__role-label{font-size:10px;font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--color-primary-text);margin-bottom:2px}.swatch-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--space-xs);margin-top:var(--space-md)}.swatch-row--wrap{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.swatch-mini{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--btn-radius);border:var(--border-thin) var(--border-style) var(--surface-border);background:var(--dh-white);font-size:var(--t-caption);min-width:0}.swatch-mini__dot{width:18px;height:18px;border-radius:var(--radius-pill);flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.swatch-mini__text{display:flex;flex-direction:column;min-width:0}.swatch-mini__name{font-weight:var(--fw-semi);color:var(--neutral-900);font-size:var(--t-caption)}.swatch-mini__hex{font-family:var(--font-mono);color:var(--neutral-400);font-size:10px;letter-spacing:var(--tr-body,.02em)}.neutral-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;border-radius:var(--btn-radius);overflow:hidden;margin-top:var(--space-sm)}.neutral-strip__cell{padding:20px 8px 10px;display:flex;flex-direction:column;gap:2px;font-size:10px;font-family:var(--font-mono);min-height:72px}.neutral-strip__cell[data-light=true]{color:var(--neutral-700)}.neutral-strip__cell[data-light=false]{color:rgba(255,255,255,.85)}.neutral-strip__name{font-weight:var(--fw-bold);font-family:var(--font-body);font-size:var(--t-caption)}.surface-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-sm);margin-top:var(--space-md)}.surface-card{border-radius:var(--card-radius);padding:var(--space-lg);border:var(--border-thin) var(--border-style) transparent;min-height:180px;display:flex;flex-direction:column;gap:6px}.surface-card--paper{--surface-bg:var(--paper);--surface-text:var(--ink);background:var(--surface-bg);border-color:var(--surface-border);color:var(--surface-text)}.surface-card--card,.surface-card--tone{--surface-bg:var(--tone);--surface-text:var(--ink);background:var(--surface-bg);border-color:var(--surface-border);color:var(--surface-text)}.surface-card--brand{--surface-bg:var(--color-primary);--surface-text:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)))}.surface-card--brand,.surface-card--deep{background:var(--surface-bg);border-color:transparent;color:var(--surface-text)}.surface-card--deep{--surface-bg:var(--color-deep);--surface-text:var(--text-on-deep,var(--dh-white))}.surface-card__label{font-size:10px;font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-eyebrow);opacity:.85}.surface-card__heading{font-family:var(--font-display);font-size:22px;font-weight:var(--fw-display-max);line-height:1.15;letter-spacing:var(--tr-tight,-.01em);color:var(--surface-text)}.surface-card__body{font-size:13px;line-height:1.5;color:var(--surface-text)}.surface-card__muted{font-size:12px;color:var(--surface-muted);margin-top:auto}.type-row{display:grid;grid-template-columns:160px 1fr;gap:var(--space-lg);padding:var(--space-md) 0;border-bottom:var(--border-thin) var(--border-style) var(--surface-border);align-items:baseline}.type-row__meta{font-family:var(--font-mono);font-size:var(--t-caption);color:var(--surface-muted)}.type-row__specimen{color:var(--surface-text)}.type-display-xl{font-size:var(--t-display-xl)}.type-display-lg,.type-display-xl{font-family:var(--font-display);font-weight:var(--fw-display-max);line-height:var(--lh-tight);letter-spacing:var(--tr-tight)}.type-display-lg{font-size:var(--t-display-lg)}.type-display-md{font-size:var(--t-display-md);line-height:var(--lh-tight)}.type-display-md,.type-display-sm{font-family:var(--font-display);font-weight:var(--fw-bold);letter-spacing:var(--tr-tight)}.type-display-sm{font-size:var(--t-display-sm);line-height:var(--lh-snug)}.type-title{font-family:var(--font-display);font-size:var(--t-title);font-weight:var(--fw-bold);line-height:var(--lh-snug)}.type-lead{font-size:var(--t-lead);font-weight:var(--fw-regular);color:var(--surface-muted)}.type-body{font-size:var(--t-body)}.type-small{font-size:var(--t-small)}.type-caption,.type-small{color:var(--surface-muted)}.type-caption{font-size:var(--t-caption);text-transform:var(--case-caption,uppercase);letter-spacing:var(--tr-eyebrow);font-weight:var(--fw-semi)}.surface-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md)}.surface-demo{padding:var(--space-xl);border-radius:var(--block-radius);min-height:240px;display:flex;flex-direction:column;gap:var(--space-sm);border:var(--border-thin) var(--border-style) var(--surface-border)}.surface-demo[data-surface=brand],.surface-demo[data-surface=dark],.surface-demo[data-surface=ink]{border-color:transparent}.surface-demo__eyebrow{font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-eyebrow)}.surface-demo__title{font-family:var(--font-display);font-size:var(--t-title);font-weight:var(--fw-bold);line-height:var(--lh-snug)}.surface-demo__text{color:var(--surface-text);font-size:var(--t-small);opacity:.88}.surface-demo__card{background:var(--surface-card-bg);padding:var(--space-md);border-radius:var(--card-radius);border:var(--border-thin) var(--border-style) var(--surface-border);margin-top:auto}.surface-demo__tag{font-family:var(--font-mono);font-size:var(--t-caption);opacity:.7;margin-top:var(--space-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:none;font-family:var(--btn-font-family,var(--font-body));font-weight:var(--btn-weight);font-size:var(--t-small);line-height:var(--btn-line-height,1);padding:var(--btn-padding-y) var(--btn-padding-x);border-radius:var(--btn-radius);border:var(--btn-border-width) var(--border-style) transparent;cursor:pointer;transition:transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),filter var(--motion-fast) var(--ease-out);text-decoration:none;text-transform:var(--btn-case);letter-spacing:var(--btn-letter-spacing)}.btn:hover{transform:var(--hover-lift);filter:brightness(1.03)}.btn:active{transform:translateY(0);filter:brightness(.96)}.btn--primary{background:var(--btn-fill-override-primary,var(--color-primary-fill,var(--color-primary)));color:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)));border-color:transparent}.btn--primary:hover{background:var(--btn-fill-override-primary,var(--color-primary-hover));border-color:var(--color-primary-hover)}.btn--primary:active{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn:focus-visible{outline:var(--focus-width,2px) solid var(--focus-color,var(--color-primary-fill,var(--color-primary)));outline-offset:var(--focus-offset,3px)}.btn--secondary{background:var(--btn-fill-override-secondary,var(--color-secondary-fill,var(--color-secondary)));color:var(--text-on-secondary-auto,var(--text-on-secondary,var(--dh-white)));border-color:var(--color-secondary-fill,var(--color-secondary))}.btn--secondary:hover{background:var(--btn-fill-override-secondary,var(--color-secondary-hover));border-color:var(--color-secondary-hover)}.btn--secondary:active{background:var(--color-secondary-active);border-color:var(--color-secondary-active)}.btn--deep{background:var(--color-deep);color:var(--text-on-deep,var(--dh-white));border-color:var(--color-deep)}.btn--deep:hover{background:var(--color-deep-hover);border-color:var(--color-deep-hover)}.btn--outline{background:transparent;color:var(--color-primary-text);border-color:var(--color-primary-fill)}.btn--outline:hover{background:var(--color-primary-hover);color:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)));border-color:var(--color-primary-hover)}.btn--ghost{background:transparent;color:var(--surface-text);border-color:transparent}.btn--ghost:hover{background:color-mix(in srgb,var(--surface-text) 8%,transparent)}.btn--soft{background:var(--color-primary-tint);color:var(--color-primary-text);border-color:transparent}.btn--soft:hover{background:var(--color-primary-soft);color:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)))}.btn--gradient{background:linear-gradient(in oklch var(--gradient-angle,90deg),var(--gradient-from),var(--gradient-to));color:var(--gradient-text,var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white))));border:none;padding:calc(var(--btn-padding-y) + var(--btn-border-width)) calc(var(--btn-padding-x) + var(--btn-border-width))}.btn--gradient:hover{filter:brightness(1.08)}.btn--sm{padding:var(--btn-size-sm-pad-y) var(--btn-size-sm-pad-x);font-size:var(--t-caption)}.btn--lg{padding:var(--btn-size-lg-pad-y) var(--btn-size-lg-pad-x);font-size:var(--t-body)}.btn--xl{padding:var(--btn-size-xl-pad-y) var(--btn-size-xl-pad-x);font-size:var(--t-lead)}.btn.is-disabled,.btn[disabled]{opacity:.5;cursor:not-allowed}.btn[disabled]:hover{transform:none;filter:none}.btn-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.brand-mark{width:32px;height:32px;border-radius:50%;background:var(--color-primary-fill,var(--color-primary));color:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)));display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display,inherit);font-weight:var(--fw-display-max,var(--fw-black));font-size:16px;line-height:1;letter-spacing:0;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.brand-mark--sm{width:24px;height:24px;font-size:12px}.brand-mark--lg{width:40px;height:40px;font-size:20px}.brand-mark--xl{width:56px;height:56px;font-size:28px}.brand-logo{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:block;flex-shrink:0}.brand-logo--sm{width:24px;height:24px}.brand-logo--lg{width:40px;height:40px}.brand-logo--xl{width:56px;height:56px}.brand-logo:not([src]),.brand-logo[src=""],.brand-logo[src]:not([src=""])+.brand-mark{display:none}.pill{display:inline-flex;align-items:center;gap:var(--space-2xs);font-size:var(--t-caption);font-weight:var(--fw-semi);letter-spacing:var(--tr-eyebrow,.02em);padding:var(--pill-padding-y) var(--pill-padding-x);border-radius:var(--pill-radius);border:var(--border-thin) var(--border-style) transparent;text-transform:var(--case-caption,uppercase);white-space:nowrap}.pill--primary{background:var(--color-primary);color:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)))}.pill--secondary{background:var(--color-secondary);color:var(--text-on-secondary-auto,var(--text-on-secondary,var(--dh-white)))}.pill--deep{background:var(--color-deep);color:var(--text-on-deep,var(--dh-white))}.pill--soft{background:color-mix(in srgb,var(--color-primary) 22%,transparent);color:color-mix(in oklch,var(--color-primary) 70%,var(--surface-text))}.pill--linen{background:var(--color-soft);color:var(--surface-text)}.pill--outline-primary{background:transparent;color:var(--color-primary-text);border-color:var(--color-primary-text)}.pill--outline-secondary{background:transparent;color:var(--color-secondary-text);border-color:var(--color-secondary-text)}.pill--outline-deep{background:transparent;color:var(--color-deep-text);border-color:var(--color-deep-text)}.pill--outline-ink{background:transparent;color:var(--neutral-900);border-color:var(--neutral-900)}.pill--dot:before{content:"";width:6px;height:6px;border-radius:var(--circle-radius);background:currentColor}.pill-row{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.badge{display:inline-flex;align-items:center;gap:var(--space-2xs);font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);padding:4px 10px;border-radius:var(--badge-radius)}.badge--new{background:var(--color-secondary);color:var(--text-on-secondary-auto,var(--text-on-secondary,var(--dh-white)))}.badge--updated{background:var(--color-success);color:var(--text-on-success)}.badge--fresh{background:var(--color-secondary-tint);color:var(--color-secondary-deep)}.badge--verified{background:var(--color-deep-tint);color:var(--color-deep-text)}.badge--feature{background:var(--color-primary-fill,var(--color-primary));color:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)))}.badge--muted{background:color-mix(in srgb,var(--surface-text) 8%,transparent);color:var(--surface-muted)}.tag{display:inline-flex;align-items:center;font-size:var(--t-caption);font-weight:var(--fw-medium);padding:4px 10px;border-radius:var(--radius-sm);background:var(--neutral-100);color:var(--neutral-700)}.tag--primary{background:var(--color-primary-tint);color:var(--color-primary-text)}.tag--secondary{background:var(--color-secondary-tint);color:var(--color-secondary-deep)}.tag--deep{background:var(--color-deep-tint);color:var(--color-deep-text)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md)}.field{display:flex;flex-direction:column;gap:var(--space-2xs)}.field__label{font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase)}.field__help,.field__label{font-size:var(--t-caption);color:var(--surface-muted)}.field--error .field__input{border-color:var(--color-error)}.field--error .field__help{color:var(--color-secondary-deep)}.check-row{flex-direction:column}.check,.check-row{display:flex;gap:var(--space-sm)}.check{align-items:center;font-size:var(--t-small)}.check input{accent-color:var(--color-primary-text);width:18px;height:18px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.card{background:var(--surface-card-bg);border:var(--card-border-width) var(--border-style) var(--surface-border);border-radius:var(--card-radius);padding:var(--card-padding);display:flex;flex-direction:column;gap:0}.card__eyebrow{font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-eyebrow);margin-bottom:var(--space-2xs)}.card__title{font-family:var(--font-display);font-size:var(--t-title);font-weight:var(--fw-bold);line-height:var(--lh-snug);margin-bottom:var(--space-sm)}.card__text,.card__title{color:var(--surface-text)}.card__text{opacity:.88;font-size:var(--t-small);margin:0}.card__foot{margin-top:auto;padding-top:var(--space-lg);border-top:var(--border-thin) var(--border-style) var(--surface-border);font-size:var(--t-caption);color:var(--surface-muted);display:flex;justify-content:space-between}.card__text+.card__foot{margin-top:var(--space-lg)}.card--feature{--surface-eyebrow:var(--color-primary);--surface-text:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)));--surface-muted:color-mix(in srgb,var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white))) 85%,transparent);--surface-border:color-mix(in srgb,var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white))) 28%,transparent);background:var(--color-primary-fill);border:none}.card--secondary{--surface-eyebrow:color-mix(in srgb,var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white))) 90%,transparent);--surface-text:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)));--surface-muted:color-mix(in srgb,var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white))) 90%,transparent);--surface-border:color-mix(in srgb,var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white))) 28%,transparent);background:var(--brand-gradient,var(--color-secondary));border:none}.card--elevated{background:var(--surface-card-bg);box-shadow:var(--shadow-md);border:none}.callout{display:grid;grid-template-columns:auto 1fr;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--callout-radius);border-left:var(--border-thick) var(--border-style) transparent;margin-bottom:var(--space-md);color:var(--surface-text)}.callout__icon{width:40px;height:40px;border-radius:var(--circle-radius);display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:var(--t-body);flex-shrink:0}.callout__label{font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);margin:0 0 var(--space-2xs)}.callout__text{margin:0;font-size:var(--t-body)}.callout--tldr{background:var(--color-primary-tint);border-left-color:var(--color-primary-text)}.callout--tldr .callout__icon{background:var(--color-primary);color:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)))}.callout--tldr .callout__label{color:color-mix(in oklch,var(--color-primary) 60%,var(--surface-text))}.callout--takeaway{background:var(--color-soft);border-left-color:var(--color-deep)}.callout--takeaway .callout__icon{background:var(--color-deep);color:var(--text-on-deep,var(--dh-white))}.callout--takeaway .callout__label{color:var(--color-primary-text)}.callout--quick{background:var(--color-secondary-tint);border-left-color:var(--color-secondary-text)}.callout--quick .callout__icon{background:var(--color-secondary);color:var(--text-on-secondary-auto,var(--text-on-secondary,var(--dh-white)))}.callout--quick .callout__label{color:var(--color-secondary-text)}.callout--quote{background:var(--color-deep-tint);border-left-color:var(--color-deep);font-style:italic}.callout--quote .callout__icon{background:var(--color-deep);color:var(--text-on-deep,var(--dh-white));font-family:var(--font-display)}.callout--quote .callout__label{color:var(--color-primary-text)}.callout--warning{background:var(--color-warning-soft);border-left-color:var(--color-warning)}.callout--warning .callout__icon{background:var(--color-warning);color:var(--text-on-warning)}.callout--warning .callout__label{color:var(--color-warning-text)}.inline-cta{--surface-eyebrow:var(--color-primary);--surface-text:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)));--surface-muted:color-mix(in srgb,var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white))) 85%,transparent);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-xl);border-radius:var(--block-radius);background:var(--color-primary);color:var(--surface-text);margin-bottom:var(--space-md)}.inline-cta__body{flex:1 1 320px}.inline-cta__eyebrow{font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:color-mix(in oklch,var(--color-primary) 60%,var(--surface-text));margin-bottom:var(--space-xs)}.inline-cta__title{font-family:var(--font-display);font-size:var(--t-title);font-weight:var(--fw-bold);margin:0 0 var(--space-xs)}.inline-cta__text{color:var(--surface-text);opacity:.88;font-size:var(--t-small);margin:0}.inline-cta__action{flex-shrink:0}.inline-cta--secondary{background:var(--color-secondary);--surface-text:var(--text-on-secondary-auto,var(--text-on-secondary,var(--dh-white)));--surface-eyebrow:color-mix(in oklch,var(--color-primary) 40%,var(--text-on-secondary-auto,var(--text-on-secondary,var(--dh-white))));--surface-muted:color-mix(in srgb,var(--text-on-secondary-auto,var(--text-on-secondary,var(--dh-white))) 88%,transparent)}.inline-cta--deep{background:var(--color-deep);--surface-text:var(--text-on-deep,var(--dh-white));--surface-eyebrow:color-mix(in oklch,var(--color-primary) 40%,var(--text-on-deep,var(--dh-white)));--surface-muted:color-mix(in srgb,var(--text-on-deep,var(--dh-white)) 85%,transparent)}.inline-cta--soft{background:var(--color-soft);--surface-eyebrow:var(--color-primary);--surface-text:var(--neutral-900);--surface-muted:color-mix(in srgb,var(--neutral-900) 78%,transparent)}:root[data-scheme=dark] .inline-cta--soft{--surface-text:var(--paper);--surface-muted:color-mix(in srgb,var(--paper) 78%,transparent)}.newsletter{--surface-card-bg:rgba(0,0,0,0.22);--surface-text:var(--text-on-deep,var(--dh-white));--surface-border:color-mix(in srgb,var(--text-on-deep,var(--dh-white)) 16%,transparent);--surface-muted:color-mix(in srgb,var(--text-on-deep,var(--dh-white)) 78%,transparent);padding:var(--space-2xl);border-radius:var(--block-radius);background:var(--color-deep);color:var(--text-on-deep,var(--dh-white));text-align:center}.newsletter__eyebrow{font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:color-mix(in oklch,var(--color-primary) 60%,var(--surface-text));margin-bottom:var(--space-sm)}.newsletter__title{font-family:var(--font-display);font-size:var(--t-display-sm);font-weight:var(--fw-bold);margin:0 0 var(--space-xs);line-height:var(--lh-snug)}.newsletter__text{color:var(--surface-muted);margin:0 auto var(--space-lg);max-width:520px}.newsletter__form{display:flex;gap:var(--space-xs);max-width:480px;margin:0 auto;flex-wrap:wrap}.newsletter__input{flex:1 1 240px}.site-header{background:var(--surface-bg);color:var(--surface-text);border-bottom:var(--border-thin) var(--border-style) var(--surface-border)}.site-header__inner{max-width:var(--shell-max);margin:0 auto;padding:var(--space-md) var(--shell-pad);display:flex;align-items:center;gap:var(--space-lg)}.site-header__brand{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--t-lead);font-weight:var(--fw-bold);color:var(--surface-text);text-decoration:none}.site-header__mark{width:34px;height:34px;border-radius:var(--card-radius);background:var(--color-primary-fill,var(--color-primary));display:inline-flex;align-items:center;justify-content:center;color:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)));font-weight:var(--fw-black);font-size:var(--t-caption)}.site-header__mark svg{width:18px;height:18px}.site-header__nav{display:flex;gap:var(--space-lg);margin-left:auto}.site-header__link{font-size:var(--t-small);font-weight:var(--fw-medium);color:var(--surface-muted);text-decoration:none}.site-header__link--active,.site-header__link:hover{color:var(--surface-text)}.site-header__cta{margin-left:var(--space-md)}.proof-bar{background:var(--surface-bg);color:var(--surface-text);position:relative;padding:14px 0;container-type:inline-size;container-name:proofbar;border-radius:inherit;overflow:hidden}.proof-bar__inner{max-width:var(--shell-max);margin:0 auto;padding:0 var(--shell-pad);display:flex;justify-content:space-between;align-items:center;gap:10px 24px;flex-wrap:wrap;min-width:0}.proof-bar__badge{display:inline-flex;align-items:center;gap:8px;font-size:var(--t-small);color:var(--surface-text);min-width:0;max-width:100%}.proof-bar__dot{width:8px;height:8px;border-radius:var(--circle-radius);background:var(--color-success-dot);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-success-dot) 24%,transparent);flex-shrink:0}.proof-bar__pill{background:var(--color-primary-fill,var(--color-primary));color:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)));padding:2px 10px;border-radius:var(--pill-radius);font-size:var(--t-caption);font-weight:var(--fw-bold);white-space:nowrap}.proof-bar__stats{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;row-gap:6px;justify-content:flex-end;min-width:0}.proof-bar__stat{display:inline-flex;align-items:baseline;gap:6px;font-size:var(--t-small);white-space:nowrap;min-width:0}.proof-bar__stat-val{font-family:var(--font-display);font-weight:var(--fw-bold);color:var(--surface-text);letter-spacing:.2px}.proof-bar__stat-lbl{color:var(--surface-muted);font-weight:400}.proof-bar__sep{width:1px;height:14px;background:var(--surface-border);flex-shrink:0}@container proofbar (max-width: 860px){.proof-bar__inner{flex-direction:column;align-items:flex-start;gap:8px}.proof-bar__stats{justify-content:flex-start;width:100%;gap:8px 14px}}@container proofbar (max-width: 600px){.proof-bar__sep{display:none}.proof-bar__stats{flex-direction:column;align-items:flex-start;gap:4px}.proof-bar__stat{white-space:normal;font-size:var(--t-caption);line-height:1.4}.proof-bar__stat-val{font-size:var(--t-small)}.proof-bar__badge{flex-wrap:wrap;white-space:normal;line-height:1.35}}@container proofbar (max-width: 380px){.proof-bar__stat{flex-direction:column;align-items:flex-start;gap:0}}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase)}.breadcrumb,.breadcrumb a{color:var(--surface-muted)}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{color:var(--color-primary-text)}.breadcrumb__sep{color:var(--surface-border)}.breadcrumb__current{color:var(--surface-text)}.article-hero{padding:var(--space-3xl) 0 var(--space-xl)}.article-hero__eyebrow{font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-eyebrow);margin-bottom:var(--space-sm)}.article-hero__title{font-family:var(--font-display);font-size:clamp(2rem,3.2vw,3.6rem);font-weight:var(--fw-display-max);line-height:var(--lh-tight);letter-spacing:var(--tr-tight);color:var(--surface-text);margin:0 0 var(--space-md);max-width:20ch}.article-hero__title em{font-style:normal;color:var(--color-primary-text)}.article-hero__dek{font-size:var(--t-lead);color:var(--surface-muted);max-width:60ch;margin:0}.byline{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;padding:var(--space-md) 0;border-bottom:var(--border-thin) var(--border-style) var(--surface-border);font-size:var(--t-small);color:var(--surface-muted)}.byline__avatar{width:36px;height:36px;border-radius:var(--circle-radius);background:var(--color-primary-fill,var(--color-primary));flex-shrink:0}.byline__name{color:var(--surface-text);font-weight:var(--fw-semi)}.byline__sep{color:var(--surface-border);margin:0 var(--space-2xs)}.byline__pill{padding:3px 10px;border-radius:var(--pill-radius);background:var(--color-primary-tint);color:var(--color-primary-text);font-size:var(--t-caption);font-weight:var(--fw-bold)}.byline__pill,.byline__pill--green{display:inline-flex;align-items:center}.byline__pill--green{background:var(--color-success-soft);color:var(--color-success-text);gap:4px}.byline__pill--fresh{background:color-mix(in srgb,var(--color-secondary) 20%,transparent);color:var(--color-secondary-text)}.byline__pill--green:before{content:"✓";font-weight:var(--fw-bold)}.share-row{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--block-radius);border:var(--border-thin) var(--border-style) var(--surface-border);background:var(--surface-card-bg)}.share-row__label{font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-muted)}.share-row__list{display:flex;gap:var(--space-xs);flex-wrap:wrap}.share-btn{width:40px;height:40px;border-radius:var(--circle-radius);border:var(--border-thin) var(--border-style) var(--surface-border);background:var(--surface-bg);display:inline-flex;align-items:center;justify-content:center;color:var(--surface-text);text-decoration:none;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.share-btn:hover{background:var(--color-primary);color:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)));border-color:var(--color-primary-text)}.share-btn svg{width:16px;height:16px}.toc{padding:var(--space-md)}.toc__label{font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-muted);margin-bottom:var(--space-md)}.toc__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.toc__item{padding:var(--space-xs) 0 var(--space-xs) var(--space-sm);border-left:var(--border-med) var(--border-style) var(--surface-border);transition:border-color var(--motion-fast) var(--ease-out)}.toc__item:hover{border-left-color:var(--color-primary-soft)}.toc__item--active,.toc__item--active:hover{border-left-color:var(--color-primary-text)}.toc__item--active .toc__title{color:var(--color-primary-text)}.toc__title{display:block;font-weight:var(--fw-semi);color:var(--surface-text);text-decoration:none;font-size:var(--t-small);line-height:var(--lh-snug)}.toc__desc{display:block;font-size:var(--t-caption);color:var(--surface-muted);margin-top:2px}.offer-card{--surface-eyebrow:var(--color-primary);--surface-text:var(--text-on-deep,var(--dh-white));--surface-muted:color-mix(in srgb,var(--text-on-deep,var(--dh-white)) 78%,transparent);border-radius:var(--card-radius);padding:var(--card-padding);color:var(--surface-text);display:flex;flex-direction:column;gap:var(--space-sm);background:var(--color-deep)}.offer-card__eyebrow{font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-eyebrow)}.offer-card__title{font-family:var(--font-display);font-size:var(--t-title);font-weight:var(--fw-bold);line-height:var(--lh-snug);color:var(--surface-text);margin:0}.offer-card__text{color:var(--surface-text);opacity:.88;font-size:var(--t-small);margin:0}.offer-card--magenta{background:var(--color-primary-fill);--surface-eyebrow:var(--color-primary);--surface-text:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)));--surface-muted:color-mix(in srgb,var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white))) 78%,transparent)}.offer-card--magenta .btn--gradient{background:var(--surface-bg);color:var(--color-primary-text)}.offer-card--ink{background:linear-gradient(160deg,var(--neutral-900),var(--dh-ink));--surface-eyebrow:var(--color-primary);--surface-text:var(--dh-white)}.bio-card{background:var(--surface-card-bg);border:var(--card-border-width) var(--border-style) var(--surface-border);border-radius:var(--card-radius);padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--space-sm)}.bio-card__eyebrow{font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-muted)}.bio-card__head{display:flex;align-items:center;gap:var(--space-sm)}.bio-card__avatar{width:44px;height:44px;border-radius:var(--circle-radius);background:var(--color-primary-fill,var(--color-primary));flex-shrink:0}.bio-card__name{font-family:var(--font-display);font-size:var(--t-lead);font-weight:var(--fw-bold);color:var(--surface-text);line-height:1.1}.bio-card__title{font-size:var(--t-caption);color:var(--surface-muted);margin-top:2px}.bio-card__text{font-size:var(--t-small);color:var(--surface-muted);margin:0;line-height:var(--lh-body)}.bio-card__link{font-size:var(--t-small);font-weight:var(--fw-semi);color:var(--color-primary-text);text-decoration:none}.bio-card__link:after{content:" →"}.cite-card{background:var(--surface-card-bg);border:var(--card-border-width) var(--border-style) var(--surface-border);border-radius:var(--card-radius);padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--space-sm)}.cite-card__head{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-text);padding-bottom:var(--space-sm);border-bottom:var(--border-thin) var(--border-style) var(--surface-border)}.cite-card__check{width:18px;height:18px;border-radius:var(--circle-radius);background:var(--color-primary);color:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)));display:inline-flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}.cite-card__list{display:flex;flex-direction:column;gap:var(--space-xs);margin:0;padding:0;list-style:none}.cite-card__row{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--t-small);font-weight:var(--fw-semi);color:var(--surface-text)}.cite-card__dot{width:10px;height:10px;border-radius:var(--circle-radius);flex-shrink:0}.cite-card__dot--chatgpt{background:var(--ai-chatgpt)}.cite-card__dot--claude{background:var(--ai-claude)}.cite-card__dot--perplexity{background:var(--ai-perplexity)}.cite-card__dot--gemini{background:var(--ai-gemini)}.cite-card__row-verify{margin-left:auto;font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow)}.cite-card__foot,.cite-card__row-verify{font-size:var(--t-caption);color:var(--surface-muted)}.cite-card__foot{line-height:var(--lh-body)}.freebie-card{background:var(--surface-card-bg);border:var(--card-border-width) var(--border-style) var(--surface-border);border-radius:var(--card-radius);padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--space-sm)}.freebie-card__eyebrow{font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--color-secondary-text)}.freebie-card__title{font-family:var(--font-display);font-size:var(--t-title);font-weight:var(--fw-bold);color:var(--surface-text);line-height:var(--lh-snug);margin:0}.freebie-card__text{font-size:var(--t-small);color:var(--surface-muted);margin:0;line-height:var(--lh-body)}.freebie-card__form{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-xs)}.freebie-card__input{padding:var(--input-padding-y) var(--input-padding-x);border-radius:var(--input-radius);border:var(--input-border-width) var(--border-style) var(--surface-border);background:var(--surface-bg);font-family:var(--font-body);font-size:var(--t-small);color:var(--surface-text)}.freebie-card__input:focus{outline:none;border-color:var(--color-primary-text);box-shadow:var(--focus-ring)}.freebie-card__micro{font-size:var(--t-caption);color:var(--surface-muted);text-align:center}.figure{margin:0}.figure__img{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8);font-family:var(--font-body);font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);background:var(--neutral-200);border-radius:var(--block-radius);overflow:hidden}.figure__img--gradient{background:var(--color-deep)}.figure__img--coral{background:var(--color-secondary)}.figure__img--dark{background:var(--color-deep)}.figure__img--linen{background:var(--color-soft);color:var(--surface-muted)}.figure__caption{font-size:var(--t-caption);color:var(--surface-muted);margin-top:var(--space-xs);font-style:italic}.demo-shell__main{gap:var(--space-lg)}.demo-shell__main,.demo-shell__rail{display:flex;flex-direction:column;min-width:0}.demo-shell__rail{gap:var(--space-md)}.demo-shell__rail--left{gap:var(--space-lg)}@container (max-width: 900px){.demo-shell{grid-template-columns:minmax(0,1fr) 260px;gap:28px}.demo-shell__rail--left{display:none}}@container (max-width: 640px){.demo-shell{grid-template-columns:1fr;gap:32px}.demo-shell__rail--left{display:flex}}@media (max-width:600px){.demo-shell{padding:var(--space-lg) var(--space-md);gap:28px}}@media (max-width:720px){.site-header__inner{flex-wrap:wrap;row-gap:var(--space-sm)}.site-header__cta{margin-left:auto;order:2}.site-header__nav{order:3;width:100%;margin-left:0;gap:var(--space-md);overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;scrollbar-width:none}.site-header__nav::-webkit-scrollbar{display:none}.site-header__link{white-space:nowrap}.byline{row-gap:var(--space-xs)}}body{transition:padding-left var(--motion-medium) var(--ease-out)}.controls__inner{display:flex;flex-direction:column;gap:6px}.controls__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding-bottom:10px;margin-bottom:2px;border-bottom:var(--border-thin) var(--border-style) rgba(255,255,255,.15)}.controls__head-text{display:flex;flex-direction:column;gap:2px}.controls__title{font-family:Poppins,sans-serif;font-weight:700;font-size:18px;color:var(--text-on-deep,#FFFFFF)}.controls__version{font-family:var(--font-mono,"SF Mono",monospace);font-size:10px;color:rgba(255,255,255,.6)}.controls__group{display:flex;flex-direction:column;gap:6px}.controls__group--card{padding:12px 12px 10px;gap:8px}.controls__group--card,.controls__subbox{border:var(--border-thin) var(--border-style) rgba(255,255,255,.12);border-radius:var(--callout-radius,10px);background:rgba(255,255,255,.025)}.controls__subbox{display:flex;flex-direction:column;gap:10px;padding:10px 12px 12px;transition:opacity var(--motion-base) var(--ease-out)}.controls__subbox-label{font-family:var(--font-mono,"SF Mono",monospace);font-size:9px;font-weight:700;letter-spacing:var(--tr-eyebrow,.08em);text-transform:var(--case-label,uppercase);color:rgba(255,255,255,.5);padding-bottom:6px;border-bottom:var(--border-thin) var(--border-style) rgba(255,255,255,.08)}.controls__card-hint{font-size:10px;line-height:1.45;color:rgba(255,255,255,.55);margin:4px 0 0;padding-top:8px;border-top:var(--border-thin) var(--border-style) rgba(255,255,255,.08)}.controls__label{font-size:10px;font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--color-secondary-tint);opacity:.7}.controls__section{border-top:var(--border-thin) var(--border-style) rgba(255,255,255,.08);padding-top:14px;margin-top:10px}.controls__section-head{font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-text);cursor:pointer;list-style:none;padding:6px 0;display:flex;align-items:center;gap:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.controls__section-head::-webkit-details-marker{display:none}.controls__section-head:before{content:"▸";font-size:9px;transition:transform var(--motion-fast) var(--ease-out);opacity:.85}.controls__section[open]>.controls__section-head:before{transform:rotate(90deg)}.controls__section-body{display:flex;flex-direction:column;gap:12px;padding:6px 0 10px}.controls__divider{height:1px;background:rgba(255,255,255,.15);margin:6px 0 2px}.controls__toggles{display:flex;gap:6px;margin-bottom:4px}.controls__toggle-btn{flex:1;font-family:var(--font-body);font-size:10px;font-weight:var(--fw-semi);letter-spacing:var(--tr-eyebrow,.04em);text-transform:var(--case-button,uppercase);padding:7px 8px;border:var(--border-thin) var(--border-style) color-mix(in srgb,var(--paper) 22%,transparent);background:color-mix(in srgb,var(--paper) 6%,transparent);color:var(--text-on-deep,var(--paper));border-radius:var(--btn-radius);cursor:pointer;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.controls__toggle-btn:hover{background:color-mix(in srgb,var(--paper) 14%,transparent);border-color:color-mix(in srgb,var(--paper) 38%,transparent)}.controls__export-status{font-family:var(--font-mono,"SF Mono",monospace);font-size:10px;letter-spacing:var(--tr-eyebrow,.04em);color:color-mix(in srgb,var(--paper) 65%,transparent);min-height:14px;padding-top:2px;text-align:center;transition:opacity var(--motion-base) var(--ease-out)}.controls__row{display:flex;flex-wrap:wrap;gap:4px}.controls__row[data-control=style]{display:grid;grid-template-columns:1fr 1fr}.controls__chip{font-family:var(--font-mono,"SF Mono",monospace);font-size:10px;font-weight:700;padding:4px 10px;border-radius:var(--pill-radius);border:var(--border-thin) var(--border-style) rgba(255,255,255,.15);background:transparent;color:rgba(255,255,255,.85);cursor:pointer;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out);white-space:nowrap;letter-spacing:var(--tr-eyebrow,.04em);flex:1 1 auto;text-align:center}.controls__chip:hover{color:var(--text-on-deep,var(--dh-white));background:rgba(255,255,255,.08)}.controls__chip--active{background:var(--btn-fill-override-primary,var(--paper));color:var(--color-deep);border-color:var(--paper)}.controls__chip--active:hover{background:var(--btn-fill-override-primary,color-mix(in srgb,var(--paper) 96%,white));color:var(--color-deep);border-color:color-mix(in srgb,var(--paper) 96%,white)}.controls__input{font-family:var(--font-mono,"SF Mono",monospace);font-size:12px;padding:7px 10px;border:var(--border-thin) var(--border-style) rgba(255,255,255,.15);background:rgba(255,255,255,.04);color:var(--text-on-deep,#FFFFFF);border-radius:var(--btn-radius);width:100%;box-sizing:border-box}.controls__input:focus{outline:none;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08)}.controls__input::-moz-placeholder{color:rgba(255,255,255,.4)}.controls__input::placeholder{color:rgba(255,255,255,.4)}.controls__colors{display:grid;grid-template-columns:1fr 1fr;gap:8px}.controls__color{display:flex;flex-direction:column;gap:4px;cursor:pointer}.controls__color-name{font-family:var(--font-mono,"SF Mono",monospace);font-size:10px;font-weight:600;color:rgba(255,255,255,.85)}.controls__color-hint{font-style:italic;font-weight:400;color:rgba(255,255,255,.5);margin-left:4px}.controls__color input[type=color]{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:var(--border-thin) var(--border-style) rgba(255,255,255,.15);border-radius:var(--pill-radius);width:100%;height:28px;padding:0;cursor:pointer;background:transparent}.controls__color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.controls__color input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--pill-radius)}.controls__color-hex{font-family:var(--font-mono,"SF Mono",monospace);font-size:9px;color:rgba(255,255,255,.6);letter-spacing:var(--tr-eyebrow,.04em);background:transparent;border:none;padding:2px 0;width:100%;text-transform:uppercase;outline:none}.controls__color-hex:focus{color:rgba(255,255,255,.95);background:rgba(255,255,255,.06);border-radius:2px;padding:2px 4px}.controls__row--swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px}.controls__swatch{position:relative;width:100%;aspect-ratio:1/1;border-radius:var(--btn-radius);border:var(--border-med) var(--border-style) transparent;background:var(--sw,var(--dh-magenta));cursor:pointer;padding:0;transition:transform var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.controls__swatch:hover{transform:translateY(-1px)}.controls__swatch--active{border-color:var(--dh-white);box-shadow:0 0 0 2px rgba(255,255,255,.25),inset 0 0 0 1px rgba(0,0,0,.15)}.controls__swatch--active:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--dh-white);font-size:14px;font-weight:var(--fw-bold);text-shadow:0 1px 2px rgba(0,0,0,.4)}.controls__row--fonts{display:grid;grid-template-columns:1fr 1fr;gap:4px}.controls__row--fonts .controls__chip{font-size:12px;padding:6px 8px}.controls__magic-sub{font-family:var(--font-mono);font-size:9px;color:rgba(255,255,255,.65);text-align:center;letter-spacing:var(--tr-eyebrow,.08em);text-transform:var(--case-button,uppercase);margin-bottom:2px;margin-top:-2px}.controls__guards{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);background:rgba(255,255,255,.06);border:var(--border-thin) var(--border-style) rgba(255,255,255,.12);margin-top:var(--space-sm);transition:background var(--transition-base),border-color var(--transition-base)}.controls__guards[data-guards-state=on]{background:color-mix(in srgb,#3ad08a 14%,transparent);border-color:color-mix(in srgb,#3ad08a 45%,transparent)}.controls__guards[data-guards-state=off]{background:color-mix(in srgb,var(--color-warning) 14%,transparent);border-color:color-mix(in srgb,var(--color-warning) 45%,transparent)}.controls__guards-icon{font-size:20px;line-height:1}.controls__guards-body{display:flex;flex-direction:column;gap:2px}.controls__guards-label{font-family:var(--font-mono);font-size:11px;letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:rgba(255,255,255,.72);font-weight:var(--fw-bold)}.controls__guards-state{font-family:var(--font-body);font-size:12px;color:rgba(255,255,255,.88)}.controls__guards-state b{font-weight:var(--fw-bold)}.controls__guards[data-guards-state=on] .controls__guards-state b{color:#7be0a8}.controls__guards[data-guards-state=off] .controls__guards-state b{color:var(--color-warning)}.controls__hint{font-size:var(--t-caption);color:rgba(255,255,255,.72);line-height:1.5;margin:8px 0 0;padding-top:16px;border-top:var(--border-thin) var(--border-style) rgba(255,255,255,.15)}.controls-toggle__icon{position:relative;display:block;width:14px;height:10px}.controls-toggle__icon span{position:absolute;left:0;width:100%;height:1.5px;background:currentColor;border-radius:2px}.controls-toggle__icon span:first-child{top:0}.controls-toggle__icon span:nth-child(2){top:4px}.controls-toggle__icon span:nth-child(3){top:8px}@media (max-width:720px){.controls{width:85vw;max-width:300px;transform:translateX(-100%)}:root[data-panel=open] body{padding-left:0}}.pull-quote{margin:var(--space-2xl) 0;padding:var(--space-xl) 0;text-align:left;border-top:var(--border-med) var(--border-style) var(--color-primary);border-bottom:var(--border-med) var(--border-style) var(--color-primary)}.pull-quote__text{font-family:var(--font-display);font-size:var(--t-display-sm);font-weight:var(--fw-bold);line-height:var(--lh-snug);letter-spacing:var(--tr-tight);color:var(--surface-text);margin:0}.pull-quote__text em{color:color-mix(in oklch,var(--color-primary) 65%,var(--surface-text));font-style:normal}.pull-quote__attr{margin-top:var(--space-sm);font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-muted)}.code-block{border-radius:var(--radius-md);overflow:hidden;border:var(--border-thin) var(--border-style) var(--surface-border);background:var(--dh-ink);color:color-mix(in srgb,var(--dh-white) 95%,transparent);font-family:var(--font-mono);font-size:var(--t-small);line-height:1.55}.code-block__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-md);background:rgba(255,255,255,.05);border-bottom:var(--border-thin) var(--border-style) rgba(255,255,255,.1);font-family:var(--font-display);font-size:var(--t-caption)}.code-block__file{color:rgba(255,255,255,.85);font-weight:var(--fw-semi);display:inline-flex;align-items:center;gap:6px}.code-block__file:before{content:"";width:8px;height:8px;border-radius:var(--circle-radius);background:var(--color-secondary)}.code-block__lang{color:rgba(255,255,255,.6);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);font-weight:var(--fw-bold);font-size:10px}.code-block__body{margin:0;padding:var(--space-md) var(--space-lg);overflow-x:auto}.code-block__body code{font-family:var(--font-mono);color:inherit;background:transparent;padding:0;border:0}.code-block .tok-key{color:#ff79c6}.code-block .tok-str{color:#f1fa8c}.code-block .tok-com{color:#6272a4;font-style:italic}.code-block .tok-fn{color:#50fa7b}.code-block .tok-num{color:#bd93f9}.article-figure{margin:var(--space-xl) 0}.article-figure__media{width:100%;aspect-ratio:16/9;border-radius:var(--imagery-radius,var(--radius-md));background:var(--color-deep);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);font-family:var(--font-display);font-size:var(--t-caption);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);overflow:hidden}.article-figure__media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;filter:var(--imagery-filter,none)}.article-figure__caption{margin-top:var(--space-sm);padding-left:var(--space-sm);border-left:var(--border-med) var(--border-style) var(--color-primary-text);font-size:var(--t-caption);color:var(--surface-muted);line-height:var(--lh-body);font-style:italic}.article-figure--full{margin-left:calc(-1 * var(--space-lg));margin-right:calc(-1 * var(--space-lg))}.article-figure--full .article-figure__media{border-radius:0;aspect-ratio:21/9}.footnotes{margin-top:var(--space-3xl);padding-top:var(--space-lg);border-top:var(--border-thin) var(--border-style) var(--surface-border)}.footnotes__label{font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-muted);margin-bottom:var(--space-md)}.footnotes__list{list-style:none;counter-reset:footnote-counter;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.footnotes__item{counter-increment:footnote-counter;position:relative;padding-left:var(--space-xl);font-size:var(--t-small);color:var(--surface-text);line-height:var(--lh-body)}.footnotes__item:before{content:counter(footnote-counter);position:absolute;left:0;top:0;width:22px;height:22px;border-radius:var(--circle-radius);background:var(--color-primary);color:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)));font-family:var(--font-display);font-size:var(--t-caption);font-weight:var(--fw-bold);display:inline-flex;align-items:center;justify-content:center}.footnotes__item a{color:var(--color-primary-text);text-decoration:underline;text-underline-offset:2px}.footnote-ref{font-size:.7em;vertical-align:super;line-height:0;color:var(--color-primary-text);font-weight:var(--fw-bold);text-decoration:none;padding:0 2px}.footnote-ref:before{content:"["}.footnote-ref:after{content:"]"}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.related-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:0;background:var(--surface-card-bg);border:var(--card-border-width) var(--border-style) var(--surface-border);border-radius:var(--card-radius);overflow:hidden;text-decoration:none;color:var(--surface-text);transition:transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.related-card:hover{transform:var(--hover-lift);box-shadow:var(--shadow-md);border-color:var(--color-primary-soft)}.related-card__media{width:100%;aspect-ratio:16/10;background:var(--color-soft);display:block}.related-card__body{padding:var(--space-md) var(--space-md) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.related-card__eyebrow{font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--color-primary-text)}.related-card__title{font-family:var(--font-display);font-size:var(--t-lead);font-weight:var(--fw-bold);line-height:var(--lh-snug);color:var(--surface-text);margin:0}.related-card__meta{margin-top:auto;padding-top:var(--space-xs);font-size:var(--t-caption);color:var(--surface-muted);display:flex;gap:var(--space-sm);align-items:center}.related-card__meta-dot{color:var(--surface-border)}@media (max-width:720px){.related-grid{grid-template-columns:1fr}.article-figure--full{margin-left:0;margin-right:0}.pull-quote__text{font-size:var(--t-title)}}.motion-knob__label{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--t-lead);color:var(--surface-text)}.motion-knob__chips{display:flex;gap:6px;flex-wrap:wrap}.motion-knob__chip{font-family:var(--font-mono);font-size:var(--t-caption);font-weight:var(--fw-bold);padding:6px 14px;border-radius:var(--radius-pill);border:var(--border-thin) var(--border-style) var(--surface-border);background:transparent;color:var(--surface-text);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.motion-knob__chip:hover{border-color:var(--color-primary-text);color:var(--color-primary-text)}.motion-knob__chip--active{background:var(--color-primary);border-color:var(--color-primary-text)}.motion-knob__chip--active,.motion-knob__chip--active:hover{color:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)))}.motion-knob__chip--active:hover{background:var(--color-primary-hover)}.motion-knob__current{font-family:var(--font-mono);font-size:var(--t-small);color:var(--surface-muted);white-space:nowrap}.motion-knob__current b{color:var(--color-primary-text)}.motion-card--fast{transition:transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.motion-card--base{transition:transform var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out),background var(--motion-base) var(--ease-out)}.motion-card--medium{transition:transform var(--motion-medium) var(--ease-out),box-shadow var(--motion-medium) var(--ease-out),border-color var(--motion-medium) var(--ease-out),background var(--motion-medium) var(--ease-out)}.motion-card--slow{transition:transform var(--motion-slow) var(--ease-out),box-shadow var(--motion-slow) var(--ease-out),border-color var(--motion-slow) var(--ease-out),background var(--motion-slow) var(--ease-out)}.motion-card--playing{transform:translateY(-24px) scale(1.06);box-shadow:var(--shadow-lg);border-color:var(--color-primary-text);background:color-mix(in srgb,var(--color-primary) 8%,var(--surface-card-bg))}.motion-card__bar{position:absolute;bottom:0;left:0;height:3px;width:0;background:var(--color-primary);pointer-events:none}.motion-card--fast .motion-card__bar{transition:width var(--motion-fast) linear}.motion-card--base .motion-card__bar{transition:width var(--motion-base) linear}.motion-card--medium .motion-card__bar{transition:width var(--motion-medium) linear}.motion-card--slow .motion-card__bar{transition:width var(--motion-slow) linear}.motion-card--playing .motion-card__bar{width:100%}.motion-card__label{font-family:var(--font-mono);font-size:var(--t-caption);color:var(--surface-muted);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);font-weight:var(--fw-bold)}.motion-card__name{font-family:var(--font-display);font-size:var(--t-lead);font-weight:var(--fw-bold);color:var(--color-primary-text);letter-spacing:var(--tr-tight)}.motion-card__hint{font-size:var(--t-small);color:var(--surface-text);line-height:var(--lh-body);margin-top:var(--space-xs)}.motion-card__values{font-family:var(--font-mono);font-size:11px;color:var(--surface-muted);padding-top:var(--space-xs);border-top:var(--border-thin) var(--border-style) var(--surface-border);margin-top:auto}.line-knob__label{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--t-lead);color:var(--surface-text)}.line-knob__chips{display:flex;gap:6px;flex-wrap:wrap}.line-knob__chip{font-family:var(--font-mono);font-size:var(--t-caption);font-weight:var(--fw-bold);padding:6px 14px;border-radius:var(--radius-pill);border:var(--border-thin) var(--border-style) var(--surface-border);background:transparent;color:var(--surface-text);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.line-knob__chip:hover{border-color:var(--color-primary-text);color:var(--color-primary-text)}.line-knob__chip--active{background:var(--color-primary);border-color:var(--color-primary-text)}.line-knob__chip--active,.line-knob__chip--active:hover{color:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)))}.line-knob__chip--active:hover{background:var(--color-primary-hover)}.line-knob__current{font-family:var(--font-mono);font-size:var(--t-small);color:var(--surface-muted);white-space:nowrap;text-align:right}.line-knob__current b{color:var(--color-primary-text)}.line-demo{display:grid;grid-template-columns:1fr 280px;gap:var(--space-md)}@media (max-width:780px){.line-demo{grid-template-columns:1fr}}.line-demo__card{background:var(--surface-card-bg);border:var(--border-thin) var(--border-style) var(--surface-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.line-demo__card-head{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-lg);border-bottom:var(--border-thin) var(--border-style) var(--surface-border);background:color-mix(in srgb,var(--color-primary) 4%,transparent)}.line-demo__eyebrow{font-family:var(--font-mono);font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--color-primary-text)}.line-demo__meta{font-family:var(--font-mono);font-size:11px;color:var(--surface-muted)}.line-demo__card-body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.line-demo__title{font-family:var(--font-display);font-size:var(--t-h3);font-weight:var(--fw-bold);color:var(--surface-text);margin:0;line-height:var(--lh-heading)}.line-demo__text{font-size:var(--t-small);color:var(--surface-text);line-height:var(--lh-body);margin:0}.line-demo__row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.line-demo__input{padding:var(--input-padding-y) var(--input-padding-x);border-radius:var(--input-radius);border:var(--input-border-width) var(--border-style) var(--surface-border);background:var(--surface-bg);font-family:var(--font-body);font-size:var(--t-small);color:var(--surface-text);flex:1;min-width:200px}.line-demo__input:focus{outline:none;border-color:var(--color-primary-text);box-shadow:var(--focus-ring)}.line-demo__callout{margin:0}.line-demo__card-foot{display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-lg);border-top:var(--border-thin) var(--border-style) var(--surface-border);font-family:var(--font-mono);font-size:11px;color:var(--surface-muted);background:color-mix(in srgb,var(--color-primary) 2%,transparent)}.line-demo__readout{background:var(--surface-card-bg);border:var(--border-thin) var(--border-style) var(--surface-border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);height:-moz-fit-content;height:fit-content}.line-demo__readout-title{font-family:var(--font-mono);font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-muted);padding-bottom:var(--space-xs);border-bottom:var(--border-thin) var(--border-style) var(--surface-border)}.line-demo__readout-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:var(--t-small)}.line-demo__readout-key{color:var(--surface-muted)}.line-demo__readout-val{color:var(--color-primary-text);font-weight:var(--fw-bold)}.texture-knob__label{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--t-lead);color:var(--surface-text)}.texture-knob__chips{display:flex;gap:6px;flex-wrap:wrap}.texture-knob__chip{font-family:var(--font-mono);font-size:var(--t-caption);font-weight:var(--fw-bold);padding:6px 14px;border-radius:var(--radius-pill);border:var(--border-thin) var(--border-style) var(--surface-border);background:transparent;color:var(--surface-text);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.texture-knob__chip:hover{border-color:var(--color-primary-text);color:var(--color-primary-text)}.texture-knob__chip--active{background:var(--color-primary);border-color:var(--color-primary-text)}.texture-knob__chip--active,.texture-knob__chip--active:hover{color:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)))}.texture-knob__chip--active:hover{background:var(--color-primary-hover)}.texture-knob__chip--dh{border-color:color-mix(in srgb,var(--color-secondary) 60%,transparent);color:var(--color-secondary-text)}.texture-knob__chip--dh:hover{border-color:var(--color-secondary-text);color:var(--color-secondary-text)}.texture-knob__chip--dh.texture-knob__chip--active{background:var(--color-secondary);color:var(--text-on-secondary-auto,var(--text-on-secondary,var(--dh-white)));border-color:var(--color-secondary-text)}.texture-knob__current{font-family:var(--font-mono);font-size:var(--t-small);color:var(--surface-muted);white-space:nowrap}.texture-knob__current b{color:var(--color-primary-text)}.texture-demo{display:grid;grid-template-columns:1fr 280px;gap:var(--space-md)}@media (max-width:860px){.texture-demo{grid-template-columns:1fr}}.texture-demo__stage{background-color:var(--surface-bg);background-image:var(--surface-texture,none);background-size:var(--surface-texture-size,auto);background-repeat:repeat;background-blend-mode:var(--surface-texture-blend,normal);border:var(--border-thin) var(--border-style) var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-xl);min-height:420px}.texture-demo__content{display:flex;flex-direction:column;gap:var(--space-md)}.texture-demo__eyebrow{font-family:var(--font-mono);font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--color-primary-text)}.texture-demo__title{font-family:var(--font-display);font-size:var(--t-h3);font-weight:var(--fw-bold);color:var(--surface-text);margin:0;line-height:var(--lh-heading)}.texture-demo__text{font-size:var(--t-body);color:var(--surface-text);line-height:var(--lh-body);margin:0;max-width:62ch}.texture-demo__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-top:var(--space-sm)}@media (max-width:780px){.texture-demo__cards{grid-template-columns:1fr}}.texture-demo__card{background:var(--surface-card-bg);border:var(--border-thin) var(--border-style) var(--surface-border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);box-shadow:var(--shadow-sm)}.texture-demo__card-icon{font-size:22px;color:var(--color-primary-text);line-height:1}.texture-demo__card-title{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--t-lead);color:var(--surface-text)}.texture-demo__card-desc{font-size:var(--t-small);color:var(--surface-text);line-height:var(--lh-body)}.texture-demo__row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;margin-top:var(--space-sm)}.texture-demo__muted{font-family:var(--font-mono);font-size:11px;color:var(--surface-muted)}.texture-demo__readout{background:var(--surface-card-bg);border:var(--border-thin) var(--border-style) var(--surface-border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);height:-moz-fit-content;height:fit-content}.texture-demo__readout-title{font-family:var(--font-mono);font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-muted);padding-bottom:var(--space-xs);border-bottom:var(--border-thin) var(--border-style) var(--surface-border)}.texture-demo__readout-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--t-small)}.texture-demo__readout-key{color:var(--surface-muted)}.texture-demo__readout-val{color:var(--color-primary-text);font-weight:var(--fw-bold)}.texture-demo__readout-hint{font-size:12px;color:var(--surface-muted);line-height:var(--lh-body)}.texture-demo__readout-hint code{font-family:var(--font-mono);font-size:11px;padding:1px 6px;border-radius:4px;background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary-text)}.texture-demo__readout-divider{height:1px;background:var(--surface-border)}.texture-demo__readout-dh{font-size:12px;color:var(--surface-muted);line-height:var(--lh-body)}.texture-demo__readout-dh b{display:block;color:var(--color-secondary-text);font-family:var(--font-display);font-size:var(--t-small);margin-bottom:4px}.guards-knob__label{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--t-lead);color:var(--surface-text)}.guards-knob__chips{display:flex;gap:6px;flex-wrap:wrap}.guards-knob__chip{font-family:var(--font-mono);font-size:var(--t-caption);font-weight:var(--fw-bold);padding:6px 14px;border-radius:var(--radius-pill);border:var(--border-thin) var(--border-style) var(--surface-border);background:transparent;color:var(--surface-text);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.guards-knob__chip:hover{border-color:var(--color-primary-text);color:var(--color-primary-text)}.guards-knob__chip--active{background:var(--color-primary);border-color:var(--color-primary-text)}.guards-knob__chip--active,.guards-knob__chip--active:hover{color:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)))}.guards-knob__chip--active:hover{background:var(--color-primary-hover)}.guards-knob__chip--off.guards-knob__chip--active{background:var(--color-secondary);border-color:var(--color-secondary-text);color:var(--text-on-secondary-auto,var(--text-on-secondary,var(--dh-white)))}.guards-knob__current{font-family:var(--font-mono);font-size:var(--t-small);color:var(--surface-muted)}.guards-scene__num{font-family:var(--font-mono);font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--color-secondary-text)}.guards-scene__title{font-family:var(--font-display);font-size:var(--t-h3);font-weight:var(--fw-bold);color:var(--surface-text);margin:4px 0 0;line-height:var(--lh-heading)}.guards-scene__desc{font-size:var(--t-small);color:var(--surface-text);line-height:var(--lh-body);margin:0}.guards-scene__status{font-family:var(--font-mono);font-size:11px;color:var(--surface-muted);padding:6px 10px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-primary) 6%,transparent);margin-top:auto}.guards-scene__status--off{color:var(--color-warning-text);background:color-mix(in srgb,var(--color-warning) 10%,transparent)}.guards-stage--grid{background-image:linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.06) 1px,transparent 0);background-size:24px 24px}.guards-stage--grain{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.12 0'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");background-size:200px 200px}.guards-card--flat{background-image:none;box-shadow:none;border-width:var(--border-thin)}.guards-avatar-row{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap;padding:var(--space-md);border:var(--border-thin) var(--border-style) var(--surface-border);border-radius:var(--radius-md);background:var(--surface-bg);min-height:140px}.guards-avatar-hint{font-family:var(--font-mono);font-size:11px;color:var(--surface-muted);line-height:var(--lh-body)}.icon-knob__label{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--t-lead);color:var(--surface-text)}.icon-knob__chips{display:flex;gap:6px;flex-wrap:wrap}.icon-knob__chip{font-family:var(--font-mono);font-size:var(--t-caption);font-weight:var(--fw-bold);padding:6px 14px;border-radius:var(--radius-pill);border:var(--border-thin) var(--border-style) var(--surface-border);background:transparent;color:var(--surface-text);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.icon-knob__chip:hover{border-color:var(--color-primary-text);color:var(--color-primary-text)}.icon-knob__chip--active{background:var(--color-primary);border-color:var(--color-primary-text)}.icon-knob__chip--active,.icon-knob__chip--active:hover{color:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)))}.icon-knob__chip--active:hover{background:var(--color-primary-hover)}.icon-knob__current{font-family:var(--font-mono);font-size:var(--t-small);color:var(--surface-muted);white-space:nowrap}.icon-knob__current b{color:var(--color-primary-text)}@media (max-width:860px){.icon-demo{grid-template-columns:1fr}}.icon-demo__grid{background:var(--surface-card-bg);border:var(--border-thin) var(--border-style) var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:var(--space-md)}.icon-demo__cell{display:flex;flex-direction:column;align-items:center;gap:8px;padding:var(--space-sm);border-radius:var(--radius-md);color:var(--color-primary-text);transition:background var(--transition-base)}.icon-demo__cell:hover{background:color-mix(in srgb,var(--color-primary) 6%,transparent)}.icon-demo__cell [data-icon]{width:36px;height:36px}.icon-demo__name{font-family:var(--font-mono);font-size:11px;color:var(--surface-muted);letter-spacing:var(--tr-eyebrow)}.icon-demo__usage{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--border-thin) var(--border-style) var(--surface-border);grid-column:1/-1}.icon-demo__usage-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--surface-bg);border:var(--border-thin) var(--border-style) var(--surface-border);border-radius:var(--radius-md)}.icon-demo__usage-card [data-icon]{width:18px;height:18px;color:var(--color-primary-text)}.icon-demo__usage-card-text{display:flex;flex-direction:column}.icon-demo__usage-card-label{font-family:var(--font-display);font-size:var(--t-small);font-weight:var(--fw-bold);color:var(--surface-text)}.icon-demo__usage-card-sub{font-size:11px;color:var(--surface-muted)}.icon-demo__readout{background:var(--surface-card-bg);border:var(--border-thin) var(--border-style) var(--surface-border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);height:-moz-fit-content;height:fit-content}.icon-demo__readout-title{font-family:var(--font-mono);font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-muted);padding-bottom:var(--space-xs);border-bottom:var(--border-thin) var(--border-style) var(--surface-border)}.icon-demo__readout-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--t-small)}.icon-demo__readout-key{color:var(--surface-muted)}.icon-demo__readout-val{color:var(--color-primary-text);font-weight:var(--fw-bold)}.emoji-knob__label{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--t-small);color:var(--surface-text)}.emoji-knob__chips{display:flex;gap:6px;flex-wrap:wrap}.emoji-knob__chip{font-family:var(--font-mono);font-size:var(--t-caption);font-weight:var(--fw-bold);padding:5px 12px;border-radius:var(--radius-pill);border:var(--border-thin) var(--border-style) var(--surface-border);background:transparent;color:var(--surface-text);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.emoji-knob__chip:hover{border-color:var(--color-primary-text);color:var(--color-primary-text)}.emoji-knob__chip--active{background:var(--color-primary);border-color:var(--color-primary-text)}.emoji-knob__chip--active,.emoji-knob__chip--active:hover{color:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)))}.emoji-knob__chip--active:hover{background:var(--color-primary-hover)}.emoji-knob__current{font-family:var(--font-mono);font-size:11px;color:var(--surface-muted);white-space:nowrap}.emoji-knob__current b{color:var(--color-primary-text)}@media (max-width:860px){.emoji-demo{grid-template-columns:1fr}}.emoji-demo__stage{background:var(--surface-card-bg);border:var(--border-thin) var(--border-style) var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.emoji-demo__hero-eyebrow{font-family:var(--font-mono);font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--color-primary-text)}.emoji-demo__hero-title{font-family:var(--font-display);font-size:var(--t-h2);font-weight:var(--fw-bold);color:var(--surface-text);line-height:var(--lh-heading);margin:0}.emoji-demo__section-head{font-family:var(--font-mono);font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-muted);padding-top:var(--space-md);border-top:var(--border-thin) var(--border-style) var(--surface-border)}.emoji-demo__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.emoji-demo__list li{display:flex;align-items:baseline;gap:8px;font-size:var(--t-body);color:var(--surface-text);padding-left:6px}.emoji-demo__list li:before{content:var(--emoji-accent);font-size:.95em}.emoji-demo__cta-row{gap:var(--space-sm);flex-wrap:wrap}.emoji-demo__cta-row,.emoji-demo__icon-swap{display:flex;align-items:center;padding-top:var(--space-sm)}.emoji-demo__icon-swap{gap:var(--space-md);border-top:var(--border-thin) var(--border-style) var(--surface-border)}.emoji-demo__icon-cell{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--color-primary-text)}.emoji-demo__icon-cell .emoji-icon,.emoji-demo__icon-cell [data-icon]{width:32px;height:32px;font-size:26px}.emoji-demo__icon-cell-label{font-family:var(--font-mono);font-size:10px;color:var(--surface-muted)}.emoji-demo__readout{background:var(--surface-card-bg);border:var(--border-thin) var(--border-style) var(--surface-border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:6px;height:-moz-fit-content;height:fit-content}.emoji-demo__readout-title{font-family:var(--font-mono);font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-muted);padding-bottom:var(--space-xs);border-bottom:var(--border-thin) var(--border-style) var(--surface-border)}.emoji-demo__readout-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--t-small)}.emoji-demo__readout-key{color:var(--surface-muted);font-size:11px}.emoji-demo__readout-val{color:var(--color-primary-text);font-weight:var(--fw-bold);font-size:15px}.emoji-demo__readout-hint{font-size:11px;color:var(--surface-muted);line-height:var(--lh-body);padding-top:var(--space-xs);border-top:var(--border-thin) var(--border-style) var(--surface-border)}@media (max-width:720px){.motion-grid{grid-template-columns:repeat(2,1fr)}}.scheme-knob__label{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--t-lead);color:var(--surface-text)}.scheme-knob__chips{display:flex;gap:6px}.scheme-knob__chip{font-family:var(--font-mono);font-size:var(--t-caption);font-weight:var(--fw-bold);padding:6px 14px;border-radius:var(--radius-pill);border:var(--border-thin) var(--border-style) var(--surface-border);background:transparent;color:var(--surface-text);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.scheme-knob__chip:hover{border-color:var(--color-primary-text);color:var(--color-primary-text)}.scheme-knob__chip--active{background:var(--color-primary);border-color:var(--color-primary-text)}.scheme-knob__chip--active,.scheme-knob__chip--active:hover{color:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)))}.scheme-knob__chip--active:hover{background:var(--color-primary-hover)}.scheme-knob__chip-glyph{font-size:14px}.scheme-knob__current{font-family:var(--font-mono);font-size:var(--t-small);color:var(--surface-muted);white-space:nowrap}.scheme-knob__current b{color:var(--color-primary-text)}.scheme-demo{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);padding:var(--space-xl);background:var(--surface-bg);transition:background var(--motion-medium) var(--ease-out),border-color var(--motion-medium) var(--ease-out)}.scheme-demo,.scheme-demo__card{border:var(--border-thin) var(--border-style) var(--surface-border);border-radius:var(--radius-md)}.scheme-demo__card{padding:var(--space-lg);background:var(--surface-card-bg);display:flex;flex-direction:column;gap:var(--space-sm);box-shadow:var(--shadow-sm)}.scheme-demo__eyebrow{font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-eyebrow)}.scheme-demo__title{font-family:var(--font-display);font-size:var(--t-title);font-weight:var(--fw-bold);color:var(--surface-text);letter-spacing:var(--tr-tight);line-height:var(--lh-snug);margin:0}.scheme-demo__text{font-size:var(--t-small);color:var(--surface-muted);line-height:var(--lh-body);margin:0}.scheme-demo__row{display:flex;gap:var(--space-xs);margin-top:var(--space-xs);flex-wrap:wrap}@media (max-width:720px){.scheme-demo{grid-template-columns:1fr}}.elev-card--xs{box-shadow:var(--shadow-xs)}.elev-card--sm{box-shadow:var(--shadow-sm)}.elev-card--md{box-shadow:var(--shadow-md)}.elev-card--lg{box-shadow:var(--shadow-lg)}.elev-card__step{font-family:var(--font-mono);font-size:var(--t-caption);color:var(--surface-muted);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);font-weight:var(--fw-bold)}.elev-card__name{font-family:var(--font-display);font-size:var(--t-lead);font-weight:var(--fw-bold);color:var(--color-primary-text);letter-spacing:var(--tr-tight)}.elev-card__role{font-size:var(--t-small);color:var(--surface-text);line-height:var(--lh-body)}.elev-card__values{font-family:var(--font-mono);font-size:11px;color:var(--surface-muted);padding-top:var(--space-xs);border-top:var(--border-thin) var(--border-style) var(--surface-border);line-height:1.5}.elev-knob__label{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--t-lead);color:var(--surface-text)}.elev-knob__chips{display:flex;flex-wrap:wrap;gap:6px}.elev-knob__chip{font-family:var(--font-mono);font-size:var(--t-caption);font-weight:var(--fw-bold);padding:6px 14px;border-radius:var(--radius-pill);border:var(--border-thin) var(--border-style) var(--surface-border);background:transparent;color:var(--surface-text);cursor:pointer;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.elev-knob__chip:hover{border-color:var(--color-primary-text);color:var(--color-primary-text)}.elev-knob__chip--active{background:var(--color-primary);border-color:var(--color-primary-text)}.elev-knob__chip--active,.elev-knob__chip--active:hover{color:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)))}.elev-knob__chip--active:hover{background:var(--color-primary-hover)}.elev-knob__current{font-family:var(--font-mono);font-size:var(--t-small);color:var(--surface-muted);white-space:nowrap}.elev-knob__current b{color:var(--color-primary-text)}@media (max-width:720px){.elev-grid{grid-template-columns:repeat(2,1fr)}}.composer__card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--surface-card-bg);border:var(--border-thin) var(--border-style) var(--surface-border);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out);text-align:left;font-family:inherit}.composer__card:hover{transform:translateY(-2px);border-color:var(--color-primary-soft);box-shadow:var(--shadow-sm)}.composer__card--active{border-color:var(--color-primary-text);border-width:var(--border-med);transform:translateY(-2px);box-shadow:var(--shadow-md)}.composer__card--active:hover{border-color:var(--color-primary-text);box-shadow:var(--shadow-md)}.composer__icon{font-size:var(--t-display-sm);font-weight:var(--fw-display-max);line-height:1;color:var(--color-primary-text)}.composer__icon,.composer__name{font-family:var(--font-display);letter-spacing:var(--tr-tight)}.composer__name{font-size:var(--t-lead);font-weight:var(--fw-bold);color:var(--surface-text)}.composer__desc{font-size:var(--t-small);color:var(--surface-text);line-height:var(--lh-body)}.composer__settings{margin-top:auto;padding-top:var(--space-sm);border-top:var(--border-thin) var(--border-style) var(--surface-border);display:flex;flex-direction:column;gap:4px}.composer__setting{display:flex;justify-content:space-between;gap:var(--space-xs);font-size:var(--t-caption);font-family:var(--font-mono)}.composer__setting-key{color:var(--surface-muted)}.composer__setting-value{color:var(--color-primary-text);font-weight:var(--fw-bold)}.composer__readout{display:grid;grid-template-columns:auto 1fr;gap:var(--space-md);align-items:center;padding:var(--space-md) var(--space-lg);background:var(--surface-card-bg);border:var(--border-med) var(--border-style) var(--surface-border);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.composer__readout-label{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--t-lead);color:var(--surface-text)}.composer__readout-state{font-family:var(--font-mono);font-size:var(--t-small);color:var(--surface-muted)}.composer__readout-state b{color:var(--color-primary-text)}@media (max-width:720px){.composer{grid-template-columns:1fr}}.spacing-row__label{text-transform:var(--case-label,uppercase);letter-spacing:var(--tr-eyebrow);font-weight:var(--fw-bold)}.spacing-row__label,.spacing-row__multiplier{font-family:var(--font-mono);font-size:var(--t-caption);color:var(--surface-muted)}.spacing-row__size{font-family:var(--font-mono);font-size:var(--t-small);color:var(--color-primary-text);font-weight:var(--fw-bold)}.spacing-row__bar-wrap{display:flex;align-items:center;height:32px}.spacing-row__bar{height:16px;background:var(--color-primary);border-radius:var(--radius-xs);transition:width var(--motion-base) var(--ease-out)}.density-knob__label{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--t-lead);color:var(--surface-text)}.density-knob__chips{display:flex;flex-wrap:wrap;gap:6px}.density-knob__chip{font-family:var(--font-mono);font-size:var(--t-caption);font-weight:var(--fw-bold);padding:6px 10px;border-radius:var(--radius-pill);border:var(--border-thin) var(--border-style) var(--surface-border);background:transparent;color:var(--surface-text);cursor:pointer;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.density-knob__chip:hover{border-color:var(--color-primary-text);color:var(--color-primary-text)}.density-knob__chip--active{background:var(--color-primary);border-color:var(--color-primary-text)}.density-knob__chip--active,.density-knob__chip--active:hover{color:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)))}.density-knob__chip--active:hover{background:var(--color-primary-hover)}.density-knob__current{font-family:var(--font-mono);font-size:var(--t-small);color:var(--surface-muted);white-space:nowrap}.density-knob__current b{color:var(--color-primary-text);font-size:var(--t-lead)}.density-intent__card{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:var(--surface-card-bg);border:var(--border-thin) var(--border-style) var(--surface-border);border-radius:var(--radius-md);transition:border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.density-intent__card--active{border-color:var(--color-primary-text);border-width:var(--border-med);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.density-intent__name{font-family:var(--font-display);font-size:var(--t-lead);font-weight:var(--fw-bold);color:var(--color-primary-text);letter-spacing:var(--tr-tight)}.density-intent__use{font-size:var(--t-small);color:var(--surface-text);line-height:var(--lh-body)}.density-intent__triggers{font-size:var(--t-caption);color:var(--surface-muted);font-style:italic;line-height:var(--lh-body);padding-top:var(--space-xs);border-top:var(--border-thin) var(--border-style) var(--surface-border);margin-top:auto}@media (max-width:720px){.density-intent{grid-template-columns:1fr}}.scale-row__label{font-size:var(--t-caption);color:var(--surface-muted);text-transform:var(--case-label,uppercase);letter-spacing:var(--tr-eyebrow)}.scale-row__label,.scale-row__size{font-family:var(--font-mono);font-weight:var(--fw-bold)}.scale-row__size{font-size:var(--t-small);color:var(--color-primary-text)}.scale-row__sample{line-height:var(--lh-snug);letter-spacing:var(--tr-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scale-knob__label,.scale-row__sample{font-family:var(--font-display);font-weight:var(--fw-bold);color:var(--surface-text)}.scale-knob__label{font-size:var(--t-lead)}.scale-knob__chips{display:flex;flex-wrap:wrap;gap:6px}.scale-knob__chip{font-family:var(--font-mono);font-size:var(--t-caption);font-weight:var(--fw-bold);padding:6px 10px;border-radius:var(--radius-pill);border:var(--border-thin) var(--border-style) var(--surface-border);background:transparent;color:var(--surface-text);cursor:pointer;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.scale-knob__chip:hover{border-color:var(--color-primary-text);color:var(--color-primary-text)}.scale-knob__chip--active{background:var(--color-primary);border-color:var(--color-primary-text)}.scale-knob__chip--active,.scale-knob__chip--active:hover{color:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)))}.scale-knob__chip--active:hover{background:var(--color-primary-hover)}.scale-knob__current{font-family:var(--font-mono);font-size:var(--t-small);color:var(--surface-muted);white-space:nowrap}.scale-knob__current b{color:var(--color-primary-text);font-size:var(--t-lead)}.contrast__row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--surface-card-bg);border:var(--border-thin) var(--border-style) var(--surface-border);border-radius:var(--radius-md)}.contrast__pair{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.contrast__sample{width:52px;height:52px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--t-body);flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.contrast__meta{min-width:0}.contrast__label{font-size:var(--t-small);color:var(--surface-text);font-weight:var(--fw-semi);line-height:var(--lh-snug)}.contrast__sublabel{font-size:11px;color:var(--surface-muted);font-family:var(--font-mono);margin-top:2px;letter-spacing:0;text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contrast__ratio{font-family:var(--font-mono);font-size:var(--t-lead);font-weight:var(--fw-bold);color:var(--surface-text);letter-spacing:var(--tr-tight,-.02em)}.contrast__badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:var(--radius-pill);font-size:10px;font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);white-space:nowrap}.contrast__badge--aaa{background:var(--color-success-soft);color:var(--color-success-text)}.contrast__badge--aa{background:color-mix(in srgb,var(--color-success) 14%,transparent);color:var(--color-success-text)}.contrast__badge--large{background:color-mix(in srgb,var(--color-warning) 14%,transparent);color:var(--color-warning-text);border:var(--border-thin) var(--border-style) color-mix(in srgb,var(--color-warning) 40%,transparent)}.contrast__badge--fail{background:color-mix(in srgb,var(--color-error) 18%,transparent);color:var(--color-error-text);border:var(--border-thin) var(--border-style) var(--color-error)}.contrast__summary{grid-column:1/-1;display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--surface-card-bg);border:var(--border-med) var(--border-style) var(--surface-border);border-radius:var(--radius-md);align-items:center;justify-content:space-between;flex-wrap:wrap}.contrast__summary-stats{display:flex;gap:var(--space-lg);align-items:baseline;flex-wrap:wrap}.contrast__stat{display:flex;flex-direction:column;gap:2px}.contrast__stat-num{font-family:var(--font-display);font-size:var(--t-display-sm);font-weight:var(--fw-display-max);line-height:1;letter-spacing:var(--tr-tight);color:var(--surface-text)}.contrast__stat-num--fail{color:var(--color-error)}.contrast__stat-num--pass{color:var(--color-success)}.contrast__stat-label{font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-muted)}.contrast__verdict{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--t-lead);color:var(--surface-text)}.contrast__verdict--ok{color:var(--color-success-text)}.contrast__verdict--warn{color:var(--color-error-text)}@media (max-width:720px){.contrast{grid-template-columns:1fr}}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.feature-card{display:flex;flex-direction:column;gap:var(--space-2xs)}.feature-card__icon{font-size:var(--t-display-sm);line-height:1;margin-bottom:var(--space-2xs)}.feature-card__title{font-family:var(--font-display);font-size:var(--t-title);font-weight:var(--fw-bold);color:var(--surface-text);letter-spacing:var(--tr-tight);margin:0}.feature-card__text{font-size:var(--t-small);color:var(--surface-muted);line-height:var(--lh-body);margin:0}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);padding:var(--space-xl) var(--card-padding);border-radius:var(--card-radius)}.stats-row--paper{background:var(--surface-card-bg);border:var(--card-border-width) var(--border-style) var(--surface-border);color:var(--surface-text)}.stats-row--primary{--surface-text:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)));--surface-muted:color-mix(in srgb,var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white))) 72%,transparent);background:var(--color-primary);color:var(--surface-text)}.stats-row--deep{--surface-text:var(--text-on-deep);--surface-muted:color-mix(in srgb,var(--text-on-deep) 65%,transparent);background:var(--color-deep);color:var(--surface-text)}.stats-cell{display:flex;flex-direction:column;gap:4px}.stats-cell__number{font-family:var(--font-display);font-size:var(--t-display-md);font-weight:var(--fw-display-max);line-height:1;letter-spacing:var(--tr-tight)}.stats-cell__label{font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-muted)}.stats-cell__delta{font-size:var(--t-caption);font-weight:var(--fw-semi);display:inline-flex;align-items:center;gap:4px;margin-top:2px;color:var(--color-success)}.stats-row--primary .stats-cell__delta{color:color-mix(in srgb,var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white))) 88%,transparent)}.stats-row--deep .stats-cell__delta{color:var(--color-secondary-text)}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.testimonial{background:var(--surface-card-bg);border:var(--card-border-width) var(--border-style) var(--surface-border);border-radius:var(--card-radius);padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--space-md)}.testimonial__mark{font-family:var(--font-display);font-size:48px;line-height:.5;color:var(--color-primary-text);font-weight:var(--fw-display-max);height:22px}.testimonial__quote{font-size:var(--t-body);color:var(--surface-text);line-height:var(--lh-body);margin:0;flex:1}.testimonial__meta{display:flex;align-items:center;gap:var(--space-sm);padding-top:var(--space-sm);border-top:var(--border-thin) var(--border-style) var(--surface-border)}.testimonial__avatar{width:40px;height:40px;border-radius:var(--circle-radius);background:var(--color-primary);flex-shrink:0}.testimonial__name{font-weight:var(--fw-bold);color:var(--surface-text);font-size:var(--t-small);line-height:1.2}.testimonial__title{font-size:var(--t-caption);color:var(--surface-muted);margin-top:2px}.testimonial__stars{color:var(--color-warning);letter-spacing:2px;font-size:var(--t-small)}.testimonial--featured{--surface-text:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)));--surface-muted:color-mix(in srgb,var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white))) 72%,transparent);--surface-border:color-mix(in srgb,var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white))) 20%,transparent);background:var(--color-primary-fill);border:none;padding:var(--space-xl) var(--card-padding);color:var(--surface-text);grid-column:span 3;display:grid;grid-template-columns:1fr auto;gap:var(--space-xl);align-items:center}.testimonial--featured .testimonial__body{display:flex;flex-direction:column;gap:var(--space-md)}.testimonial--featured .testimonial__mark{color:var(--color-secondary-text);font-size:72px;height:32px}.testimonial--featured .testimonial__quote{font-size:var(--t-lead);font-family:var(--font-display);font-weight:var(--fw-semi);line-height:var(--lh-snug)}.testimonial--featured .testimonial__logo-wrap{display:flex;justify-content:center;align-items:center;padding:var(--space-lg);border-left:var(--border-thin) var(--border-style) var(--surface-border)}.testimonial__logo{font-family:var(--font-display);font-weight:var(--fw-display-max);font-size:var(--t-title);letter-spacing:var(--tr-tight);color:var(--surface-text);opacity:.9}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);align-items:stretch;margin-top:var(--space-2xl)}.pricing-card{background:var(--surface-card-bg);border:var(--card-border-width) var(--border-style) var(--surface-border);border-radius:var(--card-radius);padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--space-md);position:relative}.pricing-card__eyebrow{font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--surface-muted)}.pricing-card__name{font-family:var(--font-display);font-size:var(--t-title);font-weight:var(--fw-bold);color:var(--surface-text);line-height:var(--lh-tight);margin:0}.pricing-card__price{display:flex;align-items:baseline;gap:6px}.pricing-card__price-num{font-family:var(--font-display);font-size:var(--t-display-md);font-weight:var(--fw-display-max);color:var(--surface-text);line-height:1;letter-spacing:var(--tr-tight)}.pricing-card__price-unit{font-weight:var(--fw-semi)}.pricing-card__desc,.pricing-card__price-unit{font-size:var(--t-small);color:var(--surface-muted)}.pricing-card__desc{margin:0;line-height:var(--lh-body)}.pricing-card__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-xs);border-top:var(--border-thin) var(--border-style) var(--surface-border);padding-top:var(--space-md);flex:1}.pricing-card__item{font-size:var(--t-small);color:var(--surface-text);display:flex;align-items:flex-start;gap:8px;line-height:var(--lh-body)}.pricing-card__check{color:var(--color-success);flex-shrink:0;font-weight:var(--fw-bold)}.pricing-card__item--off{color:var(--surface-muted)}.pricing-card__item--off .pricing-card__check{color:var(--surface-border)}.pricing-card--featured{--surface-eyebrow:var(--color-primary);--surface-text:var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white)));--surface-muted:color-mix(in srgb,var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white))) 78%,transparent);--surface-border:color-mix(in srgb,var(--text-on-primary-auto,var(--text-on-primary,var(--dh-white))) 22%,transparent);background:var(--color-primary-fill);border:none;color:var(--surface-text);transform:translateY(-12px);box-shadow:0 16px 40px color-mix(in srgb,var(--color-primary-fill) 35%,transparent);padding-top:calc(var(--card-padding) + var(--space-sm))}.pricing-card--featured .pricing-card__check{color:color-mix(in oklch,var(--color-primary) 65%,var(--surface-text))}.pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--paper);color:oklch(from var(--color-primary) min(l,.4) max(c,.06) h);font-size:var(--t-caption);font-weight:var(--fw-bold);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);padding:6px 14px;border-radius:var(--pill-radius);white-space:nowrap;box-shadow:0 4px 12px color-mix(in srgb,var(--color-deep) 25%,transparent)}.faq-list{background:var(--surface-card-bg);border:var(--card-border-width) var(--border-style) var(--surface-border);border-radius:var(--card-radius);overflow:hidden}.faq-item{border-bottom:var(--border-thin) var(--border-style) var(--surface-border)}.faq-item:last-child{border-bottom:none}.faq-item__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--card-padding);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent;border:none;width:100%;text-align:left;font-family:var(--font-body)}.faq-item__head:hover{background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.faq-item__title{font-weight:var(--fw-bold);color:var(--surface-text);font-size:var(--t-body);line-height:var(--lh-snug);margin:0}.faq-item__icon{color:var(--surface-muted);font-weight:var(--fw-bold);font-size:20px;transition:transform var(--motion-base) var(--ease-out);flex-shrink:0;line-height:1}.faq-item[data-open=true] .faq-item__icon{transform:rotate(45deg);color:var(--color-primary-text)}.faq-item__body{padding:0 var(--card-padding) var(--space-md);color:var(--surface-muted);font-size:var(--t-small);line-height:var(--lh-body);display:none}.faq-item[data-open=true] .faq-item__body{display:block}.faq-list--plain{background:transparent;border:none;border-radius:0}.faq-list--plain .faq-item__head{padding:var(--space-md) 0}.faq-list--plain .faq-item__body{padding:0 0 var(--space-md)}@media (max-width:720px){.stats-row{grid-template-columns:repeat(2,1fr)}.testimonial-grid{grid-template-columns:1fr}.testimonial--featured{grid-column:span 1;grid-template-columns:1fr}.testimonial--featured .testimonial__logo-wrap{border-left:none;border-top:var(--border-thin) var(--border-style) var(--surface-border);padding:var(--space-md) 0 0}.pricing-grid{grid-template-columns:1fr}.pricing-card--featured{transform:none}}.cta-pill{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:6px 14px;border-radius:var(--radius-pill);border:var(--border-thin) var(--border-style) color-mix(in srgb,var(--color-primary-text) 38%,transparent);background:color-mix(in srgb,var(--color-primary-text) 8%,transparent);font-family:var(--font-body);font-weight:var(--fw-bold);font-size:var(--t-caption);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:var(--color-primary-text)}.cta-pill__icon{flex-shrink:0}.cta-pill--sm{padding:5px 11px;font-size:10px}.cta-title-pop{color:var(--color-primary-text)}.cta-proof{font-family:var(--font-body);font-weight:var(--fw-bold);font-size:var(--t-caption);letter-spacing:var(--tr-eyebrow);text-transform:var(--case-eyebrow,uppercase);color:color-mix(in srgb,var(--surface-text) 55%,transparent)}.cta-proof--sm{font-size:10px}.cta-input{background:color-mix(in srgb,var(--color-primary) 6%,transparent);color:var(--surface-text);border:var(--border-thin) var(--border-style) color-mix(in srgb,var(--surface-text) 22%,transparent)}.cta-input::-moz-placeholder{color:color-mix(in srgb,var(--surface-text) 50%,transparent)}.cta-input::placeholder{color:color-mix(in srgb,var(--surface-text) 50%,transparent)}.cta-input:focus{border-color:color-mix(in srgb,var(--color-primary) 60%,transparent);outline:none}.cta-block--glow{position:relative;overflow:hidden}.cta-block--glow>*{position:relative;z-index:1}.cta-block--glow:before{content:"";position:absolute;top:-20%;right:-10%;width:60%;height:100%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--color-primary) 18%,transparent) 0,transparent 60%);pointer-events:none;z-index:0}.cta-block--glow-sm:before{top:-10%;right:-15%;width:70%;height:60%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--color-primary) 14%,transparent) 0,transparent 70%)}.bd-host{position:relative;isolation:isolate}.bd-host:before{content:"";position:absolute;top:0;right:0;width:min(100%,920px);height:min(100%,720px);background-color:var(--bd-color,transparent);-webkit-mask-image:var(--bd-mask,none);mask-image:var(--bd-mask,none);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:top right;mask-position:top right;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-image:var(--bd-bg,none);background-size:cover;background-position:100% 0;background-repeat:no-repeat;pointer-events:none;z-index:0;opacity:var(--bd-opacity,1)}.bd-host>*{position:relative;z-index:1}.bd-host--mini{position:relative;overflow:hidden;isolation:isolate}.bd-host--mini:before{content:"";position:absolute;top:-10px;right:-10px;width:60%;height:60%;background-color:var(--bd-color,transparent);-webkit-mask-image:var(--bd-mask,none);mask-image:var(--bd-mask,none);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:top right;mask-position:top right;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-image:var(--bd-bg,none);background-size:cover;background-position:100% 0;background-repeat:no-repeat;pointer-events:none;z-index:0;opacity:calc(var(--bd-opacity, 1) * .7)}.bd-host--mini>*{position:relative;z-index:1}