*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#0e1116;background:#fff;font:400 16px/1.7 Manrope,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}img{max-width:100%;height:auto}:focus-visible{outline:3px solid #005CFF;outline-offset:5px}.skip-link{position:absolute;z-index:10;left:16px;top:-100px;padding:12px 20px;background:#fff;color:#0034ac}.skip-link:focus{top:12px}.eyebrow,.caption,code{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:400;line-height:1.6}.eyebrow{margin:0;letter-spacing:.08em;text-transform:uppercase}.caption{color:#596271}.brand-nav{position:absolute;z-index:2;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px max(32px,calc((100vw - 1240px)/2));color:#fff;border-bottom:1px solid #ffffff38}.brand-nav>a:last-child{font-size:13px;text-decoration:none}.brand-cover{position:relative;isolation:isolate;overflow:hidden;min-height:660px;padding:180px max(32px,calc((100vw - 1240px)/2)) 88px;color:#fff;background:radial-gradient(ellipse at 92% 12%,#00A9FF88,transparent 65%),radial-gradient(ellipse at 95% 100%,#00D4FF99,transparent 58%),linear-gradient(135deg,#003abf,#005cff)}.brand-cover h1{position:relative;z-index:1;max-width:11ch;margin:34px 0 24px;font:400 clamp(60px,6.5vw,96px)/.95 "Instrument Serif",serif;letter-spacing:-.025em}.brand-cover h1 em{font-weight:400}.brand-cover>p:not(.eyebrow){position:relative;z-index:1;max-width:38ch;color:#ffffffe6}.cover-mark{position:absolute;z-index:0;right:6%;top:32%;width:31%;opacity:.2;pointer-events:none}.download{position:relative;z-index:1;display:inline-flex;align-items:center;gap:32px;margin-top:20px;padding:14px 23px;border:1px solid white;border-radius:999px;background:#fff;color:#0034ac;text-decoration:none;font-size:13px;font-weight:700}.download:hover{background:#eaf2ff}.download--dark{background:#0e1116;border-color:#0e1116;color:#fff}.download--dark:hover{background:#003abf;border-color:#003abf}.brand-section{max-width:1304px;margin:auto;padding:96px 32px;border-bottom:1px solid #dce0e8}.brand-section h2{margin:24px 0 26px;font:400 clamp(42px,4vw,64px)/1.02 "Instrument Serif",serif;letter-spacing:-.02em}.brand-section h2 em{font-weight:400}.brand-section p:not(.eyebrow){max-width:61ch;color:#505865}.intro{display:grid;grid-template-columns:1fr 2fr;gap:48px}.intro>.eyebrow{margin-top:30px;color:#005cff}.section-top{display:grid;grid-template-columns:1fr 2fr;gap:48px;margin-bottom:42px}.section-top .eyebrow{margin-top:31px;color:#005cff}.section-top h2{margin-bottom:0}.logo-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dce0e8;border-left:1px solid #dce0e8}.logo-card{margin:0;border-right:1px solid #dce0e8;border-bottom:1px solid #dce0e8;background:#f7f7f4}.logo-card>div{display:flex;align-items:center;justify-content:center;min-height:245px;padding:48px}.logo-card>div>img{width:84%}.logo-card figcaption{display:flex;flex-wrap:wrap;gap:12px;padding:18px 24px;border-top:1px solid #00000010;font:400 10px/1.5 IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.03em}.logo-card figcaption>a:first-of-type{margin-left:auto}.logo-card--blue{background:#005cff;color:#fff}.logo-card--blue figcaption,.logo-card--ink figcaption{border-color:#ffffff30}.logo-card--ink{background:#0e1116;color:#fff}.logo-card .icon-examples{gap:32px;align-items:center}.logo-card .icon-examples img{flex-shrink:0;max-width:none}.logo-card .icon-examples img:nth-child(1){width:96px;height:96px}.logo-card .icon-examples img:nth-child(2){width:32px;height:32px}.logo-card .icon-examples img:nth-child(3){width:16px;height:16px}.rules{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:28px}.rules p{font-size:13px}.rules strong{display:block;color:#0e1116;margin-bottom:7px}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.swatches>div{display:flex;flex-direction:column;font-size:13px}.swatches span{display:block;height:130px;margin-bottom:18px;background:var(--swatch);border:1px solid #0e111618}.swatches code{margin-top:4px;color:#596271}.gradient-sample{display:flex;align-items:center;min-height:280px;margin-top:42px;padding:40px;background:radial-gradient(60% 90% at 10% 90%,#00A9FF90,transparent 65%),radial-gradient(60% 150% at 95% 15%,#00D4FFb0,transparent 65%),linear-gradient(130deg,#003abf,#005cff)}.gradient-sample p{margin:0!important;color:#fff!important;font:400 48px/1 "Instrument Serif",serif}.type-section{display:grid;grid-template-columns:1fr 1fr;gap:80px}.type-section>.eyebrow{color:#005cff}.type-specimens>div{padding:0 0 25px;border-bottom:1px solid #dce0e8;margin-bottom:24px}.serif-example{font:400 58px/1 "Instrument Serif",serif!important;margin:18px 0 0!important;color:#0e1116!important}.sans-example{font:600 25px/1.35 Manrope,sans-serif!important;margin:18px 0 0!important;color:#0e1116!important}.mono-example{font:500 11px/1.6 IBM Plex Mono,monospace!important;margin:18px 0 0!important;text-transform:uppercase;letter-spacing:.05em;color:#0034ac!important}.downloads{text-align:center}.downloads p{margin-left:auto;margin-right:auto}.downloads .eyebrow{color:#005cff}.download-links{display:flex;justify-content:center;gap:18px 28px;flex-wrap:wrap;margin:34px 0;font-size:12px}.brand-footer{max-width:1304px;margin:auto;padding:36px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:11px;color:#505865}@media(max-width:820px){.brand-cover{min-height:620px}.cover-mark{right:-10%;top:36%;width:48%;opacity:.1}.intro,.section-top{grid-template-columns:1fr;gap:8px}.brand-section{padding-top:64px;padding-bottom:64px}.type-section{gap:36px}.logo-card>div{min-height:195px;padding:28px}.swatches{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.brand-nav{padding:18px}.brand-nav>a:last-child{font-size:10px;max-width:100px;text-align:right}.brand-cover{min-height:610px;padding:154px 18px 66px}.brand-cover>p:not(.eyebrow){max-width:28ch}.brand-cover h1{font-size:65px}.brand-section{padding:56px 18px}.logo-grid,.rules,.type-section{grid-template-columns:1fr;gap:0}.type-specimens{margin-top:34px}.logo-card>div{min-height:190px}.logo-card figcaption{padding:16px}.rules{gap:8px}.swatches{gap:18px 12px}.swatches span{height:100px}.gradient-sample{min-height:230px;padding:28px}.brand-footer{padding:28px 18px;flex-wrap:wrap}.brand-footer .z1-brand{flex-basis:100%}.download-links{gap:18px 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
