.hero.page-hero{min-height:auto;padding:150px 0 var(--s7)}.logo-tile h3,.icon-card h3,.dl-card h3{font-size:18px;line-height:1.4}.logo-tile p,.icon-card p,.dl-card p{color:var(--bp-200);font-size:16px;line-height:1.5}.logo-tiles{gap:var(--s5);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=900px){.logo-tiles{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.logo-tiles{grid-template-columns:1fr}}.logo-tile .preview{border:1px solid var(--border);border-radius:var(--r-lg);height:120px;margin-bottom:var(--s4);padding:var(--s5);background:#ffffff05;place-items:center;display:grid}.logo-tile .preview.light{background:#e8edef}.logo-tile .preview img{width:auto;max-width:82%;max-height:52px}.logo-tile h3{margin-bottom:4px}.logo-tile p{margin-bottom:var(--s3)}.dl{gap:var(--s2);display:flex}.dl a{border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-2);letter-spacing:.06em;align-items:center;min-height:44px;padding:0 14px;font-size:16px;font-weight:600;display:inline-flex}.dl a:hover{border-color:var(--border-glacier);color:var(--text-strong)}.rules{gap:var(--s5);margin-bottom:var(--s6);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=900px){.rules{grid-template-columns:1fr}}.rules h3{margin-bottom:var(--s3);font-size:18px}.rules p{color:var(--text);font-size:16px;line-height:1.6}.dodont{gap:var(--s5);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.dodont{grid-template-columns:1fr}}.dodont h3{margin-bottom:var(--s4);font-size:18px}.dos li,.donts li{color:var(--text-2);margin-bottom:var(--s3);padding-left:28px;font-size:16px;position:relative}.dos li svg,.donts li svg{height:var(--icon-md);width:var(--icon-md);position:absolute;top:4px;left:0}.dos li svg{color:var(--su-400)}.donts li svg{color:#ea8d98}.pal{margin-bottom:var(--s7)}.pal-head{align-items:baseline;gap:var(--s4);margin-bottom:var(--s4);flex-wrap:wrap;display:flex}.pal-head h3{font-size:18px}.pal-head span{color:var(--bp-200);font-size:16px}.swatches{gap:var(--s2);grid-template-columns:repeat(10,1fr);display:grid}@media (width<=900px){.swatches{grid-template-columns:repeat(5,1fr)}}@media (width<=520px){.swatches{grid-template-columns:repeat(2,1fr)}}.fmt{display:none}.js .fmt{align-items:center;gap:var(--s3);margin-bottom:var(--s6);flex-wrap:wrap;display:flex}.fmt-label{color:var(--bp-200);margin-right:var(--s2);font-size:16px}@media (width<=640px){.fmt-label{margin:0 0 var(--s2);flex:1 0 100%}}.fmt-btn{border:1px solid var(--border);border-radius:var(--r-full);color:var(--text-2);cursor:pointer;min-height:44px;transition:background var(--d-fast) var(--ease-out), border-color var(--d-fast) var(--ease-out),color var(--d-fast) var(--ease-out);background:0 0;padding:0 18px;font-family:inherit;font-size:16px;font-weight:600}.fmt-btn:hover{border-color:var(--border-glacier);color:var(--text-strong)}.fmt-btn.est-actif{border-color:var(--border-glacier);color:var(--gl-200);background:#59c2d329}.pal-copy{display:none}.js .pal-copy{border:1px solid var(--border-glacier);border-radius:var(--r-full);color:var(--gl-200);cursor:pointer;align-items:center;gap:var(--s2);min-height:44px;transition:background var(--d-fast) var(--ease-out),color var(--d-fast) var(--ease-out), border-color var(--d-fast) var(--ease-out);background:#59c2d31a;margin-left:auto;padding:0 16px;font-family:inherit;font-size:16px;font-weight:600;display:inline-flex}.js .pal-copy:hover{color:var(--text-strong);background:#59c2d32e}@media (width<=640px){.js .pal-copy{margin-left:0}.pal-head span{flex:1 0 100%}}.pal-copy svg{height:var(--icon-sm);width:var(--icon-sm);flex:none}.pal-copy .ic-check{display:none}.pal-copy.est-copie{color:var(--su-300);background:#52d8a029;border-color:#52d8a059}.pal-copy.est-copie .ic-copy{display:none}.pal-copy.est-copie .ic-check{display:block}.sw{color:inherit;font:inherit;text-align:left;background:0 0;border:0;flex-direction:column;gap:4px;padding:0;display:flex}.js .sw{cursor:pointer}.sw .chip{border-radius:var(--r-md);height:52px;transition:border-color var(--d-fast) var(--ease-out), transform var(--d-fast) var(--ease-out);border:1px solid #ffffff14;place-items:center;display:grid;position:relative}.js .sw:hover .chip,.js .sw:focus-visible .chip{border-color:var(--border-glacier);transform:translateY(-2px)}.sw-ic{display:none}.js .sw-ic{border-radius:var(--r-full);color:#fff;opacity:0;height:26px;transition:opacity var(--d-fast) var(--ease-out);background:#0e2a38b8;place-items:center;width:26px;display:grid}.js .sw:hover .sw-ic,.js .sw:focus-visible .sw-ic{opacity:1}.sw-ic svg{height:var(--icon-sm);width:var(--icon-sm)}.sw-ic .ic-check{display:none}.sw.est-copie .chip{border-color:var(--su-500)}.sw.est-copie .sw-ic{background:var(--su-500);color:var(--bg);opacity:1}.sw.est-copie .ic-copy{display:none}.sw.est-copie .ic-check{display:block}.sw.est-copie code{color:var(--su-300)}.sw b{color:var(--text-strong);font-size:12px;font-weight:600}.sw code{color:var(--bp-200);transition:color var(--d-fast) var(--ease-out);font-family:JetBrains Mono,monospace;font-size:12px}.acc-note{border-left:2px solid var(--border-glacier);color:var(--bp-200);margin-top:var(--s7);padding-left:var(--s5);font-size:16px;line-height:1.65}.type-grid{gap:var(--s5);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=900px){.type-grid{grid-template-columns:1fr}}.type-card .aa{color:var(--text-strong);margin-bottom:var(--s5);font-size:64px;line-height:1}.type-card.brand .aa{font-family:Montserrat,sans-serif;font-weight:800}.type-card.mono .aa{font-family:JetBrains Mono,monospace}.type-card h3{margin-bottom:4px;font-size:18px}.type-card .tc-use{color:var(--bp-200);margin-bottom:var(--s3);font-size:16px}.type-card .wt{color:var(--gl-300);margin-bottom:var(--s3);font-family:JetBrains Mono,monospace;font-size:14px}.type-card .src{border:1px solid var(--border-glacier);border-radius:var(--r-full);color:var(--gl-200);min-height:44px;transition:background var(--d-fast) var(--ease-out),color var(--d-fast) var(--ease-out);background:#59c2d31a;align-items:center;padding:0 14px;font-size:16px;font-weight:600;display:inline-flex}.type-card .src:hover{color:var(--text-strong);background:#59c2d32e}.scale-title{margin:var(--s8) 0 var(--s5);text-align:center;font-size:22px}.scale-wrap{border:1px solid var(--border);border-radius:var(--r-xl);overflow-x:auto}.scale{border-collapse:collapse;width:100%;min-width:560px;font-size:16px}.scale th,.scale td{border-bottom:1px solid var(--border);padding:12px var(--s5);text-align:left}.scale thead th{background:var(--surface);color:var(--bp-200);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:600}.scale tbody th{color:var(--text-strong);font-weight:700}.scale tbody td{color:var(--bp-200);font-family:JetBrains Mono,monospace;font-size:16px}.scale tbody tr:last-child th,.scale tbody tr:last-child td{border-bottom:none}.icon-grid{gap:var(--s5);grid-template-columns:repeat(3,1fr);display:grid}.icon-card{align-items:center;gap:var(--s3);padding:var(--s7) var(--s5);text-align:center;flex-direction:column;display:flex}.icon-card .ic{color:var(--gl-400)}.icon-card .ic-16{height:var(--icon-sm);width:var(--icon-sm)}.icon-card .ic-20{height:var(--icon-md);width:var(--icon-md)}.icon-card .ic-24{height:var(--icon-lg);width:var(--icon-lg)}.icon-card h3{margin-top:var(--s3)}.dl-grid{gap:var(--s5);grid-template-columns:repeat(6,1fr);display:grid}.dl-card{grid-column:span 2}.dl-card:nth-child(4){grid-column:2/span 2}.dl-card{align-items:center;gap:var(--s3);padding:var(--s7) var(--s5);text-align:center;flex-direction:column;display:flex}.dl-ic{border-radius:var(--r-full);color:var(--su-400);height:48px;transition:transform var(--d-fast) var(--ease-out),box-shadow var(--d-fast) var(--ease-out);background:#52d8a01a;border:1px solid #52d8a059;place-items:center;width:48px;display:grid}.dl-ic svg{height:var(--icon-lg);width:var(--icon-lg)}.js .dl-card:hover .dl-ic{transform:translateY(-2px);box-shadow:0 4px 20px #52d8a040}.dl-card p{flex:1}.dl-card .btn{margin-top:var(--s4)}.usage-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);max-width:780px;padding:var(--s8) var(--s6);text-align:center;margin:0 auto}.usage-card p{color:var(--bp-200);margin-top:var(--s4);font-size:17px;line-height:1.65}.usage-cta{gap:var(--s4);margin-top:var(--s6);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=900px){.icon-grid{grid-template-columns:1fr}.dl-grid{grid-template-columns:repeat(4,1fr)}.dl-card:nth-child(4){grid-column:span 2}.dl-card:nth-child(5){grid-column:2/span 2}}@media (width<=640px){.dl-grid{grid-template-columns:1fr}.dl-card,.dl-card:nth-child(4),.dl-card:nth-child(5){grid-column:auto}}