@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Mono&display=swap";:root{--matcha-300:#84e7a5;--matcha-600:#078a52;--matcha-800:#02492a;--slushie-500:#3bd3fd;--slushie-800:#0089ad;--lemon-400:#f8cc65;--lemon-500:#fbbd41;--ube-300:#c1b0ff;--ube-800:#43089f;--pomegranate-400:#fc7981;--clay-black:#000;--warm-cream:#faf9f7;--oat-border:#dad4c8;--oat-light:#eee9df;--warm-silver:#9f9b93;--clay-shadow:#0000001a 0px 1px 1px, #0000000a 0px -1px 1px inset, #0000000d 0px -.5px 1px;--hard-shadow:#000 -7px 7px;--font-main:"Inter", sans-serif;--font-mono:"Space Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--warm-cream);color:var(--clay-black);-webkit-font-smoothing:antialiased;line-height:1.5}.display-hero{letter-spacing:-3.2px;font-size:80px;font-weight:600;line-height:1}.section-heading{letter-spacing:-1px;font-size:44px;font-weight:600;line-height:1.1}.mono-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--warm-silver);font-size:14px}.btn-clay{cursor:pointer;border:1px solid var(--oat-border);color:var(--clay-black);background-color:#fff;border-radius:12px;justify-content:center;align-items:center;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;text-decoration:none!important}.btn-clay:hover{box-shadow:var(--hard-shadow);background-color:var(--ube-300);transform:rotate(-8deg)translateY(-4px)}.container{max-width:1200px;margin:0 auto;padding:0 40px}header{background:var(--warm-cream);border-bottom:1px solid var(--oat-border);z-index:1000;justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex;position:sticky;top:0}.section{padding:100px 0}.swatch-section{border-radius:40px;margin:40px}.card{border:1px solid var(--oat-border);box-shadow:var(--clay-shadow);background:#fff;border-radius:24px;padding:32px}.dashed-card{border:1px dashed var(--oat-border)}@media (width<=768px){.display-hero{letter-spacing:-1px;font-size:48px}.section-heading{font-size:32px}.swatch-section{border-radius:24px;margin:20px}}