
/* V82-V84 SEO authority cluster */

.seo84-page{background:#f5f8fb;color:#17384e}
.seo84-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}
.seo84-kicker{display:inline-block;color:#0f78e0;font-size:.74rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.seo84-hero{
  padding:76px 0 66px;
  background:
    radial-gradient(circle at 86% 13%,rgba(64,183,229,.15),transparent 30%),
    linear-gradient(135deg,#071624,#0a2233 65%,#0c2c42);
  color:#fff;
}
.seo84-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:52px;align-items:center}
.seo84-hero .seo84-kicker{color:#63caef}
.seo84-hero h1{max-width:900px;margin:13px 0 0;color:#fff;font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.03;letter-spacing:-.036em}
.seo84-hero p{max-width:830px;margin:20px 0 0;color:#b7cad6;font-size:1.02rem;line-height:1.72}
.seo84-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.seo84-side{
  padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:20px;
  background:rgba(255,255,255,.045);box-shadow:0 22px 58px rgba(0,0,0,.16)
}
.seo84-side h2{margin:8px 0 0;color:#fff;font-size:1.3rem;line-height:1.3}
.seo84-side p{margin:10px 0 0;color:#aebfca;font-size:.85rem}
.seo84-side ul{margin:17px 0 0;padding:0;list-style:none}
.seo84-side li{position:relative;padding:8px 0 8px 22px;border-bottom:1px solid rgba(255,255,255,.06);color:#d6e3ea;font-size:.8rem;line-height:1.5}
.seo84-side li::before{content:"✓";position:absolute;left:0;color:#63caef;font-weight:900}

.seo84-section{padding:68px 0;background:#fff}
.seo84-section.alt{background:#f5f8fb}
.seo84-head{max-width:880px;margin-bottom:28px}
.seo84-head h2{margin:10px 0 0;color:#17384e;font-size:clamp(1.7rem,2.8vw,2.4rem);line-height:1.18}
.seo84-head p{margin:11px 0 0;color:#647b8c;line-height:1.68}

.seo84-grid-2,.seo84-grid-3,.seo84-grid-4{display:grid;gap:16px}
.seo84-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.seo84-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.seo84-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.seo84-card{
  padding:22px;border:1px solid #dce6ec;border-radius:15px;background:#fff;
  box-shadow:0 10px 26px rgba(24,62,87,.045)
}
.seo84-card .num{
  display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:9px;
  background:#eaf4fe;color:#0a57b7;font-size:.7rem;font-weight:900
}
.seo84-card h3{margin:14px 0 7px;color:#17384e;font-size:.96rem;line-height:1.35}
.seo84-card p{margin:0;color:#657c8d;font-size:.8rem;line-height:1.6}

.seo84-lifecycle{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.seo84-lifecycle article{padding:18px;border:1px solid #dce6ec;border-radius:14px;background:#fff}
.seo84-lifecycle span{display:block;color:#0a57b7;font-size:.67rem;font-weight:900;letter-spacing:.06em}
.seo84-lifecycle strong{display:block;margin-top:8px;color:#17384e;font-size:.88rem}
.seo84-lifecycle p{margin:6px 0 0;color:#667d8e;font-size:.75rem;line-height:1.52}

.seo84-table-wrap{overflow:auto;border:1px solid #dce6ec;border-radius:16px;background:#fff}
.seo84-table{width:100%;border-collapse:collapse;min-width:820px}
.seo84-table th,.seo84-table td{padding:15px 16px;border-bottom:1px solid #e7eef2;text-align:left;vertical-align:top}
.seo84-table th{background:#0b2030;color:#fff;font-size:.8rem}
.seo84-table td{color:#526d7f;font-size:.81rem;line-height:1.5}
.seo84-table tr:last-child td{border-bottom:0}

.seo84-callout{
  padding:28px;border-radius:18px;background:linear-gradient(180deg,#0b2435,#071a28);color:#fff;
  box-shadow:0 18px 44px rgba(11,31,46,.13)
}
.seo84-callout h3{margin:0;color:#fff;font-size:1.2rem}
.seo84-callout p{color:#aec0cb;line-height:1.62}
.seo84-callout .seo84-actions{margin-top:18px}

.seo84-faq{display:grid;gap:12px}
.seo84-faq details{border:1px solid #dce6ec;border-radius:14px;background:#fff;padding:17px 19px}
.seo84-faq summary{cursor:pointer;color:#17384e;font-weight:800}
.seo84-faq p{color:#667d8e;line-height:1.62;font-size:.84rem}

.seo84-metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.seo84-metric-strip>div{padding:18px;border:1px solid #dce6ec;border-radius:14px;background:#fff}
.seo84-metric-strip strong{display:block;color:#17384e;font-size:1.05rem}
.seo84-metric-strip span{display:block;margin-top:5px;color:#6a8090;font-size:.76rem;line-height:1.45}

.seo84-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.seo84-related a{display:grid;gap:5px;padding:18px;border:1px solid #dce6ec;border-radius:14px;background:#fff;text-decoration:none!important}
.seo84-related a:hover{border-color:#b5d3e7}
.seo84-related span{color:#0f78e0;font-size:.67rem;font-weight:850;text-transform:uppercase}
.seo84-related strong{color:#17384e;font-size:.9rem}
.seo84-related small{color:#6a8090;font-size:.75rem;line-height:1.5}

.seo84-service-band{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:28px}
.seo84-service-list{display:grid;gap:12px}
.seo84-service-list article{padding:18px;border:1px solid #dce6ec;border-radius:14px;background:#fff}
.seo84-service-list h3{margin:0;color:#17384e;font-size:.94rem}
.seo84-service-list p{margin:6px 0 0;color:#667d8e;font-size:.8rem;line-height:1.55}

@media(max-width:1100px){
  .seo84-hero-grid,.seo84-service-band{grid-template-columns:1fr}
  .seo84-grid-4{grid-template-columns:1fr 1fr}
  .seo84-grid-3{grid-template-columns:1fr 1fr}
  .seo84-lifecycle{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .seo84-shell{width:min(100% - 24px,1180px)}
  .seo84-grid-2,.seo84-grid-3,.seo84-grid-4,.seo84-lifecycle,.seo84-metric-strip,.seo84-related{grid-template-columns:1fr}
  .seo84-hero{padding:56px 0 48px}
}
