/* SEO landing pages — share styles.css base, plus minor overrides */
@import url('styles.css');

.seo-main{ padding:96px 0 80px; }
.seo-hero h1{
  font-family:'IBM Plex Sans',sans-serif; font-weight:300;
  font-size:clamp(36px,5.4vw,68px); line-height:1; letter-spacing:-.035em;
  margin-bottom:24px;
}
.seo-hero h1 em{ font-family:'Instrument Serif',serif; font-style:italic; color:var(--accent-soft); font-weight:400; }
.seo-hero .lede{
  font-family:'IBM Plex Sans',sans-serif; font-weight:300;
  font-size:18px; color:var(--ink-soft); max-width:64ch; line-height:1.55;
  margin-bottom:32px;
}
.seo-crumbs{
  font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--muted);
  letter-spacing:.06em; margin-bottom:24px;
}
.seo-crumbs a{ color:var(--accent); text-decoration:none; border-bottom:1px solid rgba(91,141,239,.3); }
.seo-crumbs a:hover{ color:var(--accent-soft); }

.seo-section{ padding:64px 0; border-top:1px solid var(--line); }
.seo-section h2{
  font-family:'IBM Plex Sans',sans-serif; font-weight:300;
  font-size:clamp(28px,3.6vw,44px); line-height:1.05; letter-spacing:-.025em;
  margin-bottom:24px;
}
.seo-section h2 em{ font-family:'Instrument Serif',serif; font-style:italic; color:var(--accent-soft); font-weight:400; }
.seo-section p{ font-family:'IBM Plex Sans',sans-serif; font-weight:300; font-size:16px; color:var(--ink-soft); line-height:1.65; max-width:72ch; margin-bottom:16px; }
.seo-section p strong{ color:var(--ink); font-weight:500; }
.seo-section ul{ list-style:none; padding:0; margin:16px 0; }
.seo-section ul li{
  font-family:'IBM Plex Sans',sans-serif; font-weight:300;
  font-size:15px; color:var(--ink-soft); line-height:1.6;
  padding:8px 0 8px 22px; position:relative;
}
.seo-section ul li::before{
  content:"›"; position:absolute; left:0; top:8px; color:var(--accent);
  font-family:'JetBrains Mono',monospace;
}

.seo-cta-card{
  margin-top:32px; padding:28px 28px; border:1px solid var(--accent);
  background:rgba(91,141,239,.06);
  display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center;
}
.seo-cta-card .t{
  font-family:'IBM Plex Sans',sans-serif; font-weight:400; font-size:18px;
  color:var(--ink); margin-bottom:6px;
}
.seo-cta-card .s{ font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--ink-soft); }
.seo-cta-card a{
  display:inline-flex; align-items:center; gap:10px;
  padding:14px 20px; background:var(--accent); color:#fff;
  font-family:'JetBrains Mono',monospace; font-size:13px; font-weight:600;
  letter-spacing:.06em; text-decoration:none;
  border:1px solid var(--accent); transition:background .2s;
}
.seo-cta-card a:hover{ background:var(--accent-deep); }
@media (max-width:640px){ .seo-cta-card{ grid-template-columns:1fr; } }

.seo-related{
  display:grid; grid-template-columns:repeat(3,1fr); gap:1px;
  background:var(--line); border:1px solid var(--line); margin-top:32px;
}
@media (max-width:760px){ .seo-related{ grid-template-columns:1fr; } }
.seo-related a{
  background:var(--bg); padding:20px 22px; text-decoration:none;
  display:flex; flex-direction:column; gap:6px; transition:background .25s;
}
.seo-related a:hover{ background:var(--bg-elev); }
.seo-related a .k{ font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--accent); letter-spacing:.1em; text-transform:uppercase; }
.seo-related a .t{ font-family:'IBM Plex Sans',sans-serif; font-weight:400; font-size:15px; color:var(--ink); }
.seo-related a .d{ font-size:12px; color:var(--muted); font-family:'JetBrains Mono',monospace; }