/* SEO Services — search architecture / intent system */
.seo-architecture {
  min-height:570px;padding:18px;border:1px solid var(--line);border-radius:28px;background:
  radial-gradient(circle at 78% 15%,rgba(22,184,173,.11),transparent 28%),#fff;
  box-shadow:var(--shadow);position:relative;overflow:hidden
}
.seo-visual-head {
  display:flex;justify-content:space-between;align-items:center;padding:3px 3px 15px;
  color:#7d8995;font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:900
}
.seo-board {
  min-height:520px;padding:18px;border:1px solid #e0e7ea;border-radius:19px;background:#f7fafb;
  display:grid;grid-template-rows:auto 1fr;gap:14px
}
.seo-query {
  display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid #dfe7ea;border-radius:12px;background:#fff
}
.seo-query i {
  width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--brand-soft);
  color:var(--brand-dark);font-style:normal;font-weight:900;font-size:11px
}
.seo-query b {font-size:12px}.seo-query span {margin-left:auto;color:#86939e;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.seo-map {
  display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr;gap:8px;align-items:center
}
.seo-node {
  min-height:250px;padding:16px;border:1px solid #dfe7ea;border-radius:14px;background:#fff
}
.seo-node.accent {border-color:#bce8e4;background:#f5fbfa}
.seo-node.dark {background:#0d1727;border-color:#0d1727;color:#fff}
.seo-node>span {display:block;color:var(--brand-dark);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.seo-node.dark>span {color:#78e5de}
.seo-node h3 {margin:43px 0 10px;font-size:15px}
.seo-node ul {list-style:none;padding:0;margin:0}
.seo-node li {padding:8px 0;border-top:1px solid var(--line);font-size:9px;color:#75828d}
.seo-node.dark li {border-color:rgba(255,255,255,.08);color:#9dafb9}
.seo-arrow {text-align:center;color:var(--brand-dark);font-weight:900;font-size:18px}

.seo-problem-grid {
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px
}
.seo-problem {
  min-height:230px;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff
}
.seo-problem span {color:var(--brand-dark);font-size:10px;font-weight:900}
.seo-problem h3 {margin:38px 0 8px;font-size:17px;letter-spacing:-.025em}
.seo-problem p {margin:0;color:var(--muted);font-size:12px;line-height:1.62}

.seo-system {
  position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);gap:1px;
  border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.15);
  border-radius:20px;overflow:hidden
}
.seo-system article {min-height:335px;padding:25px 17px;background:rgba(7,43,56,.3)}
.seo-system span {color:#8bece5;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.11em}
.seo-system h3 {margin:58px 0 8px;font-size:16px}
.seo-system p {margin:0;color:rgba(255,255,255,.7);font-size:11px;line-height:1.62}

.seo-cap-grid {
  display:grid;grid-template-columns:repeat(12,1fr);gap:14px
}
.seo-cap {
  min-height:290px;padding:27px;border:1px solid var(--line);border-radius:18px;background:#fff
}
.seo-cap.big {grid-column:span 6}.seo-cap.small {grid-column:span 4}
.seo-cap.dark {background:#0d1727;color:#fff;border-color:#0d1727}
.seo-cap span {color:var(--brand-dark);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.11em}
.seo-cap.dark span {color:#7be7e0}
.seo-cap h3 {margin:50px 0 8px;font-size:20px;letter-spacing:-.03em}
.seo-cap p {margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.seo-cap.dark p {color:#a8b8c2}

.seo-intent {
  display:grid;grid-template-columns:.88fr 1.12fr;gap:48px;align-items:start
}
.seo-intent-copy {position:sticky;top:118px}
.seo-intent-copy h2 {margin:14px 0 18px;font-size:clamp(40px,4.7vw,62px);line-height:1;letter-spacing:-.055em}
.seo-intent-copy p {color:var(--muted);line-height:1.72}
.seo-intent-list {border-top:1px solid var(--line)}
.seo-intent-row {display:grid;grid-template-columns:80px 1fr;gap:16px;padding:27px 0;border-bottom:1px solid var(--line)}
.seo-intent-row>span {color:var(--brand-dark);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.seo-intent-row h3 {margin:0 0 7px;font-size:20px;letter-spacing:-.025em}
.seo-intent-row p {margin:0;color:var(--muted);font-size:13px;line-height:1.65}

.seo-tech {
  display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center
}
.seo-tech-copy h2 {margin:14px 0 18px;font-size:clamp(40px,4.7vw,61px);line-height:1;letter-spacing:-.055em}
.seo-tech-copy p {color:var(--muted);line-height:1.7}
.seo-console {
  padding:26px;border-radius:22px;background:#0d1727;color:#fff
}
.seo-console-head {
  display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)
}
.seo-console-head b {font-size:12px}.seo-console-head span {color:#78e5de;font-size:9px;font-weight:900}
.seo-check {
  display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)
}
.seo-check:last-child {border-bottom:0}
.seo-check b {font-size:11px}.seo-check small {display:block;color:#8fa1ac;font-size:9px;margin-top:2px}
.seo-state {font-size:8px;font-weight:900;padding:5px 7px;border-radius:7px;background:rgba(22,184,173,.12);color:#8bece5}

.seo-measurement {
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px
}
.seo-measure {
  min-height:220px;padding:23px;border:1px solid var(--line);border-radius:17px;background:#fff
}
.seo-measure i {
  width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--brand-soft);
  color:var(--brand-dark);font-style:normal;font-size:10px;font-weight:900
}
.seo-measure h3 {margin:35px 0 7px;font-size:15px}
.seo-measure p {margin:0;color:var(--muted);font-size:11px;line-height:1.6}

.seo-boundary {
  display:grid;grid-template-columns:1fr 1fr;gap:16px
}
.seo-boundary-card {
  padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff
}
.seo-boundary-card.active {border-color:#bde9e4;background:#f8fdfc}
.seo-boundary-card span {color:var(--brand-dark);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.11em}
.seo-boundary-card h3 {font-size:25px;margin:17px 0 12px;letter-spacing:-.035em}
.seo-boundary-card ul {list-style:none;padding:0;margin:0}
.seo-boundary-card li {padding:11px 0;border-top:1px solid var(--line);color:#52616f;font-size:12px}

@media(max-width:1040px){
  .seo-problem-grid{grid-template-columns:1fr 1fr}
  .seo-system{grid-template-columns:1fr 1fr}
  .seo-intent,.seo-tech{grid-template-columns:1fr}
  .seo-intent-copy{position:static}
  .seo-cap.big,.seo-cap.small{grid-column:span 6}
  .seo-measurement{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .seo-map{grid-template-columns:1fr}.seo-arrow{transform:rotate(90deg)}
  .seo-problem-grid,.seo-system,.seo-measurement,.seo-boundary{grid-template-columns:1fr}
  .seo-cap-grid{grid-template-columns:1fr}.seo-cap.big,.seo-cap.small{grid-column:auto}
}