/* Landing refresh */
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:center;margin:8px 0 26px}
.hero-lg{padding:10px 0 6px}
.hero .title{font-size:34px;margin:6px 0 10px}
.hero .subtitle{color:var(--muted);margin:0 0 12px}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 0;padding:0;list-style:none}
.badges li{background:#0f1428;border:1px solid var(--border);padding:6px 10px;border-radius:999px;color:#cbd5e1;font-size:13px}
.hero-showcase{display:flex;justify-content:center}
.phone-card{width:240px;height:460px;border-radius:30px;border:1px solid var(--border);background:linear-gradient(180deg,#0f1428,#0b0f1a);box-shadow:var(--shadow);position:relative}
.phone-notch{position:absolute;left:50%;top:10px;transform:translateX(-50%);width:120px;height:22px;border-radius:12px;background:#0b0f1a;border:1px solid #1d2740}
.phone-screen{position:absolute;inset:44px 14px 14px 14px;border-radius:20px;background:#030712;display:grid;place-items:center}
.mock-frame{width:90%;aspect-ratio:1/1;border-radius:12px;border:1px dashed #334155;background:radial-gradient( circle at 50% 50%, rgba(99,102,241,.15), rgba(99,102,241,0) 60% )}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:22px 0}
.feature{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px}
.feature-icon{font-size:22px;line-height:1}
.card-hover:hover{border-color:#334155;box-shadow:0 8px 28px rgba(2,6,23,.35);transform:translateY(-2px)}
.faq details{margin-top:10px}
.faq summary{cursor:pointer}
@media(max-width:920px){.hero{grid-template-columns:1fr}.hero-showcase{order:-1;margin-bottom:6px}}