.l-nav{display:flex;align-items:center;gap:28px;max-width:1200px;margin:0 auto;padding:22px 32px}
.l-nav .logo{flex:none}.l-nav nav{flex:1;display:flex;gap:26px;font-weight:700;color:var(--ink-2)}
.l-hero{max-width:1200px;margin:0 auto;padding:40px 32px 70px;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}
.l-hero h1{font-size:56px;line-height:1.05;letter-spacing:-.02em}.l-hero h1 em{color:var(--brand);font-style:normal}
.l-hero p{font-size:19px;color:var(--ink-2);margin:20px 0 28px;max-width:520px}
.l-hero .btn{padding:16px 28px;font-size:16px}
.l-mock{position:relative;height:460px}
.l-mock .ph{position:absolute;width:270px;background:#fff;border-radius:34px;padding:14px;box-shadow:0 30px 60px rgba(60,30,140,.2);border:8px solid #1d1733}
.l-mock .ph:nth-child(2){left:30px;top:80px;transform:rotate(-6deg)}.l-mock .ph:nth-child(3){left:290px;top:10px;transform:rotate(5deg)}
.l-blob{position:absolute;inset:40px 0 0 60px;background:radial-gradient(circle,var(--brand-100),transparent 70%);z-index:-1}
.l-sec{max-width:1200px;margin:0 auto;padding:60px 32px}.l-sec h2{font-size:36px;text-align:center;margin-bottom:10px}
.l-sec .sub{text-align:center;color:var(--ink-2);margin-bottom:36px}
.feat{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.feat article{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.feat h3{margin:12px 0 6px;font-size:18px}.feat p{color:var(--ink-2);font-size:14px}
.feat .ico{width:48px;height:48px;border-radius:14px;background:var(--brand-100);display:grid;place-items:center;font-size:22px}
.l-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.l-cats .card .art{padding:0}
.cta{background:linear-gradient(135deg,var(--brand),#8E6BF0);color:#fff;border-radius:28px;text-align:center;padding:56px}
.cta h2{color:#fff}.cta p{opacity:.9;margin:8px 0 22px}
footer{max-width:1200px;margin:0 auto;padding:30px 32px;color:var(--ink-3);font-size:14px;display:flex;justify-content:space-between;border-top:1px solid var(--line)}