@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/lora-cyrillic-ext-wght-normal-YcVxMP-u.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/lora-cyrillic-wght-normal-UWPuZLjM.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/lora-math-wght-normal-sOy7rEfW.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/lora-symbols-wght-normal-DQ5VrUkH.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/lora-vietnamese-wght-normal-CfJ7gtf3.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/lora-latin-ext-wght-normal-C2Wlntb9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lora Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/lora-latin-wght-normal-BiLcIKcI.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-devanagari-500-normal-BIdkeU1p.woff2)format("woff2"),url(/assets/poppins-devanagari-500-normal-DMPDjHtT.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-latin-ext-500-normal-CK-6C4Hw.woff2)format("woff2"),url(/assets/poppins-latin-ext-500-normal-CgAe2rWW.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-latin-500-normal-C8OXljZJ.woff2)format("woff2"),url(/assets/poppins-latin-500-normal-DGXqpDMm.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-devanagari-700-normal-O-jipLrW.woff2)format("woff2"),url(/assets/poppins-devanagari-700-normal-fHs-vx92.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-ext-700-normal-cby-RkWa.woff2)format("woff2"),url(/assets/poppins-latin-ext-700-normal-DctTR6Tg.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-700-normal-Qrb0O0WB.woff2)format("woff2"),url(/assets/poppins-latin-700-normal-BVuQR_eA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-cyrillic-ext-500-normal-DC57U9n8.woff2)format("woff2"),url(/assets/roboto-mono-cyrillic-ext-500-normal-uxCL2UBS.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-cyrillic-500-normal-DGZ7-lUP.woff2)format("woff2"),url(/assets/roboto-mono-cyrillic-500-normal-DKl7gEbi.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-greek-500-normal-DpRFkptA.woff2)format("woff2"),url(/assets/roboto-mono-greek-500-normal-CpD7sw4e.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-vietnamese-500-normal-Cq-quQMu.woff2)format("woff2"),url(/assets/roboto-mono-vietnamese-500-normal-PMrF4zOf.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-latin-ext-500-normal-Db3ge6Oe.woff2)format("woff2"),url(/assets/roboto-mono-latin-ext-500-normal-Cvr8S1zG.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-latin-500-normal-pxIOXZmA.woff2)format("woff2"),url(/assets/roboto-mono-latin-500-normal-CW1Ttoxn.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary-50:#f2f5f9;--primary-100:#e6f0fc;--primary-200:#d3e7ff;--primary-300:#a9d0ff;--primary-400:#71b1fd;--primary-500:#0088fc;--primary-600:#106bc3;--primary-700:#134e8c;--primary-800:#13365c;--primary-900:#132133;--primary-950:#091018;--neutral-50:#f5f5f5;--neutral-100:#e7e8e9;--neutral-200:#d3d4d6;--neutral-300:#b5b7ba;--neutral-400:#95999d;--neutral-500:#73787e;--neutral-600:#5a5e63;--neutral-700:#424549;--neutral-800:#2f3033;--neutral-900:#1e1f20;--neutral-950:#0f0f10;--paars-50:#f5f5f9;--paars-100:#ededfc;--paars-200:#e2e2ff;--paars-300:#c8c5ff;--paars-400:#a7a0fb;--paars-500:#846ff9;--paars-600:#6758c1;--paars-700:#4b408b;--paars-800:#322d5b;--paars-900:#1f1d33;--paars-950:#0f0e18;--magenta-50:#f7f4f8;--magenta-100:#f5ebf7;--magenta-200:#f2dcf8;--magenta-300:#e3bcee;--magenta-400:#d092e1;--magenta-500:#ba58d3;--magenta-600:#9147a4;--magenta-700:#693576;--magenta-800:#46264e;--magenta-900:#291a2c;--magenta-950:#130d15;--pinkrood-50:#f9f3f5;--pinkrood-100:#faeaf0;--pinkrood-200:#fddae8;--pinkrood-300:#f6b8d2;--pinkrood-400:#eb8ab6;--pinkrood-500:#dc4896;--pinkrood-600:#ab3b75;--pinkrood-700:#7c2d55;--pinkrood-800:#522139;--pinkrood-900:#2f1823;--pinkrood-950:#160c10;--rood-50:#f9f4f3;--rood-100:#fceae8;--rood-200:#ffdbd8;--rood-300:#fcb9b3;--rood-400:#f48b84;--rood-500:#e94748;--rood-600:#b53b3a;--rood-700:#832d2b;--rood-800:#572220;--rood-900:#311917;--rood-950:#170c0b;--oranje-50:#f8f4f2;--oranje-100:#f7ece5;--oranje-200:#f7e0d0;--oranje-300:#ecc3a6;--oranje-400:#dd9d6d;--oranje-500:#cc6c00;--oranje-600:#9e560d;--oranje-700:#723f11;--oranje-800:#4c2c12;--oranje-900:#2c1d12;--oranje-950:#150e09;--goud-50:#f6f5f2;--goud-100:#f2eee5;--goud-200:#ece4d0;--goud-300:#d9cca6;--goud-400:#c2ab6e;--goud-500:#a88400;--goud-600:#82680e;--goud-700:#5e4b11;--goud-800:#3f3412;--goud-900:#252012;--goud-950:#120f09;--olijf-50:#f4f6f2;--olijf-100:#edf1e5;--olijf-200:#e0e9d0;--olijf-300:#c5d4a7;--olijf-400:#a2b86f;--olijf-500:#799700;--olijf-600:#5e760e;--olijf-700:#455611;--olijf-800:#2f3a13;--olijf-900:#1e2312;--olijf-950:#0e1109;--groen-50:#f3f6f4;--groen-100:#e7f2ea;--groen-200:#d4ecdb;--groen-300:#add9bb;--groen-400:#76c192;--groen-500:#00a45e;--groen-600:#11804b;--groen-700:#155c37;--groen-800:#153e27;--groen-900:#14251a;--groen-950:#0a110c;--teal-50:#f3f6f5;--teal-100:#e7f1f0;--teal-200:#d4eae8;--teal-300:#add6d2;--teal-400:#76bcb6;--teal-500:#009e96;--teal-600:#117b75;--teal-700:#155955;--teal-800:#153c39;--teal-900:#142422;--teal-950:#0a1110;--cyaan-50:#f3f6f7;--cyaan-100:#e7f1f4;--cyaan-200:#d3e9f1;--cyaan-300:#acd4e2;--cyaan-400:#75b9cf;--cyaan-500:#0098ba;--cyaan-600:#117791;--cyaan-700:#145669;--cyaan-800:#153a46;--cyaan-900:#142328;--cyaan-950:#0a1113;--success:#00a45e;--warning:#cc6c00;--error:#e94748;--info:#0098ba;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--space-5xl:128px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-brand:"Poppins", system-ui, sans-serif;--font-display:"Lora Variable", "Lora", Georgia, serif;--font-ui:"Inter Variable", "Inter", system-ui, sans-serif;--font-mono:"Roboto Mono", ui-monospace, monospace;--display-word-spacing:-.2em;--container:1200px;--container-margin:32px}:root,:root[data-theme=light]{--bg:var(--neutral-50);--surface:#fff;--border:var(--neutral-200);--border-strong:var(--neutral-300);--hairline:#0f0f1014;--text:var(--neutral-950);--text-muted:var(--neutral-600);--text-subtle:var(--neutral-500);--bg-subtle:color-mix(in srgb, var(--text) 6%, transparent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:var(--neutral-950);--surface:var(--neutral-900);--border:var(--neutral-800);--border-strong:var(--neutral-700);--hairline:#f5f5f514;--text:var(--neutral-50);--text-muted:var(--neutral-300);--text-subtle:var(--neutral-400);--bg-subtle:color-mix(in srgb, var(--text) 6%, transparent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-ui);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scroll-padding-top:80px;font-size:16px;line-height:1.5}body{color:var(--text);background-color:var(--bg);margin:0;transition:background-color .18s cubic-bezier(.2,0,0,1),color .18s cubic-bezier(.2,0,0,1)}::selection{background:var(--primary-200);color:var(--primary-950)}:root[data-theme=dark] ::selection{background:var(--primary-800);color:var(--primary-50)}a{color:var(--primary-500);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-sm)}p{margin:0 0 var(--space-md)}p:last-child{margin-bottom:0}.h1,.h2,.h3,.h4{font-family:var(--font-display);color:var(--text);font-optical-sizing:auto;word-spacing:var(--display-word-spacing);margin:0;font-weight:600}.h1{letter-spacing:-.01em;font-size:48px;line-height:1.15}.h2{letter-spacing:-.005em;font-size:36px;line-height:1.2}.h3{font-size:28px;line-height:1.25}.h4{font-size:24px;line-height:1.3}.h5{font-family:var(--font-ui);margin:0;font-size:18px;font-weight:600;line-height:1.4}.h6{font-family:var(--font-ui);margin:0;font-size:14px;font-weight:600;line-height:1.4}.body-xl{font-size:20px;line-height:1.55}.body-lg{font-size:18px;line-height:1.5}.body-md{font-size:16px;line-height:1.5}.body-sm{font-size:14px;line-height:1.45}.body-xs{font-size:12px;line-height:1.4}.lead{font-family:var(--font-ui);color:var(--text-muted);font-size:20px;font-weight:400;line-height:1.5}.eyebrow{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:13px;font-weight:500}.ui-label{font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:500}.mono{font-family:var(--font-mono)}.mono-md{font-family:var(--font-mono);font-size:13px;font-weight:500;line-height:1.4}.mono-sm{font-family:var(--font-mono);letter-spacing:.04em;font-size:11px;font-weight:500;line-height:1.4}.mono-xs{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:500}.text-muted{color:var(--text-muted)}.text-subtle{color:var(--text-subtle)}.text-primary,.hl{color:var(--primary-500)}.hl[data-accent=paars]{color:var(--paars-500)}.hl[data-accent=magenta]{color:var(--magenta-500)}.hl[data-accent=pinkrood]{color:var(--pinkrood-500)}.hl[data-accent=rood]{color:var(--rood-500)}.hl[data-accent=oranje]{color:var(--oranje-500)}.hl[data-accent=goud]{color:var(--goud-500)}.hl[data-accent=olijf]{color:var(--olijf-500)}.hl[data-accent=groen]{color:var(--groen-500)}.hl[data-accent=teal]{color:var(--teal-500)}.hl[data-accent=cyaan]{color:var(--cyaan-500)}code.mono{font-family:var(--font-mono);background:var(--bg-subtle);border:1px solid var(--hairline);border-radius:4px;padding:1px 6px;font-size:.92em}.container{max-width:var(--container);padding:0 var(--container-margin);margin:0 auto}@media (width<=720px){.container{padding:0 16px}}.section{padding:var(--space-4xl) 0;border-top:1px solid var(--section-divider);position:relative}.section-head{align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-2xl);flex-direction:column;display:flex}.section-intro{max-width:860px;font-family:var(--font-ui);color:var(--text-muted);margin:0;font-size:18px;font-weight:400;line-height:1.5}.section-body{gap:var(--space-3xl);display:grid}.subsection-head{align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.subsection-head h3{margin:0}.grid-2{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.stack{gap:var(--space-md);display:grid}.stack-sm{gap:var(--space-sm);display:grid}.stack-lg{gap:var(--space-lg);display:grid}.stack-xl{gap:var(--space-xl);display:grid}.row{gap:var(--space-md);flex-wrap:wrap;align-items:center;display:flex}.site-header{z-index:10;background:color-mix(in srgb, var(--bg) 75%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--section-divider);position:sticky;top:0}.site-header-inner{max-width:var(--container);padding:14px var(--container-margin);justify-content:space-between;align-items:center;gap:var(--space-md);margin:0 auto;display:flex}.brand-mark{align-items:center;line-height:0;display:inline-flex}.brand-mark-img{width:auto;height:20px;display:block}.brand-mark-img-dark,:root[data-theme=dark] .brand-mark-img-light{display:none}:root[data-theme=dark] .brand-mark-img-dark{display:block}.site-footer .brand-mark-img{height:16px}.wordmark-inline{font-family:var(--font-brand);letter-spacing:-.03em;text-transform:lowercase;color:var(--text);white-space:nowrap;font-weight:700;line-height:1}.wordmark-inline .accent{color:var(--primary-500)}.brand-tag{font-family:var(--font-mono);color:var(--text-subtle);letter-spacing:.04em;margin-left:10px;font-size:11px}.nav-links{gap:var(--space-md);margin:0 auto 0 var(--space-2xl);display:flex}.nav-links a{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:11px}.nav-links a:hover{color:var(--text);text-decoration:none}.nav-links a[aria-current=page]{color:var(--text)}.nav-links a[aria-current=page]:after{content:"";background:var(--primary-500);height:1px;margin-top:4px;display:block}@media (width<=1100px){.nav-links{display:none}}.sub-nav{border-top:1px solid var(--section-divider)}.sub-nav-inner{gap:var(--space-sm);padding:10px var(--container-margin);flex-wrap:wrap;display:flex}.sub-nav-link{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);border-radius:var(--radius-md);border:1px solid #0000;padding:6px 10px;font-size:11px;text-decoration:none}.sub-nav-link:hover{color:var(--text);border-color:var(--section-divider);text-decoration:none}.sub-nav-link[aria-current=true]{color:var(--text);border-color:var(--primary-500)}.site-header+.section,.site-header+.page-hero,.site-header+.guide-chunk>.section:first-child,.site-header+.guide-chunk>.page-hero:first-child{border-top:0}.header-cta{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:var(--primary-500);color:var(--neutral-50);border:1px solid var(--primary-500);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:11px;text-decoration:none;display:inline-flex}.header-cta:hover{background:var(--primary-600);border-color:var(--primary-600);text-decoration:none}.theme-toggle{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:6px;padding:8px 12px;font-size:11px;transition:border-color .12s;display:inline-flex}.theme-toggle:hover{border-color:var(--primary-500)}.theme-toggle .dot{background:var(--text);border-radius:999px;width:8px;height:8px}:root[data-theme=dark] .theme-toggle .dot{background:var(--primary-400)}.section-tight{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}.hero-actions{gap:var(--space-lg);padding-top:var(--space-xl);border-top:1px solid var(--hairline);flex-direction:column;display:flex}.hero-card-grid{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=720px){.hero-card-grid{grid-template-columns:1fr}}.hero-asset-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);cursor:pointer;text-align:left;font:inherit;appearance:none;flex-direction:column;padding:0;text-decoration:none;transition:border-color .12s;display:flex;overflow:hidden}.hero-asset-card:hover{border-color:var(--primary-500);text-decoration:none}.hero-asset-card:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.hero-asset-canvas{flex:1;justify-content:center;align-items:center;min-height:132px;display:flex}.hero-asset-canvas.on-light{background:#fff}.hero-asset-canvas.on-dark{background:#0f0f10}.hero-asset-canvas.on-light,.hero-asset-canvas.on-dark{padding:var(--space-lg)}.hero-asset-canvas img{object-fit:contain;max-width:100%;max-height:100%;display:block}.hero-asset-canvas-color{background:var(--primary-500);padding:var(--space-md);color:#fffffff2;font-family:var(--font-mono);flex-direction:column;justify-content:space-between;align-items:flex-start}.hero-asset-canvas-color .label{letter-spacing:.04em;color:#ffffffd1;font-size:11px}.hero-asset-canvas-color .hex{text-transform:uppercase;font-size:22px;font-weight:500;line-height:1}.hero-asset-meta{justify-content:space-between;align-items:center;gap:var(--space-sm);background:var(--bg-subtle);border-top:1px solid var(--hairline);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;padding:10px 14px;font-size:11px;display:flex}.hero-asset-meta .mode{color:var(--text-muted)}.hero-asset-meta .action{color:var(--primary-500);align-items:center;gap:6px;font-weight:500;display:inline-flex}.hero-asset-meta .action-check{background:var(--success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;line-height:1;display:inline-flex}.hero-asset-card[data-copied="1"]{border-color:var(--success)}.hero-asset-card[data-copied="1"] .hero-asset-meta{background:color-mix(in srgb, var(--success) 12%, var(--surface))}.hero-asset-card[data-copied="1"] .hero-asset-meta .action{color:var(--success)}.hero-action-buttons{gap:var(--space-sm);flex-wrap:wrap;display:flex}@media (width<=640px){.hero-action-buttons .btn{justify-content:center;width:100%}}.home-preview .section-head{margin-bottom:var(--space-xl)}.home-preview-cta{margin-top:var(--space-xl)}.home-palette-stack{gap:var(--space-lg);display:grid}.home-palette-row-wrap{gap:var(--space-sm);display:grid}.home-palette-row{grid-template-columns:repeat(11,minmax(0,1fr));gap:6px;display:grid}.swatch.home-palette-swatch{aspect-ratio:1;border-radius:var(--radius-sm);padding:8px}.swatch.home-palette-swatch .stop{letter-spacing:.04em;font-size:9px}.swatch.home-palette-swatch .hex{text-transform:uppercase;font-size:10px}@media (width<=1100px){.home-palette-row{padding-bottom:4px;overflow-x:auto}.home-palette-row .swatch.home-palette-swatch{min-width:78px}}.home-typo-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=720px){.home-typo-grid{grid-template-columns:1fr}}.home-typo-grid .type-family-card{padding:var(--space-lg)}.home-typo-grid .type-family-card .specimen{line-height:1}.home-typo-grid .type-family-card .usage{border-top:1px solid var(--hairline);padding-top:var(--space-sm)}.home-logo-grid{grid-template-columns:repeat(4,1fr)}@media (width<=900px){.home-logo-grid{grid-template-columns:repeat(2,1fr)}}.home-brand-vs-product .logo-tile{border-radius:var(--radius-lg);overflow:hidden}.home-naming-annotation{flex-direction:column;gap:6px;display:flex}.home-naming-annotation code{background:var(--surface-raised);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:3px 8px;font-size:13px;display:inline-block}.home-naming-annotation p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.home-endorsement-card{margin-top:var(--space-lg)}.home-endorsement-card em{color:var(--text);font-style:italic}.home-endorsement-card strong{color:var(--text);font-weight:600}.home-bouwen-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1000px){.home-bouwen-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.home-bouwen-grid{grid-template-columns:1fr}}.home-bouwen-card{gap:var(--space-sm);padding:var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);text-decoration:none;transition:border-color .12s,transform .12s;display:grid}.home-bouwen-card:hover{border-color:var(--primary-500);text-decoration:none;transform:translateY(-1px)}.home-bouwen-card .ui-label{color:var(--text-subtle)}.home-bouwen-card h5{margin:0}.home-bouwen-card p{font-family:var(--font-ui);color:var(--text-muted);font-size:13px;line-height:1.55}.home-welniet-grid{gap:var(--space-md)}:root{--glow-strength:18%;--section-divider:color-mix(in srgb, var(--border) 45%, transparent)}:root[data-theme=dark]{--glow-strength:18%;--section-divider:color-mix(in srgb, var(--border) 38%, transparent)}:root{--grain-tile:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.45' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.glow-host{isolation:isolate;position:relative}.glow-host[data-glow-1]:before,.glow-host[data-glow-2]:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.glow-host[data-glow-1]:before{background-image:var(--glow-1-texture,none), radial-gradient(ellipse var(--glow-1-w) var(--glow-1-h) at var(--glow-1-x) var(--glow-1-y), color-mix(in srgb, var(--glow-1-color,var(--primary-500)) var(--glow-strength), transparent), transparent 70%)}.glow-host[data-glow-2]:after{background-image:var(--glow-2-texture,none), radial-gradient(ellipse var(--glow-2-w) var(--glow-2-h) at var(--glow-2-x) var(--glow-2-y), color-mix(in srgb, var(--glow-2-color,var(--primary-500)) var(--glow-strength), transparent), transparent 70%)}.glow-host[data-glow-1=top]{--glow-1-w:100%;--glow-1-h:50%;--glow-1-x:50%;--glow-1-y:0%}.glow-host[data-glow-1=bottom]{--glow-1-w:100%;--glow-1-h:50%;--glow-1-x:50%;--glow-1-y:100%}.glow-host[data-glow-1=left]{--glow-1-w:50%;--glow-1-h:60%;--glow-1-x:0%;--glow-1-y:50%}.glow-host[data-glow-1=right]{--glow-1-w:50%;--glow-1-h:60%;--glow-1-x:100%;--glow-1-y:50%}.glow-host[data-glow-1=top-left]{--glow-1-w:110%;--glow-1-h:110%;--glow-1-x:0%;--glow-1-y:0%}.glow-host[data-glow-1=top-right]{--glow-1-w:110%;--glow-1-h:110%;--glow-1-x:100%;--glow-1-y:0%}.glow-host[data-glow-1=bottom-left]{--glow-1-w:110%;--glow-1-h:110%;--glow-1-x:0%;--glow-1-y:100%}.glow-host[data-glow-1=bottom-right]{--glow-1-w:110%;--glow-1-h:110%;--glow-1-x:100%;--glow-1-y:100%}.glow-host[data-glow-2=top]{--glow-2-w:100%;--glow-2-h:50%;--glow-2-x:50%;--glow-2-y:0%}.glow-host[data-glow-2=bottom]{--glow-2-w:100%;--glow-2-h:50%;--glow-2-x:50%;--glow-2-y:100%}.glow-host[data-glow-2=left]{--glow-2-w:50%;--glow-2-h:60%;--glow-2-x:0%;--glow-2-y:50%}.glow-host[data-glow-2=right]{--glow-2-w:50%;--glow-2-h:60%;--glow-2-x:100%;--glow-2-y:50%}.glow-host[data-glow-2=top-left]{--glow-2-w:110%;--glow-2-h:110%;--glow-2-x:0%;--glow-2-y:0%}.glow-host[data-glow-2=top-right]{--glow-2-w:110%;--glow-2-h:110%;--glow-2-x:100%;--glow-2-y:0%}.glow-host[data-glow-2=bottom-left]{--glow-2-w:110%;--glow-2-h:110%;--glow-2-x:0%;--glow-2-y:100%}.glow-host[data-glow-2=bottom-right]{--glow-2-w:110%;--glow-2-h:110%;--glow-2-x:100%;--glow-2-y:100%}.card.glow-host[data-glow-1=top-left],.card.glow-host[data-glow-1=top-right],.card.glow-host[data-glow-1=bottom-left],.card.glow-host[data-glow-1=bottom-right]{--glow-1-w:160%;--glow-1-h:160%}.card.glow-host[data-glow-2=top-left],.card.glow-host[data-glow-2=top-right],.card.glow-host[data-glow-2=bottom-left],.card.glow-host[data-glow-2=bottom-right]{--glow-2-w:160%;--glow-2-h:160%}.card.glow-host[data-glow-1=top],.card.glow-host[data-glow-1=bottom]{--glow-1-w:130%;--glow-1-h:75%}.card.glow-host[data-glow-2=top],.card.glow-host[data-glow-2=bottom]{--glow-2-w:130%;--glow-2-h:75%}.glow-host[data-glow-1-color=primary]{--glow-1-color:var(--primary-500)}.glow-host[data-glow-1-color=paars]{--glow-1-color:var(--paars-500)}.glow-host[data-glow-1-color=magenta]{--glow-1-color:var(--magenta-500)}.glow-host[data-glow-1-color=pinkrood]{--glow-1-color:var(--pinkrood-500)}.glow-host[data-glow-1-color=rood]{--glow-1-color:var(--rood-500)}.glow-host[data-glow-1-color=oranje]{--glow-1-color:var(--oranje-500)}.glow-host[data-glow-1-color=goud]{--glow-1-color:var(--goud-500)}.glow-host[data-glow-1-color=olijf]{--glow-1-color:var(--olijf-500)}.glow-host[data-glow-1-color=groen]{--glow-1-color:var(--groen-500)}.glow-host[data-glow-1-color=teal]{--glow-1-color:var(--teal-500)}.glow-host[data-glow-1-color=cyaan]{--glow-1-color:var(--cyaan-500)}.glow-host[data-glow-2-color=primary]{--glow-2-color:var(--primary-500)}.glow-host[data-glow-2-color=paars]{--glow-2-color:var(--paars-500)}.glow-host[data-glow-2-color=magenta]{--glow-2-color:var(--magenta-500)}.glow-host[data-glow-2-color=pinkrood]{--glow-2-color:var(--pinkrood-500)}.glow-host[data-glow-2-color=rood]{--glow-2-color:var(--rood-500)}.glow-host[data-glow-2-color=oranje]{--glow-2-color:var(--oranje-500)}.glow-host[data-glow-2-color=goud]{--glow-2-color:var(--goud-500)}.glow-host[data-glow-2-color=olijf]{--glow-2-color:var(--olijf-500)}.glow-host[data-glow-2-color=groen]{--glow-2-color:var(--groen-500)}.glow-host[data-glow-2-color=teal]{--glow-2-color:var(--teal-500)}.glow-host[data-glow-2-color=cyaan]{--glow-2-color:var(--cyaan-500)}.glow-host.glow-short[data-glow-1=left]:before,.glow-host.glow-short[data-glow-1=right]:before,.glow-host.glow-short[data-glow-2=left]:after,.glow-host.glow-short[data-glow-2=right]:after{display:none}:root{--glow-strength-textured:22%}:root[data-theme=dark]{--glow-strength-textured:26%}.glow-host[data-glow-1-texture=dots],.glow-host[data-glow-1-texture=cross],.glow-host[data-glow-2-texture=dots],.glow-host[data-glow-2-texture=cross]{--glow-strength-textured:15%}:root[data-theme=dark] .glow-host[data-glow-1-texture=dots],:root[data-theme=dark] .glow-host[data-glow-1-texture=cross],:root[data-theme=dark] .glow-host[data-glow-2-texture=dots],:root[data-theme=dark] .glow-host[data-glow-2-texture=cross]{--glow-strength-textured:18%}.glow-host[data-glow-1-texture=dots]:before,.glow-host[data-glow-1-texture=cross]:before,.glow-host[data-glow-1-texture=grain]:before{background-image:linear-gradient(0deg, color-mix(in srgb, var(--glow-1-color,var(--primary-500)) var(--glow-strength-textured), transparent), color-mix(in srgb, var(--glow-1-color,var(--primary-500)) var(--glow-strength-textured), transparent));-webkit-mask-image:var(--glow-1-pattern-mask), radial-gradient(ellipse var(--glow-1-w) var(--glow-1-h) at var(--glow-1-x) var(--glow-1-y), white, black 70%);mask-image:var(--glow-1-pattern-mask), radial-gradient(ellipse var(--glow-1-w) var(--glow-1-h) at var(--glow-1-x) var(--glow-1-y), white, black 70%);-webkit-mask-size:var(--glow-1-pattern-size), 100% 100%;mask-size:var(--glow-1-pattern-size), 100% 100%;-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:luminance,luminance;mask-mode:luminance,luminance;-webkit-mask-image:var(--glow-1-pattern-mask), radial-gradient(ellipse var(--glow-1-w) var(--glow-1-h) at var(--glow-1-x) var(--glow-1-y), white, black 70%);-webkit-mask-size:var(--glow-1-pattern-size), 100% 100%;-webkit-mask-source-type:luminance,luminance;-webkit-mask-composite:source-in;-webkit-mask-repeat:repeat,no-repeat}.glow-host[data-glow-2-texture=dots]:after,.glow-host[data-glow-2-texture=cross]:after,.glow-host[data-glow-2-texture=grain]:after{background-image:linear-gradient(0deg, color-mix(in srgb, var(--glow-2-color,var(--primary-500)) var(--glow-strength-textured), transparent), color-mix(in srgb, var(--glow-2-color,var(--primary-500)) var(--glow-strength-textured), transparent));-webkit-mask-image:var(--glow-2-pattern-mask), radial-gradient(ellipse var(--glow-2-w) var(--glow-2-h) at var(--glow-2-x) var(--glow-2-y), white, black 70%);mask-image:var(--glow-2-pattern-mask), radial-gradient(ellipse var(--glow-2-w) var(--glow-2-h) at var(--glow-2-x) var(--glow-2-y), white, black 70%);-webkit-mask-size:var(--glow-2-pattern-size), 100% 100%;mask-size:var(--glow-2-pattern-size), 100% 100%;-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:luminance,luminance;mask-mode:luminance,luminance;-webkit-mask-image:var(--glow-2-pattern-mask), radial-gradient(ellipse var(--glow-2-w) var(--glow-2-h) at var(--glow-2-x) var(--glow-2-y), white, black 70%);-webkit-mask-size:var(--glow-2-pattern-size), 100% 100%;-webkit-mask-source-type:luminance,luminance;-webkit-mask-composite:source-in;-webkit-mask-repeat:repeat,no-repeat}.glow-host[data-glow-1-texture=dots]{--glow-1-pattern-mask:radial-gradient(circle at center, black 0 1.4px, #b8b8b8 1.7px);--glow-1-pattern-size:16px 16px}.glow-host[data-glow-1-texture=cross]{--glow-1-pattern-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><rect width='24' height='24' fill='white' opacity='0.7'/><rect x='8' y='11' width='8' height='2' fill='black'/><rect x='11' y='8' width='2' height='8' fill='black'/></svg>");--glow-1-pattern-size:24px 24px}.glow-host[data-glow-1-texture=grain]{--glow-1-pattern-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.45' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--glow-1-pattern-size:320px 320px}.glow-host[data-glow-2-texture=dots]{--glow-2-pattern-mask:radial-gradient(circle at center, black 0 1.4px, #b8b8b8 1.7px);--glow-2-pattern-size:16px 16px}.glow-host[data-glow-2-texture=cross]{--glow-2-pattern-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><rect width='24' height='24' fill='white' opacity='0.7'/><rect x='8' y='11' width='8' height='2' fill='black'/><rect x='11' y='8' width='2' height='8' fill='black'/></svg>");--glow-2-pattern-size:24px 24px}.glow-host[data-glow-2-texture=grain]{--glow-2-pattern-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.45' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--glow-2-pattern-size:320px 320px}.hero{padding:var(--space-5xl) 0 var(--space-4xl)}.hero .eyebrow{margin-bottom:var(--space-lg)}.hero-title{font-family:var(--font-display);letter-spacing:-.02em;word-spacing:var(--display-word-spacing);margin:0 0 var(--space-xl);max-width:940px;font-size:clamp(56px,8vw,120px);font-weight:600;line-height:1.02}.hero-title-line{letter-spacing:-.01em;text-wrap:balance;font-size:clamp(52px,7.4vw,112px);line-height:1.04;display:block}.hero-title .hl{margin-top:var(--space-sm);letter-spacing:-.01em;font-size:clamp(52px,7.4vw,112px);line-height:1.04;display:block}.hero-sub{font-family:var(--font-ui);color:var(--text-muted);max-width:720px;margin:0 0 var(--space-2xl);font-size:clamp(16px,1.8vw,20px);font-weight:400;line-height:1.5}.hero-meta{gap:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--hairline);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=720px){.hero-meta{grid-template-columns:repeat(2,1fr)}}.hero-meta div{flex-direction:column;gap:6px;display:flex}.hero-meta .ui-label{color:var(--text-subtle)}.hero-meta .value{font-family:var(--font-mono);color:var(--text);font-size:13px}.page-hero{padding:var(--space-4xl) 0 var(--space-2xl);border-top:1px solid var(--section-divider);position:relative}.page-hero .section-head{margin-bottom:0}.page-hero .h1{max-width:940px}.page-hero .section-intro{margin-top:var(--space-md)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg)}.card-prose{padding:var(--space-xl)}.card-prose p{color:var(--text-muted);line-height:1.65}.card-prose p strong,.card-prose p b{color:var(--text);font-weight:600}.card-prose h4{margin:0 0 var(--space-md)}.card-glow{--card-glow-color:var(--primary-500);background:radial-gradient(ellipse 120% 70% at 50% -10%, color-mix(in srgb, var(--card-glow-color) 12%, transparent), transparent 65%), var(--surface)}:root[data-theme=dark] .card-glow{background:radial-gradient(ellipse 120% 70% at 50% -10%, color-mix(in srgb, var(--card-glow-color) 18%, transparent), transparent 65%), var(--surface)}.card-glow[data-card-glow-color=primary]{--card-glow-color:var(--primary-500)}.card-glow[data-card-glow-color=paars]{--card-glow-color:var(--paars-500)}.card-glow[data-card-glow-color=magenta]{--card-glow-color:var(--magenta-500)}.card-glow[data-card-glow-color=pinkrood]{--card-glow-color:var(--pinkrood-500)}.card-glow[data-card-glow-color=rood]{--card-glow-color:var(--rood-500)}.card-glow[data-card-glow-color=oranje]{--card-glow-color:var(--oranje-500)}.card-glow[data-card-glow-color=goud]{--card-glow-color:var(--goud-500)}.card-glow[data-card-glow-color=olijf]{--card-glow-color:var(--olijf-500)}.card-glow[data-card-glow-color=groen]{--card-glow-color:var(--groen-500)}.card-glow[data-card-glow-color=teal]{--card-glow-color:var(--teal-500)}.card-glow[data-card-glow-color=cyaan]{--card-glow-color:var(--cyaan-500)}.checklist{gap:10px;margin:0;padding:0;list-style:none;display:grid}.checklist li{color:var(--text-muted);padding-left:22px;font-size:15px;line-height:1.55;position:relative}.checklist li:before{content:"";width:16px;height:16px;-webkit-mask:var(--marker) center / contain no-repeat;-webkit-mask:var(--marker) center / contain no-repeat;mask:var(--marker) center / contain no-repeat;position:absolute;top:3px;left:0}.checklist.do li:before{background-color:var(--success);--marker:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.checklist.dont li:before{background-color:var(--error);--marker:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E")}.checklist li strong{color:var(--text);font-weight:600}.subsection-dont{margin-top:var(--space-lg);max-width:740px}.subsection-dont .checklist{margin-top:var(--space-sm)}.subsection-dont .checklist li{font-size:14px}.status-card{--status-tone:var(--primary-500);--status-wash-soft:7%;--status-bar-inset:var(--space-md);--status-bar-offset-top:var(--space-md);--status-bar-height:4px;--status-grain-opacity:.05;isolation:isolate;padding:calc(var(--space-lg) + 12px) var(--space-lg) var(--space-lg);background-color:var(--surface);background-image:radial-gradient(ellipse 120% 70% at 50% -10%, color-mix(in srgb, var(--status-tone) var(--status-wash-soft), transparent), transparent 65%);border:1px solid color-mix(in srgb, var(--status-tone) 18%, var(--border));border-radius:var(--radius-lg);align-content:start;gap:4px;display:grid;position:relative;overflow:hidden}.status-card:before{content:"";left:var(--status-bar-inset);right:var(--status-bar-inset);top:var(--status-bar-offset-top);height:var(--status-bar-height);border-radius:var(--radius-full);background:var(--status-tone);z-index:1;position:absolute}.status-card:after{content:"";z-index:-1;pointer-events:none;background-image:var(--grain-tile);mix-blend-mode:overlay;opacity:var(--status-grain-opacity);border-radius:inherit;background-repeat:repeat;background-size:320px 320px;position:absolute;inset:0}.status-card--xs{--status-bar-offset-top:var(--space-md);padding:calc(var(--space-md) + 10px) var(--space-md) var(--space-md)}.status-card--sm{padding:calc(var(--space-md) + 12px) var(--space-md) var(--space-md)}.status-card__body,.status-card .checklist{margin-top:8px}.status-card__eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:11px;font-weight:500}.status-card__title{font-family:var(--font-ui);color:var(--text);margin:0;font-size:18px;font-weight:600;line-height:1.35}.status-card__icon{vertical-align:-.22em;color:var(--status-tone);margin-right:8px;display:inline-flex}.status-card__icon svg{display:block}.status-card__body{font-family:var(--font-ui);color:var(--text-muted);margin:0;font-size:15px;line-height:1.6}.status-card__body strong{color:var(--text);font-weight:600}.status-card__hex{font-family:var(--font-mono);color:var(--text-subtle);margin:0;font-size:11px}.status-card--xs .status-card__title{font-family:var(--font-mono);letter-spacing:0;text-transform:none;font-size:12px;font-weight:500;line-height:1.3}.status-card--xs .status-card__body{font-size:12px;line-height:1.4}.status-card--sm .status-card__title{font-size:17px}.status-card--sm .status-card__body{font-size:13px;line-height:1.5}.status-card.is-primary{--status-tone:var(--primary-500)}.status-card.is-success{--status-tone:var(--success)}.status-card.is-warning{--status-tone:var(--warning)}.status-card.is-error{--status-tone:var(--error)}.status-card.is-info{--status-tone:var(--info)}:root[data-theme=dark] .status-card{--status-wash-soft:11%;border-color:color-mix(in srgb, var(--status-tone) 28%, var(--border))}.status-card[data-copyable="1"]{cursor:pointer;transition:border-color .12s}.status-card[data-copyable="1"]:hover{border-color:var(--primary-500)}.status-card[data-copyable="1"]:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.status-card[data-copied="1"] .status-card__hex{color:var(--success)}.color-ladder{grid-template-columns:160px repeat(11,1fr);align-items:stretch;gap:4px;display:grid}@media (width<=900px){.color-ladder{grid-template-columns:1fr;gap:0}.color-ladder .swatch{aspect-ratio:auto;justify-content:space-between;padding:12px 16px;display:flex}}.ladder-label{flex-direction:column;justify-content:space-between;gap:4px;padding:12px 0;display:flex}.ladder-label .name{font-family:var(--font-ui);color:var(--text);font-size:18px;font-weight:600;line-height:1.4}.ladder-label .hue{font-family:var(--font-mono);color:var(--text-subtle);letter-spacing:.04em;font-size:11px}.ladder-label .desc{color:var(--text-muted);font-size:12px;line-height:1.4}.swatch{aspect-ratio:1/1.3;border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--hairline);flex-direction:column;justify-content:space-between;padding:8px;font-size:10px;display:flex;position:relative}.swatch .stop{color:#ffffffd9}.swatch .hex{color:#ffffffa6;text-transform:uppercase;justify-content:space-between;align-items:center;gap:6px;display:flex}.swatch.is-light .stop{color:#0f0f10d9}.swatch.is-light .hex{color:#0f0f108c}.cluster-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=900px){.cluster-grid{grid-template-columns:repeat(2,1fr)}}.cluster{padding:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.cluster .ui-label{margin-bottom:var(--space-sm);display:block}.cluster .cluster-name{font-family:var(--font-ui);color:var(--text);margin-bottom:var(--space-sm);font-size:18px;font-weight:600;line-height:1.4}.cluster .cluster-desc{color:var(--text-muted);margin-bottom:var(--space-md);font-size:13px;line-height:1.5}.cluster-swatches{gap:6px;display:flex}.cluster-swatches span{border-radius:var(--radius-sm);border:1px solid var(--hairline);flex:1;height:36px}.cluster-colors{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cluster-colors li{grid-template-columns:14px auto 1fr;align-items:center;gap:10px;font-size:13px;line-height:1.4;display:grid}.cluster-colors .dot{border:1px solid var(--hairline);border-radius:4px;width:14px;height:14px}.cluster-colors .name{color:var(--text);white-space:nowrap;font-weight:600}.cluster-colors .meaning{color:var(--text-muted)}.functional-grid{gap:var(--space-md);grid-template-columns:repeat(4,minmax(0,168px));display:grid}.functional-grid .swatch{aspect-ratio:1}@media (width<=720px){.functional-grid{grid-template-columns:repeat(2,minmax(0,168px))}}.semantic-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=720px){.semantic-grid{grid-template-columns:1fr}}.semantic-card{padding:var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:12px}.semantic-card.is-light{color:#0f0f10;background:#f5f5f5}.semantic-card.is-dark{color:#f5f5f5;background:#0f0f10}.semantic-card h6{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 var(--space-md);opacity:.6;font-size:10px}.semantic-card dl{grid-template-columns:auto 1fr;gap:6px 16px;margin:0;display:grid}.semantic-card dt{opacity:.7}.semantic-card dd{margin:0}.type-family-card{padding:var(--space-xl);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);gap:var(--space-md);display:grid}.type-family-card .specimen{letter-spacing:-.02em;font-size:64px;line-height:1}.type-family-card.brand .specimen{font-family:var(--font-brand);letter-spacing:-.03em;text-transform:lowercase;font-weight:700}.type-family-card.display .specimen{font-family:var(--font-display);word-spacing:var(--display-word-spacing);font-weight:600}.type-family-card.ui .specimen{font-family:var(--font-ui);font-weight:600}.type-family-card.mono .specimen{font-family:var(--font-mono);font-size:56px;font-weight:500}.type-family-card .role{font-family:var(--font-mono);color:var(--text-subtle);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.type-family-card .name{font-family:var(--font-ui);color:var(--text);font-size:18px;font-weight:600;line-height:1.4}.type-family-card .desc{color:var(--text-muted);font-size:14px;line-height:1.55}.type-family-card .usage{color:var(--text-subtle);border-top:1px solid var(--hairline);padding-top:var(--space-md);margin-top:4px;font-size:13px}.type-family-card .usage strong{color:var(--text);font-weight:600}.type-scale-row{gap:var(--space-lg);padding:var(--space-md) 0;border-top:1px solid var(--hairline);grid-template-columns:140px 1fr 220px;align-items:baseline;display:grid}.type-scale-row:first-child{border-top:0}@media (width<=900px){.type-scale-row{gap:var(--space-sm);grid-template-columns:1fr}}.type-scale-row .meta-l{font-family:var(--font-mono);color:var(--text-subtle);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.type-scale-row .meta-r{font-family:var(--font-mono);color:var(--text-subtle);font-size:11px}.tabnum-demo{font-family:var(--font-display);gap:0 var(--space-2xl);grid-template-columns:repeat(2,1fr);font-size:48px;font-weight:600;line-height:1.1;display:grid}.tabnum-demo .num{font-variant-numeric:tabular-nums}.tabnum-demo .lbl{font-family:var(--font-mono);color:var(--text-subtle);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.spacing-scale{gap:var(--space-md);flex-direction:column;display:flex}.spacing-row{gap:var(--space-md);grid-template-columns:110px 70px 1fr;align-items:center;display:grid}.spacing-row .name{font-family:var(--font-mono);font-size:12px}.spacing-row .px{font-family:var(--font-mono);color:var(--text-subtle);font-size:11px}.spacing-row .bar{background:var(--primary-500);border-radius:2px;height:8px}.grid-demo{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md)}.grid-demo .cols{grid-template-columns:repeat(12,1fr);gap:8px;display:grid}.grid-demo .cols span{background:var(--primary-100);border:1px solid var(--primary-200);border-radius:var(--radius-sm);height:56px;font-family:var(--font-mono);color:var(--primary-700);justify-content:center;align-items:center;font-size:10px;display:flex}:root[data-theme=dark] .grid-demo .cols span{background:var(--primary-900);border-color:var(--primary-800);color:var(--primary-300)}.dotgrid-demo{border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface);height:200px;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;justify-content:center;align-items:center;font-size:11px;display:flex}.gradient-demo{border-radius:var(--radius-lg);border:1px solid var(--border);background-color:var(--surface);background-image:radial-gradient(ellipse 500px 320px at top right, color-mix(in srgb, var(--primary-500) 8%, transparent), transparent 70%), radial-gradient(ellipse 400px 260px at bottom left, color-mix(in srgb, var(--cyaan-500) 6%, transparent), transparent 70%);height:220px;padding:var(--space-lg);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);justify-content:flex-start;align-items:flex-end;font-size:11px;display:flex}:root[data-theme=dark] .gradient-demo{background-image:radial-gradient(ellipse 500px 320px at top right, color-mix(in srgb, var(--primary-500) 16%, transparent), transparent 70%), radial-gradient(ellipse 400px 260px at bottom left, color-mix(in srgb, var(--cyaan-500) 12%, transparent), transparent 70%)}.elev-compare{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=900px){.elev-compare{grid-template-columns:1fr}}.elev-card{padding:var(--space-xl);border-radius:var(--radius-lg);gap:var(--space-md);min-height:240px;display:grid;position:relative}.elev-card.do{background:var(--surface);border:1px solid var(--border)}.elev-card.dont{background:linear-gradient(135deg, color-mix(in srgb, var(--paars-200) 60%, transparent), color-mix(in srgb, var(--magenta-200) 55%, transparent), color-mix(in srgb, var(--cyaan-200) 45%, transparent));border-left:4px solid var(--paars-500);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:28px;box-shadow:0 14px 40px #8b5cf638}:root[data-theme=dark] .elev-card.dont{background:linear-gradient(135deg, color-mix(in srgb, var(--paars-700) 70%, transparent), color-mix(in srgb, var(--magenta-700) 60%, transparent), color-mix(in srgb, var(--cyaan-700) 50%, transparent));box-shadow:0 14px 40px #8b5cf666}.elev-card .verdict{top:var(--space-md);right:var(--space-md);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);background:var(--surface);padding:4px 8px;font-size:10px;position:absolute}.elev-card.do .verdict{color:var(--success);border:1px solid var(--success)}.elev-card.dont .verdict{color:var(--error);border:1px solid var(--error);background:#ffffffb3}.elev-card .why{color:var(--text-muted);font-size:14px;line-height:1.55}.elev-card.dont h3,.elev-card.dont .why,.elev-card.dont .ui-label{color:var(--paars-900)}:root[data-theme=dark] .elev-card.dont h3,:root[data-theme=dark] .elev-card.dont .why,:root[data-theme=dark] .elev-card.dont .ui-label{color:var(--paars-50)}.shape-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(6,1fr);display:grid}@media (width<=720px){.shape-grid{grid-template-columns:repeat(3,1fr)}}.shape-tile{aspect-ratio:1;background:var(--primary-500);color:#fff;font-family:var(--font-mono);letter-spacing:.04em;justify-content:center;align-items:center;font-size:11px;display:flex;position:relative}.shape-tile .px{text-align:center;color:var(--text-subtle);font-family:var(--font-mono);font-size:11px;position:absolute;bottom:-22px;left:0;right:0}.btn{font-family:var(--font-ui);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;line-height:1;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn-primary{background:var(--primary-500);color:#fff}.btn-primary:hover{background:var(--primary-600)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{border-color:var(--text)}.btn-ghost{color:var(--text);background:0 0}.btn-ghost:hover{background:var(--bg-subtle)}.btn-destructive{background:var(--error);color:#fff}.btn-destructive:hover{filter:brightness(.92)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.input{width:100%;font-family:var(--font-ui);background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:11px 14px;font-size:14px;line-height:1.4;display:block}.input:focus{outline:2px solid var(--primary-500);outline-offset:-1px;border-color:var(--primary-500)}.input.is-error{border-color:var(--error)}.input:disabled{background:var(--bg-subtle);cursor:not-allowed}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-sm);align-content:start;display:grid}.stat-card .eyebrow{margin:0}.stat-card__value{align-items:center;gap:var(--space-md);display:flex}.stat-card__icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--stat-accent,var(--primary-500));background:color-mix(in srgb, var(--stat-accent,var(--primary-500)) 14%, var(--surface));flex:none;justify-content:center;align-items:center;display:inline-flex}.stat-card .number{font-family:var(--font-mono);letter-spacing:-.01em;text-align:right;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:40px;font-weight:500;line-height:1}.stat-card__foot{justify-content:flex-end;align-items:baseline;gap:var(--space-sm);display:flex}.stat-card__period{letter-spacing:.02em;color:var(--text-subtle);font-size:11px}.stat-card .delta{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--success);align-items:center;gap:4px;font-size:13px;display:inline-flex}.stat-card .delta svg{width:14px;height:14px}.stat-card .delta.is-neg{color:var(--error)}.badge{font-family:var(--font-ui);border-radius:var(--radius-sm);align-items:center;padding:4px 8px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.badge-default{background:var(--neutral-100);color:var(--neutral-700)}.badge-success{background:var(--groen-100);color:var(--groen-700)}.badge-warning{background:var(--goud-100);color:var(--goud-700)}.badge-error{background:var(--rood-100);color:var(--rood-700)}.badge-info{background:var(--primary-100);color:var(--primary-700)}.badge-accent{background:var(--paars-100);color:var(--paars-700)}:root[data-theme=dark] .badge-default{background:var(--neutral-800);color:var(--neutral-200)}:root[data-theme=dark] .badge-success{background:var(--groen-900);color:var(--groen-300)}:root[data-theme=dark] .badge-warning{background:var(--goud-900);color:var(--goud-300)}:root[data-theme=dark] .badge-error{background:var(--rood-900);color:var(--rood-300)}:root[data-theme=dark] .badge-info{background:var(--primary-900);color:var(--primary-300)}:root[data-theme=dark] .badge-accent{background:var(--paars-900);color:var(--paars-300)}.table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;overflow:hidden}.table th{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-align:left;color:var(--text-muted);background:var(--bg-subtle);border-bottom:1px solid var(--border);padding:14px 16px;font-size:10px;font-weight:500}.table td{border-bottom:1px solid var(--hairline);color:var(--text);padding:14px 16px;font-size:14px}.table tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:var(--bg-subtle)}.table .num{font-family:var(--font-mono);text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.table th.num{text-align:right}.component-block{gap:var(--space-xl);grid-template-columns:1fr 320px;align-items:start;display:grid}@media (width<=900px){.component-block{grid-template-columns:1fr}}.component-canvas{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);gap:var(--space-md);flex-direction:column;min-height:100%;display:flex}.component-doc{gap:var(--space-md);display:grid}.component-doc h4{font-family:var(--font-display);word-spacing:var(--display-word-spacing);margin:0 0 4px;font-size:22px;font-weight:600}.component-doc p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.component-doc .label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);font-size:10px}.logo-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=900px){.logo-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.logo-grid{grid-template-columns:1fr}}.logo-grid--lead{grid-template-columns:repeat(2,1fr)}.logo-grid--lead .canvas{min-height:220px}.logo-grid--lead .canvas img{max-height:120px}@media (width<=480px){.logo-grid--lead{grid-template-columns:1fr}}.logo-tile{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.logo-tile .canvas{padding:var(--space-xl);flex:1;justify-content:center;align-items:center;min-height:120px;display:flex}.logo-tile .canvas img{max-width:100%;height:auto;max-height:80px}.logo-tile.on-light .canvas{background:#fff}.logo-tile.on-dark .canvas{background:#0f0f10}.logo-tile .meta{border-top:1px solid var(--hairline);font-family:var(--font-mono);letter-spacing:.04em;justify-content:space-between;align-items:center;padding:10px 14px;font-size:11px;display:flex}.logo-tile .meta .name{color:var(--text)}.logo-tile .meta .mode{color:var(--text-subtle);text-transform:uppercase}.dodont{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}@media (width<=720px){.dodont{grid-template-columns:1fr}}.dodont .col{padding:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.dodont .col h4{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 var(--space-md);font-size:11px}.dodont .do h4{color:var(--success)}.dodont .dont h4{color:var(--error)}.site-footer{border-top:1px solid var(--section-divider);padding:var(--space-2xl) 0 var(--space-3xl)}.site-footer-inner{justify-content:space-between;align-items:baseline;gap:var(--space-lg);font-family:var(--font-mono);color:var(--text-subtle);letter-spacing:.04em;flex-wrap:wrap;font-size:11px;display:flex}.site-footer-brand{flex-direction:column;gap:4px;display:flex}.site-footer-nav{gap:var(--space-md);flex-wrap:wrap;align-items:baseline;display:flex}.site-footer a{color:var(--text-muted)}.site-footer a:hover{color:var(--text)}.divider{background:var(--hairline);height:1px}.spacer-sm{height:var(--space-md)}.spacer-md{height:var(--space-xl)}.spacer-lg{height:var(--space-2xl)}.skill-pack-card{padding:var(--space-xl) var(--space-xl) var(--space-lg);margin-bottom:var(--space-2xl)}.skill-pack-grid{gap:var(--space-2xl);grid-template-columns:minmax(0,1fr) 260px;align-items:start;display:grid}@media (width<=900px){.skill-pack-grid{gap:var(--space-xl);grid-template-columns:1fr}}.skill-pack-body{gap:var(--space-md);display:grid}.skill-pack-title{margin-top:8px}.skill-pack-lead{font-family:var(--font-ui);color:var(--text-muted);max-width:64ch;margin:0;font-size:16px;line-height:1.6}.skill-pack-lead strong{color:var(--text);font-weight:600}.skill-pack-contents{gap:6px;margin:0;padding:0;list-style:none;display:grid}.skill-pack-contents li{gap:var(--space-md);color:var(--text-muted);grid-template-columns:minmax(0,auto) 1fr;align-items:baseline;font-size:14px;line-height:1.5;display:grid}.skill-pack-contents li code.mono{white-space:nowrap;font-size:12px}.skill-pack-contents li span{color:var(--text-muted)}.skill-pack-action{gap:var(--space-sm);padding:var(--space-lg);border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--bg-subtle);display:grid}@media (width<=900px){.skill-pack-action{padding:var(--space-md)}}.skill-pack-btn{justify-content:center;width:100%;padding:14px 20px;font-size:15px}.skill-pack-meta{color:var(--text-subtle);text-align:center;margin:0;font-size:12px}.skill-pack-hint{color:var(--text-subtle);margin:0;font-size:12px;line-height:1.5}.downloads-secondary{gap:var(--space-md);display:grid}.downloads-secondary-head{gap:4px;display:grid}.downloads-secondary-intro{color:var(--text-muted);margin:0;font-size:14px}.downloads-help{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=900px){.downloads-help{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.downloads-help{grid-template-columns:1fr}}.download-action-card{padding:var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);gap:8px;display:grid}.download-action-card strong{color:var(--text);font-size:14px}.download-action-card span{color:var(--text-muted);font-size:13px}.download-action-btn{margin-top:var(--space-sm);justify-content:center}.term-help{border-bottom:1px dotted var(--text-subtle);cursor:help;position:relative}.term-help:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-bottom-color:#0000}.term-help:hover:after,.term-help:focus-visible:after{content:attr(data-definition);z-index:20;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);width:min(300px,70vw);color:var(--text);font-family:var(--font-ui);letter-spacing:0;text-transform:none;padding:8px 10px;font-size:12px;line-height:1.4;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 8px 20px #0000001f}.swatch[data-copyable="1"]{cursor:pointer;transition:transform .1s,box-shadow .12s,outline-color .12s}.swatch[data-copyable="1"]:hover{transform:translateY(-1px);box-shadow:0 2px 10px #0000001f}.swatch[data-copyable="1"]:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.swatch[data-copied="1"]{outline:2px solid var(--success);outline-offset:1px}.swatch-copy{color:inherit;opacity:0;flex:none;transition:opacity .12s;display:inline-flex}.swatch-copy svg{display:block}.swatch[data-copyable="1"]:hover .swatch-copy,.swatch[data-copyable="1"]:focus-visible .swatch-copy,.swatch[data-copied="1"] .swatch-copy{opacity:1}.logo-tile .meta{gap:var(--space-md)}.logo-tile .logo-meta-right{align-items:center;gap:var(--space-sm);display:inline-flex}.logo-tile .logo-dl{color:var(--primary-500);border-radius:var(--radius-sm);border:1px solid var(--hairline);justify-content:center;align-items:center;padding:5px;text-decoration:none;transition:border-color .12s,color .12s,background .12s;display:inline-flex}.logo-tile .logo-dl svg{display:block}.logo-tile .logo-dl:hover{border-color:var(--primary-500);background:var(--bg-subtle);text-decoration:none}.foto-style-panel{gap:var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=900px){.foto-style-panel{gap:var(--space-xl);grid-template-columns:1fr}}.foto-style-panel__figure{margin:0}.foto-style-panel__body{gap:var(--space-lg);align-content:start;display:grid}.foto-style-panel__traits{column-gap:var(--space-lg);row-gap:var(--space-xs);padding:var(--space-md) 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);grid-template-columns:auto 1fr;margin:0;display:grid}.foto-style-panel__traits>div{display:contents}.foto-style-panel__traits dt{font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:11px;font-weight:600}.foto-style-panel__traits dd{color:var(--text);margin:0;font-size:14px}.icon-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(108px,1fr));display:grid}.icon-tile{align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);text-align:center;flex-direction:column;display:flex}.icon-tile svg{display:block}.icon-tile__label{color:var(--text-muted);font-size:11px}.btn.is-copied{color:var(--success);border-color:color-mix(in srgb, var(--success) 40%, var(--border-strong))}.icon-spin{animation:.9s linear infinite tl-spin}@keyframes tl-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.icon-spin{animation-duration:0s}}.lib{--lib-aside-w:200px;position:relative}.lib-section{scroll-margin-top:calc(var(--header-h,68px) + var(--space-md))}.lib-aside{top:var(--space-4xl);bottom:var(--space-4xl);right:var(--container-margin);width:var(--lib-aside-w);z-index:5;pointer-events:none;position:absolute}.lib-aside__inner{top:calc(var(--header-h,68px) + var(--space-xl));gap:var(--space-md);max-height:calc(100vh - var(--header-h,68px) - var(--space-xl) - var(--space-xl));padding:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);pointer-events:auto;display:grid;position:sticky;overflow:auto}.code-toggle{align-items:center;gap:var(--space-sm);padding-bottom:var(--space-md);border-bottom:1px solid var(--section-divider);cursor:pointer;display:flex}.code-toggle__label{font-family:var(--font-ui);color:var(--text);font-size:13px;font-weight:500}.lib-index{gap:var(--space-md);display:grid}.lib-index__title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);margin:0;font-size:10px}.lib-index__group{gap:2px;display:grid}.lib-index__group-link{font-family:var(--font-ui);color:var(--text);padding:2px 0;font-size:13px;font-weight:600;text-decoration:none}.lib-index__group-link:hover{color:var(--primary-500)}.lib-index__list{margin:2px 0 var(--space-sm);border-left:1px solid var(--section-divider);gap:1px;padding:0;list-style:none;display:grid}.lib-index__link{font-family:var(--font-ui);color:var(--text-muted);border-left:2px solid #0000;margin-left:-1px;padding:4px 12px;font-size:13px;line-height:1.4;text-decoration:none;display:block}.lib-index__link:hover{color:var(--text)}.lib-index__link[aria-current=true]{color:var(--primary-500);border-left-color:var(--primary-500);font-weight:500}.lib-group__head{gap:var(--space-sm);margin-bottom:var(--space-3xl);max-width:760px;display:grid}.lib-stack{gap:var(--space-2xl);grid-template-columns:minmax(0,1fr);display:grid}.showcase{min-width:0;scroll-margin-top:calc(var(--header-h,68px) + var(--space-md))}.showcase__info,.showcase__preview{min-width:0}.showcase.card{padding:var(--space-xl)}.showcase__grid{gap:var(--space-2xl);grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start;display:grid}.showcase__info{gap:var(--space-xs);align-content:start;display:grid}.showcase__info .h3{margin:0}.showcase__meta{letter-spacing:.04em;text-transform:uppercase;color:var(--text-subtle);font-size:11px}.showcase__desc{font-family:var(--font-ui);color:var(--text-muted);margin:var(--space-xs) 0 0;font-size:14px;line-height:1.55}.showcase__preview{justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;min-height:100%;display:flex}.showcase--stacked .showcase__grid,.showcase--frameless .showcase__grid{gap:var(--space-lg);grid-template-columns:1fr}.showcase--stacked .showcase__desc,.showcase--frameless .showcase__desc{max-width:760px}.showcase--stacked .showcase__preview,.showcase--frameless .showcase__preview{align-items:stretch}.showcase--frameless .showcase__preview{padding-top:var(--space-xs)}.showcase>.code-block{margin-top:var(--space-lg)}.card-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(248px,1fr));align-items:stretch;width:100%;display:grid}.card-grid>.card{height:100%}.card__icon{border-radius:var(--radius-md);width:40px;height:40px;color:var(--card-accent,var(--primary-500));background:color-mix(in srgb, var(--card-accent,var(--primary-500)) 14%, var(--surface));justify-content:center;align-items:center;display:inline-flex}.card__link{font-family:var(--font-ui);color:var(--primary-500);align-items:center;gap:6px;margin-top:auto;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.card__link:hover{text-decoration:underline}.card__link svg{transition:transform .12s}.card__link:hover svg{transform:translate(2px)}.card__person{align-items:center;gap:var(--space-md);display:flex}.card__name{font-family:var(--font-ui);color:var(--text);margin:0;font-size:15px;font-weight:600}.stat-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(224px,1fr));width:100%;display:grid}.code-block{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);overflow:hidden}.code-block__bar{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:6px 8px 6px 12px;display:flex}.code-block__lang{letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);font-size:10px}.code-block__copy{font-family:var(--font-ui);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:500;transition:color .12s,background .12s;display:inline-flex}.code-block__copy:hover{color:var(--text);background:var(--surface)}.code-block__copy.is-copied{color:var(--success)}.code-block__scroll{overflow-x:auto}.code-block__pre{padding:var(--space-md);margin:0}.code-block__pre code{font-family:var(--font-mono);color:var(--text);white-space:pre;font-size:12.5px;line-height:1.65}.code-block.is-collapsed .code-block__scroll{max-height:220px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 65%,#0000);mask-image:linear-gradient(#000 65%,#0000)}.code-block__toggle{text-align:center;width:100%;font-family:var(--font-ui);color:var(--text-muted);border:0;border-top:1px solid var(--hairline);cursor:pointer;background:0 0;padding:8px;font-size:12px;font-weight:500;transition:color .12s,background .12s;display:block}.code-block__toggle:hover{color:var(--text);background:var(--surface)}.btn-sm{padding:8px 14px;font-size:13px}.btn-lg{padding:14px 24px;font-size:15px}.segmented{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);gap:2px;padding:3px;display:inline-flex}.segmented__btn{font-family:var(--font-ui);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;padding:6px 14px;font-size:13px;font-weight:500;transition:color .12s,background .12s}.segmented__btn:hover{color:var(--text)}.segmented__btn.is-active{color:var(--text);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline)}.textarea{resize:vertical;min-height:96px;line-height:1.5}.search-field{align-items:center;width:100%;display:flex;position:relative}.search-field__icon{color:var(--text-subtle);pointer-events:none;position:absolute;left:12px}.search-field .input{padding-left:38px}.select{align-items:center;width:100%;display:inline-flex;position:relative}.select__field{appearance:none;cursor:pointer;padding-right:38px}.select__caret{color:var(--text-subtle);pointer-events:none;position:absolute;right:12px}.choice{font-family:var(--font-ui);color:var(--text);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.choice input{accent-color:var(--primary-500);cursor:pointer;width:16px;height:16px}.switch{cursor:pointer;font-family:var(--font-ui);color:var(--text);align-items:center;gap:10px;font-size:14px;display:inline-flex}.switch__input{opacity:0;width:0;height:0;position:absolute}.switch__track{border-radius:var(--radius-full);background:var(--border-strong);flex:none;width:40px;height:22px;transition:background .18s;position:relative}.switch__thumb{border-radius:var(--radius-full);background:#fff;width:18px;height:18px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.switch__input:checked+.switch__track{background:var(--primary-500)}.switch__input:checked+.switch__track .switch__thumb{transform:translate(18px)}.switch__input:focus-visible+.switch__track{outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-reduced-motion:reduce){.switch__track,.switch__thumb{transition:none}}.avatar{border-radius:var(--radius-full);background:var(--avatar-bg,var(--bg-subtle));width:40px;height:40px;color:var(--avatar-fg,var(--text));font-family:var(--font-ui);flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.avatar--lg{width:56px;height:56px;font-size:18px}.avatar--more{background:var(--bg-subtle);color:var(--text-muted)}.avatar-group{display:inline-flex}.avatar-group .avatar{border:2px solid var(--surface);margin-left:-10px}.avatar-group .avatar:first-child{margin-left:0}.tooltip{display:inline-flex;position:relative}.tooltip__bubble{background:var(--text);width:max-content;max-width:240px;color:var(--bg);font-family:var(--font-ui);border-radius:var(--radius-md);opacity:0;pointer-events:none;z-index:5;padding:8px 10px;font-size:12px;line-height:1.45;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 8px 24px -8px #0000004d}.tooltip:hover .tooltip__bubble,.tooltip:focus-within .tooltip__bubble{opacity:1;transform:translate(-50%)translateY(0)}@media (prefers-reduced-motion:reduce){.tooltip__bubble{transition:opacity .12s}}.progress{background:var(--bg-subtle);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress__bar{border-radius:var(--radius-full);background:var(--progress-tone,var(--primary-500));height:100%}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--bg-subtle) 25%, color-mix(in srgb, var(--text) 9%, transparent) 37%, var(--bg-subtle) 63%);background-size:400% 100%;height:12px;animation:1.4s infinite tl-skeleton;display:block}@keyframes tl-skeleton{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.empty-state{text-align:center;justify-items:center;gap:var(--space-sm);padding:var(--space-2xl) var(--space-lg);display:grid}.empty-state__icon{border-radius:var(--radius-full);background:var(--bg-subtle);width:56px;height:56px;color:var(--text-muted);margin-bottom:var(--space-xs);justify-content:center;align-items:center;display:inline-flex}.tabs{gap:0;width:100%;display:grid}.tabs__list{gap:var(--space-md);border-bottom:1px solid var(--border);display:flex}.tabs__tab{font-family:var(--font-ui);color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 2px;font-size:14px;font-weight:500;transition:color .12s}.tabs__tab:hover{color:var(--text)}.tabs__tab.is-active{color:var(--text);border-bottom-color:var(--primary-500)}.tabs__panel{padding-top:var(--space-md)}.breadcrumb{align-items:center;gap:var(--space-xs);font-family:var(--font-ui);flex-wrap:wrap;font-size:13px;display:flex}.breadcrumb__link{color:var(--text-muted);text-decoration:none}.breadcrumb__link:hover{color:var(--text);text-decoration:underline}.breadcrumb__sep{color:var(--text-subtle)}.breadcrumb__current{color:var(--text);font-weight:500}.pagination{align-items:center;gap:4px;display:inline-flex}.page-btn{min-width:34px;height:34px;font-family:var(--font-ui);color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:500;transition:color .12s,background .12s,border-color .12s;display:inline-flex}.page-btn:hover{color:var(--text);background:var(--bg-subtle)}.page-btn.is-active{color:#fff;background:var(--primary-500)}.page-ellipsis{color:var(--text-subtle);padding:0 4px}.menu{display:inline-block;position:relative}.menu__trigger{list-style:none}.menu__trigger::-webkit-details-marker{display:none}.menu__list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);z-index:5;gap:2px;min-width:200px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px -12px #00000059}.menu__item{text-align:left;width:100%;font-family:var(--font-ui);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 10px;font-size:14px;transition:background .12s;display:flex}.menu__item:hover{background:var(--bg-subtle)}.menu__item--danger{color:var(--error)}.menu__sep{background:var(--hairline);height:1px;margin:4px 0}.accordion{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;overflow:hidden}.accordion__item{border-bottom:1px solid var(--hairline)}.accordion__item:last-child{border-bottom:0}.accordion__summary{justify-content:space-between;align-items:center;gap:var(--space-md);cursor:pointer;padding:var(--space-md) var(--space-lg);font-family:var(--font-ui);color:var(--text);font-size:15px;font-weight:600;list-style:none;display:flex}.accordion__summary::-webkit-details-marker{display:none}.accordion__summary:hover{background:var(--bg-subtle)}.accordion__chevron{color:var(--text-subtle);flex:none;transition:transform .18s}.accordion__item[open] .accordion__chevron{transform:rotate(180deg)}.accordion__body{padding:0 var(--space-lg) var(--space-md)}@media (prefers-reduced-motion:reduce){.accordion__chevron{transition:none}}.lib-card{gap:var(--space-md);flex-direction:column;display:flex}.card__header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.card__meta{letter-spacing:.02em;color:var(--text-subtle);margin:0;font-size:12px}.card__footer{justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--hairline);margin-top:auto;display:flex}.table-scroll{width:100%;overflow-x:auto}.lib-foundation .container{max-width:none;padding:0}.lib-foundation .section{padding:var(--space-xl) 0}.lib-foundation>.section:first-child{border-top:0;padding-top:0}.lib-foundation .glow-host:before,.lib-foundation .glow-host:after{content:none}@media (width<=860px){.showcase__grid{gap:var(--space-lg);grid-template-columns:1fr}.showcase__preview{align-items:stretch}}@media (width<=1679px){.lib-aside{pointer-events:auto;width:auto;padding:var(--space-xl) var(--container-margin);position:static}.code-toggle{border-bottom:0;padding-bottom:0}.lib-aside__inner{max-height:none;position:static;overflow:visible}.lib-index{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.lib-index__title{width:100%}.lib-index__list{display:none}.lib-index__group-link{border:1px solid var(--section-divider);border-radius:var(--radius-full);padding:6px 12px}}.download-toolbar{gap:var(--space-sm);flex-wrap:wrap;justify-content:flex-start;align-items:center;max-width:min(560px,100%);display:flex}.download-toolbar .dl-btn{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:10px;transition:border-color .12s;display:inline-flex}.download-toolbar .dl-btn:hover{border-color:var(--primary-500)}.download-toolbar .dl-btn:disabled{opacity:.45;cursor:wait}.download-toolbar .dl-btn-primary{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.download-toolbar .dl-btn-primary:hover{background:var(--primary-600);border-color:var(--primary-600)}.site-header-inner-wide{row-gap:var(--space-sm);flex-wrap:wrap}