body{background:#0b0d12;color:#e6e8ee;min-height:100vh}.shell{max-width:1080px;margin:0 auto;padding:4rem 1.5rem 6rem}header{margin-bottom:3rem}h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 .5rem;letter-spacing:-.02em}.lede{color:#9aa0ad;max-width:56ch;margin:0}.designs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:2.5rem;list-style:none;padding:0}.designs a{display:block;padding:1.5rem;border:1px solid #1f232c;border-radius:12px;background:linear-gradient(180deg,#131722,#0f1219);text-decoration:none;transition:transform .12s ease,border-color .12s ease}.designs a:hover{transform:translateY(-2px);border-color:#3a4256}.designs h2{margin:.75rem 0 .25rem;font-size:1.125rem;letter-spacing:-.01em}.designs p{margin:0;color:#8e94a3;font-size:.9375rem}.swatch{width:100%;height:96px;border-radius:8px}.swatch--aurora{background:linear-gradient(135deg,#1a1d3a,#4f4cc7,#7c3aed)}.swatch--compass{background:#f4efe6;border:1px solid #d8d2c5;position:relative}.swatch--compass:after{content:"";position:absolute;top:18%;right:22%;bottom:18%;left:22%;border-left:2px solid #2b2218;border-top:2px solid #2b2218}.swatch--helix{background:#fff200;position:relative;overflow:hidden}.swatch--helix:after{content:"AAA";position:absolute;left:8px;bottom:-6px;font-weight:900;font-size:4rem;color:#000;letter-spacing:-.05em}.swatch--lumen{background:#fff;border:1px solid #ececec;position:relative}.swatch--lumen:after{content:"";position:absolute;left:16px;right:16px;top:50%;height:2px;background:#111;transform:translateY(-50%)}.swatch--atlas{background:#0c1424;position:relative}.swatch--atlas:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;background:repeating-linear-gradient(90deg,#1f3a6b 0 12px,transparent 12px 24px),repeating-linear-gradient(0deg,#1f3a6b 0 12px,transparent 12px 24px);opacity:.55;border-radius:4px}footer{margin-top:4rem;color:#5a6072;font-size:.8125rem}