.brand-page{--brand-green:#72ce5d;--brand-ink:#151918;--brand-radius:14px;color:var(--color-fd-foreground);background:var(--color-fd-background);font-size:16px;line-height:1.65}.brand-wrap{width:calc(100% - 96px);max-width:1200px;margin-inline:auto}.brand-page :is(h1,h2,h3,p,figure){margin:0}.brand-page :is(h1,h2,h3){letter-spacing:-.045em;text-wrap:balance;line-height:1.12}.brand-page :is(a,button,select,summary):focus-visible{outline-offset:2px;outline:2px solid #000;box-shadow:0 0 0 2px #fff}.brand-page :is(button,a,select){-webkit-tap-highlight-color:transparent}.brand-page button,.brand-page select{font-family:inherit}.brand-page a{color:inherit}.brand-page button,.brand-page summary{cursor:pointer}.brand-hero{padding-top:64px}.brand-kicker{color:var(--color-fd-muted-foreground);font-size:14px;font-weight:600;margin-bottom:18px!important}.brand-hero h1{letter-spacing:-.065em;font-size:clamp(44px,6.3vw,80px);font-weight:600}.brand-hero h1 span{font-weight:700}.brand-hero-description{color:var(--color-fd-muted-foreground);font-size:19px;line-height:1.55;margin-top:22px!important}.brand-hero-actions{align-items:center;gap:28px;margin-top:28px;display:flex}.brand-button{background:var(--brand-green);border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 22px;font-size:14px;font-weight:650;text-decoration:none;transition:background .18s;display:inline-flex;color:var(--brand-ink)!important}.brand-button:hover{background:#86e672}.brand-text-link{align-items:center;gap:8px;font-size:14px;font-weight:550;text-decoration:none;display:inline-flex}.brand-text-link:hover{text-underline-offset:5px;text-decoration:underline}.brand-hero-art{background:var(--color-fd-muted);border-radius:var(--brand-radius);flex-direction:column;justify-content:center;align-items:center;gap:36px;min-height:320px;margin-top:46px;padding:56px 48px;display:flex}.brand-hero-logo{width:66%;max-width:700px;height:auto}.brand-hero-art>span{color:var(--color-fd-muted-foreground);font-size:13px}.brand-section-nav{top:var(--fd-nav-height,64px);z-index:10;border-bottom:1px solid var(--color-fd-border);background:var(--color-fd-background);margin-top:40px;position:sticky}.brand-section-nav>.brand-wrap{scrollbar-width:thin;align-items:center;gap:36px;display:flex;overflow-x:auto}.brand-section-nav a{white-space:nowrap;padding:18px 0;font-size:14px;font-weight:550;text-decoration:none;display:block}.brand-section-nav a:hover{color:var(--color-fd-foreground);text-underline-offset:8px;text-decoration:underline}.brand-section{padding-top:96px;scroll-margin-top:145px}.brand-section-heading{margin-bottom:32px}.brand-section-heading h2{font-size:clamp(30px,3.7vw,44px);font-weight:600}.brand-section-heading p{max-width:660px;color:var(--color-fd-muted-foreground);margin-top:16px}.brand-section h3{letter-spacing:-.025em;font-size:19px;font-weight:600}.brand-section p strong{color:var(--color-fd-foreground);font-weight:600}.brand-note{color:var(--color-fd-muted-foreground);max-width:900px;font-size:13px;line-height:1.6;margin-top:20px!important}.brand-assets-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:24px;display:grid}.brand-asset{border:1px solid var(--color-fd-border);border-radius:var(--brand-radius);background:var(--color-fd-background);overflow:hidden}.brand-asset-stage{justify-content:center;align-items:center;height:290px;padding:46px;display:flex}.brand-asset-stage.on-light{color:#000;background:#fafbf8}.brand-asset-stage.on-dark{color:#fff;background:#151918}.brand-asset-art{width:100%;max-width:470px;height:auto}.brand-asset-symbol .brand-asset-art{width:auto;max-width:100%;height:150px}.brand-asset-info{padding:26px}.brand-asset-label{justify-content:space-between;align-items:center;gap:14px;display:flex}.brand-asset-label>span{color:var(--color-fd-muted-foreground);font-size:12px}.brand-asset-info>p{color:var(--color-fd-muted-foreground);min-height:45px;margin-top:12px;font-size:14px;line-height:1.6}.brand-select-label{margin-top:20px;margin-bottom:6px;font-size:12px;font-weight:550;display:block}.brand-asset select{border:1px solid var(--color-fd-border);background:var(--color-fd-background);width:100%;color:var(--color-fd-foreground);border-radius:7px;padding:10px 12px;font-size:14px}.brand-download-row{gap:12px;margin-top:16px;display:flex}.brand-download-row a{border:1px solid var(--color-fd-border);border-radius:7px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:13px;font-weight:550;text-decoration:none;display:inline-flex}.brand-download-row a:hover{background:var(--color-fd-muted)}.brand-download-row a>span{color:var(--color-fd-muted-foreground);font-size:11px}.brand-colors-grid{grid-template-columns:2fr 1.25fr 1fr 1fr;gap:16px;display:grid}.brand-swatch-color{border-radius:var(--brand-radius);border:1px solid #0000000f;flex-direction:column;align-items:start;height:240px;padding:24px;display:flex;position:relative}.brand-swatch-color>span{font-size:13px;font-weight:550}.brand-swatch-color>strong{letter-spacing:-.04em;margin-top:auto;margin-bottom:37px;font-size:25px;font-weight:550}.brand-swatch-color>button{color:inherit;background:0 0;border:0;align-items:center;gap:8px;min-height:30px;padding:4px 0;font-size:11px;font-weight:550;display:inline-flex;position:absolute;bottom:22px;left:24px}.brand-swatch-details{padding:16px 2px 0;position:relative}.brand-swatch-details>p{color:var(--color-fd-muted-foreground);min-height:65px;font-size:13px}.brand-swatch-details>span{color:var(--color-fd-muted-foreground);font-size:11px}.brand-swatch-details>.brand-copy-status{min-height:18px;margin-top:4px;display:block}.brand-contrast{border-top:1px solid var(--color-fd-border);grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-top:28px;padding-top:32px;display:grid}.brand-contrast h3{margin-bottom:12px}.brand-contrast p{color:var(--color-fd-muted-foreground);max-width:400px;font-size:14px}.brand-contrast-sample{background:var(--brand-green);color:#000;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:24px 28px;display:grid}.brand-contrast-sample>span{font-size:18px;font-weight:550}.brand-contrast-sample>strong{font-size:22px;font-weight:550}.brand-contrast-sample>small{grid-column:1/-1;font-size:12px}.brand-space-grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:56px;display:grid}.brand-clearspace{background:var(--color-fd-muted);border-radius:var(--brand-radius);padding:60px 36px 34px}.brand-clearspace-outer{border:1px dashed var(--color-fd-muted-foreground);padding:4.21982%;position:relative}.brand-clearspace-inner{border:1px solid var(--color-fd-border)}.brand-clearspace-logo{width:100%;height:auto}.brand-space-x{color:var(--color-fd-muted-foreground);font-size:11px;position:absolute;top:0;left:1.89892%;transform:translateY(-4px)}.brand-clearspace figcaption{text-align:center;color:var(--color-fd-muted-foreground);margin-top:34px;font-size:12px}.brand-space-copy h3{margin-bottom:12px}.brand-space-copy h3:not(:first-child){margin-top:26px}.brand-space-copy>p{color:var(--color-fd-muted-foreground);font-size:14px}.brand-usage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:42px;display:grid}.brand-example-art{background:var(--color-fd-muted);border-radius:10px;justify-content:center;align-items:center;height:146px;padding:34px;display:flex}.brand-example-art svg{width:100%;max-width:245px;height:auto}.brand-example-art .brand-example-stretched{transform:scaleX(.66)}.brand-example-art .brand-example-recolored{color:#92634f}.brand-usage-example h3{letter-spacing:-.015em;align-items:center;gap:9px;margin-top:18px;font-size:15px;display:flex}.brand-usage-example h3 svg{flex-shrink:0}.brand-usage-example p{color:var(--color-fd-muted-foreground);margin-top:9px;font-size:13px}.brand-usage-bottom{max-width:870px;margin-top:38px}.brand-usage-bottom p{color:var(--color-fd-muted-foreground);margin-top:12px;font-size:14px}.brand-name-specimen{border-block:1px solid var(--color-fd-border);letter-spacing:-.07em;justify-content:center;align-items:center;gap:clamp(16px,4vw,56px);padding:48px 24px;font-size:clamp(64px,10.5vw,140px);font-weight:550;line-height:1.1;display:flex}.brand-name-specimen>span:first-child{color:var(--color-fd-foreground)}.brand-voice-grid,.brand-motion-rules{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:32px;display:grid}.brand-voice-grid p,.brand-motion-rules p{color:var(--color-fd-muted-foreground);margin-top:12px;font-size:14px}.brand-voice-example{background:var(--color-fd-muted);border-radius:10px;margin-top:32px;padding:26px 32px}.brand-voice-example>span{color:var(--color-fd-muted-foreground);font-size:12px}.brand-voice-example>p{max-width:750px;margin-top:10px;font-size:21px;line-height:1.5}.brand-motion-rules code{overflow-wrap:anywhere;font-size:12px}.brand-source-downloads{grid-template-columns:1fr 1fr;gap:16px;display:grid}.brand-source-downloads>a{border:1px solid var(--color-fd-border);border-radius:var(--brand-radius);justify-content:space-between;align-items:center;gap:22px;padding:28px;text-decoration:none;display:flex}.brand-source-downloads>a:hover{background:var(--color-fd-muted)}.brand-source-downloads strong{letter-spacing:-.025em;font-size:17px;font-weight:550;display:block}.brand-source-downloads span{color:var(--color-fd-muted-foreground);margin-top:5px;font-size:12px;display:block}.brand-source-downloads>a:first-child{background:var(--brand-green);color:var(--brand-ink);border-color:#0000}.brand-source-downloads>a:first-child span{color:#263722}.brand-source-downloads>a:first-child:hover{background:#86e672}.brand-file-list{border-block:1px solid var(--color-fd-border);margin-top:28px}.brand-file-list>summary{padding:20px 0;font-size:14px;font-weight:550}.brand-file-table{padding-bottom:22px}.brand-file-table>div{grid-template-columns:minmax(0,1.5fr) .6fr 1fr;align-items:center;gap:20px;padding:10px 0;font-size:13px;display:grid}.brand-file-table-head{color:var(--color-fd-muted-foreground);font-size:11px!important}.brand-file-table a{text-underline-offset:4px;align-items:center;gap:8px;min-height:30px;text-decoration:underline;display:inline-flex}.brand-file-table>div>span:last-child{gap:20px;display:flex}.brand-readable-downloads{gap:28px;margin-top:24px;display:flex}.brand-readable-downloads a{text-underline-offset:5px;align-items:center;gap:6px;font-size:13px;text-decoration:underline;display:inline-flex}.brand-faq>details{border-top:1px solid var(--color-fd-border);padding:20px 0}.brand-faq summary{font-size:16px;font-weight:550}.brand-faq details>p{color:var(--color-fd-muted-foreground);max-width:820px;margin-top:14px;font-size:14px}.brand-footer{border-top:1px solid var(--color-fd-border);color:var(--color-fd-muted-foreground);flex-wrap:wrap;align-items:center;gap:24px;margin-top:80px;padding:38px 0 48px;font-size:12px;display:flex}.brand-footer-logo{height:30px;color:var(--color-fd-foreground)}.brand-footer>a{align-items:center;gap:7px;margin-left:auto;display:inline-flex}@media (min-width:1600px){.brand-hero{padding-top:84px}.brand-hero-art{min-height:360px}}@media (max-width:1000px){.brand-wrap{width:calc(100% - 56px)}.brand-colors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-swatch-color{height:220px}.brand-swatch-details>p{min-height:42px}.brand-space-grid{gap:28px}.brand-asset-label{flex-direction:column;align-items:start;gap:4px}.brand-asset-info>p{min-height:70px}.brand-contrast{gap:28px}}@media (max-width:700px){.brand-wrap{width:calc(100% - 40px)}.brand-hero{padding-top:36px}.brand-hero-description{font-size:16px}.brand-hero-actions{flex-wrap:wrap;gap:20px}.brand-hero-art{gap:28px;min-height:230px;margin-top:32px;padding:32px 24px}.brand-hero-logo{width:94%}.brand-hero-art>span{font-size:11px}.brand-section-nav{top:var(--fd-nav-height,56px);margin-top:24px}.brand-section-nav>.brand-wrap{gap:24px}.brand-section-nav a{padding:16px 0;font-size:12px}.brand-section{padding-top:64px;scroll-margin-top:126px}.brand-section-heading p{font-size:14px}.brand-assets-grid{grid-template-columns:1fr;gap:24px}.brand-asset-stage{height:235px;padding:35px}.brand-asset-info{padding:22px}.brand-asset-label{flex-direction:row;align-items:center}.brand-asset-info>p{min-height:0}.brand-colors-grid{gap:12px}.brand-swatch-color{height:200px;padding:18px}.brand-swatch-color>strong{font-size:22px}.brand-swatch-color>button{bottom:18px;left:18px}.brand-swatch-details>p{min-height:62px;font-size:12px}.brand-contrast{grid-template-columns:1fr;gap:22px}.brand-contrast-sample{padding:22px}.brand-contrast-sample>span{font-size:15px}.brand-contrast-sample>strong{font-size:18px}.brand-space-grid{grid-template-columns:1fr;gap:28px}.brand-clearspace{padding:50px 30px 28px}.brand-usage-grid{grid-template-columns:1fr;gap:28px}.brand-example-art{height:150px}.brand-example-art>svg{max-width:250px}.brand-voice-grid,.brand-motion-rules{grid-template-columns:1fr;gap:28px}.brand-name-specimen{padding:35px 18px}.brand-voice-example{padding:22px}.brand-voice-example>p{font-size:18px}.brand-source-downloads{grid-template-columns:1fr}.brand-source-downloads>a{padding:24px}.brand-file-table>div{grid-template-columns:minmax(0,1fr) auto auto;gap:14px;font-size:11px}.brand-file-table>div>span:last-child{flex-direction:column;gap:3px}.brand-readable-downloads{gap:20px;font-size:12px}.brand-footer{gap:20px}.brand-footer>p{flex-basis:100%;order:2}}@media (prefers-reduced-motion:reduce){.brand-page *{scroll-behavior:auto!important;transition:none!important}}
.brand-playground{border:1px solid var(--color-fd-border);border-radius:var(--brand-radius);grid-template-columns:minmax(0,1.4fr) minmax(310px,1fr);align-items:start;gap:40px;padding:28px;display:grid}.brand-playground-preview{min-width:0;position:sticky;top:150px}.brand-playground-preview-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.brand-playground-preview-heading h3{font-size:16px}.brand-playground-preview-heading>span{color:var(--color-fd-muted-foreground);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.brand-playground-canvas{aspect-ratio:1;border:1px solid var(--color-fd-border);background-image:conic-gradient(#fafbf8 25%,#e7e9e4 0 50%,#fafbf8 0 75%,#e7e9e4 0);background-size:24px 24px;border-radius:10px;justify-content:center;align-items:center;padding:24px;display:flex}.brand-playground-art{width:100%;line-height:0}.brand-playground-art>svg{width:100%;height:auto;display:block}.brand-playground-playback{align-items:center;gap:10px;margin-top:20px;display:flex}.brand-playground-play,.brand-playground-icon-button{background:var(--color-fd-background);min-height:44px;color:var(--color-fd-foreground);border:1px solid var(--color-fd-border);border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:13px;font-weight:550;display:inline-flex}.brand-playground-icon-button{width:44px;padding:10px}.brand-playground-play:hover,.brand-playground-icon-button:hover{background:var(--color-fd-muted)}.brand-playground-time{color:var(--color-fd-muted-foreground);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:11px}.brand-playground-timeline{margin-top:15px;display:block}.brand-playground :is(input[type=range]){accent-color:var(--color-fd-foreground);cursor:pointer;width:100%;min-height:28px}.brand-playground-preview-note{color:var(--color-fd-muted-foreground);max-width:430px;font-size:12px;line-height:1.6;margin-top:8px!important}.brand-playground-presets{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.brand-playground-presets button{background:var(--color-fd-background);color:var(--color-fd-muted-foreground);border:1px solid var(--color-fd-border);border-radius:7px;min-height:40px;padding:8px 12px;font-size:12px}.brand-playground-presets button[aria-pressed=true]{border-color:var(--color-fd-foreground);color:var(--color-fd-foreground);background:var(--color-fd-muted)}.brand-playground-settings{min-width:0}.brand-playground-fieldset{border:0;min-width:0;margin:0;padding:0}.brand-playground-fieldset+fieldset{border-top:1px solid var(--color-fd-border);margin-top:25px;padding-top:24px}.brand-playground-fieldset legend{letter-spacing:-.02em;float:left;width:100%;margin-bottom:16px;padding:0;font-size:15px;font-weight:600}.brand-playground-fieldset legend+*{clear:both}.brand-playground-control-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.brand-playground-control-grid>label{min-width:0;font-size:12px;font-weight:550;display:block}.brand-playground-control-grid .brand-playground-full-control{grid-column:1/-1}.brand-playground select{border:1px solid var(--color-fd-border);background:var(--color-fd-background);width:100%;min-height:44px;color:var(--color-fd-foreground);border-radius:7px;margin-top:6px;padding:10px 30px 10px 10px;font-size:12px;font-weight:400;display:block}.brand-playground-range{margin-top:15px;display:block}.brand-playground-range>span{justify-content:space-between;align-items:center;gap:20px;font-size:12px;font-weight:550;display:flex}.brand-playground-range output{color:var(--color-fd-muted-foreground);font-variant-numeric:tabular-nums;font-size:11px;font-weight:400}.brand-playground-range>input{margin:4px 0 0;display:block}.brand-playground-color-control{align-items:center;gap:12px;margin-top:14px;font-size:12px;display:flex}.brand-playground-color-control input{border:1px solid var(--color-fd-border);background:var(--color-fd-background);border-radius:4px;width:40px;height:32px;padding:2px}.brand-playground-color-control>span{color:var(--color-fd-muted-foreground);font-size:11px}.brand-playground-help{color:var(--color-fd-muted-foreground);font-size:11px;line-height:1.65;margin-top:12px!important}.brand-playground-support{color:var(--color-fd-foreground);font-size:11px;line-height:1.6;margin-top:8px!important}.brand-playground-downloads{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:18px;display:grid}.brand-playground-svg-download{border:1px solid var(--color-fd-border);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 12px;font-size:12px;font-weight:550;text-decoration:none;display:inline-flex}.brand-playground-svg-download:hover{background:var(--color-fd-muted)}.brand-playground-downloads .brand-button{white-space:nowrap;border:0;padding:10px 12px;font-size:12px}.brand-playground :is(button,select,input):disabled{opacity:.5;cursor:not-allowed}.brand-playground-progress{align-items:center;gap:12px;margin-top:12px;display:flex}.brand-playground-progress progress{width:100%;height:7px;accent-color:var(--color-fd-foreground)}.brand-playground-progress button{color:var(--color-fd-foreground);background:0 0;border:0;flex-shrink:0;align-items:center;gap:4px;min-height:36px;padding:8px 0;font-size:11px;display:inline-flex}.brand-playground-status{min-height:19px;font-size:12px;line-height:1.6;margin-top:10px!important}.brand-playground-error{color:var(--color-fd-foreground);border-left:3px solid var(--color-fd-foreground);padding-left:12px;font-size:12px;line-height:1.6;margin-top:10px!important}.brand-playground-local-note{margin-top:6px!important}.brand-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1000px){.brand-playground{grid-template-columns:minmax(0,1fr) minmax(290px,1fr);gap:24px;padding:22px}.brand-playground-canvas{padding:16px}.brand-playground-preview-heading{flex-direction:column;align-items:start;gap:7px}.brand-playground-playback{flex-wrap:wrap;gap:6px}.brand-playground-time{width:100%;margin-top:4px;margin-left:0}.brand-playground-presets{gap:6px}.brand-playground-presets button{padding:7px 9px;font-size:11px}}@media (max-width:760px){.brand-playground{grid-template-columns:1fr;gap:32px;padding:20px}.brand-playground-preview{position:static}.brand-playground-preview-heading{flex-direction:row;align-items:center}.brand-playground-canvas{width:100%;max-width:500px;margin-inline:auto;padding:18px}.brand-playground-playback{flex-wrap:nowrap;gap:8px}.brand-playground-time{width:auto;margin-top:0;margin-left:auto}.brand-playground-presets button{padding:8px 11px;font-size:12px}.brand-playground-settings{border-top:1px solid var(--color-fd-border);padding-top:26px}.brand-playground-help{font-size:12px}.brand-playground-control-grid{gap:12px}.brand-playground-control-grid>label{font-size:12px}.brand-playground select{font-size:13px}.brand-playground-downloads{gap:10px}.brand-playground-downloads :is(a,button),.brand-playground-support{font-size:12px}}@media (max-width:370px){.brand-playground{padding:16px}.brand-playground-playback{flex-wrap:wrap}.brand-playground-play{white-space:nowrap}.brand-playground-time{text-align:right;flex-basis:100%;font-size:10px}.brand-playground-play{padding-inline:10px;font-size:12px}.brand-playground-icon-button{width:38px}.brand-playground-preview-heading>span{font-size:10px}.brand-playground-preview-heading h3{font-size:14px}}.brand-playground-canvas.is-light-ink{background-image:conic-gradient(#202422 25%,#2b302d 0 50%,#202422 0 75%,#2b302d 0)}.brand-ready-animation-links{border-block:1px solid var(--color-fd-border);margin-top:24px;padding:24px 0}.brand-ready-animation-links>strong{font-size:14px;font-weight:550;display:block}.brand-ready-animation-links>span{color:var(--color-fd-muted-foreground);margin-top:4px;font-size:12px;display:block}.brand-ready-animation-links>div{flex-wrap:wrap;gap:12px 28px;margin-top:12px;display:flex}.brand-ready-animation-links a{text-underline-offset:4px;align-items:center;gap:8px;min-height:36px;font-size:13px;text-decoration:underline;display:inline-flex}.brand-playground-support a{text-underline-offset:3px;text-decoration:underline}