:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#10243a;background:#f5f8fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#007e76;text-decoration:none}a:focus-visible{outline:3px solid #007e76;outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;padding:28px 6vw;border-bottom:1px solid #dde6ed;background:white}header img{width:150px;height:auto}header span{font-size:12px;color:#54697d}main{max-width:1320px;margin:auto;padding:0 6vw}.cover{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:32px;padding:64px 0}.cover img{width:100%;border-radius:28px}h1{font-size:clamp(34px,4vw,54px);letter-spacing:-2px;line-height:1.1;margin:24px 0}h2{font-size:clamp(28px,3vw,38px);letter-spacing:-1px;line-height:1.2;margin:18px 0 32px}h3{font-size:19px;margin:16px 0 12px}p{font-size:16px;line-height:1.75;color:#54697d}.lead{font-size:18px;max-width:540px}.kicker{font-size:11px;letter-spacing:2px;font-weight:700;color:#007e76}.cover a{font-weight:650}nav{display:flex;flex-wrap:wrap;gap:26px;padding:24px 0;border-block:1px solid #dde6ed}nav a{font-size:13px}section{padding:56px 0;border-bottom:1px solid #dde6ed;scroll-margin-top:20px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:48px}.columns p{margin-top:0}.statement{font-size:36px;letter-spacing:-1px;color:#082b4c;font-weight:600}.caption{font-size:12px}.logo-spec{display:flex;align-items:center;justify-content:space-around;background:#fff;border-radius:24px;padding:50px;gap:40px}.wordmark{width:55%;max-width:500px}.appmark{width:140px}.rule{padding-left:20px;border-left:3px solid #00b9a6;font-size:14px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.swatch{min-height:220px;padding:24px;border-radius:20px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}.swatch strong{font-size:22px}.swatch small{font-size:12px}.navy{background:#082b4c;color:#fff}.teal{background:#00b9a6;color:#082b4c}.porcelain{background:#f5f8fa;border:1px solid #dde6ed}.ink{background:#10243a;color:#fff}.type-sample{padding:42px;background:#082b4c;border-radius:24px;margin-bottom:36px}.number{font-size:72px;color:#fff;letter-spacing:-3px;font-variant-numeric:tabular-nums}.number span{font-size:24px;letter-spacing:0;color:#c3dae7}.type-sample p{color:#c3dae7;font-size:14px}.screen-map{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.screen-map article{padding-top:22px;border-top:1px solid #dde6ed}.screen-map b{font-size:12px;color:#007e76}.screen-map p{font-size:14px}.component-demo{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:28px 0}.component-demo a,.component-demo span{display:inline-block;padding:16px 22px;min-height:48px;border-radius:12px;font-size:14px;font-weight:650}.primary{background:#00b9a6;color:#082b4c}.secondary{background:#e8eef3;color:#10243a}.destructive{background:#fff0f1;color:#ae3047}.wide-art{display:block;width:100%;max-height:550px;object-fit:contain;border-radius:28px;margin-bottom:32px;background:#f5f8fa}li{padding:8px 0;font-size:14px}footer{padding:48px 0}footer img{width:170px}footer p{font-size:12px}@media(max-width:760px){header{padding:20px}header img{width:110px}header span{max-width:150px;font-size:10px;text-align:right}main{padding:0 24px}.cover,.columns{grid-template-columns:1fr;gap:20px}.cover{padding-top:36px}.cover img{max-height:300px;object-fit:contain}section{padding:40px 0}.swatches{grid-template-columns:1fr 1fr}.swatch{min-height:180px;padding:18px}.screen-map{grid-template-columns:1fr 1fr;gap:20px}.logo-spec{padding:28px;gap:20px}.appmark{width:70px}.number{font-size:60px}.statement{font-size:28px}}@media print{header,nav{display:none}main{padding:0;max-width:none}section{break-inside:avoid;padding:28px 0}.cover{padding-top:0}a{color:#10243a}.swatches,.type-sample{-webkit-print-color-adjust:exact;print-color-adjust:exact}footer{break-inside:avoid}}

.cover{grid-template-columns:1fr}.cover>div{max-width:900px}