:root{--fg: #e6e9f2;--muted: #aab1c4;--panel: #141826;--ring: #2b3147}.wrap{padding:4rem 1.5rem;max-width:1100px;margin:0 auto}.hero{text-align:center;position:relative;margin-bottom:3rem}.badge{display:inline-block;padding:.35rem .7rem;border-radius:999px;background:linear-gradient(90deg,#1f2937,#334155);color:var(--muted);font-weight:600;letter-spacing:.08em;font-size:.8rem}h1{margin:.8rem 0 0;font-size:clamp(2rem,6vw,3.2rem);line-height:1.05;background:linear-gradient(90deg,#e2e8f0,#93c5fd,#e879f9);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{margin:1rem auto 0;max-width:50ch;color:var(--muted);font-size:1rem}.grid{display:grid;gap:1.2rem;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.card{background:radial-gradient(120% 120% at 0% 0%,#1b2133 0%,var(--panel) 70%);border:1px solid #22263a;border-radius:16px;padding:1.25rem;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000059;min-height:200px}.card:hover{transform:translateY(-2px)}.icon{width:64px;height:64px;margin-bottom:.75rem;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}.icon svg{width:64px;height:64px}h3{margin:.25rem 0 .35rem;font-size:1.25rem;color:var(--fg)}p{margin:0;color:var(--muted)}.foot{display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:3rem;padding:1rem;border:1px dashed var(--ring);border-radius:14px;background:linear-gradient(180deg,#272b3f59,#14182666)}.brand{font-weight:800;letter-spacing:.05em}.note{color:var(--muted)}@media (max-width: 900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.grid{grid-template-columns:1fr}}