
/* ═══ AI Web Automation — Insights (blog) ═══ */
.blog-hero{background:#efeaf9;padding:80px 0 70px;border-bottom:1px solid var(--line)}
.blog-hero h1{font-size:clamp(38px,4.4vw,60px);margin:18px 0;max-width:760px}
.blog-hero p.lead{font-size:16px;max-width:560px;color:var(--muted)}
.blog-meta{display:flex;gap:14px;align-items:center;font-size:10px;color:var(--muted);letter-spacing:.06em;margin-bottom:18px}
.blog-meta .cat{color:var(--purple);font-weight:700}
.blog-section{padding-block:80px}
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.card{border:1px solid var(--line);border-radius:14px;padding:30px;background:#fff;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #433b4b14}
.card .cat{font-size:9px;letter-spacing:.1em;color:var(--purple);font-weight:700}
.card h3{font-size:22px;margin:12px 0 8px;line-height:1.3}
.card p{font-size:13px;line-height:1.75}
.card .foot{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}
.card .read{color:var(--purple);font-weight:700;font-size:12px}
.article{max-width:760px;margin:0 auto;padding-top:60px}
.article h1{font-size:clamp(30px,3.6vw,46px);margin:18px 0 24px;letter-spacing:-.045em}
.article h2{font-size:24px;margin:44px 0 14px}
.article p{font-size:15px;line-height:1.9;margin-bottom:18px;color:#3d3a41}
.article ul{list-style:none;padding:0;margin:0 0 22px;font-size:15px}
.article li{padding:9px 0 9px 28px;position:relative;border-bottom:1px solid var(--line);line-height:1.7}
.article li:last-child{border-bottom:0}
.article li:before{content:'↗';position:absolute;left:0;color:var(--purple);font-weight:700}
.article blockquote{border-left:4px solid var(--purple);background:#f4f0fb;margin:28px 0;padding:22px 26px;border-radius:0 10px 10px 0}
.article blockquote p{margin:0;font-family:Manrope,sans-serif;font-size:18px;font-weight:600;line-height:1.55;color:var(--ink)}
.article-cta{background:#29252f;color:#fff;border-radius:16px;padding:40px;margin:50px 0 0;text-align:center}
.article-cta h3{font-size:26px;margin-bottom:10px}
.article-cta p{color:#c4becb;font-size:13px;max-width:460px;margin:0 auto 22px}
.blog-nav{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-top:1px solid var(--line);margin-top:50px;font-size:12px}
.blog-nav a{color:var(--purple);font-weight:700}
@media(max-width:760px){.blog-grid{grid-template-columns:1fr}.blog-hero{padding:55px 0 45px}.article{padding-top:40px}.article-cta{padding:30px 22px}}
