.cmp-section{border-bottom:1px solid var(--ink-200);background:var(--paper);padding-block:clamp(48px,8vh,128px);padding-inline:clamp(24px,6vw,128px)}.cmp-section--tone{background:var(--ink-50)}.cmp-section--flush{border-bottom:0;padding:0}.cmp-section--flush .cmp-section__intro{padding-block:clamp(48px,8vh,128px);padding-inline:clamp(24px,6vw,128px)}.cmp-wrap{gap:var(--space-8);flex-direction:column;width:100%;margin-inline:auto;display:flex}.cmp-wrap--tight{gap:var(--space-6)}.cmp-title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink-900);font-size:clamp(40px,5.6vw,88px);line-height:1.05}.cmp-h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink-900);font-size:clamp(28px,3.8vw,56px);line-height:1.1}.cmp-heading{gap:var(--space-4);flex-direction:column;display:flex}.cmp-lead{max-width:56%}.cmp-measure{max-width:60%}@media (max-width:767px){.cmp-lead,.cmp-measure,.cmp-card__tip{max-width:100%}.cmp-demo{max-width:100%!important}}.cmp-link{text-decoration:underline;-webkit-text-decoration-color:var(--ink-300);text-decoration-color:var(--ink-300);text-underline-offset:4px;transition:text-decoration-color var(--dur-micro) var(--ease-out)}.cmp-link:hover{-webkit-text-decoration-color:var(--ink-800);text-decoration-color:var(--ink-800)}.cmp-nav{margin-top:var(--space-4);column-gap:40px;row-gap:var(--space-5);display:grid}@media (min-width:640px){.cmp-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.cmp-nav{grid-template-columns:repeat(4,minmax(0,1fr))}}.cmp-nav__title{margin-bottom:var(--space-2);color:var(--ink-600);font-size:13px;font-weight:700}.cmp-nav__list{gap:var(--space-1);flex-direction:column;display:flex}.cmp-nav__link{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-700);text-decoration:underline;-webkit-text-decoration-color:var(--ink-200);text-decoration-color:var(--ink-200);text-underline-offset:4px;transition:text-decoration-color var(--dur-micro) var(--ease-out);font-size:13px}.cmp-nav__link:hover{-webkit-text-decoration-color:var(--ink-800);text-decoration-color:var(--ink-800)}.cmp-card{scroll-margin-top:var(--space-6);border-top:1px solid var(--ink-200);padding-top:var(--space-7)}.cmp-card__header{margin-bottom:var(--space-5);justify-content:space-between;align-items:baseline;gap:var(--space-5);display:flex}.cmp-card__meta{align-items:baseline;gap:var(--space-4);display:flex}.cmp-card__id{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-400);font-size:11px}.cmp-card__name{font-family:var(--font-display);color:var(--ink-900);font-size:clamp(24px,2.4vw,36px);font-weight:400;line-height:1.1}.cmp-card__snippet{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-500);font-size:12px;display:none}@media (min-width:640px){.cmp-card__snippet{display:block}}.cmp-card__tip{margin-bottom:var(--space-5);max-width:48%}.cmp-card__demo{border:1px solid var(--ink-200);border-radius:var(--radius-md);background:var(--paper);padding:clamp(24px,4vw,56px);position:relative}.cmp-demo{width:100%;margin-inline:auto}.cmp-row{flex-wrap:wrap;align-items:baseline;gap:40px;display:flex}.cmp-row--sm{gap:var(--space-5);align-items:baseline}.cmp-col{gap:var(--space-5);flex-direction:column;display:flex}.cmp-center{justify-content:center;display:flex}.cmp-dark{align-items:baseline;gap:var(--space-5);border-radius:var(--radius-md);background:var(--ink-900);padding:var(--space-5);display:flex}.cmp-grid-3{gap:var(--space-3);display:grid}@media (min-width:640px){.cmp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.cmp-grid-2{margin-top:var(--space-5);gap:40px;display:grid}@media (min-width:640px){.cmp-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.cmp-bullet{align-items:baseline;gap:var(--space-3);border:1px solid var(--ink-200);border-radius:var(--radius-md);background:var(--paper);padding:var(--space-4);display:flex}.cmp-bullet__dot{font-family:var(--font-mono);color:var(--accent-700);font-size:11px}.cmp-tpl{position:relative}.cmp-tpl__label{pointer-events:none;right:var(--space-5);top:var(--space-5);z-index:30;font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.2em;color:var(--ink-500);font-size:11px;position:absolute}.cmp-tpl__label--inverse{color:#fff9}.cmp-footer{border-top:1px solid var(--ink-200);background:var(--paper);padding-inline:clamp(24px,6vw,128px);padding-block:var(--space-7)}.cmp-footer__wrap{gap:var(--space-2);flex-direction:column;width:100%;margin-inline:auto;display:flex}