.seo-trust-panel {
  min-height: 270px;
  padding: 34px;
  border: 1px solid var(--seo-line);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: radial-gradient(circle at 90% 10%, rgba(52, 120, 246, .18), transparent 38%), #061017;
}

.seo-trust-panel small {
  color: var(--seo-cyan);
  font: 700 9px var(--seo-mono);
  letter-spacing: .15em;
}

.seo-trust-panel strong {
  display: block;
  max-width: 520px;
  margin-top: 16px;
  font-size: 30px;
  font-weight: 380;
  line-height: 1.12;
}

.seo-trust-panel p {
  margin: 25px 0 0;
  color: var(--seo-muted);
  font-size: 13px;
}

.seo-article {
  max-width: 900px;
  margin: 0 auto;
}

.seo-article h2 {
  margin: 72px 0 20px;
  font-size: clamp(34px, 4vw, 54px);
  font-weight: 380;
  line-height: 1.05;
  letter-spacing: -.04em;
}

.seo-article h3 {
  margin: 42px 0 14px;
  font-size: 26px;
  font-weight: 430;
}

.seo-article p,
.seo-article li {
  color: #aebdc1;
  font-size: 17px;
  line-height: 1.8;
}

.seo-article strong { color: var(--seo-paper); }
.seo-article ul { padding-left: 24px; }

.seo-article-callout {
  margin: 46px 0;
  padding: 30px;
  border-left: 2px solid var(--seo-cyan);
  background: rgba(78, 223, 245, .06);
  font-size: clamp(22px, 3vw, 32px);
  line-height: 1.35;
}

