*{box-sizing:border-box}body{margin:0;background:#f5f3ee;color:#161b2a;font:15px/1.6 system-ui,sans-serif}.page{max-width:1120px;margin:auto;padding:40px 32px}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid #d9d5ce;gap:24px}header img{width:190px}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid #6250d8;outline-offset:5px}.meta,.label{font:11px/1.5 monospace;letter-spacing:1.2px;color:#595c69}h1{font-size:clamp(38px,6vw,64px);line-height:1.07;letter-spacing:-2px;margin:48px 0 22px}h1 em{font-family:Georgia,serif;color:#6250d8;font-weight:400}.lead{color:#595c69;max-width:630px}.download{display:inline-flex;padding:12px 20px;background:#6250d8;color:white;text-decoration:none;border-radius:10px;font-weight:650;margin:16px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}.tile{border:1px solid #d9d5ce;border-radius:20px;background:#fdfcf9;padding:25px;min-height:185px}.tile.dark{background:#10131c;border-color:#343a4c;color:#f5f3ee}.tile>img{display:block;width:270px;max-width:100%;margin:35px auto}.dark .label{color:#b6b8c5}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.swatch{border-radius:12px;padding:18px;font:11px/1.6 monospace;min-height:100px;display:flex;align-items:end;border:1px solid #d9d5ce}.assets{display:flex;align-items:center;gap:32px;margin:30px 0;padding:25px 0;border-block:1px solid #d9d5ce}.assets img{width:70px;height:70px}.assets p{color:#595c69;font-size:13px}.social img{width:100%;display:block;border-radius:12px}.social .tile{padding:10px;min-height:0}.social .tile img{margin:0;max-width:none}h2{font-size:25px;letter-spacing:-.7px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:35px 0}.principles p{font-size:13px;color:#595c69}.principles strong{display:block;margin-bottom:8px}.footer{border-top:1px solid #d9d5ce;padding-top:22px;font:11px monospace;color:#595c69}@media(max-width:600px){.page{padding:24px 20px}.grid,.principles{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(2,1fr)}header{flex-wrap:wrap}.assets{flex-wrap:wrap;gap:20px}.tile>img{width:245px}}

.swatch:nth-child(1){background:#f5f3ee}.swatch:nth-child(2){background:#161b2a;color:white}.swatch:nth-child(3){background:#6250d8;color:white}.swatch:nth-child(4){background:#b8aeff}.swatch:nth-child(5){background:#d8f36a}