:root {
  --seo-night: #061511;
  --seo-night-2: #0a2119;
  --seo-ink: #111915;
  --seo-green: #11b878;
  --seo-green-dark: #087e58;
  --seo-lime: #b8ff68;
  --seo-mint: #bff6dc;
  --seo-sand: #f3f0e7;
  --seo-line: rgba(16, 66, 46, .12);
}

.seo2030-page {
  overflow: hidden;
  color: var(--seo-ink);
  background: #fbfaf6;
}
.seo2030-page h1,
.seo2030-page h2,
.seo2030-page h3 { text-wrap: balance; }
.seo2030-page a { text-decoration: none; }

.seo2030-hero {
  position: relative;
  min-height: 790px;
  display: flex;
  align-items: center;
  padding: clamp(7.5rem, 11vw, 10rem) 0 clamp(5.5rem, 8vw, 7.5rem);
  color: #f4fff9;
  background:
    radial-gradient(circle at 78% 22%, rgba(17,184,120,.21), transparent 28%),
    radial-gradient(circle at 12% 88%, rgba(184,255,104,.08), transparent 25%),
    linear-gradient(145deg, #061511 0%, #071d16 56%, #0a2b20 100%);
  isolation: isolate;
}
.seo2030-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .14;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to right, black, transparent 70%);
}
.seo2030-orbit {
  position: absolute;
  z-index: -1;
  border: 1px solid rgba(184,255,104,.13);
  border-radius: 50%;
  pointer-events: none;
  will-change: transform;
}
.seo2030-orbit::before,
.seo2030-orbit::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--seo-lime);
  box-shadow: 0 0 0 8px rgba(184,255,104,.07), 0 0 30px rgba(184,255,104,.25);
}
.seo2030-orbit--one { width: 680px; height: 680px; right: -260px; top: -210px; transform: rotate(-18deg); }
.seo2030-orbit--one::before { left: 8%; bottom: 22%; }
.seo2030-orbit--one::after { left: 44%; bottom: -5px; }
.seo2030-orbit--two { width: 300px; height: 300px; left: -140px; bottom: -150px; }
.seo2030-orbit--two::before { top: 17%; right: 12%; }
.seo2030-orbit--two::after { display: none; }

