.brand-kit{color:#26283c;font-synthesis:none;font-family:DM Sans,sans-serif}.brand-kit *{box-sizing:border-box}.brand-kit{margin:0}.brand-kit a{color:inherit;text-underline-offset:5px}.brand-kit .intro{padding:76px 0 44px}.brand-kit .eyebrow{letter-spacing:.13em;color:#666f92;font-size:12px;font-weight:700}.brand-kit h1{letter-spacing:-3px;margin:20px 0;font:700 clamp(44px,6vw,74px)/1.1 Manrope,sans-serif}.brand-kit p{line-height:1.7}.brand-kit .intro>p:not(.eyebrow){color:#62697c;font-size:19px}.brand-kit .controls{gap:8px;margin-top:30px;display:flex}.brand-kit .controls button{color:#353e58;cursor:pointer;background:0 0;border:1px solid #d2d7e7;border-radius:6px;padding:11px 16px;font:500 14px DM Sans,sans-serif}.brand-kit .controls button[aria-pressed=true]{color:#fff;background:#313958;border-color:#313958}.brand-kit .options{grid-template-columns:1fr 1fr;gap:28px;display:grid}.brand-kit .options article{background:#fff;border:1px solid #dee2ed;border-radius:14px;min-width:0;overflow:hidden}.brand-kit .canvas{background:#fff;justify-content:center;align-items:center;height:420px;transition:background .2s;display:flex}.brand-kit .canvas img{object-fit:contain;width:75%;height:80%}.brand-kit .description{border-top:1px solid #e9ebf2;padding:30px}.brand-kit .description h2{letter-spacing:-.6px;margin:12px 0;font:700 24px Manrope,sans-serif}.brand-kit .description p{color:#677083;min-height:82px;font-size:16px}.brand-kit .description a,.brand-kit .notes a{font-size:14px;font-weight:600}.brand-kit .application{background:#f4f5fa;border-radius:7px;align-items:center;gap:10px;margin:0 30px 30px;padding:18px 20px;transition:background .2s;display:flex}.brand-kit .application img{object-fit:contain;width:32px;height:40px}.brand-kit .application strong{letter-spacing:-1.6px;font:800 28px Manrope,sans-serif}.brand-kit .application>span{color:#768096;margin-left:auto;font-size:12px}.brand-kit .notes{grid-template-columns:1fr 1fr;gap:80px;padding:70px 0;display:grid}.brand-kit .notes h2{letter-spacing:-1px;font:600 28px/1.4 Manrope,sans-serif}.brand-kit .notes p{color:#677083;font-size:16px}.brand-kit .notes p:first-child{margin-top:0}.brand-kit[data-tone=dark] .canvas,.brand-kit[data-tone=dark] .application{background:#202438}.brand-kit[data-tone=dark] .application strong{color:#fff}.brand-kit[data-tone=dark] .application>span{color:#b6bfd6}.brand-kit a:focus-visible,.brand-kit button:focus-visible{outline-offset:5px;outline:3px solid #747bca}@media (max-width:700px){.brand-kit .intro{padding:45px 0 30px}.brand-kit h1{letter-spacing:-2px}.brand-kit .options{grid-template-columns:1fr}.brand-kit .canvas{height:350px}.brand-kit .description{padding:24px}.brand-kit .description p{min-height:0}.brand-kit .application{margin:0 24px 24px}.brand-kit .notes{grid-template-columns:1fr;gap:8px;padding:40px 0}.brand-kit .notes h2{font-size:25px}}@media (prefers-reduced-motion:reduce){.brand-kit *{transition:none!important}}.brand-kit .options{grid-template-columns:repeat(3,1fr)}.brand-kit .canvas{height:310px}.brand-kit .description{padding:24px}.brand-kit .description h2{font-size:21px}.brand-kit .description p{min-height:0}.brand-kit .application{margin:0 24px 24px;padding:16px}.brand-kit .application>span{display:none}.brand-kit .application strong{font-size:27px}.brand-kit .application img{width:30px;height:35px}.brand-kit .description a{margin:4px 0 12px;display:inline-block}.brand-kit .mono{filter:brightness(0)}.brand-kit[data-tone=dark] .mono{filter:brightness(0)invert()}.brand-kit .notes{padding:50px 0}@media (max-width:900px){.brand-kit .options{grid-template-columns:1fr}.brand-kit .canvas{height:330px}}.brand-kit{width:min(1160px,100% - 64px);margin:auto}@media (max-width:700px){.brand-kit{width:calc(100% - 36px)}}.brand-kit .downloads{gap:8px;margin:0 24px 12px;display:flex}.brand-kit .downloads a{color:#fff;background:#313958;border:1px solid #313958;border-radius:6px;margin:0;padding:11px 16px;font:500 14px DM Sans,sans-serif;text-decoration:none;display:inline-block}.brand-kit .options article{flex-direction:column;display:flex}.brand-kit .options .description{flex:1}[data-theme=night] .brand-kit .intro,[data-theme=night] .brand-kit .intro h1,[data-theme=night] .brand-kit .notes h2,[data-theme=night] .brand-kit .notes a{color:var(--ink)}[data-theme=night] .brand-kit .intro .eyebrow,[data-theme=night] .brand-kit .intro>p:not(.eyebrow),[data-theme=night] .brand-kit .notes p{color:var(--muted)}[data-theme=night] .brand-kit .controls button{color:var(--ink);border-color:var(--line)}[data-theme=night] .brand-kit .controls button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
