@font-face{font-family:Cosmos Oracle;src:url(/brand-assets/typeface/CosmosOracle-Book.otf) format("opentype");font-style:normal;font-weight:300;font-display:block}@font-face{font-family:Cosmos Oracle;src:url(/brand-assets/typeface/CosmosOracle-Regular.otf) format("opentype");font-style:normal;font-weight:400;font-display:block}@font-face{font-family:Cosmos Oracle;src:url(/brand-assets/typeface/CosmosOracle-Medium.otf) format("opentype");font-style:normal;font-weight:500;font-display:block}@font-face{font-family:Cosmos Oracle;src:url(/brand-assets/typeface/CosmosOracle-Medium.otf) format("opentype");font-style:normal;font-weight:600;font-display:block}@font-face{font-family:Cosmos Oracle;src:url(/brand-assets/typeface/CosmosOracle-Bold.otf) format("opentype");font-style:normal;font-weight:700;font-display:block}@font-face{font-family:Cosmos Oracle;src:url(/brand-assets/typeface/CosmosOracle-Heavy.otf) format("opentype");font-style:normal;font-weight:800;font-display:block}@font-face{font-family:Cosmos Oracle;src:url(/brand-assets/typeface/CosmosOracle-Heavy.otf) format("opentype");font-style:normal;font-weight:900;font-display:block}:root{color-scheme:light;--black: #0d0d0d;--ink: #17150e;--muted: #6e6a69;--tertiary: #9a9796;--border: rgba(110, 106, 105, .18);--off-white: #f7f5f3;--elevated: #f2f1f0;--white: #ffffff;--green: #d7ff63;--coral: #d76a7c;--font-brand: "Cosmos Oracle", Arial, system-ui, sans-serif;--type-weight-book: 300;--type-weight-regular: 400;--type-weight-medium: 500;--type-weight-bold: 700;--type-weight-heavy: 800;--type-display-large-size: 48px;--type-display-large-line-height: 1;--type-display-large-tracking: -.03em;--type-display-size: 32px;--type-display-line-height: 1.1;--type-display-tracking: -.03em;--type-heading-large-size: 24px;--type-heading-large-line-height: 1.33;--type-heading-large-tracking: -.03em;--type-heading-size: 20px;--type-heading-line-height: 1.4;--type-heading-tracking: -.03em;--type-body-size: 16px;--type-body-line-height: 1.5;--type-body-tracking: -.02em;--type-body-small-size: 14px;--type-body-small-line-height: 1.43;--type-body-small-tracking: 0;--type-caption-size: 12px;--type-caption-line-height: 1.17;--type-caption-tracking: 0;--type-site-title-size: 150px;--type-site-title-weight: 900;--type-site-title-line-height: .85;--type-site-title-tracking: -.03em;--type-asset-specimen-size: 72px;--type-asset-specimen-line-height: .85;--type-asset-specimen-tracking: -.03em;font-family:var(--font-brand);background:var(--off-white);color:var(--black);font-synthesis:none;font-synthesis-weight:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--off-white)}body{margin:0;min-width:320px;background:var(--off-white)}body[data-page=home]{background:#171717;overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img,svg{display:block}p,h1,h2,h3{margin-top:0}p{line-height:var(--type-body-line-height)}.type-token-display-large,.type-token-display,.type-token-heading-large,.type-token-heading,.type-token-body,.type-token-body-small,.type-token-caption,.type-token-display-large-plus,.type-token-display-plus,.type-token-body-plus,.type-token-body-small-plus,.type-token-caption-plus,.type-token-display-large-light,.type-token-display-light,.type-token-heading-large-light,.type-token-heading-light{margin:0;color:var(--black)}.type-token-display-large{font-size:var(--type-display-large-size);font-weight:var(--type-weight-bold);line-height:var(--type-display-large-line-height);letter-spacing:var(--type-display-large-tracking)}.type-token-display{font-size:var(--type-display-size);font-weight:var(--type-weight-bold);line-height:var(--type-display-line-height);letter-spacing:var(--type-display-tracking)}.type-token-heading-large{font-size:var(--type-heading-large-size);font-weight:var(--type-weight-bold);line-height:var(--type-heading-large-line-height);letter-spacing:var(--type-heading-large-tracking)}.type-token-heading{font-size:var(--type-heading-size);font-weight:var(--type-weight-bold);line-height:var(--type-heading-line-height);letter-spacing:var(--type-heading-tracking)}.type-token-body{font-size:var(--type-body-size);font-weight:var(--type-weight-regular);line-height:var(--type-body-line-height);letter-spacing:var(--type-body-tracking)}.type-token-body-small{font-size:var(--type-body-small-size);font-weight:var(--type-weight-regular);line-height:var(--type-body-small-line-height);letter-spacing:var(--type-body-small-tracking)}.type-token-caption{font-size:var(--type-caption-size);font-weight:var(--type-weight-regular);line-height:var(--type-caption-line-height);letter-spacing:var(--type-caption-tracking)}.type-token-display-large-plus{font-size:var(--type-display-large-size);font-weight:var(--type-weight-heavy);line-height:var(--type-display-large-line-height);letter-spacing:var(--type-display-large-tracking)}.type-token-display-plus{font-size:var(--type-display-size);font-weight:var(--type-weight-heavy);line-height:var(--type-display-large-line-height);letter-spacing:var(--type-display-tracking)}.type-token-body-plus{font-size:var(--type-body-size);font-weight:var(--type-weight-medium);line-height:var(--type-body-line-height);letter-spacing:var(--type-body-tracking)}.type-token-body-small-plus{font-size:var(--type-body-small-size);font-weight:var(--type-weight-medium);line-height:var(--type-body-small-line-height);letter-spacing:var(--type-body-small-tracking)}.type-token-caption-plus{font-size:var(--type-caption-size);font-weight:var(--type-weight-medium);line-height:var(--type-caption-line-height);letter-spacing:var(--type-caption-tracking)}.type-token-display-large-light{font-size:var(--type-display-large-size);font-weight:var(--type-weight-regular);line-height:var(--type-display-large-line-height);letter-spacing:var(--type-display-large-tracking)}.type-token-display-light{font-size:var(--type-display-size);font-weight:var(--type-weight-regular);line-height:var(--type-display-line-height);letter-spacing:var(--type-display-tracking)}.type-token-heading-large-light{font-size:var(--type-heading-large-size);font-weight:var(--type-weight-regular);line-height:var(--type-heading-large-line-height);letter-spacing:var(--type-heading-large-tracking)}.type-token-heading-light{font-size:var(--type-heading-size);font-weight:var(--type-weight-regular);line-height:var(--type-heading-line-height);letter-spacing:var(--type-heading-tracking)}.site-shell{min-height:100vh;background:var(--off-white)}.home-page-shell{height:100vh;overflow:hidden}.side-rail{position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;width:220px;padding:36px 35px}.side-mark{display:inline-flex;width:33.45px;height:37px}.side-mark svg{width:100%;height:100%}.side-nav{display:grid;gap:17px;margin-top:48px}.side-nav-group{display:grid;gap:16px}.side-nav a{width:max-content;color:var(--tertiary);font-size:var(--type-heading-size);font-weight:var(--type-weight-regular);line-height:var(--type-heading-line-height);letter-spacing:var(--type-heading-tracking);white-space:nowrap;transition:color .16s ease}.side-nav a:hover,.side-nav a:focus-visible,.side-nav a.active{color:currentColor;outline:none}.side-subnav{display:grid;gap:12px;padding-left:1px}.side-subnav a{color:var(--tertiary);font-size:var(--type-body-size);font-weight:var(--type-weight-regular);line-height:var(--type-body-line-height);letter-spacing:var(--type-body-tracking)}.side-subnav a:hover,.side-subnav a:focus-visible,.side-subnav a.active{color:currentColor}.account-summary{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;margin-top:auto;padding-top:22px;color:currentColor}.account-copy{min-width:0}.account-copy p,.account-copy span{display:block;overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.account-copy p{font-size:var(--type-body-small-size);font-weight:var(--type-weight-medium);line-height:var(--type-body-small-line-height);letter-spacing:var(--type-body-small-tracking)}.account-copy span{margin-top:5px;color:var(--tertiary);font-size:var(--type-caption-size);line-height:var(--type-caption-line-height);letter-spacing:var(--type-caption-tracking)}.account-summary button{justify-self:start;margin-top:10px;border:0;padding:0;background:transparent;color:var(--tertiary);font-size:var(--type-caption-size);font-weight:var(--type-weight-medium);line-height:var(--type-caption-line-height);letter-spacing:var(--type-caption-tracking);cursor:pointer}.account-summary button:hover,.account-summary button:focus-visible{color:currentColor;outline:none}.side-rail.on-dark{color:var(--white)}.side-rail.on-dark .side-nav a:not(.active){color:var(--tertiary)}.side-rail.on-light{color:var(--black)}.side-rail.on-light .side-nav a:not(.active){color:var(--tertiary)}.hero-section>.account-summary.compact{display:none}.hero-section{position:relative;height:100vh;min-height:720px;overflow:hidden;padding:31px 32px 28px 290px;background:#171717;color:var(--white)}.mobile-topbar,.mobile-page-nav{display:none}.cosmo-link,.button,.icon-button,.download-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;font-size:var(--type-body-small-size);font-weight:var(--type-weight-medium);line-height:var(--type-body-small-line-height);letter-spacing:var(--type-body-small-tracking);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.cosmo-link:hover,.button:hover,.icon-button:hover,.download-pill:hover{transform:translateY(-1px)}.cosmo-link{position:absolute;top:31px;right:33px;z-index:3;height:40px;gap:8px;padding:0 13px 0 20px;background:var(--elevated);color:var(--black)}.cosmo-link svg,.mobile-topbar svg:last-child{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linejoin:round;stroke-width:1.5}.hero-sphere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:760px}.hero-copy h1,.page-title-block h1{margin-bottom:0;font-size:var(--type-site-title-size);font-weight:var(--type-site-title-weight);line-height:var(--type-site-title-line-height);letter-spacing:var(--type-site-title-tracking)}.hero-copy h1 span,.page-title-block h1 span{display:block}.hero-footer{position:absolute;left:290px;bottom:24px;z-index:2;margin:0;font-size:var(--type-body-size);line-height:var(--type-body-line-height);letter-spacing:var(--type-body-tracking)}.cover-intro{max-width:620px;margin:0 0 56px;color:var(--muted);font-size:var(--type-body-size);line-height:var(--type-body-line-height);letter-spacing:var(--type-body-tracking)}.cover-grid{display:grid;gap:56px}.cover-card{display:grid;gap:18px}.cover-preview{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--elevated)}.cover-preview img{width:100%;height:auto}.cover-meta{display:flex;align-items:center;justify-content:space-between;gap:24px}.cover-meta h3{margin:0 0 4px;font-size:var(--type-heading-size);font-weight:var(--type-weight-bold);line-height:var(--type-heading-line-height);letter-spacing:var(--type-heading-tracking)}.cover-meta p{margin:0;color:var(--muted);font-size:var(--type-body-small-size);line-height:var(--type-body-small-line-height)}.cover-download{flex-shrink:0;text-decoration:none}.cover-empty{max-width:560px;color:var(--muted);font-size:var(--type-body-size)}.cover-empty code{font-size:.9em}@media(max-width:900px){.cover-grid{gap:40px}.cover-meta{flex-direction:column;align-items:flex-start;gap:14px}}.page-main{min-height:100vh;padding:27px 44px 74px 290px;background:var(--white);color:var(--black)}.page-title-block{margin-bottom:194px}.brand-assets-stack{display:grid;width:100%;gap:184px}.brand-asset-section{display:grid;width:100%;grid-template-columns:minmax(220px,420px) minmax(360px,1fr);column-gap:112px;row-gap:40px}.brand-asset-section h2{margin:0;font-size:var(--type-heading-large-size);font-weight:var(--type-weight-regular);line-height:var(--type-heading-large-line-height);letter-spacing:var(--type-heading-large-tracking)}.brand-asset-copy p{max-width:574px;margin-bottom:0;color:var(--ink);font-size:var(--type-body-size);line-height:var(--type-body-line-height);letter-spacing:var(--type-body-tracking)}.brand-asset-panel{position:relative;grid-column:1 / -1;display:grid;width:100%;height:clamp(380px,48vh,540px);place-items:center;overflow:hidden;background:var(--off-white)}.asset-symbol{width:auto;height:62%;max-width:36.7%;color:var(--black)}.asset-wordmark{width:53.6%;max-width:602px}.type-sample{display:grid;justify-items:center;color:var(--black);font-size:min(var(--type-asset-specimen-size),5.4vh);line-height:var(--type-asset-specimen-line-height);letter-spacing:var(--type-asset-specimen-tracking);text-align:center}.type-book{font-weight:var(--type-weight-book)}.type-medium{font-weight:var(--type-weight-medium)}.type-bold{font-weight:var(--type-weight-bold)}.type-heavy{font-weight:var(--type-weight-heavy)}.download-pill{position:absolute;bottom:18px;left:16px;width:97px;height:34px;padding:0;border-color:var(--border);background:transparent;color:var(--black);font-size:var(--type-body-small-size);font-weight:var(--type-weight-medium);line-height:var(--type-body-small-line-height);letter-spacing:var(--type-body-small-tracking)}.design-system-page{background:var(--off-white)}.design-system-page .page-title-block{margin-bottom:78px}.design-system-page .design-system-child-title{margin-bottom:118px}.design-system-typography-page .design-system-child-title{margin-bottom:166px}.design-system-docs{width:100%;max-width:1124px}.system-section{display:grid;grid-template-columns:minmax(210px,340px) minmax(0,1fr);gap:56px;border-top:1px solid var(--border);padding-top:32px}.system-section+.system-section{margin-top:74px}.system-section.compact{align-items:start}.system-section-copy h2{margin-bottom:18px;font-size:var(--type-heading-large-size);font-weight:var(--type-weight-regular);line-height:var(--type-heading-large-line-height);letter-spacing:var(--type-heading-large-tracking)}.system-section-copy p{max-width:360px;margin-bottom:0;color:var(--muted);font-size:var(--type-body-size);line-height:var(--type-body-line-height);letter-spacing:var(--type-body-tracking)}.system-index-grid{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--border)}.system-index-card,.icon-inventory-item,.button-mode-surface,.instruction-grid section{box-shadow:none}.system-index-card{display:grid;grid-template-columns:58px minmax(160px,250px) minmax(0,1fr) max-content;gap:24px;align-items:baseline;min-height:132px;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:30px 0 28px;background:transparent;transition:color .16s ease,transform .16s ease}.system-index-card:hover,.system-index-card:focus-visible{color:var(--muted);transform:translateY(-1px);outline:none}.system-index-card span{color:var(--tertiary);font-size:var(--type-caption-size);line-height:var(--type-caption-line-height);letter-spacing:var(--type-caption-tracking)}.system-index-card h3{margin:0;font-size:var(--type-display-size);font-weight:var(--type-weight-regular);line-height:var(--type-display-line-height);letter-spacing:var(--type-display-tracking)}.system-index-card p{margin:0;color:var(--muted);font-size:var(--type-body-size);line-height:var(--type-body-line-height);letter-spacing:var(--type-body-tracking)}.system-index-card strong{color:var(--black);font-size:var(--type-body-small-size);font-weight:var(--type-weight-medium);line-height:var(--type-body-small-line-height);letter-spacing:var(--type-body-small-tracking)}.system-source-list,.system-guideline-list{display:grid;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--white)}.system-source-list div,.system-guideline-list p{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:24px;margin:0;border-top:1px solid var(--border);padding:18px;color:var(--muted);font-size:var(--type-body-small-size);line-height:var(--type-body-small-line-height);letter-spacing:var(--type-body-small-tracking)}.system-source-list div:first-child,.system-guideline-list p:first-child{border-top:0}.system-source-list strong{color:var(--black);font-weight:var(--type-weight-medium)}.system-guideline-list p{display:block}.typography-specimen{display:grid;gap:78px}.type-specimen-section{display:grid;gap:31px}.type-specimen-section h2{margin:0;font-size:var(--type-display-size);font-weight:var(--type-weight-bold);line-height:var(--type-display-line-height);letter-spacing:var(--type-display-tracking)}.type-specimen-stack{display:grid;gap:48px}.type-specimen-row{display:grid;grid-template-columns:125px minmax(0,848px);gap:161px;align-items:start;border-top:1px solid var(--border);padding-top:16px}.type-token-display-large-row,.type-token-display-row,.type-token-heading-large-row,.type-token-heading-row,.type-token-display-large-plus-row,.type-token-display-plus-row,.type-token-display-large-light-row,.type-token-display-light-row,.type-token-heading-large-light-row,.type-token-heading-light-row{padding-bottom:15px}.type-specimen-meta{display:grid;gap:4px}.type-specimen-meta h3{margin:0;font-size:var(--type-body-size);font-weight:var(--type-weight-medium);line-height:var(--type-body-line-height);letter-spacing:var(--type-body-tracking)}.type-specimen-meta p{display:grid;gap:0;margin:0;color:var(--muted);font-size:var(--type-body-small-size);font-weight:var(--type-weight-regular);line-height:var(--type-body-small-line-height);letter-spacing:var(--type-body-small-tracking)}.type-specimen-row .type-token-display-large,.type-specimen-row .type-token-display-large-plus,.type-specimen-row .type-token-display-large-light{max-width:848px}.type-specimen-row .type-token-display,.type-specimen-row .type-token-display-plus,.type-specimen-row .type-token-display-light{max-width:695px}.type-specimen-row .type-token-heading-large,.type-specimen-row .type-token-heading-large-light{max-width:516px}.type-specimen-row .type-token-heading,.type-specimen-row .type-token-heading-light{max-width:436px}.type-specimen-row .type-token-body,.type-specimen-row .type-token-body-plus{max-width:358px}.type-specimen-row .type-token-body-small,.type-specimen-row .type-token-body-small-plus{max-width:346px}.type-specimen-row .type-token-caption,.type-specimen-row .type-token-caption-plus{max-width:285px}.icon-browser{display:grid;grid-template-columns:344px minmax(420px,576px);gap:0;align-items:start}.icon-browser-column h2{margin:0 0 16px;font-size:var(--type-heading-size);font-weight:var(--type-weight-regular);line-height:var(--type-heading-line-height);letter-spacing:var(--type-heading-tracking)}.icon-preview-panel{display:grid;grid-template-rows:auto 1fr auto;width:344px;height:320px;border:.5px solid var(--border);background:var(--white)}.icon-preview-header,.icon-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 12px 20px 20px}.icon-preview-footer{padding:20px}.icon-preview-header p,.icon-preview-footer span{margin:0;font-size:var(--type-body-size);font-weight:var(--type-weight-regular);line-height:var(--type-body-line-height);letter-spacing:var(--type-body-tracking)}.button.icon-copy-button{min-height:28px;padding:0 14px;border-radius:999px;font-size:var(--type-caption-size);font-weight:var(--type-weight-medium);line-height:1;letter-spacing:var(--type-caption-tracking)}.icon-preview-stage{display:grid;min-height:0;place-items:center}.icon-preview-stage .system-icon-image{width:auto;height:auto}.icon-size-picker{display:flex;align-items:center;gap:12px}.icon-size-picker button{display:inline-grid;min-width:14px;height:18px;place-items:center;border:0;padding:0;background:transparent;color:var(--tertiary);cursor:pointer;font-size:var(--type-body-small-size);font-weight:var(--type-weight-regular);line-height:var(--type-body-small-line-height);letter-spacing:var(--type-body-small-tracking)}.icon-size-picker button.active,.icon-size-picker button:hover,.icon-size-picker button:focus-visible{color:var(--black)}.icon-library-grid{display:grid;width:min(100%,576px);grid-template-columns:repeat(9,minmax(0,1fr));border-top:.5px solid var(--border);border-left:.5px solid var(--border);background:transparent}.icon-library-cell{display:grid;aspect-ratio:1;min-width:0;place-items:center;border:0;border-right:.5px solid var(--border);border-bottom:.5px solid var(--border);padding:20px;background:var(--white);color:var(--black);cursor:pointer}.icon-library-cell:hover,.icon-library-cell:focus-visible{background:var(--off-white)}.icon-library-cell:focus-visible{position:relative;z-index:1;outline:1px solid var(--black);outline-offset:-1px}.icon-library-cell.active{background:var(--black)}.icon-library-cell.active:focus-visible{box-shadow:inset 0 0 0 1px var(--white)}.icon-library-cell.active .system-icon-image{filter:invert(1)}.system-icon-image{display:block;object-fit:contain}.icon-browser-note{grid-column:1 / -1;max-width:402px;margin:128px 0 0;color:var(--ink);font-size:var(--type-body-size);font-weight:var(--type-weight-regular);line-height:var(--type-body-line-height);letter-spacing:var(--type-body-tracking)}.icon-browser-note a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.button-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.button-mode-surface{border:1px solid var(--border);border-radius:8px;padding:18px;background:var(--white);color:var(--black)}.button-mode-surface.dark{background:var(--black);color:var(--white)}.button-mode-surface h3{margin-bottom:24px;font-size:var(--type-body-size);font-weight:var(--type-weight-medium);line-height:var(--type-body-line-height);letter-spacing:var(--type-body-tracking)}.button-demo-stack{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.system-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;gap:7px;font-family:var(--font-brand);font-size:var(--type-body-small-size);font-weight:var(--type-weight-medium);line-height:var(--type-body-small-line-height);letter-spacing:var(--type-body-small-tracking);white-space:nowrap}.system-button:disabled{cursor:not-allowed;opacity:.36}.system-button-icon{width:13px;height:15px}.system-button-xs{height:28px;padding:0 13px}.system-button-s{height:34px;padding:0 17px}.system-button-m{height:40px;padding:0 20px}.system-button-l{height:48px;padding:0 24px}.system-button-xl{height:56px;padding:0 27px}.system-button-primary{background:var(--black);color:var(--white)}.system-button-secondary{background:var(--elevated);color:var(--black)}.system-button-tertiary{border-color:var(--black);background:transparent;color:var(--black)}.system-button-ghost{background:transparent;color:var(--black)}.system-button-accent.system-button-primary{background:#0b18ff;color:var(--white)}.system-button-accent.system-button-secondary{background:#0b18ff1a;color:#0b18ff}.system-button-accent.system-button-tertiary{border-color:#0b18ff;color:#0b18ff}.system-button-accent.system-button-ghost{color:#0b18ff}.system-button-critical.system-button-primary{background:#ee3f3f;color:var(--white)}.system-button-critical.system-button-secondary{background:#ee3f3f1a;color:#ee3f3f}.system-button-critical.system-button-tertiary{border-color:#ee3f3f;color:#ee3f3f}.system-button-critical.system-button-ghost{color:#ee3f3f}.button-mode-surface.dark .system-button-primary{background:var(--white);color:var(--black)}.button-mode-surface.dark .system-button-secondary{background:#ffffff29;color:var(--white)}.button-mode-surface.dark .system-button-tertiary{border-color:#ffffffb3;color:var(--white)}.button-mode-surface.dark .system-button-ghost{color:var(--white)}.button-size-table{display:grid;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--white)}.button-size-row{display:grid;grid-template-columns:70px 92px 96px 96px minmax(120px,1fr);gap:14px;align-items:center;border-top:1px solid var(--border);padding:14px 18px}.button-size-row:first-child{border-top:0}.button-size-row.header{color:var(--muted);font-size:var(--type-caption-size);line-height:var(--type-caption-line-height);letter-spacing:var(--type-caption-tracking)}.button-size-row strong{font-weight:var(--type-weight-medium)}.button-size-row span,.button-size-row strong{font-size:var(--type-body-small-size);line-height:var(--type-body-small-line-height);letter-spacing:var(--type-body-small-tracking)}.button-size-row .system-button,.button-tone-row .system-button{justify-self:start}.button-tone-grid{display:grid;gap:10px}.button-tone-row{display:grid;grid-template-columns:16px 86px repeat(4,max-content);gap:10px;align-items:center;overflow-x:auto;border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--white)}.button-tone-row>span{width:12px;height:12px;border-radius:50%}.button-tone-row strong{font-size:var(--type-body-small-size);font-weight:var(--type-weight-medium);line-height:var(--type-body-small-line-height);letter-spacing:var(--type-body-small-tracking)}.email-page{background:var(--off-white)}.email-page .page-title-block{margin-bottom:82px}.signature-workspace{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:18px;align-self:start;max-width:1124px}.signature-form,.signature-panel{border:1px solid var(--border);border-radius:8px;background:var(--white)}.signature-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;column-gap:14px;row-gap:12px;padding:18px}.signature-form h2{grid-column:1 / -1;margin-bottom:12px;font-size:var(--type-heading-size);font-weight:var(--type-weight-regular);line-height:var(--type-heading-line-height);letter-spacing:var(--type-heading-tracking)}.signature-form label{display:grid;gap:4px;color:var(--muted);font-size:var(--type-caption-size);font-weight:var(--type-weight-medium);line-height:var(--type-caption-line-height);letter-spacing:var(--type-caption-tracking)}.field-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.field-label span{color:var(--tertiary);font-size:var(--type-caption-size);font-weight:var(--type-weight-regular);line-height:var(--type-caption-line-height);letter-spacing:var(--type-caption-tracking)}.signature-form input{width:100%;height:34px;border:1px solid var(--border);border-radius:6px;padding:0 10px;color:var(--black);font-size:var(--type-body-small-size);font-weight:var(--type-weight-regular);line-height:var(--type-body-small-line-height);letter-spacing:var(--type-body-small-tracking);outline:none}.signature-form input:focus{border-color:var(--black)}.signature-panel{display:grid;gap:18px;padding:24px}.signature-preview{display:grid;min-height:205px;align-items:center;overflow:auto;border-radius:6px;padding:26px;background:var(--off-white)}.signature-actions{display:flex;flex-wrap:wrap;gap:10px}.signature-instructions{border-top:1px solid var(--border);padding-top:20px}.signature-instructions h2{margin-bottom:16px;font-size:var(--type-heading-size);font-weight:var(--type-weight-bold);line-height:var(--type-heading-line-height);letter-spacing:var(--type-heading-tracking)}.instruction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.instruction-grid section{border:1px solid var(--border);border-radius:6px;padding:14px;background:var(--off-white)}.instruction-grid h3{margin-bottom:8px;font-size:var(--type-body-small-size);font-weight:var(--type-weight-medium);line-height:var(--type-body-small-line-height);letter-spacing:var(--type-body-small-tracking)}.instruction-grid p{margin-bottom:0;color:var(--muted);font-size:var(--type-body-small-size);line-height:var(--type-body-small-line-height);letter-spacing:var(--type-body-small-tracking)}.signature-actions .button{height:34px;min-height:34px;padding:0 20px;font-size:var(--type-body-small-size);font-weight:var(--type-weight-medium);line-height:var(--type-body-small-line-height);letter-spacing:var(--type-body-small-tracking)}.signature-actions .icon-button{width:34px;height:34px}.button{min-height:40px;gap:8px;padding:0 18px}.button-label{display:inline-block;min-width:66px;text-align:left}.button-dark{background:var(--black);color:var(--white)}.button-light{border-color:var(--border);background:var(--white);color:var(--black)}.icon-button{width:42px;height:42px;border-color:var(--border);background:var(--white);color:var(--black)}.icon-button.dark{background:var(--black);color:var(--white)}@media(max-width:1180px){:root{--type-site-title-size: 108px}.side-rail{width:180px}.hero-section,.page-main{padding-left:220px}.brand-asset-section{grid-template-columns:minmax(180px,300px) minmax(360px,1fr);gap:56px}.signature-workspace{grid-template-columns:1fr}.system-section{grid-template-columns:minmax(160px,240px) minmax(0,1fr);gap:36px}.icon-browser{grid-template-columns:320px minmax(360px,1fr)}.icon-preview-panel{width:320px}.icon-library-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.button-mode-grid,.instruction-grid{grid-template-columns:1fr}}@media(max-width:900px){:root{--type-site-title-size: 74px}body[data-page=home]{overflow:auto}.side-rail{display:none}.mobile-topbar,.mobile-page-nav{position:relative;z-index:4;display:grid}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:58px}.mobile-page-nav{gap:18px;margin-bottom:70px}.mobile-page-nav-main{display:flex;align-items:center;justify-content:space-between}.mobile-topbar svg:first-child,.mobile-page-nav svg{width:32px;height:36px}.mobile-topbar a,.mobile-page-nav a{display:inline-flex;align-items:center;gap:6px;font-size:var(--type-body-small-size);font-weight:var(--type-weight-bold);line-height:var(--type-body-small-line-height);letter-spacing:var(--type-body-small-tracking)}.mobile-topbar a{color:var(--white)}.mobile-nav-links{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted)}.mobile-nav-links a.active{color:var(--black)}.mobile-subnav{display:flex;flex-wrap:wrap;gap:14px;margin-top:-6px}.mobile-subnav a{color:var(--tertiary);font-size:var(--type-body-small-size);font-weight:var(--type-weight-regular);line-height:var(--type-body-small-line-height);letter-spacing:var(--type-body-small-tracking)}.mobile-subnav a.active{color:var(--black)}.mobile-page-nav .account-summary,.hero-section>.account-summary.compact{display:flex;width:100%;align-items:center;gap:10px;margin:0;padding:0}.hero-section>.account-summary.compact{position:relative;z-index:4;max-width:420px;margin:-38px 0 42px;color:var(--white)}.mobile-page-nav .account-copy,.hero-section>.account-summary.compact .account-copy{flex:1}.mobile-page-nav .account-summary button,.hero-section>.account-summary.compact button{margin:0}.cosmo-link{display:none}.hero-section,.page-main{padding-right:20px;padding-left:20px}.hero-section{min-height:760px;padding-top:24px}.hero-footer{left:20px}.page-title-block{margin-bottom:88px}.brand-assets-stack{gap:90px}.brand-asset-section{grid-template-columns:1fr;gap:24px}.brand-asset-panel{height:clamp(320px,42vh,420px)}.signature-workspace{margin-top:46px}.design-system-page .page-title-block{margin-bottom:56px}.design-system-page .design-system-child-title{margin-bottom:72px}.design-system-docs{max-width:none}.system-section{grid-template-columns:1fr;gap:24px}.system-section+.system-section{margin-top:58px}.system-section-copy p{max-width:none}.system-index-card{grid-template-columns:44px minmax(0,1fr);gap:12px 18px;min-height:0;padding:24px 0}.system-index-card p,.system-index-card strong{grid-column:2}.typography-specimen{gap:58px}.type-specimen-row{grid-template-columns:minmax(0,1fr);gap:18px}.type-specimen-stack{gap:34px}.icon-browser{grid-template-columns:1fr;gap:34px}.icon-browser-column.preview{max-width:420px}.icon-preview-panel{width:100%}.icon-library-grid{width:100%;grid-template-columns:repeat(6,minmax(0,1fr))}.icon-browser-note{margin-top:28px}.button-size-row{grid-template-columns:58px 72px 76px 78px minmax(112px,1fr);overflow-x:auto}}@media(max-width:620px){:root{--type-site-title-size: 56px;--type-asset-specimen-size: 30px}.hero-section{min-height:710px}.page-main{padding-top:24px}.brand-asset-panel{min-height:330px}.signature-form{grid-template-columns:1fr}.signature-panel,.signature-preview{padding:18px}.system-index-grid{grid-template-columns:1fr}.system-source-list div{grid-template-columns:1fr;gap:8px}.icon-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.icon-preview-header,.icon-preview-footer{padding:16px 12px 16px 16px}.icon-preview-footer{padding:16px}.icon-size-picker{gap:9px}.button-tone-row{grid-template-columns:16px 76px repeat(4,max-content)}}body[data-page=the-lab]{background:#0c0b0a;overflow:hidden}.the-lab-page-shell{height:100vh;overflow:hidden;background:#0c0b0a}.studio-loading{display:grid;height:100vh;place-items:center;color:var(--muted);font-size:var(--type-body-small-size)}.studio-shell{--panel-modes-w: 214px;--panel-params-w: 252px;--panel-right-w: 264px;--bottombar-h: 56px;position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:var(--panel-modes-w) var(--panel-params-w) minmax(0,1fr) var(--panel-right-w);grid-template-rows:minmax(0,1fr) var(--bottombar-h);background:#0c0b0a;color:#ffffffd9;font-size:12px}.studio-panel{grid-row:1;overflow-y:auto;overflow-x:hidden;padding:14px 12px 20px;background:#131211;border-right:1px solid rgba(255,255,255,.06)}.studio-panel-right{border-right:none;border-left:1px solid rgba(255,255,255,.06)}.studio-panel::-webkit-scrollbar{width:4px}.studio-panel::-webkit-scrollbar-track{background:transparent}.studio-panel::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.studio-logo{display:block;margin:2px 2px 22px;opacity:.92;transition:opacity .14s ease}.studio-logo svg{display:block;width:100%;max-width:150px;height:auto}.studio-logo:hover{opacity:1}.studio-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 8px}.studio-template{display:block;padding:0;border:none;background:none;font-family:inherit;letter-spacing:inherit;cursor:pointer;text-align:center}.studio-template-tile{display:block;aspect-ratio:1;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#0a0a09;overflow:hidden;transition:border-color .13s ease,background .13s ease}.studio-template-tile svg{width:100%;height:100%;fill:#ffffff9e}.studio-template:hover .studio-template-tile{border-color:#ffffff4d}.studio-template.active .studio-template-tile{border-color:#ffffffd9;background:#131211}.studio-template:hover .studio-template-tile svg,.studio-template.active .studio-template-tile svg{fill:#ffffffeb}.studio-template-label{display:block;margin-top:5px;color:#ffffff73;font-size:11px;transition:color .13s ease}.studio-template:hover .studio-template-label{color:#ffffffbf}.studio-template.active .studio-template-label{color:#fff}.ctl-section{margin-bottom:22px}.ctl-section-title{margin:0 2px 10px;color:#ffffff59;font-size:10px;font-weight:var(--type-weight-medium);letter-spacing:.1em;text-transform:uppercase}.ctl-slider-row{position:relative;display:flex;align-items:center;justify-content:space-between;height:28px;margin-bottom:5px;padding:0 9px;border-radius:6px;background:#ffffff0b;overflow:hidden;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none}.ctl-slider-row:focus-visible{outline:1px solid rgba(255,255,255,.35)}.ctl-slider-fill{position:absolute;inset:0 auto 0 0;background:#ffffff17;pointer-events:none}.ctl-slider-label,.ctl-slider-value{position:relative;z-index:1;pointer-events:none}.ctl-slider-label{color:#ffffffbf;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctl-slider-value{color:#ffffff80;font-variant-numeric:tabular-nums;font-size:11.5px;pointer-events:auto;cursor:text}.ctl-slider-input{position:relative;z-index:1;width:52px;border:none;border-bottom:1px solid rgba(255,255,255,.35);background:none;color:#ffffffe6;font-family:inherit;font-size:11.5px;font-variant-numeric:tabular-nums;text-align:right;outline:none;padding:0}.ctl-field{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;margin-bottom:5px}.ctl-field-label{color:#ffffffbf;font-size:11.5px;flex-shrink:0}.ctl-seg{display:flex;flex:1;gap:2px;padding:2px;border-radius:7px;background:#ffffff0b}.ctl-toggle-field .ctl-seg,.ctl-seg.small{flex:0 0 auto}.ctl-seg button{flex:1;padding:5px 10px;border:none;border-radius:5px;background:transparent;color:#ffffff73;font-family:inherit;font-size:11px;letter-spacing:inherit;cursor:pointer;transition:background .12s ease,color .12s ease;white-space:nowrap}.ctl-seg button:hover{color:#fffc}.ctl-seg button.active{background:#ffffff1f;color:#fff}.ctl-color-field{position:relative}.ctl-swatch{width:26px;height:22px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:6px;cursor:pointer;flex-shrink:0;transition:border-color .12s ease}.ctl-swatch:hover{border-color:#fff6}.ctl-swatch.transparent{background-color:#2b2a28;background-image:repeating-conic-gradient(#4a4846 0% 25%,transparent 0% 50%);background-size:10px 10px}.ctl-color-mode{margin-bottom:10px}.ctl-color-body.disabled{opacity:.35;pointer-events:none}.ctl-color-hex{margin-left:auto;color:#fff6;font-size:10.5px;font-variant-numeric:tabular-nums}.ctl-color-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:60;width:100%;min-width:208px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#1d1c1a;box-shadow:0 16px 48px #0000008c}.ctl-color-sv{position:relative;height:128px;border-radius:7px;overflow:hidden;cursor:crosshair;touch-action:none}.ctl-color-sv-white,.ctl-color-sv-black{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ctl-color-sv-black{background:linear-gradient(to top,#000000,transparent)}.ctl-color-hue{position:relative;height:12px;margin-top:10px;border-radius:6px;cursor:ew-resize;touch-action:none;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.ctl-color-dot{position:absolute;width:12px;height:12px;border:2px solid #ffffff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059;pointer-events:none}.ctl-color-foot{display:flex;align-items:center;gap:8px;margin-top:10px}.ctl-color-hex-input{width:74px;padding:5px 7px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff0b;color:#ffffffd9;font-family:inherit;font-size:11px;font-variant-numeric:tabular-nums;outline:none}.ctl-color-hex-input:focus{border-color:#ffffff4d}.ctl-color-swatches{display:flex;gap:4px;margin-left:auto}.ctl-color-swatches button{width:16px;height:16px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:4px;cursor:pointer;transition:transform .1s ease,border-color .1s ease}.ctl-color-swatches button:hover{transform:scale(1.12);border-color:#ffffff80}.ctl-color-swatches button.active{border-color:#fff}.ctl-number{width:72px;padding:5px 8px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff0b;color:#ffffffd9;font-family:inherit;font-size:11.5px;font-variant-numeric:tabular-nums;text-align:right;outline:none;-moz-appearance:textfield}.ctl-number::-webkit-inner-spin-button,.ctl-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ctl-number:focus{border-color:#ffffff4d}.ctl-btn-row{display:flex;gap:5px;margin-top:8px}.ctl-btn{flex:1;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#ffffff0d;color:#ffffffb3;font-family:inherit;font-size:11px;font-weight:var(--type-weight-medium);letter-spacing:inherit;cursor:pointer;transition:background .12s ease,color .12s ease;white-space:nowrap}.ctl-btn:hover{background:#ffffff1c;color:#fffffff2}.ctl-btn.primary{flex:0 0 auto;padding:8px 18px;background:#ffffffeb;border-color:transparent;color:#0d0d0d;font-weight:var(--type-weight-bold)}.ctl-btn.primary:hover{background:#fff;color:#0d0d0d}.ctl-btn.primary:disabled{opacity:.6;cursor:default}.studio-preset-list{display:grid;gap:3px;margin-bottom:8px}.studio-preset{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border:1px solid transparent;border-radius:7px;background:#ffffff0b;color:#ffffffb3;font-family:inherit;font-size:11.5px;letter-spacing:inherit;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.studio-preset:hover{background:#ffffff17;color:#fffffff2}.studio-preset.active{border-color:#ffffff59;color:#fff}.studio-preset-dims{color:#ffffff59;font-size:10.5px;font-variant-numeric:tabular-nums}.studio-preset-custom{display:block}.studio-preset-custom .studio-preset{width:100%}.studio-preset.open{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}.studio-preset-sub{padding:9px 10px 4px;border:1px solid rgba(255,255,255,.35);border-top:1px solid rgba(255,255,255,.1);border-radius:0 0 7px 7px;background:#ffffff08}.studio-preset-sub .ctl-field:last-child{margin-bottom:5px}.ctl-divided{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}.studio-asset-empty{margin:2px 2px 0;color:#ffffff59;font-size:11px;line-height:1.5}.studio-images-card{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#ffffff08}.studio-image-stack{position:relative;width:62px;height:40px;flex-shrink:0}.studio-image-stack img{position:absolute;width:32px;height:36px;border-radius:5px;object-fit:cover;border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 8px #00000073}.studio-image-stack img:nth-child(1){left:0;top:3px;z-index:1;transform:rotate(-9deg)}.studio-image-stack img:nth-child(2){left:15px;top:1px;z-index:3}.studio-image-stack img:nth-child(3){left:30px;top:3px;z-index:2;transform:rotate(9deg)}.studio-images-info{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}.studio-asset-count{color:#ffffffd9;font-size:12px;font-weight:var(--type-weight-medium)}.studio-asset-clear{padding:0;border:none;background:none;color:#ffffff59;font-family:inherit;font-size:10.5px;letter-spacing:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.studio-asset-clear:hover{color:#ff7878e6}.studio-asset-clear.confirm{color:#ff7878;font-weight:var(--type-weight-medium);text-decoration:none}.studio-stage{grid-row:1;position:relative;min-width:0;background:#0c0b0a}.studio-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.studio-canvas canvas{display:block;width:100%;height:100%}.studio-canvas.alpha{background-color:#201f1e;background-image:repeating-conic-gradient(#2b2a28 0% 25%,transparent 0% 50%);background-size:20px 20px}.studio-stage.framed{display:flex;align-items:center;justify-content:center;padding:48px}.studio-stage.framed .studio-canvas{position:relative;inset:auto;width:100%;max-width:100%;max-height:100%;aspect-ratio:var(--frame-aspect, 3 / 1);border-radius:6px;overflow:hidden;box-shadow:0 24px 80px #0000008c}.studio-stage.framed .studio-canvas canvas{border-radius:6px}.studio-frame-label{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);z-index:2;color:#ffffff73;font-size:var(--type-caption-size);font-weight:var(--type-weight-medium);letter-spacing:.02em;white-space:nowrap}.studio-bottombar{grid-column:1 / -1;grid-row:2;display:flex;align-items:center;gap:12px;padding:0 14px;background:#131211;border-top:1px solid rgba(255,255,255,.06)}.studio-play{width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f;color:#ffffffd9;font-size:13px;line-height:1;cursor:pointer}.studio-play:hover{background:#ffffff1f}.studio-speed{width:190px}.studio-speed .ctl-slider-row{margin-bottom:0}.studio-bottombar-spacer{flex:1}.studio-bottombar .ctl-field{margin-bottom:0;flex:0 0 auto}.studio-bottombar .ctl-seg{flex:0 0 auto}@media(max-width:1180px){.studio-shell{--panel-modes-w: 180px;--panel-params-w: 230px;--panel-right-w: 240px}}.studio-import{margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.07)}.studio-import-label{display:block;margin:0 2px 6px;color:#ffffff59;font-size:10px;font-weight:var(--type-weight-medium);letter-spacing:.1em;text-transform:uppercase}.studio-import-row{display:flex;gap:5px}.studio-import-input{flex:1;min-width:0;padding:7px 9px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#ffffff0b;color:#ffffffd9;font-family:inherit;font-size:11px;letter-spacing:inherit;outline:none}.studio-import-input::placeholder{color:#ffffff40}.studio-import-input:focus{border-color:#ffffff4d}.studio-import-row .ctl-btn{flex:0 0 auto}.studio-import-row .ctl-btn:disabled{opacity:.45;cursor:default}.studio-import-note{margin:7px 2px 0;color:#fff6;font-size:10.5px;line-height:1.45}.studio-import-note.error{color:#ff8c8ce6}.studio-import-meta{display:flex;align-items:center;justify-content:space-between;margin:7px 2px 0;color:#ffffff59;font-size:10.5px}.studio-brand-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;touch-action:none}.studio-brand-box{position:absolute;outline:1px solid rgba(11,24,255,.9);outline-offset:2px;pointer-events:none}.studio-brand-box.dragging{outline-color:#0b18ff;background:#0b18ff0f}.studio-guide{position:absolute;background:#ff3b8d;pointer-events:none}.studio-guide.vertical{top:0;bottom:0;left:50%;width:1px;transform:translate(-.5px)}.studio-guide.horizontal{left:0;right:0;top:50%;height:1px;transform:translateY(-.5px)}