.seo2030-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(430px, .98fr);
  gap: clamp(3rem, 7vw, 7rem);
  align-items: center;
}
.seo2030-crumb { margin-bottom: 1.8rem; color: #91a79c; }
.seo2030-crumb a { color: #91a79c; }
.seo2030-crumb a:hover { color: var(--seo-lime); }
.seo2030-kicker {
  display: flex;
  align-items: center;
  gap: .7rem;
  margin: 0 0 1rem;
  color: var(--seo-green-dark);
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.seo2030-kicker > span { width: 28px; height: 2px; background: currentColor; }
.seo2030-hero .seo2030-kicker { color: var(--seo-lime); }
.seo2030-hero h1 {
  max-width: 790px;
  margin: 0;
  font-size: clamp(2.9rem, 5.35vw, 5.55rem);
  font-weight: 770;
  line-height: .98;
  letter-spacing: -.067em;
}
.seo2030-hero h1 em {
  display: inline-block;
  margin-top: .2rem;
  color: var(--seo-lime);
  font-family: "Times New Roman", Times, serif;
  font-weight: 500;
  letter-spacing: -.04em;
}
.seo2030-hero__lead {
  max-width: 690px;
  margin: 1.7rem 0 0;
  color: #b8cbc1;
  font-size: clamp(1.04rem, 1.35vw, 1.19rem);
  line-height: 1.75;
}
.seo2030-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.seo2030-btn {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  padding: .78rem 1.35rem;
  border: 1px solid transparent;
  border-radius: 999px;
  font: 750 .88rem/1.3 var(--font);
  cursor: pointer;
  transition: color .3s ease-out, background-color .3s ease-out, border-color .3s ease-out, transform .3s ease-out, box-shadow .3s ease-out;
}
.seo2030-btn:hover { transform: translateY(-2px); }
.seo2030-btn--primary {
  color: #052016 !important;
  background: linear-gradient(135deg, var(--seo-lime), #70efa9);
  box-shadow: 0 15px 36px rgba(107,239,166,.2);
}
.seo2030-btn--primary:hover { color: #052016 !important; box-shadow: 0 19px 42px rgba(107,239,166,.28); }
.seo2030-btn--ghost { color: #edf9f3 !important; border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.055); }
.seo2030-btn--ghost:hover { color: #fff !important; border-color: rgba(184,255,104,.35); background: rgba(255,255,255,.09); }
.seo2030-trust {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem 1.25rem;
  margin: 1.8rem 0 0;
  padding: 0;
  color: #9db2a7;
  list-style: none;
  font-size: .75rem;
  font-weight: 650;
}
.seo2030-trust li { display: flex; align-items: center; gap: .48rem; }
.seo2030-trust span { color: var(--seo-lime); font: 700 .62rem/1 monospace; }

.seo2030-search-system {
  position: relative;
  padding-bottom: 1rem;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 28px;
  background: rgba(255,255,255,.075);
  box-shadow: 0 36px 90px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  transform: perspective(1200px) rotateY(-4deg) rotateX(1deg);
}
.seo2030-search-system__top {
  height: 47px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 17px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.seo2030-search-system__top > span { width: 8px; height: 8px; border-radius: 50%; background: #536c60; }
.seo2030-search-system__top > span:first-child { background: #e67c6a; }
.seo2030-search-system__top > span:nth-child(2) { background: #e1c354; }
.seo2030-search-system__top > span:nth-child(3) { background: #57c587; }
.seo2030-search-system__top small { margin-left: auto; color: #789085; font: 600 .65rem/1 monospace; }
.seo2030-query {
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: .75rem;
  margin: 1.35rem 1.35rem .9rem;
  padding: .65rem .8rem;
  border: 1px solid rgba(184,255,104,.2);
  border-radius: 999px;
  color: #dff4e9;
  background: rgba(4,23,17,.62);
  font-size: .76rem;
}
.seo2030-query > span { width: 12px; height: 12px; border: 2px solid var(--seo-lime); border-radius: 50%; box-shadow: 0 0 0 5px rgba(184,255,104,.08); }
.seo2030-query kbd { margin-left: auto; color: #6d887b; background: none; font: 700 .8rem/1 monospace; }
.seo2030-result {
  margin: 0 1.35rem;
  padding: 1.2rem;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 18px;
  background: rgba(255,255,255,.06);
}
.seo2030-result__brand { display: flex; align-items: center; gap: .7rem; }
.seo2030-result__brand b { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; color: #071c14; background: var(--seo-lime); font: 850 .72rem/1 var(--font); }
.seo2030-result__brand span { color: #d9ebe1; font-size: .72rem; font-weight: 700; }
.seo2030-result p { margin: .9rem 0 .7rem; color: #a8beb3; font-size: .77rem; line-height: 1.65; }
.seo2030-result__url { color: #78e5ad; font: 600 .62rem/1.4 monospace; }
.seo2030-signal-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; margin: .9rem 1.35rem 0; }
.seo2030-signal-grid > div { min-height: 82px; padding: .8rem; border: 1px solid rgba(255,255,255,.075); border-radius: 14px; background: rgba(3,21,15,.46); }
.seo2030-signal-grid span { color: #60796d; font: 700 .58rem/1 monospace; }
.seo2030-signal-grid strong { display: block; margin-top: .45rem; color: #e9f6ef; font-size: .75rem; }
.seo2030-signal-grid small { display: block; margin-top: .3rem; color: #759084; font-size: .59rem; }
.seo2030-ai-card {
  position: absolute;
  right: -35px;
  bottom: 11%;
  min-width: 205px;
  padding: .9rem 1rem;
  border: 1px solid rgba(184,255,104,.2);
  border-radius: 14px;
  color: #dff4e9;
  background: rgba(9,42,31,.92);
  box-shadow: 0 18px 40px rgba(0,0,0,.28);
  backdrop-filter: blur(14px);
}
.seo2030-ai-card span,
.seo2030-ai-card strong { display: block; }
.seo2030-ai-card span { color: #789588; font-size: .56rem; letter-spacing: .1em; }
.seo2030-ai-card strong { margin-top: .35rem; max-width: 20ch; font-size: .72rem; }
.seo2030-ai-card i { position: absolute; top: .8rem; right: .8rem; width: 7px; height: 7px; border-radius: 50%; background: var(--seo-lime); box-shadow: 0 0 0 6px rgba(184,255,104,.08); }

.seo2030-proof { border-bottom: 1px solid var(--seo-line); background: #fff; }
.seo2030-proof__grid { display: grid; grid-template-columns: repeat(4,1fr); }
.seo2030-proof__grid > div { padding: 1.45rem 1.1rem; border-right: 1px solid var(--seo-line); }
.seo2030-proof__grid > div:last-child { border: 0; }
.seo2030-proof strong,
.seo2030-proof span { display: block; }
.seo2030-proof strong { font-size: .91rem; letter-spacing: -.02em; }
.seo2030-proof span { margin-top: .28rem; color: #728078; font-size: .68rem; }

.seo2030-section { padding: clamp(4.7rem, 8vw, 7.5rem) 0; }
.seo2030-heading { max-width: 800px; }
.seo2030-heading h2,
.seo2030-answer h2,
.seo2030-vitals h2,
.seo2030-standards h2,
.seo2030-final h2 {
  margin: 0;
  font-size: clamp(2.1rem, 4.1vw, 4rem);
  line-height: 1.06;
  letter-spacing: -.055em;
}
.seo2030-heading > p:last-child { max-width: 660px; margin: 1.15rem 0 0; color: #607067; line-height: 1.72; }
.seo2030-heading--light h2 { color: #f1fcf6; }
.seo2030-heading--light > p:last-child { color: #aac0b5; }
.seo2030-heading--light .seo2030-kicker { color: var(--seo-lime); }

.seo2030-section--answer { background: var(--seo-sand); }
.seo2030-answer { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(3rem, 8vw, 8rem); align-items: start; }
.seo2030-answer__copy { padding-left: 2rem; border-left: 2px solid var(--seo-green); }
.seo2030-answer__copy p { margin: 0; color: #3f5047; font-size: clamp(1.04rem,1.5vw,1.22rem); line-height: 1.78; }
.seo2030-answer__copy p + p { margin-top: 1.15rem; }
.seo2030-answer__copy strong { color: var(--seo-ink); }

.seo2030-section--universe { color: #eefaf4; background: radial-gradient(circle at 84% 16%,rgba(17,184,120,.17),transparent 25%), var(--seo-night); }
.seo2030-universe {
  position: relative;
  min-height: 610px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 1px;
  margin-top: 3.2rem;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 28px;
  overflow: hidden;
  background: rgba(255,255,255,.1);
}
.seo2030-universe article { display: grid; grid-template-columns: 45px 1fr; gap: 1rem; min-height: 300px; padding: clamp(1.5rem,3vw,2.5rem); background: rgba(5,25,18,.9); }
.seo2030-universe article > span { color: #70877b; font: 700 .62rem/1 monospace; }
.seo2030-universe article:nth-child(odd) div { max-width: 280px; }
.seo2030-universe article:nth-child(even) div { max-width: 280px; margin-left: auto; }
.seo2030-universe article:nth-child(n+3) { align-items: end; }
.seo2030-universe h3 { margin: 0; font-size: 1.32rem; }
.seo2030-universe article p { margin: .7rem 0 0; color: #9eb4a9; font-size: .83rem; line-height: 1.7; }
.seo2030-universe__core {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 170px;
  height: 170px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(184,255,104,.28);
  border-radius: 50%;
  color: #071b14;
  background: var(--seo-lime);
  box-shadow: 0 0 0 28px rgba(184,255,104,.045), 0 0 70px rgba(184,255,104,.15);
  transform: translate(-50%,-50%);
}
.seo2030-universe__core strong { position: absolute; top: 34px; font-size: .72rem; letter-spacing: .12em; }
.seo2030-universe__core span { text-align: center; font: 750 1.35rem/1.05 var(--font); letter-spacing: -.04em; }

.seo2030-section--system { background: #fbfaf6; }
.seo2030-layer-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin-top: 3rem; }
.seo2030-layer-grid article { min-height: 340px; padding: 1.6rem; border: 1px solid var(--seo-line); border-radius: 20px; background: #fff; box-shadow: 0 16px 40px rgba(24,60,43,.045); transition: transform .3s ease-out, border-color .3s ease-out; }
.seo2030-layer-grid article:hover { transform: translateY(-4px); border-color: rgba(17,184,120,.3); }
.seo2030-layer-grid article > span { color: var(--seo-green-dark); font: 750 .66rem/1 monospace; }
.seo2030-layer-grid h3 { margin: 3.2rem 0 .7rem; font-size: 1.25rem; letter-spacing: -.025em; }
.seo2030-layer-grid p { margin: 0; color: #637168; font-size: .84rem; line-height: 1.7; }
.seo2030-layer-grid ul { margin: 1.35rem 0 0; padding: 0; list-style: none; color: #33483d; font-size: .72rem; font-weight: 650; }
.seo2030-layer-grid li { padding: .4rem 0; border-bottom: 1px solid rgba(16,66,46,.075); }

.seo2030-section--vitals { color: #effaf4; background: #09241b; }
.seo2030-vitals { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(3rem,8vw,8rem); align-items: center; }
.seo2030-vitals .seo2030-kicker { color: var(--seo-lime); }
.seo2030-vitals__copy > p:not(.seo2030-kicker) { margin: 1.25rem 0 0; color: #acc0b6; line-height: 1.75; }
.seo2030-vitals__copy > a { display: inline-flex; gap: .5rem; margin-top: 1.5rem; color: var(--seo-lime); font-size: .8rem; font-weight: 750; }
.seo2030-vitals__panel { display: grid; gap: .8rem; padding: clamp(1.3rem,3vw,2rem); border: 1px solid rgba(255,255,255,.12); border-radius: 24px; background: rgba(255,255,255,.055); box-shadow: 0 28px 70px rgba(0,0,0,.2); }
.seo2030-vital { position: relative; display: grid; grid-template-columns: 54px 105px 1fr; align-items: center; gap: 1rem; min-height: 84px; padding: .9rem 1rem; overflow: hidden; border: 1px solid rgba(255,255,255,.08); border-radius: 16px; background: rgba(3,19,14,.55); }
.seo2030-vital > span { color: var(--seo-lime); font: 800 .78rem/1 monospace; }
.seo2030-vital strong { font-size: 1.13rem; }
.seo2030-vital small { color: #8ea69a; font-size: .69rem; }
.seo2030-vital i { position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background: rgba(255,255,255,.05); }
.seo2030-vital i::after { content: ""; display: block; width: var(--bar,85%); height: 100%; background: linear-gradient(90deg,var(--seo-lime),var(--seo-green)); }
.seo2030-vital--lcp { --bar: 88%; }.seo2030-vital--inp { --bar: 82%; }.seo2030-vital--cls { --bar: 91%; }
.seo2030-vitals__panel > p { margin: .4rem .25rem 0; color: #82998d; font-size: .64rem; line-height: 1.5; }

.seo2030-section--compare { background: var(--seo-sand); }
.seo2030-compare-layout { display: grid; grid-template-columns: .67fr 1.33fr; gap: clamp(3rem,6vw,6rem); align-items: start; }
.seo2030-table { overflow: auto; border: 1px solid var(--seo-line); border-radius: 20px; box-shadow: 0 20px 50px rgba(28,60,45,.07); }
.seo2030-table table { width: 100%; min-width: 690px; border-collapse: collapse; background: #fff; }
.seo2030-table th,
.seo2030-table td { padding: 1rem 1.1rem; border-bottom: 1px solid rgba(16,66,46,.08); text-align: left; vertical-align: top; font-size: .8rem; line-height: 1.55; }
.seo2030-table thead th { color: #eef9f3; background: var(--seo-night); font-size: .68rem; letter-spacing: .05em; text-transform: uppercase; }
.seo2030-table thead th:last-child { color: #082218; background: var(--seo-lime); }
.seo2030-table tbody th { width: 18%; font-weight: 750; }
.seo2030-table tbody td:nth-child(2) { color: #758078; }
.seo2030-table tbody td:last-child { color: #173f2f; font-weight: 620; background: rgba(184,255,104,.09); }

.seo2030-section--roadmap { background: #fff; }
.seo2030-roadmap { display: grid; grid-template-columns: repeat(5,1fr); gap: 0; margin: 3rem 0 0; padding: 0; list-style: none; }
.seo2030-roadmap li { position: relative; min-height: 250px; padding: 2rem 1.25rem 1rem; border-top: 1px solid var(--seo-line); }
.seo2030-roadmap li::before { content: ""; position: absolute; top: -5px; left: 1.25rem; width: 9px; height: 9px; border-radius: 50%; background: var(--seo-green); box-shadow: 0 0 0 7px #fff; }
.seo2030-roadmap li > span { color: var(--seo-green-dark); font: 750 .63rem/1 monospace; }
.seo2030-roadmap h3 { margin: 3.1rem 0 .7rem; font-size: 1.05rem; }
.seo2030-roadmap p { margin: 0; color: #6b776f; font-size: .76rem; line-height: 1.65; }

.seo2030-section--fit { background: #edf5ef; }
.seo2030-fit-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin-top: 3rem; align-items: stretch; }
.seo2030-fit-grid article { display: flex; flex-direction: column; min-height: 480px; padding: 1.7rem; border: 1px solid rgba(16,66,46,.11); border-radius: 20px; background: rgba(255,255,255,.84); box-shadow: 0 18px 44px rgba(30,67,49,.05); }
.seo2030-fit-grid article > span { color: #748179; font-size: .64rem; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.seo2030-fit-grid h3 { margin: .8rem 0 0; font-size: 1.45rem; letter-spacing: -.035em; }
.seo2030-fit-grid p { margin: 1rem 0 0; color: #68776e; font-size: .82rem; line-height: 1.7; }
.seo2030-fit-grid ul { min-height: 150px; display: grid; gap: .65rem; margin: 1.5rem 0; padding: 0; list-style: none; color: #3b5145; font-size: .74rem; font-weight: 620; }
.seo2030-fit-grid li::before { content: "✓"; margin-right: .55rem; color: var(--seo-green); font-weight: 850; }
.seo2030-fit-grid a { margin-top: auto; color: var(--seo-green-dark); font-size: .78rem; font-weight: 800; }
.seo2030-fit-card--featured { color: #f0faf5; background: var(--seo-night-2) !important; transform: translateY(-10px); box-shadow: 0 25px 60px rgba(8,54,39,.2) !important; }
.seo2030-fit-card--featured > span { color: var(--seo-lime) !important; }
.seo2030-fit-card--featured p { color: #abc0b5; }
.seo2030-fit-card--featured ul { color: #d9e8e0; }
.seo2030-fit-card--featured a { color: var(--seo-lime); }

.seo2030-section--faq { background: #f8f7f2; }
.seo2030-faq-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(3rem,8vw,8rem); }
.seo2030-faq details { border-bottom: 1px solid var(--seo-line); }
.seo2030-faq summary { min-height: 66px; display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: 1rem 0; cursor: pointer; list-style: none; font-size: .91rem; font-weight: 750; }
.seo2030-faq summary::-webkit-details-marker { display: none; }
.seo2030-faq summary span { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 auto; border: 1px solid var(--seo-line); border-radius: 50%; color: var(--seo-green-dark); transition: transform .3s ease-out, background-color .3s ease-out; }
.seo2030-faq details[open] summary span { color: #fff; background: var(--seo-green-dark); transform: rotate(45deg); }
.seo2030-faq details p { margin: -.2rem 2.8rem 1.25rem 0; color: #5d6b63; font-size: .84rem; line-height: 1.75; }

.seo2030-standards { padding: 3rem 0; color: #e8f6ee; background: #0b2b20; border-top: 1px solid rgba(255,255,255,.08); }
.seo2030-standards__inner { display: grid; grid-template-columns: .8fr 1.25fr auto; gap: 2rem; align-items: center; }
.seo2030-standards .seo2030-kicker { color: var(--seo-lime); }
.seo2030-standards h2 { font-size: clamp(1.4rem,2.5vw,2.1rem); }
.seo2030-standards__inner > p { margin: 0; color: #abc0b5; font-size: .81rem; line-height: 1.7; }
.seo2030-standards__inner > a { color: var(--seo-lime); font-size: .76rem; font-weight: 750; white-space: nowrap; }

.seo2030-final { position: relative; padding: clamp(5rem,9vw,8rem) 0; color: #effaf4; background: radial-gradient(circle at 15% 20%,rgba(184,255,104,.12),transparent 28%),#051510; }
.seo2030-final__grid { display: grid; grid-template-columns: 1fr .84fr; gap: clamp(3rem,8vw,8rem); align-items: center; }
.seo2030-final .seo2030-kicker { color: var(--seo-lime); }
.seo2030-final__grid > div > p:not(.seo2030-kicker) { max-width: 610px; margin: 1.25rem 0 0; color: #acc0b5; line-height: 1.75; }
.seo2030-final__contact { margin-top: 2rem; }
.seo2030-final__contact span,
.seo2030-final__contact a { display: block; }
.seo2030-final__contact span { color: #789083; font-size: .65rem; text-transform: uppercase; letter-spacing: .1em; }
.seo2030-final__contact a { margin-top: .3rem; color: #fff; font-size: 1.45rem; font-weight: 800; }
.seo2030-lead-form { padding: clamp(1.4rem,3vw,2.2rem); border: 1px solid rgba(255,255,255,.13); border-radius: 24px; background: rgba(255,255,255,.065); box-shadow: 0 25px 60px rgba(0,0,0,.2); backdrop-filter: blur(16px); }
.seo2030-lead-form > div + div { margin-top: .9rem; }
.seo2030-lead-form label { display: block; margin-bottom: .38rem; color: #d9e8e0; font-size: .7rem; font-weight: 700; }
.seo2030-lead-form input,
.seo2030-lead-form textarea { width: 100%; padding: .78rem .9rem; border: 1px solid rgba(255,255,255,.12); border-radius: 11px; outline: none; color: #fff; background: rgba(255,255,255,.06); font: .84rem/1.45 var(--font); transition: border-color .25s ease-out, background-color .25s ease-out; }
.seo2030-lead-form textarea { resize: vertical; }
.seo2030-lead-form input::placeholder,
.seo2030-lead-form textarea::placeholder { color: #789083; }
.seo2030-lead-form input:focus,
.seo2030-lead-form textarea:focus { border-color: var(--seo-lime); background: rgba(255,255,255,.09); }
.seo2030-lead-form button { width: 100%; margin-top: 1.1rem; border: 0; }
.seo2030-lead-form > p { margin: .7rem 0 0; color: #789083; text-align: center; font-size: .62rem; }
.seo2030-mobile-cta { display: none; }

@media (max-width: 1050px) {
  .seo2030-hero__grid { grid-template-columns: 1fr .86fr; gap: 2.8rem; }
  .seo2030-ai-card { display: none; }
  .seo2030-layer-grid { grid-template-columns: repeat(2,1fr); }
  .seo2030-compare-layout { grid-template-columns: 1fr; }
  .seo2030-roadmap { grid-template-columns: repeat(3,1fr); gap: 1.5rem 0; }
  .seo2030-standards__inner { grid-template-columns: 1fr 1fr; }
  .seo2030-standards__inner > a { grid-column: 2; }
}

@media (max-width: 760px) {
  .seo2030-hero { min-height: 0; padding-top: 6.7rem; }
  .seo2030-hero__grid,
  .seo2030-answer,
  .seo2030-vitals,
  .seo2030-faq-layout,
  .seo2030-final__grid { grid-template-columns: 1fr; }
  .seo2030-hero__grid { gap: 3.3rem; }
  .seo2030-hero h1 { font-size: clamp(2.75rem,13.4vw,4.15rem); }
  .seo2030-search-system { transform: none; }
  .seo2030-proof__grid { grid-template-columns: repeat(2,1fr); }
  .seo2030-proof__grid > div:nth-child(2) { border-right: 0; }
  .seo2030-proof__grid > div:nth-child(-n+2) { border-bottom: 1px solid var(--seo-line); }
  .seo2030-answer__copy { padding-left: 1.2rem; }
  .seo2030-universe { min-height: 0; grid-template-columns: 1fr; }
  .seo2030-universe article { min-height: 220px; }
  .seo2030-universe article:nth-child(n) { align-items: start; }
  .seo2030-universe article:nth-child(n) div { max-width: 280px; margin: 0; }
  .seo2030-universe__core { width: 120px; height: 120px; left: auto; right: 1rem; top: 50%; transform: translateY(-50%); }
  .seo2030-universe__core strong { top: 21px; }
  .seo2030-universe__core span { font-size: 1rem; }
  .seo2030-layer-grid,
  .seo2030-fit-grid { grid-template-columns: 1fr; }
  .seo2030-roadmap { grid-template-columns: 1fr; margin-top: 2rem; }
  .seo2030-roadmap li { min-height: 0; padding: 1rem 0 1.5rem 2.5rem; border-top: 0; border-left: 1px solid var(--seo-line); }
  .seo2030-roadmap li::before { top: 1.25rem; left: -5px; box-shadow: 0 0 0 6px #fff; }
  .seo2030-roadmap li > span { position: absolute; top: 1.2rem; left: .9rem; }
  .seo2030-roadmap h3 { margin: 0 0 .4rem; }
  .seo2030-fit-card--featured { transform: none; }
  .seo2030-fit-grid article { min-height: 0; }
  .seo2030-fit-grid ul { min-height: 0; }
  .seo2030-standards__inner { grid-template-columns: 1fr; }
  .seo2030-standards__inner > a { grid-column: auto; }
  .seo2030-final { padding-bottom: 7rem; }
  .seo2030-mobile-cta {
    position: fixed;
    z-index: 80;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    border-radius: 999px;
    color: #062016;
    background: linear-gradient(135deg,var(--seo-lime),#70efa9);
    box-shadow: 0 16px 42px rgba(5,60,40,.32);
    font-size: .84rem;
    font-weight: 800;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(calc(100% + 2rem));
    transition: opacity .25s ease-out, visibility .25s ease-out, transform .25s ease-out;
  }
  .seo2030-mobile-cta.is-visible { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
}

@media (max-width: 480px) {
  .seo2030-actions { flex-direction: column; align-items: stretch; }
  .seo2030-actions .seo2030-btn { width: 100%; }
  .seo2030-trust { display: grid; }
  .seo2030-search-system__top small { display: none; }
  .seo2030-query { margin-inline: .85rem; }
  .seo2030-result { margin-inline: .85rem; }
  .seo2030-signal-grid { margin-inline: .85rem; }
  .seo2030-vital { grid-template-columns: 45px 92px 1fr; gap: .65rem; padding-inline: .75rem; }
  .seo2030-vital strong { font-size: .95rem; }
  .seo2030-table { margin-inline: -1rem; border-radius: 0; }
  .seo2030-universe__core { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .seo2030-page *,
  .seo2030-page *::before,
  .seo2030-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  .seo2030-search-system { transform: none; }
}