@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--sidebar-width: 256px;--content-width: 900px;--wide-width: 1020px;--ink: #000000;--muted: rgba(0, 0, 0, .6);--hairline: rgba(0, 0, 0, .06);color:var(--ink);background:#fff;font-family:Inter,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{margin:0;min-width:320px;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}.app{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);height:100vh;overflow:auto;background:#fff;padding:24px 20px 28px}.brand-switcher,.brand-lockup,.search-button,.nav-list{width:216px}.brand-switcher{position:relative}.brand-lockup{display:flex;height:30px;align-items:center;justify-content:space-between;border:0;background:transparent;color:#00000070;padding:0;cursor:pointer}.brand-lockup .logo-img{width:136px}.brand-lockup svg{flex:0 0 auto;transition:transform .14s ease}.brand-lockup-open svg{transform:rotate(180deg)}.brand-menu{position:absolute;z-index:20;top:40px;left:0;display:grid;width:216px;gap:4px;border:1px solid var(--hairline);border-radius:10px;background:#fff;padding:6px;box-shadow:0 14px 34px #0f172a14}.brand-menu a{display:flex;min-height:38px;align-items:center;justify-content:space-between;border-radius:8px;padding:0 10px;color:#0000009e;font-size:12px;line-height:1;font-weight:700}.brand-menu a:hover,.brand-menu a.selected{background:#00000005;color:#000}.brand-menu .logo-img{width:124px}.brand-lockup .easybit-logo-img{width:150px}.brand-menu .easybit-logo-img{width:146px}.search-button{display:flex;align-items:center;gap:10px;height:34px;margin:22px 0 45px;border:1px solid var(--hairline);border-radius:8px;background:#00000005;color:#c4c4c4;padding:0 12px;font-size:14px;line-height:1.2;font-weight:400;cursor:default}.nav-group{margin:0 0 28px}.nav-group h2{display:flex;height:34px;align-items:center;margin:0 0 8px;color:#000;font-size:12px;line-height:1;font-weight:700}.nav-group a{display:flex;height:34px;align-items:center;gap:9px;border-radius:12px;padding:0 12px;color:#000000a3;font-size:12px;line-height:1;font-weight:500;transition:background .14s ease,color .14s ease,border-radius .14s ease}.nav-group a svg{flex:0 0 auto;color:#00000057}.nav-group a.active,.nav-group a:hover{background:#00000005;color:#000;border-radius:8px}.nav-group a.active svg,.nav-group a:hover svg{color:var(--brand-accent, #1d82f0)}.page{grid-column:2;min-height:100vh;padding:0 0 86px}.page-topper{min-height:276px;margin-bottom:82px;background:var(--brand-topper, #1d82f0);color:#fff}.topper-inner{display:grid;width:var(--content-width);min-height:276px;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:86px;margin:0 auto}.topper-icon{width:146px;height:146px;color:#a9f5ee}.topper-inner h1{margin:0 0 22px;color:#fff;font-size:40px;line-height:1.2;font-weight:500;letter-spacing:0}.topper-inner p{max-width:720px;margin:0;color:#ffffffdb;font-size:16px;line-height:1.5;font-weight:400;letter-spacing:0}.intro-hero{display:grid;width:var(--content-width);grid-template-columns:240px minmax(0,1fr);align-items:center;gap:64px;margin:0 auto;padding:60px 0 84px}.intro-book{display:block;width:240px;height:auto;object-fit:contain;filter:drop-shadow(18px 20px 18px rgba(2,6,23,.18))}.brand-easybit .intro-book{width:460px;margin-left:-110px;filter:none}.empty-brand-book{position:relative;display:grid;width:240px;height:340px;align-items:center;justify-items:center;overflow:hidden;border-radius:3px 12px 12px 3px;background:linear-gradient(115deg,#ffffff29,#fff0 34%),linear-gradient(180deg,#eff7ff,#dceeff);box-shadow:18px 20px 22px #122f4c24}.empty-brand-book:before{content:"";position:absolute;inset:0 auto 0 0;width:17px;background:linear-gradient(90deg,#122f4c2e,#ffffff38)}.empty-brand-book:after{content:"";position:absolute;top:34px;right:30px;bottom:34px;left:30px;border:1px solid rgba(33,104,173,.24)}.empty-brand-book strong{position:relative;z-index:1;color:#2168ad;font-size:34px;line-height:1;font-weight:800;letter-spacing:0}.empty-book-line{position:absolute;z-index:1;top:108px;left:58px;width:128px;height:1px;background:#2168ad70}.intro-hero h1{margin:0;color:#000;font-size:64px;line-height:1.2;font-weight:500;letter-spacing:0}.intro-hero h1 span{color:var(--brand-accent, #1d82f0)}.intro-copy-grid{display:grid;width:var(--content-width);grid-template-columns:repeat(2,minmax(0,1fr));gap:86px;margin:0 auto 76px;border-top:1px solid var(--hairline);padding-top:76px}.intro-copy-grid h2{margin:0 0 26px;color:#000000c7;font-size:28px;line-height:1.3;font-weight:500;letter-spacing:0}.intro-copy-grid p,.template-section p,.type-intro p,.section-intro p,.generic-page p,.voice-notes li{margin:0;color:var(--muted);font-size:16px;line-height:1.5;font-weight:400;letter-spacing:0}.template-section,.color-content,.type-intro,.type-specimens,.generic-page,.voice-notes{width:var(--content-width);margin:0 auto 116px}.template-section p{margin-top:40px}.section-intro{margin-bottom:56px;text-align:left}.section-intro h2,.voice-notes h2{margin:0 0 18px;color:#000;font-size:64px;line-height:1.03;font-weight:500;letter-spacing:0}.color-content .section-intro{margin-bottom:74px}.color-content .section-intro h2{font-size:40px;line-height:1.2}.brand-easybit .color-content .section-intro span{display:none}.section-intro span{display:block;width:40px;height:3px;margin:0 0 24px;background:var(--brand-accent, #1d82f0)}.brand-navyblue{--brand-accent: #2168ad;--brand-topper: #2168ad;--muted: #6f839d}.brand-navyblue .page{background:#fbfdff}.brand-navyblue .section-intro{text-align:center}.brand-navyblue .section-intro h2,.brand-navyblue .voice-notes h2{color:#2168ad}.brand-navyblue .section-intro span{margin-left:auto;margin-right:auto;background:linear-gradient(180deg,#1475d5,#1786f3)}.brand-navyblue .guideline-card,.brand-navyblue .logo-display,.brand-navyblue .type-sample{border-radius:2px;box-shadow:0 24px 50px #122f4c1f}.logo-display{display:grid;min-height:365px;place-items:center;overflow:hidden;border:1px solid var(--hairline);border-radius:20px;background:#fff}.logo-display .logo-img{width:min(62%,420px)}.logo-display .easybit-logo-img{width:min(62%,520px)}.logo-display-blue{border-color:transparent;background:var(--brand-accent, #2563eb)}.logo-display-compact{background:#eff6ff}.two-column{display:grid;width:var(--wide-width);grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.two-column .logo-display,.two-column .clearspace-card{min-height:334px}.clearspace-card{position:relative;display:grid;min-height:365px;place-items:center;overflow:hidden;border-radius:20px;background:linear-gradient(rgba(37,99,235,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.06) 1px,transparent 1px),#f8fafc;background-size:28px 28px}.clearspace-inner{padding:46px;border:1px dashed rgba(37,99,235,.44);border-radius:8px;background:#ffffffc7}.clearspace-inner .logo-img{width:min(44vw,320px)}.clearspace-inner .easybit-logo-img{width:min(44vw,360px)}.measure{position:absolute;color:var(--brand-accent, #2563eb);font-size:12px;font-weight:700}.measure-top{top:28px}.measure-left{left:30px}.color-content{width:min(1200px,calc(100vw - var(--sidebar-width) - 120px));margin-bottom:150px}.color-showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:64px 32px}.color-showcase-compact{grid-template-columns:repeat(4,minmax(0,1fr))}.color-card{min-width:0}.color-card h3{margin:0 0 16px;color:var(--muted);font-size:16px;line-height:1.5;font-weight:400}.color-token{position:relative;overflow:hidden;border:1px solid transparent;border-radius:20px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}.color-card:hover .color-token,.color-card:focus-within .color-token{border-color:#5a5a8c3d;box-shadow:0 18px 36px #17255414}.color-swatch{position:relative;display:flex;min-height:389px;align-items:flex-end;justify-content:center;overflow:hidden;border-radius:20px;padding:32px 24px;transition:min-height .18s ease,border-radius .18s ease}.color-card-compact .color-swatch{min-height:220px}.color-card:hover .color-swatch,.color-card:focus-within .color-swatch{min-height:253px;border-radius:20px 20px 0 0}.color-card-compact:hover .color-swatch,.color-card-compact:focus-within .color-swatch{min-height:170px}.color-hex{color:#fff;font-size:16px;line-height:1.2;font-weight:400;transition:opacity .12s ease}.color-swatch-soft .color-hex{color:#00000085}.copy-pill{position:absolute;left:50%;bottom:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:124px;height:32px;border:0;border-radius:999px;background:#fff;color:#000;padding:0 18px;font-size:15px;line-height:1;font-weight:600;opacity:0;transform:translate(-50%,8px);transition:opacity .16s ease,transform .16s ease,background .14s ease;cursor:pointer}.copy-pill:hover{background:#f8fafc}.color-card:hover .copy-pill,.color-card:focus-within .copy-pill{opacity:1;transform:translate(-50%)}.color-card:hover .color-hex,.color-card:focus-within .color-hex{opacity:0}.color-details{display:grid;gap:9px;max-height:0;padding:0 20px;background:#fff;color:#000;font-size:16px;line-height:1.2;font-weight:400;opacity:0;transition:max-height .18s ease,padding .18s ease,opacity .12s ease}.color-card:hover .color-details,.color-card:focus-within .color-details{max-height:136px;padding:24px 20px 26px;opacity:1}.color-details p{margin:0}.type-intro{position:relative;margin-bottom:76px}.type-intro p{margin-bottom:50px}.type-intro h1{margin:0;color:#000;font-size:64px;line-height:1.2;font-weight:500}.download-button{position:absolute;right:0;bottom:14px;display:inline-flex;height:42px;align-items:center;gap:9px;border-radius:999px;background:var(--brand-accent, #2563eb);color:#fff;padding:0 18px;font-size:14px;line-height:1;font-weight:700;transition:transform .14s ease}.download-button:hover{transform:translateY(-1px)}.type-sample{margin-bottom:48px;border:1px solid transparent;padding:0}.type-sample p{margin:0 0 10px;color:var(--muted);font-size:16px;line-height:1.5}.type-sample h2{margin:0;color:#000;font-weight:500}.type-80{font-size:64px;line-height:1.2}.type-56{font-size:56px;line-height:1.2}.type-40{font-size:40px;line-height:1.3}.type-32{font-size:32px;line-height:1.3}.type-24{font-size:24px;line-height:1.3}.type-20{font-size:20px;line-height:1.3}.type-16{font-size:16px;line-height:1.5}.type-14{font-size:14px;line-height:1.5}.guideline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.guideline-card{min-height:280px;border:1px solid var(--hairline);border-radius:20px;background:#fff;padding:28px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.guideline-card:hover{border-color:color-mix(in srgb,var(--brand-accent, #2563eb) 24%,transparent);box-shadow:0 18px 36px #17255414;transform:translateY(-2px)}.guideline-card h3{margin:0 0 18px;color:#000;font-size:24px;line-height:1.25;font-weight:600}.voice-notes{border-top:1px solid var(--hairline);padding-top:72px}.voice-notes ul{display:grid;gap:18px;margin:0;padding:0 0 0 20px}.next-card{display:flex;width:100%;min-height:200px;align-items:center;justify-content:center;margin:0;background:var(--brand-accent, #1d82f0);color:#fff;transition:filter .16s ease}.next-card:hover{filter:brightness(.96)}.next-card>div{width:var(--content-width)}.next-card span{display:block;margin-bottom:13px;color:#ffffffb8;font-size:12px;line-height:1;font-weight:700}.next-card strong{color:#fff;font-size:24px;line-height:1.2;font-weight:400}.next-card>svg{position:absolute;right:20%;transform:rotate(-90deg)}.logo-img{display:block;max-width:100%;height:auto;-webkit-user-select:none;user-select:none}.logo-img-light{filter:brightness(0) invert(1)}.easybit-logo-img{display:block;max-width:100%;height:auto;-webkit-user-select:none;user-select:none}.easybit-logo-img-light{filter:brightness(0) invert(1)}@media (max-width: 1180px){:root{--content-width: calc(100vw - var(--sidebar-width) - 80px);--wide-width: calc(100vw - var(--sidebar-width) - 40px)}.brand-easybit .intro-book{width:360px;margin-left:-80px}}@media (max-width: 820px){:root{--sidebar-width: 100%;--content-width: calc(100vw - 40px) ;--wide-width: calc(100vw - 40px) }.app{display:block}.sidebar{position:sticky;top:0;z-index:30;width:100%;height:auto;max-height:58vh;border-bottom:1px solid var(--hairline)}.brand-switcher,.brand-lockup,.search-button,.nav-list,.brand-menu{width:100%}.topper-inner,.intro-hero,.intro-copy-grid,.two-column,.guideline-grid,.color-showcase,.color-showcase-compact{grid-template-columns:1fr}.page-topper,.topper-inner{min-height:330px}.topper-inner{gap:20px;padding:48px 0}.topper-icon{width:110px;height:110px}.intro-hero{gap:32px;padding-top:42px}.brand-easybit .intro-book,.intro-book,.empty-brand-book{width:min(100%,360px);margin-left:0}.intro-hero h1,.section-intro h2,.type-intro h1,.voice-notes h2{font-size:40px}.template-section,.color-content,.type-intro,.type-specimens,.generic-page,.voice-notes{margin-bottom:76px}.logo-display,.clearspace-card{min-height:300px}.color-swatch,.color-card-compact .color-swatch{min-height:340px}.type-80,.type-56{font-size:40px}.type-40{font-size:32px}.download-button{position:static;margin-top:24px}}