main{padding:88px 24px 24px}
.hero{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
h1{font-size:clamp(36px,5.2vw,60px);font-weight:900;letter-spacing:-0.03em;line-height:1.04;margin-bottom:20px;background:linear-gradient(135deg,#fafafa 30%,#a78bfa 75%,#38bdf8);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:17px;color:var(--muted);margin-bottom:32px;max-width:540px}
.cta-row{display:flex;gap:14px;flex-wrap:wrap}
.btn-primary{padding:13px 22px;border-radius:11px;font-weight:600;font-size:14px;background:linear-gradient(135deg,#6b21a8,#0c5a8c);color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.btn-primary:hover{filter:brightness(1.12);}
.btn-ghost{padding:13px 22px;border-radius:11px;font-weight:600;font-size:14px;color:var(--text);text-decoration:none;border:1px solid var(--border);background:var(--surface)}
.btn-ghost:hover{border-color:rgba(255,255,255,0.18)}
.hero-art{width:100%;aspect-ratio:5/3;border-radius:18px;border:1px solid var(--border);background:linear-gradient(135deg,rgba(168,85,247,0.10),rgba(56,189,248,0.08));display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.features{max-width:1180px;margin:120px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feature{padding:24px;border-radius:14px;border:1px solid var(--border);background:var(--surface)}
.feature h3{font-size:16px;font-weight:800;margin-bottom:8px;color:#fafafa}
.feature p{font-size:14px;color:var(--muted);line-height:1.6}
.endpoints{max-width:1180px;margin:96px auto 0;padding:28px;border-radius:14px;border:1px solid var(--border);background:var(--surface)}
.endpoints h2{font-size:18px;font-weight:800;margin-bottom:14px;color:#fafafa}
.endpoints code{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:rgba(255,255,255,0.78);padding:6px 0;border-bottom:1px solid rgba(255,255,255,0.04)}
.endpoints code:last-child{border-bottom:none}
footer{margin-top:120px}
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
@media(max-width:860px){.hero{grid-template-columns:1fr;gap:36px}.features{grid-template-columns:1fr}.endpoints{margin-top:64px}}
a:focus-visible,.btn-primary:focus-visible,.btn-ghost:focus-visible,.nav-logo:focus-visible{outline:2px solid #38bdf8;outline-offset:2px;border-radius:4px}
.skip-link{position:absolute;left:-9999px;top:0;z-index:200;padding:10px 16px;background:#6b21a8;color:#fff;text-decoration:none;border-radius:0 0 8px 0}