.sg-wrap{display:grid;grid-template-columns:240px 1fr;gap:var(--space-2xl,48px);max-width:var(--max-screen-width,1400px);margin:0 auto;padding:var(--space-xl,40px) var(--space-m,24px);font-family:"Jost",var(--text-body-font-family,sans-serif);color:var(--text-body,#000)}.sg-wrap h1,.sg-wrap h2,.sg-wrap h3,.sg-wrap h4,.sg-wrap h5,.sg-wrap h6{font-family:"BlackerSans",var(--text-heading-font-family,sans-serif);animation:none!important;opacity:1!important;transform:none!important}.sg-toc{position:sticky;top:calc(var(--bricks-header-height, 100px) + var(--space-m, 24px));align-self:start;max-height:calc(100vh - var(--bricks-header-height, 100px) - var(--space-2xl, 48px));overflow-y:auto;padding:var(--space-m,24px) 0;border-right:1px solid var(--border-primary,hsl(0 0% 50% / .25))}.sg-toc__title{font-size:var(--text-xs,.75rem);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary,#633269);margin:0 0 var(--space-s,16px) 0;padding-right:var(--space-m,24px)}.sg-toc__list{list-style:none;padding:0;margin:0}.sg-toc__list li{margin:0}.sg-toc__list a{display:block;padding:6px var(--space-m,24px) 6px 0;font-size:var(--text-s,.875rem);color:var(--text-body,#000);text-decoration:none;border-left:3px solid #fff0;padding-left:var(--space-s,16px);transition:all 0.2s ease}.sg-toc__list a:hover,.sg-toc__list a:focus{color:var(--primary,#633269);border-left-color:var(--primary,#633269);background:var(--primary-5,rgb(99 51 104 / .05))}.sg-main{min-width:0}.sg-section{padding-bottom:var(--space-2xl,48px);margin-bottom:var(--space-2xl,48px);border-bottom:1px solid var(--border-primary,hsl(0 0% 50% / .25));scroll-margin-top:calc(var(--bricks-header-height, 100px) + var(--space-m, 24px))}.sg-section:last-child{border-bottom:none}.sg-section__title{font-size:var(--text-2xl,1.75rem);font-weight:700;color:var(--primary,#633269);margin:0 0 var(--space-xs,8px) 0}.sg-section__desc{font-size:var(--text-m,1rem);color:var(--text-body,#000);opacity:.7;margin:0 0 var(--space-l,32px) 0;line-height:1.6}.sg-subsection{margin-bottom:var(--space-xl,40px)}.sg-subsection:last-child{margin-bottom:0}.sg-subsection__title{font-size:var(--text-l,1.25rem);font-weight:600;color:var(--text-title,#000);margin:0 0 var(--space-m,24px) 0;padding-bottom:var(--space-xs,8px);border-bottom:1px solid var(--border-primary,hsl(0 0% 50% / .15))}.sg-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-s,16px)}.sg-swatch{border-radius:var(--radius-m,12px);overflow:hidden;border:1px solid var(--border-primary,hsl(0 0% 50% / .15));background:#fff}.sg-swatch__color{height:72px;border-bottom:1px solid var(--border-primary,hsl(0 0% 50% / .1));box-shadow:inset 0 0 0 1px #6663}.sg-swatch__info{padding:8px 10px}.sg-swatch__name{font-size:11px;font-weight:600;color:var(--text-title,#000);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-swatch__hex{font-size:11px;font-weight:600;color:var(--text-body,#000);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:block;margin-top:2px}.sg-swatch__var{font-size:9px;color:var(--text-body,#000);opacity:.4;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:block;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-type-sample{display:flex;align-items:baseline;gap:var(--space-m,24px);padding:var(--space-s,16px) 0;border-bottom:1px solid var(--border-primary,hsl(0 0% 50% / .1))}.sg-type-sample:last-child{border-bottom:none}.sg-type-sample__label{flex:0 0 120px;font-size:var(--text-xs,.75rem);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary,#633269);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.sg-type-sample__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-spacing-row{display:flex;align-items:center;gap:var(--space-m,24px);padding:6px 0}.sg-spacing-row__label{flex:0 0 120px;font-size:12px;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--primary,#633269)}.sg-spacing-row__bar{height:24px;background:var(--secondary,#003d20);border-radius:var(--radius-xs,4px);transition:width 0.3s ease}.sg-spacing-row__value{flex:0 0 80px;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-body,#666)}.sg-samples-row{display:flex;flex-wrap:wrap;gap:var(--space-m,24px);align-items:flex-start}.sg-sample-card{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.sg-sample-card__box{width:80px;height:80px;background:var(--secondary--alt,#8db392);border:1px solid var(--border-primary,hsl(0 0% 50% / .15))}.sg-sample-card__box--shadow{width:120px;height:80px;background:#fff;border:none}.sg-sample-card__label{font-size:11px;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--primary,#633269)}.sg-component-row{display:flex;flex-wrap:wrap;gap:var(--space-m,24px);align-items:flex-start}.sg-component-row--stretch{align-items:stretch}.sg-buttons{display:flex;flex-wrap:wrap;gap:var(--space-m,24px);align-items:center}.sg-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5em 1em;border-width:0;border-radius:var(--radius-m,12px);font-family:"Jost",sans-serif;font-size:var(--text-m,1rem);font-weight:700;letter-spacing:.5px;text-decoration:none;cursor:pointer;gap:10px;transition:color 0.3s ease}.sg-btn--primary{background-color:var(--primary,#633269);color:var(--bg-body,#ffffff)}.sg-btn--primary:hover{color:var(--primary--alt,#b299b3)}.sg-btn--secondary{background-color:var(--secondary,#003d20);color:var(--bg-body,#ffffff)}.sg-btn--secondary:hover{color:var(--secondary--alt,#8db392)}.sg-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-m,24px)}.sg-form-item{display:flex;flex-direction:column;gap:4px}.sg-form-item label{font-size:var(--text-s,.875rem);font-weight:600}.sg-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-s,16px)}.sg-icon-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:var(--space-s,16px) 8px;border-radius:var(--radius-m,12px);border:1px solid var(--border-primary,hsl(0 0% 50% / .1));text-align:center;transition:background 0.2s ease}.sg-icon-item:hover{background:var(--primary-5,rgb(99 51 104 / .05))}.sg-icon-item i{font-size:28px;color:var(--primary,#633269)}.sg-icon-item span{font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-body,#666);word-break:break-all}.sg-duotone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-m,24px)}.sg-duotone-item{text-align:center}.sg-duotone-item__image{position:relative;display:block;overflow:hidden;border-radius:var(--radius-m,12px);height:150px}.sg-duotone-item__image img{width:100%;height:100%;object-fit:cover;display:block}.sg-duotone-item__label{font-size:12px;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--primary,#633269);margin-top:8px}.sg-table{width:100%;border-collapse:collapse;font-size:var(--text-s,.875rem)}.sg-table th,.sg-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border-primary,hsl(0 0% 50% / .15))}.sg-table th{font-weight:700;font-size:var(--text-xs,.75rem);text-transform:uppercase;letter-spacing:.05em;color:var(--primary,#633269);background:var(--bg-body-l-4,#fafefc)}.sg-table code{font-size:12px;padding:2px 6px;border-radius:4px;background:var(--bg-body-l-4,#f5f5f5);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.sg-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:var(--bg-body-l-4,#f5f5f5);padding:2px 6px;border-radius:4px}@media (max-width:992px){.sg-wrap{grid-template-columns:1fr;gap:var(--space-l,32px)}.sg-toc{position:static;max-height:none;border-right:none;border-bottom:1px solid var(--border-primary,hsl(0 0% 50% / .25));padding-bottom:var(--space-m,24px)}.sg-toc__list{display:flex;flex-wrap:wrap;gap:4px 12px}.sg-toc__list a{border-left:none;padding:4px 8px;border-radius:4px}.sg-toc__list a:hover{background:var(--primary-5,rgb(99 51 104 / .05));border-left:none}.sg-type-sample{flex-direction:column;gap:4px}.sg-type-sample__label{flex:none}.sg-spacing-row{flex-wrap:wrap}}@media (max-width:640px){.sg-swatches{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.sg-duotone-grid{grid-template-columns:1fr 1fr}}@media print{.sg-toc{display:none}.sg-wrap{grid-template-columns:1fr;background:#fff}.sg-section{page-break-inside:avoid}.sg-swatch__color{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.sg-wrap .card-data__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-m,24px);max-width:680px}.sg-wrap .card-data{padding:var(--space-m,24px);background-color:var(--dark-5,rgb(0 0 0 / .05));justify-content:center;aspect-ratio:1 / 1;border-radius:var(--radius-m,12px);display:flex;align-items:center;overflow:hidden}.sg-wrap .card-data--primary{background-color:var(--primary--alt,#b299b3)}.sg-wrap .card-data--secondary{background-color:var(--secondary--alt,#8db392)}.sg-wrap .card-data__head{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;gap:var(--space-xs,8px)}.sg-wrap .data__counter{font-size:calc(var(--text-4xl, 2.5rem) * 1.3);font-weight:700;line-height:1;text-align:center;width:100%;color:var(--bg-body,#ffffff)}.sg-wrap .data__counter--homepage{font-size:var(--text-2xl,1.75rem)}.sg-wrap .data__counter .suffix{font-size:.5em;font-weight:700;margin-left:2px}.sg-wrap .card-data__heading{font-size:var(--text-l,1.25rem);text-align:center;color:var(--bg-body,#ffffff);text-transform:uppercase;margin:0}.sg-wrap .card-data__heading--homepage{font-size:var(--text-m,1rem)}.sg-wrap .shadow{box-shadow:var(--shadow-m,0 4px 16px rgb(0 0 0 / .08))}@media (max-width:640px){.sg-wrap .card-data__grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:340px}.sg-wrap .card-data{padding:var(--space-3xs,8px)}.sg-wrap .card-data__heading{font-size:var(--text-s,.875rem)}}.sg-type-sample__text h1,.sg-type-sample__text h2,.sg-type-sample__text h3,.sg-type-sample__text h4,.sg-type-sample__text h5,.sg-type-sample__text h6{font-family:"BlackerSans",var(--text-heading-font-family,sans-serif);color:var(--text-body,#000)}.sg-text-link{display:inline-flex;align-items:center;gap:5px;text-decoration:none;font-weight:500;text-transform:uppercase;font-size:inherit;color:inherit}.sg-text-link__copy{white-space:nowrap}.sg-text-link__icon{will-change:transform;transition:transform 0.3s ease-in-out}.sg-text-link:hover .sg-text-link__icon{transform:translateX(4px)}html{scroll-behavior:smooth}.sg-section .feature-cards__item[data-duotone*="-light"] .feature-cards__background img{filter:grayscale(100%) contrast(.6) brightness(1.6)!important}.sg-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-s,12px)}.sg-image-grid--wide{grid-template-columns:1fr}.sg-image-grid__item{border-radius:var(--radius-m,12px);overflow:hidden;aspect-ratio:3 / 2;background:var(--bg-body-l-4,#f5f5f5)}.sg-image-grid__item--wide{aspect-ratio:3 / 1}.sg-image-grid__item img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width:768px){.sg-image-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}