.site{max-width:1200px;padding:var(--space-l) var(--space-l) var(--space-xxl);gap:var(--space-xxl);margin:0 auto;display:grid}.site-bar{justify-content:space-between;align-items:center;gap:var(--space-m);flex-wrap:wrap;display:flex}.site-bar nav{gap:var(--space-xxs);flex-wrap:wrap;align-items:center;display:flex}.nav-link{min-height:40px;padding:0 var(--space-xs);border-radius:var(--radius-s);transition:color var(--motion-duration) var(--motion-easing);align-items:center;text-decoration:none;display:inline-flex}.nav-link:hover,.nav-link[aria-current=page]{color:var(--neutral-10)}.nav-link:focus-visible{outline:2px solid var(--neutral-10);outline-offset:0}.wordmark{color:inherit;font-variation-settings:"wght" 700;font-synthesis:none;letter-spacing:.01em;font-family:FK Screamer,Anton,system-ui,sans-serif;font-size:3.15rem;font-weight:700;line-height:1;text-decoration:none}.eyebrow{font-family:var(--font-data);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-data-medium);color:var(--neutral-7);text-transform:uppercase;margin:0}.fk{font-variation-settings:"wght" 700;font-synthesis:none;letter-spacing:.01em;text-wrap:balance;margin:0;font-family:FK Screamer,Anton,system-ui,sans-serif;font-weight:700;line-height:1}.display{font-variation-settings:"wght" 700;font-synthesis:none;letter-spacing:.01em;text-wrap:balance;text-transform:uppercase;margin:0;font-family:FK Screamer,Anton,system-ui,sans-serif;font-size:clamp(2.5rem,8vw,7.75rem);font-weight:700;line-height:1}.fk-section{font-size:clamp(2rem,5vw,4rem)}.fk-feature{font-size:clamp(2.25rem,4.5vw,4.5rem)}.fk-card{font-size:clamp(1.5rem,2vw,2rem);line-height:1.05}.h2{font-family:var(--font-brand);font-weight:var(--weight-brand-heavy);font-size:var(--size-xl);line-height:var(--line-xl);letter-spacing:var(--letter-spacing-xl);margin:0}.h3{font-family:var(--font-brand);font-weight:var(--weight-brand-medium);font-size:var(--size-l);line-height:var(--line-l);letter-spacing:var(--letter-spacing-l);margin:0}.lede{font-size:var(--size-l);line-height:var(--line-l);letter-spacing:var(--letter-spacing-l);color:var(--neutral-8);max-width:46ch;margin:0}.muted{color:var(--neutral-7);font-size:var(--size-s);line-height:var(--line-s);letter-spacing:var(--letter-spacing-s);margin:0}.mono,.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-data);font-weight:var(--weight-data-regular);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs)}.section{gap:var(--space-l);display:grid}.section-head{gap:var(--space-xxs);display:grid}.grid{gap:var(--space-m);grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));display:grid}.palette{gap:var(--space-s);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pairs{gap:var(--space-s);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (max-width:1000px){.palette{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.pairs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.palette{grid-template-columns:1fr}}.grid-tight{gap:var(--space-s);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.card>*{box-sizing:border-box;max-width:100%}.card{border-radius:var(--radius-m);padding:var(--space-m);background:var(--neutral-2);box-shadow:var(--border-shadow-s), var(--shadow-s);gap:var(--space-s);border:0;align-content:start;min-width:0;display:grid}.card>h3{font-family:var(--font-ui);font-weight:var(--weight-ui-medium);font-size:var(--size-s);line-height:var(--line-s);letter-spacing:var(--letter-spacing-s);color:var(--neutral-7);margin:0}.row{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}.stack{gap:var(--space-s);display:grid}.swatch{border-radius:var(--radius-m);min-height:132px;padding:var(--space-s);box-shadow:var(--border-shadow-s);align-content:space-between;display:grid}.swatch b{font-weight:var(--weight-ui-heavy)}.pill{align-items:center;gap:var(--space-xxs);padding:var(--space-xxs) var(--space-s);border-radius:var(--radius-full);font-size:var(--size-s);line-height:var(--line-s);letter-spacing:var(--letter-spacing-s);font-weight:var(--weight-ui-medium);color:var(--dare-ink);display:inline-flex}.pill svg{width:1em;height:1em}.bar{border-radius:var(--radius-full);background:var(--color-1);height:14px}.radius-box{background:var(--color-4);height:72px}.shadow-box{border-radius:var(--radius-m);background:var(--neutral-1);place-items:center;height:88px;display:grid}.icon-cell{justify-items:center;gap:var(--space-xxs);padding:var(--space-s);border-radius:var(--radius-s);background:var(--neutral-1);box-shadow:var(--border-shadow-s);display:grid}.icon-cell svg{width:24px;height:24px}.poster{aspect-ratio:4/5;border-radius:var(--radius-l);padding:var(--space-l);color:var(--dare-ink);align-content:space-between;display:grid;overflow:hidden}.poster .display{font-size:clamp(3.5rem,6.5vw,6.5rem)}.motion-dot{border-radius:var(--radius-full);background:var(--color-1);width:28px;height:28px;animation:dare-slide calc(var(--motion-large-duration,.3s) * 6) var(--motion-large-easing) infinite alternate}@keyframes dare-slide{0%{transform:translate(0)}to{transform:translate(180px)}}@media (prefers-reduced-motion:reduce){.motion-dot{animation:none}}.ctx-area{box-sizing:border-box;width:100%;padding:var(--space-l);border-radius:var(--radius-m);box-shadow:inset 0 0 0 var(--border-s) var(--neutral-5);text-align:center;color:var(--neutral-7);display:block}table.tokens{border-collapse:collapse;width:100%;font-size:var(--size-s);line-height:var(--line-s)}table.tokens th,table.tokens td{text-align:left;padding:var(--space-xxs) var(--space-xs);box-shadow:inset 0 calc(-1 * var(--border-s)) 0 var(--neutral-4);vertical-align:top}table.tokens th{color:var(--neutral-7);font-weight:var(--weight-ui-medium)}@media (max-width:600px){.site{padding:var(--space-m) var(--space-s) var(--space-xl);gap:var(--space-xl)}.wordmark{font-size:2.25rem}}.card .ui-range,.card .ui-scroll-root,.card .combobox-field,.card .ui-toolbar{width:100%;max-width:100%}.swatch-values{gap:var(--space-m);min-height:0;padding:var(--space-m)}.swatch-head{justify-content:space-between;align-items:baseline;gap:var(--space-xs);display:flex}.swatch-head b{font-size:var(--size-l);line-height:var(--line-l)}.swatch-role{opacity:.7;text-align:right}.swatch-rows{gap:2px;display:grid}.value-row{align-items:center;gap:var(--space-xs);grid-template-columns:52px minmax(0,1fr) auto;min-height:32px;display:grid}.value-label{font-family:var(--font-data);font-size:var(--size-xxs);line-height:var(--line-xxs);font-weight:var(--weight-data-medium);letter-spacing:.04em;opacity:.65}.value-row code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.copy-btn{border-radius:var(--radius-s);width:32px;height:32px;color:inherit;cursor:pointer;opacity:.7;transition:opacity var(--motion-duration) var(--motion-easing), background-color var(--motion-duration) var(--motion-easing), scale var(--motion-duration) var(--motion-easing);background:0 0;border:0;place-items:center;margin:-4px -6px -4px 0;padding:0;display:grid;position:relative}.copy-btn:after{content:"";position:absolute;inset:-4px}.copy-btn:hover,.copy-btn:focus-visible{opacity:1;background:color-mix(in srgb, currentColor 12%, transparent)}.copy-btn:active{scale:.96}.copy-btn:focus-visible{outline-offset:1px;outline:2px solid}.copy-btn svg{grid-area:1/1;width:16px;height:16px;transition:opacity .2s cubic-bezier(.2,0,0,1),scale .2s cubic-bezier(.2,0,0,1),filter .2s cubic-bezier(.2,0,0,1)}.copy-btn svg:last-child{opacity:0;filter:blur(4px);scale:.25}.copy-btn[data-copied]{opacity:1}.copy-btn[data-copied] svg:first-child{opacity:0;filter:blur(4px);scale:.25}.copy-btn[data-copied] svg:last-child{opacity:1;filter:none;scale:1}@media (prefers-reduced-motion:reduce){.copy-btn,.copy-btn svg{transition:none}}.sub{gap:var(--space-xxs);margin-top:var(--space-s);display:grid}.sub-title{font-family:var(--font-brand);font-weight:var(--weight-brand-medium);font-size:var(--size-l);line-height:var(--line-l);letter-spacing:var(--letter-spacing-l);padding-bottom:var(--space-s);box-shadow:inset 0 calc(-1 * var(--border-s)) 0 var(--neutral-4);margin:0}.specs{display:grid}.specs+.specs{margin-top:var(--space-l)}.spec{gap:var(--space-l);padding-block:var(--space-l);box-shadow:inset 0 calc(-1 * var(--border-s)) 0 var(--neutral-4);grid-template-columns:200px minmax(0,1fr);align-items:start;display:grid}.spec-meta{font-family:var(--font-data);font-size:var(--size-xs);line-height:var(--line-xs);color:var(--neutral-7);font-variant-numeric:tabular-nums;gap:2px;padding-top:4px;display:grid}.spec-name{color:var(--neutral-10);font-weight:var(--weight-data-medium)}.spec-sample{min-width:0}.spec-sample>p{margin:0}.spec-text{text-wrap:balance;max-width:34ch}.spec-data{font-size:var(--size-l);line-height:var(--line-l)}.weights{gap:var(--space-m);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.weights>div{gap:var(--space-xxs);display:grid}.weight-sample{letter-spacing:-.02em;font-size:clamp(3rem,6vw,5rem);line-height:1}.weights em{color:var(--neutral-7);font-style:italic}.rules{gap:var(--space-s);margin-top:var(--space-m);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.rule{gap:var(--space-xs);padding:var(--space-m);border-radius:var(--radius-m);background:var(--neutral-2);box-shadow:var(--border-shadow-s);align-content:start;display:grid}.rule p{color:var(--neutral-8);margin:0}.rule-n{color:var(--neutral-7)}@media (max-width:760px){.spec{gap:var(--space-s);grid-template-columns:1fr}.weights,.rules{grid-template-columns:1fr}}.ramp{border-radius:var(--radius-m);box-shadow:var(--border-shadow-s);grid-template-columns:repeat(10,minmax(0,1fr));display:grid;overflow:hidden}.ramp-cell{min-height:132px;padding:var(--space-xs);font-variant-numeric:tabular-nums;align-content:space-between;display:grid}.ramp-cell .mono{font-size:var(--size-xxs);line-height:var(--line-xxs)}@media (max-width:760px){.ramp{grid-template-columns:repeat(5,minmax(0,1fr))}.ramp-cell{min-height:88px}}.motion-demo{align-items:center;gap:var(--space-l);min-height:80px;display:flex}.curve{border-radius:var(--radius-s);background:var(--neutral-2);width:80px;height:80px;box-shadow:var(--border-shadow-s);flex:none;overflow:visible}.curve-base{stroke:var(--neutral-4);stroke-width:1px;fill:none;stroke-dasharray:2 3}.curve-handle{stroke:var(--neutral-6);stroke-width:1px;fill:none}.curve-line{stroke:var(--color-1);stroke-width:2.5px;fill:none;stroke-linecap:round}.curve-dot{fill:var(--neutral-10)}.track{border-radius:var(--radius-full);background:var(--neutral-2);max-width:420px;height:40px;box-shadow:var(--border-shadow-s);box-sizing:border-box;flex:1;padding:6px;position:relative;container-type:inline-size}.track-dot{border-radius:var(--radius-full);background:var(--color-1);will-change:transform;width:28px;height:28px;display:block}.popup-stage{border-radius:var(--radius-m);background:var(--neutral-2);width:200px;height:96px;box-shadow:var(--border-shadow-s);place-items:center;display:grid}.popup-card{width:120px;padding:var(--space-xs);border-radius:var(--radius-s);background:var(--neutral-1);box-shadow:var(--border-shadow-s), 0 8px 24px #201b1c1f;transform-origin:top;gap:6px;display:grid}.popup-card span{border-radius:var(--radius-full);background:var(--neutral-4);height:8px;display:block}.popup-card span:first-child{background:var(--color-1);width:70%}.popup-card span:last-child{width:50%}@media (max-width:760px){.curve{display:none}}.icon-sizes{align-items:end;gap:var(--space-l);padding-bottom:var(--space-m);box-shadow:inset 0 calc(-1 * var(--border-s)) 0 var(--neutral-4);flex-wrap:wrap;display:flex}.icon-size{justify-items:center;gap:var(--space-xs);display:grid}.icon-size .mono{color:var(--neutral-7)}.icon-grid{gap:var(--space-s);grid-template-columns:repeat(auto-fill,minmax(124px,1fr));display:grid}.icon-grid .icon-cell{align-content:center;gap:var(--space-xs);min-height:104px;padding:var(--space-s) var(--space-xs);border-radius:var(--radius-m)}.icon-grid .icon-cell svg{width:28px;height:28px}.icon-grid .icon-cell .mono{font-size:var(--size-xxs);line-height:var(--line-xxs);color:var(--neutral-7);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.pill-outline{color:var(--neutral-10);box-shadow:inset 0 0 0 2px var(--pill);background:0 0}.pill-ink{background:var(--dare-ink);color:var(--dare-paper)}.pill-paper{background:var(--dare-paper);color:var(--dare-ink);box-shadow:inset 0 0 0 var(--border-s) #201b1c2e}.site-footer{background:var(--footer-bg,#201b1c);color:var(--footer-text,#f4f2f8);margin-top:var(--space-xxl)}.footer-wrap{box-sizing:border-box;max-width:1440px;font-family:var(--font-ui);margin:0 auto;padding:clamp(4rem,10vh,6rem) 20px 0;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:500;line-height:1.5}.site-footer a{color:inherit;text-underline-offset:2px;text-decoration:underline}.footer-links{align-items:center;gap:var(--space-xs) var(--space-xl);flex-wrap:wrap;display:flex}.footer-links .push{margin-left:auto}.footer-cols{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;margin-top:clamp(2.5rem,8vh,4rem);display:grid}.footer-cols>p{grid-column:span 4;margin:0}.footer-ack{gap:var(--space-s);text-wrap:pretty;flex-direction:column;grid-column:span 8;max-width:60ch;display:flex}.footer-ack p{margin:0}.footer-mark{width:100%;height:auto;margin-top:clamp(2rem,6vh,4rem);margin-bottom:-1px;display:block}@media (max-width:768px){.footer-cols>p,.footer-ack{grid-column:1/-1}.footer-links .push{margin-left:0}}.mode-button{border-radius:var(--radius-s);width:40px;height:40px;color:var(--neutral-10);cursor:pointer;transition:background-color var(--motion-duration) var(--motion-easing), scale var(--motion-duration) var(--motion-easing);background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.mode-button:hover{background:var(--neutral-3)}.mode-button:active{scale:.96}.mode-button:focus-visible{outline:2px solid var(--neutral-10);outline-offset:2px}.mode-icon{grid-area:1/1;place-items:center;display:grid}.ui-scroll-content{padding:var(--space-xs) var(--space-m) var(--space-xs) var(--space-s)}.ui-popup .ui-option{border-radius:calc(var(--radius-m) - var(--space-xxs))}.ui-range{gap:0;position:relative}.ui-range-heading{height:36px;padding:0 var(--space-s);z-index:1;pointer-events:none;font-size:var(--size-s);line-height:var(--line-s);position:absolute;inset:0 0 auto}.ui-range-heading .ui-value{font-family:var(--font-data);font-variant-numeric:tabular-nums;color:var(--neutral-8)}.ui-range-control{cursor:ew-resize;min-height:36px}.ui-range-track{border-radius:var(--radius-s);background:var(--neutral-3);height:36px;overflow:hidden}.ui-range-fill{background:color-mix(in srgb, var(--neutral-10) 12%, var(--neutral-3));border-radius:0}.ui-range-thumb{width:12px;height:36px;box-shadow:none;background:0 0;border-radius:0}.ui-range-thumb:before{content:"";background:var(--neutral-10);opacity:.45;width:2px;transition:opacity var(--motion-duration) var(--motion-easing);border-radius:1px;margin-left:-1px;position:absolute;top:9px;bottom:9px;left:50%}.ui-range-control:hover .ui-range-thumb:before,.ui-range-thumb:focus-within:before{opacity:.8}.ui-range-thumb:has(input:focus-visible){outline:2px solid var(--neutral-10);outline-offset:-2px;border-radius:2px}.dare-toaster{--normal-bg:var(--neutral-1);--normal-text:var(--neutral-10);--normal-border:transparent;--border-radius:var(--radius-m)}.dare-toaster [data-sonner-toast]{font-family:var(--font-ui);font-size:var(--size-s);line-height:var(--line-s);border-radius:var(--radius-m);background:var(--neutral-1);color:var(--neutral-10);box-shadow:var(--border-shadow-s), 0 12px 32px #201b1c24;border:0}.dare-toaster [data-sonner-toast] [data-title]{font-weight:var(--weight-ui-medium)}.dare-toaster [data-sonner-toast] [data-description]{color:var(--neutral-7)}