.brand-page[data-v-172afb2f]{max-width:calc(var(--page-max-width) + var(--page-gutter)*2);padding-inline:var(--page-gutter)}.brand-hero[data-v-172afb2f],.brand-page[data-v-172afb2f]{width:100%;margin:0 auto}.brand-hero[data-v-172afb2f]{text-align:center;align-items:center;gap:var(--space-stack);flex-direction:column;max-width:1000px;display:flex}.brand-title[data-v-172afb2f]{color:var(--Text-Strong,#232323);font-family:Ubuntu,Ubuntu Fallback\: BlinkMacSystemFont,Ubuntu Fallback\: Segoe UI,Ubuntu Fallback\: Helvetica Neue,Ubuntu Fallback\: Arial,Ubuntu Fallback\: Noto Sans;font-size:var(--type-page-title-size);font-weight:700;line-height:var(--type-page-title-leading);text-wrap:balance}.brand-lede[data-v-172afb2f]{color:var(--Text-Default,#353535);max-width:780px;font-family:Montserrat,Montserrat Fallback\: BlinkMacSystemFont,Montserrat Fallback\: Segoe UI,Montserrat Fallback\: Helvetica Neue,Montserrat Fallback\: Arial,Montserrat Fallback\: Noto Sans;font-size:var(--type-lead-size);line-height:var(--type-lead-leading);text-wrap:pretty}.brand-hero-cta[data-v-172afb2f]{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:8px;display:flex}.brand-group[data-v-172afb2f],.brand-section[data-v-172afb2f]{gap:var(--space-block);flex-direction:column;display:flex}.brand-section[data-v-172afb2f]{scroll-margin-top:calc(var(--header-height,76px) + 24px)}.brand-group[data-v-172afb2f]{gap:16px}.brand-section-head[data-v-172afb2f]{gap:var(--space-stack);flex-direction:column;display:flex}.brand-h2[data-v-172afb2f]{color:var(--Text-Strong,#232323);font-family:Ubuntu,Ubuntu Fallback\: BlinkMacSystemFont,Ubuntu Fallback\: Segoe UI,Ubuntu Fallback\: Helvetica Neue,Ubuntu Fallback\: Arial,Ubuntu Fallback\: Noto Sans;font-size:var(--type-section-size);font-weight:700;line-height:var(--type-section-leading)}.brand-intro[data-v-172afb2f]{max-width:62ch;color:var(--Text-Default,#353535);font-family:Montserrat,Montserrat Fallback\: BlinkMacSystemFont,Montserrat Fallback\: Segoe UI,Montserrat Fallback\: Helvetica Neue,Montserrat Fallback\: Arial,Montserrat Fallback\: Noto Sans;font-size:var(--type-body-size);line-height:var(--type-body-leading)}.brand-h3[data-v-172afb2f]{color:var(--Text-Strong,#232323);font-family:Ubuntu,Ubuntu Fallback\: BlinkMacSystemFont,Ubuntu Fallback\: Segoe UI,Ubuntu Fallback\: Helvetica Neue,Ubuntu Fallback\: Arial,Ubuntu Fallback\: Noto Sans;font-size:var(--type-subsection-size);font-weight:700;line-height:var(--type-subsection-leading)}.brand-label[data-v-172afb2f]{color:var(--Text-Light,#6f6f6f);letter-spacing:2px;text-transform:uppercase;font-family:Montserrat,Montserrat Fallback\: BlinkMacSystemFont,Montserrat Fallback\: Segoe UI,Montserrat Fallback\: Helvetica Neue,Montserrat Fallback\: Arial,Montserrat Fallback\: Noto Sans;font-size:14px;font-weight:600;line-height:20px}.brand-label.is-ruled[data-v-172afb2f]{border-top:1px solid var(--Border-Primary,#cecece);padding-top:16px}.brand-grid[data-v-172afb2f]{gap:16px;display:grid}.brand-grid.is-two[data-v-172afb2f]{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-grid.is-three[data-v-172afb2f]{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-grid.is-four[data-v-172afb2f]{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-grid.is-descriptions[data-v-172afb2f]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.brand-card[data-v-172afb2f]{border:1px solid var(--Border-Mute,#ededed);background:var(--Surfaces-Surface-1,#fff);border-radius:12px;margin:0;overflow:hidden}.brand-tile[data-v-172afb2f]{flex-direction:column;display:flex}.brand-stage[data-v-172afb2f]{justify-content:center;align-items:center;height:200px;padding:32px;display:flex}.brand-stage.is-light[data-v-172afb2f]{background:#fff}.brand-stage.is-dark[data-v-172afb2f]{background:#141417}.brand-stage.is-purple[data-v-172afb2f]{background:var(--conversion-gradient)}.brand-stage.is-short[data-v-172afb2f]{height:140px;padding:24px}.brand-stage.is-demo[data-v-172afb2f]{border-radius:8px;height:auto;padding:32px 16px}.brand-stage.is-sizes[data-v-172afb2f]{flex-wrap:wrap;align-items:flex-end;gap:40px}.brand-page img[data-v-172afb2f]{max-width:100%;height:auto;display:block}.brand-tile-caption[data-v-172afb2f]{justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.brand-tile-text[data-v-172afb2f]{flex-direction:column;font-family:Montserrat,Montserrat Fallback\: BlinkMacSystemFont,Montserrat Fallback\: Segoe UI,Montserrat Fallback\: Helvetica Neue,Montserrat Fallback\: Arial,Montserrat Fallback\: Noto Sans;line-height:22px;display:flex}.brand-tile-name[data-v-172afb2f]{color:var(--Text-Strong,#232323);font-size:var(--type-card-body-size);font-weight:600}.brand-tile-use[data-v-172afb2f]{color:var(--Text-Light,#6f6f6f);font-size:14px}.brand-download[data-v-172afb2f]{min-height:44px;color:var(--States-Info,#0075c3);flex-shrink:0;align-items:center;gap:6px;font-family:Montserrat,Montserrat Fallback\: BlinkMacSystemFont,Montserrat Fallback\: Segoe UI,Montserrat Fallback\: Helvetica Neue,Montserrat Fallback\: Arial,Montserrat Fallback\: Noto Sans;font-size:14px;font-weight:600;display:inline-flex}.brand-download[data-v-172afb2f]:hover{color:var(--States-Info,#0075c3);text-decoration:underline}.brand-download-icon[data-v-172afb2f]{font-size:16px}.brand-rule-card[data-v-172afb2f]{padding:var(--panel-padding);flex-direction:column;gap:16px;display:flex}.brand-clear-space[data-v-172afb2f]{background:#2bb8f90d;border:1px dashed #2bb8f999;border-radius:4px;max-width:100%;padding:20px}.brand-size[data-v-172afb2f]{flex-direction:column;align-items:center;gap:10px;display:flex}.brand-size-label[data-v-172afb2f]{color:#9d9ea6;font-family:Montserrat,Montserrat Fallback\: BlinkMacSystemFont,Montserrat Fallback\: Segoe UI,Montserrat Fallback\: Helvetica Neue,Montserrat Fallback\: Arial,Montserrat Fallback\: Noto Sans;font-size:14px}.brand-card-body[data-v-172afb2f]{color:var(--Text-Default,#353535);font-family:Montserrat,Montserrat Fallback\: BlinkMacSystemFont,Montserrat Fallback\: Segoe UI,Montserrat Fallback\: Helvetica Neue,Montserrat Fallback\: Arial,Montserrat Fallback\: Noto Sans;font-size:var(--type-card-body-size);line-height:var(--type-card-body-leading)}.brand-misuse-img.is-recoloured[data-v-172afb2f]{filter:hue-rotate(150deg)saturate(1.6)}.brand-misuse-img.is-stretched[data-v-172afb2f]{-o-object-fit:fill;object-fit:fill;width:210px;height:20px}.brand-misuse-img.is-glowing[data-v-172afb2f]{filter:drop-shadow(0 0 6px #2bb8f9e6)drop-shadow(0 4px 3px #000)}.brand-misuse-caption[data-v-172afb2f]{color:var(--Text-Default,#353535);font-family:Montserrat,Montserrat Fallback\: BlinkMacSystemFont,Montserrat Fallback\: Segoe UI,Montserrat Fallback\: Helvetica Neue,Montserrat Fallback\: Arial,Montserrat Fallback\: Noto Sans;font-size:var(--type-card-body-size);line-height:var(--type-card-body-leading);align-items:center;gap:8px;padding:12px 16px;display:flex}.brand-icon[data-v-172afb2f]{flex:none;font-size:16px}.brand-icon.is-avoid[data-v-172afb2f]{color:var(--States-Error,#7f1d1d)}.brand-icon.is-write[data-v-172afb2f]{color:var(--States-Success-text,#3b7a00)}.brand-swatch-fill[data-v-172afb2f]{border-bottom:1px solid var(--Border-Mute,#ededed);height:140px}.brand-swatch-body[data-v-172afb2f]{flex-direction:column;gap:8px;padding:16px 20px 20px;display:flex}.brand-swatch-values[data-v-172afb2f]{font-family:Montserrat,Montserrat Fallback\: BlinkMacSystemFont,Montserrat Fallback\: Segoe UI,Montserrat Fallback\: Helvetica Neue,Montserrat Fallback\: Arial,Montserrat Fallback\: Noto Sans;font-size:var(--type-card-body-size);line-height:var(--type-card-body-leading);grid-template-columns:48px 1fr;gap:2px 12px;display:grid}.brand-swatch-values dt[data-v-172afb2f]{color:var(--Text-Light,#6f6f6f)}.brand-swatch-values dd[data-v-172afb2f]{color:var(--Text-Default,#353535)}.brand-swatch-use[data-v-172afb2f]{color:var(--Text-Light,#6f6f6f);font-family:Montserrat,Montserrat Fallback\: BlinkMacSystemFont,Montserrat Fallback\: Segoe UI,Montserrat Fallback\: Helvetica Neue,Montserrat Fallback\: Arial,Montserrat Fallback\: Noto Sans;font-size:14px;line-height:22px}.brand-table-scroll[data-v-172afb2f]{overflow-x:auto}.brand-table-scroll[data-v-172afb2f]:focus-visible{outline:4px solid var(--Focus-Outer);outline-offset:-4px}.brand-table[data-v-172afb2f]{border-collapse:collapse;width:100%;min-width:620px;font-family:Montserrat,Montserrat Fallback\: BlinkMacSystemFont,Montserrat Fallback\: Segoe UI,Montserrat Fallback\: Helvetica Neue,Montserrat Fallback\: Arial,Montserrat Fallback\: Noto Sans;font-size:var(--type-card-body-size);line-height:var(--type-card-body-leading)}.brand-table td[data-v-172afb2f],.brand-table th[data-v-172afb2f]{text-align:left;vertical-align:middle;border-bottom:1px solid var(--Border-Mute,#ededed);padding:14px 20px}.brand-table tbody tr[data-v-172afb2f]:last-child>*{border-bottom:none}.brand-table thead th[data-v-172afb2f]{color:var(--Text-Light,#6f6f6f);background:var(--alt-chrome-bg);letter-spacing:2px;text-transform:uppercase;font-size:14px;font-weight:600}.brand-table tbody th[data-v-172afb2f]{color:var(--Text-Strong,#232323);font-weight:600}.brand-table td.is-write[data-v-172afb2f]{color:var(--Text-Default,#353535)}.brand-table td.is-avoid[data-v-172afb2f]{color:var(--Text-Light,#6f6f6f)}.brand-cell[data-v-172afb2f]{white-space:nowrap;align-items:center;gap:8px;display:flex}.brand-description[data-v-172afb2f]{color:var(--Text-Strong,#232323);font-family:Montserrat,Montserrat Fallback\: BlinkMacSystemFont,Montserrat Fallback\: Segoe UI,Montserrat Fallback\: Helvetica Neue,Montserrat Fallback\: Arial,Montserrat Fallback\: Noto Sans;font-size:var(--type-body-size);line-height:var(--type-body-leading);flex:1}.brand-copy[data-v-172afb2f]{align-self:flex-start}@media only screen and (width<=1000px){.brand-grid.is-descriptions[data-v-172afb2f],.brand-grid.is-three[data-v-172afb2f]{grid-template-columns:minmax(0,1fr)}.brand-grid.is-four[data-v-172afb2f]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media only screen and (width<=900px){.brand-grid.is-two[data-v-172afb2f]{grid-template-columns:minmax(0,1fr)}}@media only screen and (width<=500px){.brand-grid.is-four[data-v-172afb2f]{grid-template-columns:minmax(0,1fr)}.brand-hero-cta[data-v-172afb2f]{flex-direction:column;align-items:stretch;width:100%}.brand-hero-cta[data-v-172afb2f] a,.brand-hero-cta[data-v-172afb2f] button{width:100%}}
