:root{--blue-50:#eef3fb;--blue-100:#dae5f4;--blue-200:#b3cae8;--blue-300:#81a6d6;--blue-400:#4d81c1;--blue-500:#2967ac;--blue-600:#1d58a0;--blue-700:#184c87;--blue-800:#143c67;--blue-900:#0e2a48;--yellow-50:#fff7e3;--yellow-100:#feebba;--yellow-200:#fdd980;--yellow-300:#fcc448;--yellow-400:#fab934;--yellow-500:#f8ab0b;--yellow-600:#d38e08;--yellow-700:#9f6a05;--yellow-800:#6e4a03;--burgundy-400:#a3565a;--burgundy-500:#884344;--burgundy-600:#6d3536;--burgundy-700:#4e2627;--ink-0:#fff;--ink-25:#fbfaf6;--ink-50:#f4f2eb;--ink-100:#e8e5db;--ink-200:#d6d2c5;--ink-300:#b5b1a4;--ink-400:#8c8978;--ink-500:#6a685a;--ink-600:#4a4940;--ink-700:#2f2e29;--ink-800:#1a1a16;--ink-900:#0e0e0b;--success-50:#e6f4ec;--success-500:#1e9e63;--success-700:#0f7a4a;--warning-50:#fff4d6;--warning-500:#f0a21a;--warning-700:#b57509;--danger-50:#fbe9e8;--danger-500:#c8453f;--danger-700:#9a2e29;--info-50:#eef3fb;--info-500:#1d58a0;--info-700:#143c67;--font-display:"Bricolage Grotesque","Plus Jakarta Sans",system-ui,sans-serif;--font-sans:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;--t-micro:11px;--t-small:13px;--t-body:15px;--t-body-lg:17px;--t-h6:19px;--t-h5:22px;--t-h4:28px;--t-h3:36px;--t-h2:48px;--t-h1:64px;--t-display:96px;--lh-tight:1.04;--lh-snug:1.22;--lh-body:1.55;--lh-loose:1.7;--track-tight:-.03em;--track-normal:0em;--track-wide:.04em;--track-caps:.12em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:40px;--s-9:56px;--s-10:72px;--s-11:96px;--s-12:128px;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:24px;--r-2xl:32px;--r-pill:999px;--border-w-hair:1px;--border-w-1:1.5px;--border-w-2:2px;--border-hair:1px solid var(--ink-100);--border-soft:1px solid var(--ink-200);--shadow-xs:0 1px 2px rgba(20,30,48,.05);--shadow-sm:0 2px 4px rgba(20,30,48,.04),0 1px 2px rgba(20,30,48,.06);--shadow-md:0 6px 16px -4px rgba(20,30,48,.08),0 2px 4px rgba(20,30,48,.04);--shadow-lg:0 18px 40px -12px rgba(20,30,48,.14),0 4px 10px rgba(20,30,48,.04);--shadow-xl:0 32px 64px -24px rgba(20,30,48,.22),0 8px 18px rgba(20,30,48,.06);--shadow-focus:0 0 0 4px rgba(29,88,160,.18);--maxw:1240px;--gutter:clamp(20px,4vw,56px)}*{box-sizing:border-box}body,html{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--t-body);line-height:var(--lh-body);color:var(--ink-800);background:var(--ink-25);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:var(--track-tight);line-height:var(--lh-tight);color:var(--ink-900)}p{margin:0}.mono,code{font-family:var(--font-mono);font-size:var(--t-small)}.app{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100vh}@media(max-width:900px){.app{grid-template-columns:1fr}}.sidebar{position:sticky;top:0;height:100vh;padding:32px 24px;border-right:var(--border-hair);background:var(--ink-0);overflow-y:auto;display:flex;flex-direction:column;gap:28px}@media(max-width:900px){.sidebar{position:static;height:auto;border-right:0;border-bottom:var(--border-hair)}}.sidebar__brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ink-900);letter-spacing:-.02em;text-decoration:none}.sidebar__brand img{width:28px;height:28px}.sidebar__brand .dot{color:var(--yellow-500)}.sidebar__meta{display:flex;flex-direction:column;gap:4px;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-500);letter-spacing:var(--track-wide);text-transform:uppercase}.sidebar__meta span:first-child{color:var(--ink-700);font-weight:700}.nav{display:flex;flex-direction:column;gap:2px}.nav__group{font-family:var(--font-mono);font-size:10.5px;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-400);font-weight:700;margin:18px 0 8px;padding:0 8px}.nav a{display:block;padding:7px 10px;border-radius:var(--r-sm);font-size:13.5px;text-decoration:none;color:var(--ink-600);transition:background .15s ease,color .15s ease}.nav a:hover{background:var(--ink-50);color:var(--ink-900)}.nav a.is-active{background:var(--blue-50);color:var(--blue-700);font-weight:600}.content{min-width:0}.content__inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}section.sec{padding:96px 0 24px;scroll-margin-top:24px}section.sec+section.sec{border-top:var(--border-hair)}.sec__head{display:flex;flex-direction:column;gap:14px;margin-bottom:48px;max-width:760px}.eyebrow{gap:8px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--blue-700)}.eyebrow,.eyebrow .num{display:inline-flex;align-items:center}.eyebrow .num{justify-content:center;width:22px;height:22px;border-radius:999px;background:var(--blue-600);color:#fff;font-size:10.5px}.sec__title{font-size:clamp(36px,4.4vw,56px);letter-spacing:-.035em}.sec__lede{font-size:var(--t-body-lg);color:var(--ink-600);line-height:var(--lh-body);max-width:64ch}.cover{padding:96px 0 64px;position:relative;overflow:hidden}.cover__grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}@media(max-width:880px){.cover__grid{grid-template-columns:1fr;gap:32px}}.cover__title{font-size:clamp(56px,8vw,112px);letter-spacing:-.045em;line-height:.95;color:var(--ink-900)}.cover__title .accent{color:var(--blue-600)}.cover__title .dot{color:var(--yellow-500)}.cover__sub{margin-top:24px;font-size:18px;color:var(--ink-600);max-width:48ch;line-height:1.55}.cover__meta{margin-top:40px;display:grid;grid-template-columns:repeat(3,auto);gap:32px;font-family:var(--font-mono);font-size:11px;letter-spacing:var(--track-caps);text-transform:uppercase}.cover__meta dt{color:var(--ink-400);font-weight:700;margin-bottom:4px}.cover__meta dd{margin:0;color:var(--ink-800);font-weight:700}.cover__art{position:relative;aspect-ratio:1/1;border-radius:var(--r-2xl);background:radial-gradient(circle at 20% 30%,rgba(248,171,11,.18),transparent 60%),radial-gradient(circle at 80% 70%,rgba(29,88,160,.12),transparent 60%),var(--ink-0);border:var(--border-hair);box-shadow:var(--shadow-lg);overflow:hidden;display:grid;place-items:center}.cover__art img{width:56%;filter:drop-shadow(0 24px 32px rgba(20,30,48,.18))}.cover__art:after,.cover__art:before{content:"";position:absolute;border-radius:999px;filter:blur(60px);opacity:.55;pointer-events:none}.cover__art:before{width:240px;height:240px;background:var(--yellow-300);top:-40px;right:-40px}.cover__art:after{width:280px;height:280px;background:var(--blue-200);bottom:-60px;left:-60px}.cover__corners{position:absolute;inset:16px;pointer-events:none}.cover__corners span{position:absolute;width:14px;height:14px;border:1.5px solid var(--ink-300)}.cover__corners span:first-child{top:0;left:0;border-right:none;border-bottom:none}.cover__corners span:nth-child(2){top:0;right:0;border-left:none;border-bottom:none}.cover__corners span:nth-child(3){bottom:0;left:0;border-right:none;border-top:none}.cover__corners span:nth-child(4){bottom:0;right:0;border-left:none;border-top:none}.essence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:880px){.essence-grid{grid-template-columns:1fr}}.essence-card{background:var(--ink-0);border:var(--border-hair);border-radius:var(--r-xl);padding:32px;display:flex;flex-direction:column;gap:14px;min-height:240px}.essence-card__label{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-400)}.essence-card__title{font-size:24px;letter-spacing:-.025em;color:var(--ink-900)}.essence-card__body{color:var(--ink-600);font-size:15px;line-height:1.55}.essence-card.is-accent{background:var(--blue-600);border-color:var(--blue-600)}.essence-card.is-accent .essence-card__body,.essence-card.is-accent .essence-card__title{color:#fff}.essence-card.is-accent .essence-card__label{color:var(--yellow-300)}.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}@media(max-width:880px){.voice-grid{grid-template-columns:1fr}}.voice{border:var(--border-hair);border-radius:var(--r-lg);background:var(--ink-0);padding:24px}.voice h4{font-size:17px;margin-bottom:16px;display:flex;align-items:center;gap:10px}.voice h4 .pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;padding:4px 10px;border-radius:999px}.voice.is-yes h4 .pill{background:var(--success-50);color:var(--success-700)}.voice.is-no h4 .pill{background:var(--danger-50);color:var(--danger-700)}.voice ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.voice li{display:grid;grid-template-columns:14px 1fr;gap:10px;font-size:14.5px;color:var(--ink-700);align-items:start;line-height:1.5}.voice li:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--ink-300);margin-top:9px;margin-left:4px}.voice.is-yes li:before{background:var(--success-500)}.voice.is-no li:before{background:var(--danger-500)}.logo-stage{background:var(--ink-0);border:var(--border-hair);border-radius:var(--r-xl);display:grid;place-items:center;padding:56px;position:relative;min-height:320px}.logo-stage--dark{background:var(--ink-900);border-color:var(--ink-900)}.logo-stage--blue{background:var(--blue-600);border-color:var(--blue-600)}.logo-stage--yellow{background:var(--yellow-500);border-color:var(--yellow-500)}.logo-stage--cream{background:var(--ink-50);border-color:var(--ink-100)}.logo-stage .label{position:absolute;top:14px;left:16px;font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-400)}.logo-stage--blue .label,.logo-stage--dark .label{color:#fff9}.logo-stage--yellow .label{color:var(--ink-700)}.wordmark{font-family:var(--font-display);font-weight:800;letter-spacing:-.045em;color:var(--blue-600);line-height:1;display:inline-flex;align-items:baseline}.wordmark .dot{color:var(--yellow-500);margin-left:2px}.wordmark--white{color:#fff}.wordmark--ink{color:var(--ink-900)}.wordmark--yellow{color:var(--yellow-500)}.wordmark--white .dot{color:var(--yellow-400)}.wordmark--ink .dot{color:var(--yellow-500)}.wordmark--solid-ink,.wordmark--solid-white{letter-spacing:-.045em}.wordmark--solid-ink{color:var(--ink-900)}.wordmark--solid-ink .dot,.wordmark--solid-white .dot{color:inherit}.wordmark--solid-white{color:#fff}.lockup-h,.lockup-v{display:inline-flex;align-items:center}.lockup-h{gap:18px}.lockup-h img{height:64px;width:auto}.lockup-h .wordmark{font-size:56px}.lockup-v{flex-direction:column;gap:18px;align-items:center}.lockup-v img{height:96px;width:auto}.lockup-v .wordmark{font-size:44px}.variations{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:720px){.variations{grid-template-columns:1fr}}.mono-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:880px){.mono-grid{grid-template-columns:repeat(2,1fr)}}.mono-grid .logo-stage{min-height:200px;padding:32px}.mono-grid .logo-stage img{height:64px}.mono-grid .lockup-h img{height:44px}.mono-grid .lockup-h .wordmark{font-size:32px}.tint-white{filter:brightness(0) invert(1)}.tint-ink{filter:brightness(0) saturate(100%)}.tint-blue{filter:brightness(0) saturate(100%) invert(26%) sepia(76%) saturate(1284%) hue-rotate(195deg) brightness(91%) contrast(92%)}.tint-yellow{filter:brightness(0) saturate(100%) invert(73%) sepia(94%) saturate(1247%) hue-rotate(2deg) brightness(101%) contrast(98%)}.clearspace{position:relative;background:var(--ink-0);border:var(--border-hair);border-radius:var(--r-xl);padding:80px;display:grid;place-items:center;overflow:hidden}.clearspace__guides{position:absolute;inset:80px;border:1.5px dashed var(--blue-300);border-radius:var(--r-md)}.clearspace__inner{position:relative;padding:56px}.clearspace__inner:after,.clearspace__inner:before,.clearspace__inner>.h:after,.clearspace__inner>.h:before{content:"";position:absolute;background:var(--ink-200)}.clearspace__inner:before{top:0;left:50%;width:1px;height:24px;transform:translate(-50%,-100%)}.clearspace__inner:after{bottom:0;left:50%;width:1px;height:24px;transform:translate(-50%,100%)}.clearspace__inner>.h:before{left:0;top:50%;height:1px;width:24px;transform:translate(-100%,-50%)}.clearspace__inner>.h:after{right:0;top:50%;height:1px;width:24px;transform:translate(100%,-50%)}.clearspace__inner img{height:96px;width:auto;display:block}.clearspace__caption{position:absolute;bottom:18px;right:22px;font-family:var(--font-mono);font-size:11px;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-400)}.clearspace__x{position:absolute;font-family:var(--font-display);font-weight:800;font-size:28px;color:var(--blue-600);background:var(--blue-50);border-radius:999px;width:44px;height:44px;display:grid;place-items:center}.clearspace__x.t{top:14px}.clearspace__x.b,.clearspace__x.t{left:50%;transform:translate(-50%)}.clearspace__x.b{bottom:14px}.clearspace__x.l{left:14px}.clearspace__x.l,.clearspace__x.r{top:50%;transform:translateY(-50%)}.clearspace__x.r{right:14px}.sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:720px){.sizes{grid-template-columns:repeat(2,1fr)}}.size-card{border:var(--border-hair);border-radius:var(--r-lg);background:var(--ink-0);padding:28px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:14px;position:relative}.size-card__img{display:grid;place-items:center;flex:1;min-height:120px}.size-card__img img{width:auto}.size-card__caption{font-family:var(--font-mono);font-size:10.5px;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-500);text-align:center}.size-card__caption strong{color:var(--ink-900);display:block;font-size:12px}.donts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:880px){.donts{grid-template-columns:1fr 1fr}}@media(max-width:560px){.donts{grid-template-columns:1fr}}.dont{border:var(--border-hair);border-radius:var(--r-lg);background:var(--ink-0);overflow:hidden;display:flex;flex-direction:column}.dont__stage{background:var(--ink-50);height:160px;display:grid;place-items:center;position:relative}.dont__stage img{height:72px;width:auto}.dont__stage:after{content:"";position:absolute;inset:16px;border:1.5px solid var(--danger-500);border-radius:var(--r-md);pointer-events:none;opacity:.9}.dont__stage .x{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:999px;background:var(--danger-500);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:700}.dont__body{padding:16px 20px 20px;border-top:var(--border-hair)}.dont__body strong{font-family:var(--font-display);font-weight:700;font-size:15px;display:block;margin-bottom:4px}.dont__body p{font-size:13.5px;color:var(--ink-600);line-height:1.5}.color-hero{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin-bottom:40px}@media(max-width:880px){.color-hero{grid-template-columns:1fr}}.swatch{border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column;justify-content:space-between;min-height:220px;border:var(--border-hair);position:relative;overflow:hidden}.swatch__name{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.025em}.swatch__role{font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;margin-bottom:6px}.swatch__values{display:flex;flex-direction:column;gap:4px;font-family:var(--font-mono);font-size:11.5px}.swatch__values .row{display:flex;gap:8px;justify-content:space-between}.swatch__values .row span:first-child{opacity:.55;letter-spacing:var(--track-caps);text-transform:uppercase;font-size:10px}.swatch--blue{background:var(--blue-600);color:#fff;border-color:transparent}.swatch--yellow{background:var(--yellow-500);color:var(--ink-900);border-color:transparent}.swatch--burgundy{background:var(--burgundy-500)}.swatch--burgundy,.swatch--ink{color:#fff;border-color:transparent}.swatch--ink{background:var(--ink-900)}.swatch--cream{background:var(--ink-50);color:var(--ink-900)}.swatch--white{background:#fff;color:var(--ink-900)}.swatch--blue .swatch__role{color:var(--yellow-300)}.swatch--burgundy .swatch__role{color:var(--yellow-200)}.swatch--ink .swatch__role{color:var(--yellow-300)}.swatch--yellow .swatch__role{color:var(--burgundy-600)}.swatch--cream .swatch__role,.swatch--white .swatch__role{color:var(--blue-600)}.color-scale{margin-top:12px}.color-scale+.color-scale{margin-top:32px}.color-scale__title{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-500);margin-bottom:12px}.scale-row{display:grid;grid-template-columns:repeat(11,1fr);gap:6px}@media(max-width:880px){.scale-row{grid-template-columns:repeat(6,1fr)}}.scale-chip{height:88px;border-radius:var(--r-sm);border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;justify-content:flex-end;padding:8px 10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.02em;color:var(--ink-900)}.scale-chip.is-dark{color:#fff}.scale-chip .step{display:block;font-weight:700;font-size:10.5px;opacity:.8}.scale-chip .hex{display:block;text-transform:uppercase;opacity:.65;font-size:9.5px}.semantic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:720px){.semantic-grid{grid-template-columns:1fr 1fr}}.semantic{border-radius:var(--r-lg);border:var(--border-hair);background:var(--ink-0);padding:20px;display:flex;flex-direction:column;gap:14px}.semantic__bar{height:8px;border-radius:999px}.semantic__name{font-family:var(--font-display);font-weight:700;font-size:16px}.semantic__hex{font-family:var(--font-mono);font-size:11px;color:var(--ink-500);letter-spacing:.02em}.semantic__example{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;align-self:flex-start}.type-families{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:56px}@media(max-width:880px){.type-families{grid-template-columns:1fr}}.family{border:var(--border-hair);border-radius:var(--r-xl);background:var(--ink-0);padding:32px;display:flex;flex-direction:column;gap:20px;min-height:280px}.family__role{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-400)}.family__sample{font-size:56px;line-height:1;letter-spacing:-.04em;color:var(--ink-900)}.family__sample.mono{font-size:44px;letter-spacing:-.02em}.family__name{font-family:var(--font-display);font-weight:700;font-size:18px}.family__weights{display:flex;gap:14px;flex-wrap:wrap;margin-top:auto}.family__weights span{font-size:13px;color:var(--ink-700)}.family.is-display .family__sample{font-family:var(--font-display);font-weight:800}.family.is-sans .family__sample{font-family:var(--font-sans);font-weight:700}.family.is-mono .family__sample{font-family:var(--font-mono);font-weight:700}.type-scale{border:var(--border-hair);border-radius:var(--r-xl);background:var(--ink-0);overflow:hidden}.type-scale__row{display:grid;grid-template-columns:120px 1fr 200px;gap:24px;align-items:baseline;padding:24px 28px;border-top:var(--border-hair)}.type-scale__row:first-child{border-top:none}.type-scale__row .label{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-500)}.type-scale__row .sample{font-family:var(--font-display);font-weight:700;color:var(--ink-900);letter-spacing:var(--track-tight);line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.type-scale__row .specs{font-family:var(--font-mono);font-size:11px;color:var(--ink-500);letter-spacing:.02em;text-align:right}@media(max-width:720px){.type-scale__row{grid-template-columns:1fr;gap:6px}.type-scale__row .specs{text-align:left}}.icon-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}@media(max-width:880px){.icon-grid{grid-template-columns:repeat(4,1fr)}}.icon-cell{aspect-ratio:1/1;border:var(--border-hair);border-radius:var(--r-md);background:var(--ink-0);display:grid;place-items:center;position:relative}.icon-cell svg{width:28px;height:28px;stroke:var(--ink-800);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-cell .name{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-family:var(--font-mono);font-size:9.5px;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-400)}.icon-rules{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}@media(max-width:720px){.icon-rules{grid-template-columns:1fr}}.icon-rule{border:var(--border-hair);border-radius:var(--r-lg);background:var(--ink-0);padding:24px;display:grid;grid-template-columns:88px 1fr;gap:20px;align-items:center}.icon-rule__demo{background:var(--ink-50);border-radius:var(--r-md);height:88px;display:grid;place-items:center}.icon-rule__demo svg{width:36px;height:36px;stroke:var(--blue-600);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-rule h4{font-size:16px;margin-bottom:4px}.icon-rule p{font-size:13px;color:var(--ink-600);line-height:1.5}.cmp{border:var(--border-hair);border-radius:var(--r-xl);background:var(--ink-0);overflow:hidden}.cmp+.cmp{margin-top:24px}.cmp__head{padding:20px 28px;border-bottom:var(--border-hair);display:flex;align-items:center;justify-content:space-between;gap:16px}.cmp__head h3{font-size:19px}.cmp__head .mono{font-size:11px;color:var(--ink-500);letter-spacing:var(--track-caps);text-transform:uppercase}.cmp__body{padding:32px;background:var(--ink-25)}.cmp__row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.cmp__row+.cmp__row{margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border-radius:var(--r-md);font-family:var(--font-sans);font-weight:600;font-size:14.5px;letter-spacing:-.005em;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;box-shadow:var(--shadow-xs)}.btn--primary{background:var(--blue-600);color:#fff}.btn--primary:hover{background:var(--blue-700);box-shadow:var(--shadow-sm),0 0 0 4px #1d58a01f}.btn--secondary{background:var(--yellow-500);color:var(--ink-900)}.btn--secondary:hover{background:var(--yellow-400)}.btn--ghost{background:transparent;color:var(--ink-800);border-color:var(--ink-200);box-shadow:none}.btn--ghost:hover{background:var(--ink-50);border-color:var(--ink-300)}.btn--ink{background:var(--ink-900);color:#fff}.btn--ink:hover{background:var(--ink-800)}.btn--danger{background:var(--danger-500);color:#fff}.btn--link{background:transparent;padding:0 4px;height:auto;color:var(--blue-600);box-shadow:none}.btn--link:hover{color:var(--blue-700);text-decoration:underline}.btn--sm{height:36px;padding:0 16px;font-size:13.5px;border-radius:var(--r-sm)}.btn--lg{height:52px;padding:0 28px;font-size:15.5px;border-radius:var(--r-lg)}.btn.is-disabled,.btn[disabled]{opacity:.45;pointer-events:none}.btn .arrow{transition:transform .15s ease}.btn:hover .arrow{transform:translate(2px)}.card-demo{background:var(--ink-0);border:var(--border-hair);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-sm);max-width:360px}.card-demo__cover{aspect-ratio:16/9;background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.5),transparent 50%),linear-gradient(135deg,var(--blue-500),var(--blue-700));position:relative}.card-demo__cover .badge{position:absolute;top:16px;left:16px;background:var(--yellow-500);color:var(--ink-900);font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;padding:4px 10px;border-radius:999px}.card-demo__body{padding:20px 22px 22px}.card-demo__meta{font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-500);margin-bottom:8px}.card-demo__title{font-size:18px;letter-spacing:-.02em;color:var(--ink-900);margin-bottom:6px}.card-demo__desc{font-size:13.5px;color:var(--ink-600);line-height:1.5;margin-bottom:16px}.card-demo__foot{display:flex;justify-content:space-between;align-items:center}.card-demo__progress{height:6px;background:var(--ink-100);border-radius:999px;overflow:hidden;flex:1;margin-right:12px}.card-demo__progress span{display:block;height:100%;background:var(--blue-600);border-radius:999px}.card-demo__pct{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--ink-700)}.field{display:flex;flex-direction:column;gap:8px;max-width:320px}.field label{font-size:12.5px;font-weight:600;color:var(--ink-700);letter-spacing:-.005em}.field input,.field select,.field textarea{height:44px;padding:0 14px;border-radius:var(--r-md);border:1.5px solid var(--ink-200);background:var(--ink-0);font-family:var(--font-sans);font-size:14.5px;color:var(--ink-900);outline:none;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.field textarea{height:auto;padding:12px 14px;min-height:96px;resize:vertical;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue-600);box-shadow:var(--shadow-focus)}.field .hint{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.02em;color:var(--ink-500)}.field--error input{border-color:var(--danger-500)}.field--error .hint{color:var(--danger-700)}.field--error .hint:before{content:"⚠ "}.checkbox-row{display:flex;align-items:center;gap:10px}.checkbox-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:6px;border:1.5px solid var(--ink-300);background:var(--ink-0);display:grid;place-items:center;cursor:pointer}.checkbox-row input[type=checkbox]:checked{background:var(--blue-600);border-color:var(--blue-600)}.checkbox-row input[type=checkbox]:checked:after{content:"";width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}.checkbox-row label{font-size:14px;color:var(--ink-800);cursor:pointer}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-family:var(--font-sans);font-size:12px;font-weight:600;line-height:1}.badge.is-neutral{background:var(--ink-100);color:var(--ink-700)}.badge.is-info{background:var(--blue-50);color:var(--blue-700)}.badge.is-success{background:var(--success-50);color:var(--success-700)}.badge.is-warning{background:var(--warning-50);color:var(--warning-700)}.badge.is-danger{background:var(--danger-50);color:var(--danger-700)}.badge.is-solid-blue{background:var(--blue-600);color:#fff}.badge.is-solid-yellow{background:var(--yellow-500);color:var(--ink-900)}.badge .dot{width:6px;height:6px;border-radius:999px;background:currentColor;opacity:.8}.tokens{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:880px){.tokens{grid-template-columns:1fr}}.token-card{border:var(--border-hair);border-radius:var(--r-xl);background:var(--ink-0);padding:28px}.token-card h3{font-size:19px;margin-bottom:6px}.token-card>p{font-size:13.5px;color:var(--ink-600);margin-bottom:22px;line-height:1.55}.spacing-stack{display:flex;flex-direction:column;gap:10px}.spacing-row{display:grid;grid-template-columns:70px 1fr 70px;align-items:center;gap:16px}.spacing-row .name{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--ink-700)}.spacing-row .bar{height:12px;background:var(--blue-100);border-radius:4px}.spacing-row .size{font-family:var(--font-mono);font-size:11px;color:var(--ink-500);text-align:right}.radii-stack{display:flex;flex-direction:column;gap:14px}.radii-row{display:grid;grid-template-columns:70px 1fr 100px;align-items:center;gap:16px}.radii-row .name{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--ink-700)}.radii-row .demo{height:56px;background:var(--blue-50);border:1.5px solid var(--blue-200)}.radii-row .size{font-family:var(--font-mono);font-size:11px;color:var(--ink-500);text-align:right}.shadow-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media(max-width:720px){.shadow-grid{grid-template-columns:1fr 1fr}}.shadow-tile{background:#fff;border-radius:var(--r-md);height:96px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-500)}.grid-demo{display:grid;grid-template-columns:repeat(12,1fr);gap:8px}.grid-demo>div{height:56px;background:var(--blue-50);border:1px solid var(--blue-100);border-radius:4px;display:grid;place-items:center;font-family:var(--font-mono);font-size:10.5px;color:var(--blue-700)}.footer{margin-top:96px;padding:48px 0 64px;border-top:var(--border-hair)}.footer__grid{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}.footer__brand{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.025em;color:var(--ink-900)}.footer__brand img{width:32px;height:32px}.footer__brand .dot{color:var(--yellow-500)}.footer__meta{font-family:var(--font-mono);font-size:10.5px;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-500);text-align:right}.footer__meta span{display:block}.kicker{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-400);margin-bottom:12px}.sub-h{font-size:22px;letter-spacing:-.02em;margin-bottom:20px}.sub-h.with-kicker{margin-bottom:8px}.row-grid{display:grid;gap:24px}.row-grid--2{grid-template-columns:1fr 1fr}.row-grid--3{grid-template-columns:repeat(3,1fr)}@media(max-width:880px){.row-grid--2,.row-grid--3{grid-template-columns:1fr}}.block-gap{display:flex;flex-direction:column;gap:56px}