:root{--pink:#ed2b91;--cyan:#35bde8;--violet:#8b5aa8;--black:#0a0a0c;--ink:#f7f5f7;--muted:#aaa4ad;--line:#2a272e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 4%,rgba(139,90,168,.22),transparent 28rem),var(--black);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}header,main,footer{width:min(1180px,calc(100% - 40px));margin:auto}header{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;font-weight:950;letter-spacing:-.08em;font-size:22px}.wordmark span{color:var(--pink)}nav{display:flex;gap:28px}nav a,footer a{color:var(--muted);text-decoration:none;font-size:14px}nav a:hover,footer a:hover{color:white}.hero{padding:120px 0 140px;max-width:850px}.eyebrow{text-transform:uppercase;letter-spacing:.19em;color:var(--pink);font-weight:800;font-size:12px;margin:0 0 20px}.hero h1{font-size:clamp(54px,9vw,108px);line-height:.91;letter-spacing:-.065em;margin:0}.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--pink),var(--violet),var(--cyan));background-clip:text;color:transparent}.lede{font-size:clamp(18px,2.2vw,24px);line-height:1.55;color:var(--muted);max-width:650px;margin:34px 0}.button{display:inline-block;background:var(--pink);color:white;text-decoration:none;padding:15px 20px;border-radius:4px;font-weight:750}
.button.ghost{background:transparent;border:1px solid var(--pink);color:var(--pink);padding:14px 19px;margin-top:16px}
.button.ghost:hover{background:var(--pink);color:white}section{padding:90px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:42px}.section-head h2{font-size:clamp(36px,5vw,60px);line-height:1;margin:0;letter-spacing:-.045em}.section-head>p{max-width:440px;color:var(--muted);line-height:1.6;margin:0}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{border:1px solid var(--line);background:#121115;overflow:hidden}.preview{height:290px;display:flex;align-items:center;padding:50px}.preview img{width:100%;max-height:100%;object-fit:contain}.light .preview{background:#f4f2f1}.dark .preview{background:#111014}.card-body{padding:25px}.card h3{font-size:21px;margin:0 0 8px}.card p{margin:0;color:var(--muted);line-height:1.5}.downloads{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.downloads a{border:1px solid #3c3840;border-radius:3px;text-decoration:none;padding:9px 11px;font:700 11px ui-monospace,SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:.04em}.downloads a:hover{border-color:var(--pink);color:var(--pink)}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.swatches button{height:220px;border:0;border-top:140px solid var(--swatch);background:#17151a;color:white;padding:18px;text-align:left;cursor:pointer}.swatches span,.swatches code{display:block}.swatches span{font-weight:750;margin-bottom:5px}.swatches code{color:var(--muted)}.rules{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.rules b{color:var(--pink);font:700 12px ui-monospace,monospace}.rules h3{margin:18px 0 10px}.rules p{margin:0;color:var(--muted);line-height:1.6}footer{padding:35px 0 60px;display:flex;justify-content:space-between;color:var(--muted);font-size:14px}@media(max-width:760px){header{height:70px}nav{gap:14px}nav a:last-child{display:none}.hero{padding:80px 0 100px}.section-head{display:block}.section-head>p{margin-top:20px}.cards{grid-template-columns:1fr}.preview{height:210px;padding:34px}.swatches{grid-template-columns:repeat(2,1fr)}.rules{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){header,main,footer{width:min(100% - 24px,1180px)}nav a:nth-child(2){display:none}.hero h1{font-size:52px}.swatches,.rules{grid-template-columns:1fr}.swatches button{height:170px;border-top-width:95px}}