.seo-article-meta {
  margin-top: 24px;
  color: #789096;
  font: 10px var(--seo-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
}

.seo-article-index{margin:42px 0;padding:26px 30px;border:1px solid var(--seo-line);background:rgba(5,18,25,.72)}
.seo-article-index strong{display:block;margin-bottom:13px;color:var(--seo-cyan);font:700 10px var(--seo-mono);letter-spacing:.14em}.seo-article-index ol{margin:0;padding-left:20px;columns:2;column-gap:34px}.seo-article-index li{margin:7px 0;font-size:14px;line-height:1.45}.seo-article-index a{color:#c5d3d6}.seo-article-index a:hover{color:var(--seo-cyan)}
.seo-compare{width:100%;margin:32px 0 48px;border-collapse:collapse}.seo-compare th,.seo-compare td{padding:16px;border-bottom:1px solid var(--seo-line);text-align:left;vertical-align:top}.seo-compare th{color:var(--seo-cyan);font:700 10px var(--seo-mono);letter-spacing:.11em}.seo-compare td{color:#aebdc1;font-size:15px;line-height:1.55}.seo-capability{margin:34px 0;padding:28px;border:1px solid rgba(78,223,245,.22);background:linear-gradient(135deg,rgba(78,223,245,.065),rgba(52,120,246,.035))}.seo-capability small{color:var(--seo-cyan);font:700 9px var(--seo-mono);letter-spacing:.14em}.seo-capability h3{margin:12px 0}.seo-capability p:last-child{margin-bottom:0}

/* Crawlable diagrams: every concept stays as text in the document. */
.seo-concept-flow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;margin:42px 0 54px;padding:1px;list-style:none;background:rgba(78,223,245,.18)}
.seo-concept-flow li{position:relative;min-width:0;padding:20px 14px;background:#061017}
.seo-concept-flow li:not(:last-child):after{content:"→";position:absolute;z-index:1;right:-8px;top:24px;color:var(--seo-cyan);font:12px var(--seo-mono)}
.seo-concept-flow small,.seo-concept-flow strong,.seo-concept-flow span{display:block}
.seo-concept-flow small{color:var(--seo-cyan);font:700 8px var(--seo-mono);letter-spacing:.12em}
.seo-concept-flow strong{margin-top:16px;color:var(--seo-paper);font-size:14px;font-weight:520}
.seo-concept-flow span{margin-top:6px;color:#789096;font-size:10px;line-height:1.35}
.seo-context-map{display:grid;grid-template-columns:1.35fr .65fr;gap:1px;margin:38px 0 50px;padding:1px;background:rgba(78,223,245,.2)}
.seo-context-map__terms{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(78,223,245,.12)}
.seo-context-map__terms span{padding:18px;background:#061017;color:#aebdc1;font:700 9px var(--seo-mono);letter-spacing:.13em}
.seo-context-map__terms span:before{content:"+";margin-right:10px;color:var(--seo-cyan)}
.seo-context-map__core{display:flex;min-height:220px;padding:30px;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:radial-gradient(circle,rgba(52,120,246,.2),transparent 68%),#03090e}
.seo-context-map__core small{color:var(--seo-cyan);font:700 8px var(--seo-mono);letter-spacing:.16em}
.seo-context-map__core strong{margin-top:16px;font:520 15px/1.5 var(--seo-mono);letter-spacing:.1em}
.seo-context-map figcaption,.seo-topology figcaption{grid-column:1/-1;padding:16px 18px;background:#061017;color:#789096;font-size:12px;line-height:1.55}
.seo-topology{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:38px 0 50px;padding:1px;background:rgba(78,223,245,.22)}
.seo-topology>section{position:relative;display:flex;min-width:0;min-height:330px;padding:26px;flex-direction:column;background:linear-gradient(155deg,rgba(52,120,246,.07),transparent 55%),#061017}
.seo-topology>section:not(:nth-last-child(2)):after{content:"→";position:absolute;z-index:1;right:-10px;top:50%;color:var(--seo-cyan);font:16px var(--seo-mono)}
.seo-topology section>small{color:var(--seo-cyan);font:700 8px var(--seo-mono);letter-spacing:.13em}
.seo-topology section>strong{display:block;min-height:58px;margin-top:17px;font-size:19px;font-weight:470;line-height:1.35}
.seo-topology ul{margin:18px 0 28px;padding-left:18px}
.seo-topology li{margin:7px 0;color:#8ca0a5;font-size:13px;line-height:1.5}
.seo-topology__output{margin-top:auto;padding-top:14px;border-top:1px solid rgba(78,223,245,.16);color:#c5d3d6;font:700 8px var(--seo-mono);letter-spacing:.12em}

.seo-insights-hero {
  min-height: min(880px, 92svh);
  margin-top: -22px;
  isolation: isolate;
  background: #03090e;
}

.seo-insights-hero:before {
  background-image: linear-gradient(rgba(78, 223, 245, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(78, 223, 245, .045) 1px, transparent 1px);
  opacity: .45;
  z-index: 2;
}

.seo-insights-hero:after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background: linear-gradient(90deg, #03090e 0%, rgba(3, 9, 14, .94) 28%, rgba(3, 9, 14, .55) 55%, rgba(3, 9, 14, .25) 100%), linear-gradient(0deg, #03090e 0%, transparent 28%, transparent 70%, #03090e 100%);
  pointer-events: none;
}

.seo-insights-slides,.seo-insights-slides figure,.seo-insights-slides img{position:absolute;inset:0;width:100%;height:100%}.seo-insights-slides{z-index:0;overflow:hidden}.seo-insights-slides figure{margin:0;opacity:0;transition:opacity 1.45s ease}.seo-insights-slides figure.is-active{opacity:.68}.seo-insights-slides img{object-fit:cover;object-position:center;filter:saturate(.62) contrast(1.06) brightness(.65);transform:scale(1.045);transition:transform 8s ease}.seo-insights-slides figure.is-active img{transform:scale(1.085)}.seo-insights-slides figure:nth-child(1) img{object-position:center 58%}.seo-insights-slides figure:nth-child(2) img{object-position:center 48%}.seo-insights-slides figure:nth-child(3) img{object-position:center 52%}.seo-insights-slides figure:nth-child(4) img{object-position:center 54%}

.seo-insights-slides figure:nth-child(5) img{object-position:center 48%}
.seo-insights-hero--company .seo-insights-slides figure img{object-position:center 48%}

.seo-insights-hero .seo-lead {
  max-width: 660px;
  color: #d0dde0;
}

.seo-insights-hero .seo-hero-grid {
  position: relative;
  z-index: 3;
  grid-template-columns: minmax(0, 820px);
}

.seo-insights-hero .seo-hero-grid > div {
  position: relative;
  z-index: 3;
}

.seo-insights-hero .seo-button--secondary {
  border-color: rgba(237, 246, 247, .55);
  background: rgba(3, 9, 14, .35);
  backdrop-filter: blur(8px);
}

.seo-insights-context{display:grid;gap:7px;max-width:590px;margin-top:25px;padding-left:18px;border-left:1px solid rgba(78,223,245,.7);transition:opacity .25s,transform .25s}.seo-insights-context.is-changing{opacity:0;transform:translateY(8px)}.seo-insights-context small{color:var(--seo-cyan);font:700 9px var(--seo-mono);letter-spacing:.15em}.seo-insights-context strong{color:#c9d7da;font-size:14px;font-weight:450;line-height:1.5}.seo-insights-controls{display:flex;gap:10px;margin-top:24px}.seo-insights-controls button{position:relative;width:34px;height:12px;padding:0;border:0;background:transparent;cursor:pointer}.seo-insights-controls button:before{content:"";position:absolute;left:0;right:0;top:5px;height:1px;background:rgba(174,201,208,.34);transition:background .25s,transform .25s}.seo-insights-controls button.is-active:before{background:var(--seo-cyan);transform:scaleY(2)}.seo-insights-controls button:focus-visible{outline:1px solid var(--seo-cyan);outline-offset:3px}

.seo-insights-visual__mark {
  position: absolute;
  z-index: 1;
  right: -2vw;
  top: 52%;
  transform: translate(-50%, -50%);
  color: transparent;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: clamp(330px, 28vw, 560px);
  font-weight: 320;
  line-height: .8;
  letter-spacing: -.085em;
  white-space: nowrap;
  opacity: .2;
  -webkit-text-stroke: 1px rgba(186, 210, 217, .62);
  text-shadow: 0 0 70px rgba(52, 120, 246, .1);
}

.home-guide {
  padding: clamp(80px, 10vw, 135px) 0;
  border-top: 1px solid var(--line);
  background: radial-gradient(circle at 82% 35%, rgba(52, 120, 246, .2), transparent 30%), #061017;
}

.home-guide__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: 8vw;
  align-items: end;
}

.home-guide h2 {
  max-width: 850px;
  margin: 0;
  font-size: clamp(44px, 6vw, 84px);
  font-weight: 350;
  line-height: .98;
  letter-spacing: -.055em;
}

.home-guide h2 em { color: var(--cyan); font-style: normal; }
.home-guide__copy p { margin: 0 0 28px; color: var(--muted); font-size: 17px; }
.home-guide__copy a { display: inline-flex; padding-bottom: 8px; border-bottom: 1px solid rgba(78, 223, 245, .5); color: var(--cyan); font-size: 12px; }
.home-guide__copy a + a { margin-left: 26px; }

@media (max-width: 800px) {
  .seo-insights-hero {
    min-height: 760px;
    margin-top: -12px;
  }
  .seo-insights-hero .seo-hero-grid { grid-template-columns: 1fr; }
  .seo-insights-hero:after {
    background: linear-gradient(90deg, rgba(3, 9, 14, .9), rgba(3, 9, 14, .46)), linear-gradient(0deg, #03090e 0%, transparent 30%, rgba(3, 9, 14, .72) 100%);
  }
  .seo-insights-slides figure.is-active{opacity:.52}.seo-insights-slides img{object-position:62% center}
  .seo-insights-visual__mark { right: -24vw; top: 58%; font-size: clamp(250px, 78vw, 390px); opacity: .15; }
  .home-guide__layout { grid-template-columns: 1fr; align-items: start; }
  .home-guide__copy a { display: flex; width: max-content; margin-top: 18px; }
  .home-guide__copy a + a { margin-left: 0; }
  .seo-article-index ol{columns:1}.seo-compare{display:block;overflow-x:auto}.seo-compare th,.seo-compare td{min-width:150px}
  .seo-concept-flow{grid-template-columns:repeat(2,1fr)}
  .seo-concept-flow li:not(:last-child):after{display:none}
  .seo-context-map{grid-template-columns:1fr}
  .seo-context-map__core{min-height:190px}
  .seo-topology{grid-template-columns:1fr}
  .seo-topology>section{min-height:0}
  .seo-topology>section:not(:nth-last-child(2)):after{display:none}
}

@media (max-width:480px){.seo-concept-flow{grid-template-columns:1fr}.seo-context-map__terms{grid-template-columns:1fr}}

@media (prefers-reduced-motion: reduce){.seo-insights-slides figure,.seo-insights-slides img,.seo-insights-context{transition:none}.seo-insights-slides figure.is-active img{transform:scale(1.045)}}

/* A shared orbital identity replaces the rectangular dashboard in every
   Insight article hero. Semantic labels remain in the HTML for accessibility. */
.seo-category-hero .seo-system {
  width: min(42vw, 660px);
  min-height: 0;
  aspect-ratio: 1;
  margin-inline: auto;
  border: 0;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 50%, rgba(52,120,246,.2), rgba(3,9,14,.2) 42%, transparent 70%);
  box-shadow: none;
}
.seo-category-hero .seo-system header,
.seo-category-hero .seo-system-node { display: none; }
.seo-category-hero .seo-system:before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(78,223,245,.22);
  border-radius: 50%;
  background: conic-gradient(from 12deg, transparent 0 68%, #4edff5 76%, #76db91 79%, transparent 88%);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 0);
  mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 0);
  animation: orbit-scan 9s linear infinite;
  filter: drop-shadow(0 0 12px rgba(78,223,245,.5));
}
.seo-category-hero .seo-system:after {
  content: "";
  position: absolute;
  inset: 14%;
  width: auto;
  height: auto;
  border: 1px solid rgba(118,219,145,.16);
  border-radius: 50%;
  transform: none;
  box-shadow: 0 0 0 8vw rgba(78,223,245,.025), inset 0 0 80px rgba(52,120,246,.08);
}
.seo-category-hero .seo-system-core { width: 38%; height: 38%; box-shadow: 0 0 65px rgba(52,120,246,.22); }
.seo-category-hero .seo-system-core:before { inset: -24%; }
.seo-category-hero .seo-system-core:after { inset: -48%; }
@media (max-width: 1050px) { .seo-category-hero .seo-system { width: min(76vw, 600px); } }
@media (max-width: 650px) {
  .seo-category-hero .seo-system { width: min(92vw, 430px); margin-top: 5px; }
  .seo-category-hero .seo-system-core { width: 42%; height: 42%; }
}
@media (prefers-reduced-motion: reduce) { .seo-category-hero .seo-system:before { animation: none; } }