:root{--ink:#171b35;--text:#454c69;--muted:#6d748c;--accent:#4c4af4;--accent-soft:#eeedff;--line:#e2e6f1;--canvas:#f8f9ff}body{background:#f8f9ff}.site-nav{border-color:#e2e6f1}.brand .logo-mark img{filter:none;width:33px;height:33px}.site-nav .brand{letter-spacing:-.7px}.public-article h1{font-size:50px;letter-spacing:-2px;line-height:1.1}.public-article{max-width:900px}.public-article h2{letter-spacing:-.8px}.public-article p,.public-article li{font-size:15px;line-height:1.9}.public-article .eyebrow{color:#7c81a0}.btn.primary{background:#4c4af4;color:#fff;border-color:#4c4af4;border-radius:8px}.brand-sheet{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.brand-spec{min-height:210px;display:grid;place-items:center;border:1px solid #e0e3f3;border-radius:12px;background:#efefff}.brand-spec>img{width:110px;height:110px}.brand-spec.dark{background:#171b35;color:#fff}.brand.inverse{color:#fff}.brand.inverse .logo-mark{width:40px;height:40px}.brand.inverse img{width:38px;height:38px;filter:none}.swatches{display:flex;gap:16px;margin:25px 0}.swatch{background:var(--swatch);min-height:100px;flex:1;display:flex;align-items:end;padding:15px;border-radius:9px;border:1px solid #dfe3ee;color:#171b35;font-size:12px}.swatch:first-child,.swatch:nth-child(2){color:#fff}.release{border-top:1px solid #e0e3f0;padding-top:24px;margin-top:32px}.date{font-size:11px;letter-spacing:1.2px;color:#7e85a1}.site-footer{display:flex;flex-wrap:wrap}.footer-bottom{width:100%;display:flex;justify-content:space-between;font-size:11px}.footer-links{display:flex;gap:20px}.public-article pre{background:#eeeff8}.public-article code{font-size:12px}.public-article section{margin:30px 0}.site-nav nav a{color:#747c98}.public-article .callout{background:#eeedff;border-color:#dad8ff}@media(max-width:750px){.site-nav nav{display:flex;position:static;flex-direction:row;padding:0;background:transparent;border:0;margin-left:auto;gap:14px}.site-nav nav a{font-size:12px;min-height:44px;display:flex;align-items:center}.site-nav nav a:first-child{display:none}.public-article h1{font-size:38px}.public-article{padding-top:40px}.brand-sheet{grid-template-columns:1fr}.brand-spec{min-height:160px}.swatches{gap:8px}.swatch{font-size:11px;padding:12px}.site-footer{display:block}.footer-bottom{display:block}.footer-links{flex-wrap:wrap}}
