.seo-page { background: #071b20; color: #f3f7f6; }
.seo-page .topbar { background: linear-gradient(180deg,rgba(3,18,22,.94),rgba(3,18,22,.2)); position: absolute; }
.seo-hero { align-items: end; background: linear-gradient(90deg,rgba(3,17,21,.94) 0%,rgba(3,17,21,.56) 55%,rgba(3,17,21,.22) 100%),url("./images/josce-live.jpg") center 45%/cover no-repeat; display: grid; min-height: 88svh; padding: 170px 8vw 9vw; }
.seo-hero-copy { max-width: 1050px; }
.seo-hero h1 { font-size: clamp(58px,9vw,138px); font-weight: 950; letter-spacing: -.075em; line-height: .84; margin: 18px 0 34px; max-width: 10ch; text-transform: uppercase; }
.seo-hero .lead { font-size: clamp(21px,2.2vw,34px); line-height: 1.28; margin: 0 0 38px; max-width: 700px; }
.seo-buttons { display: flex; flex-wrap: wrap; gap: 14px; }
.seo-button { background: #f3f7f6; border: 1px solid #f3f7f6; border-radius: 999px; color: #071b20; display: inline-flex; font-size: 12px; font-weight: 900; letter-spacing: .1em; padding: 17px 23px; text-transform: uppercase; }
.seo-button.secondary { background: rgba(5,38,44,.66); color: #f3f7f6; }
.seo-content { background-color: var(--paper); background-image: var(--paper-sheen); padding: 9vw 8vw; }
.seo-content-inner { margin: 0 auto; max-width: 1100px; }
.seo-kicker { color: #a1eeee; font-size: 11px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.seo-content h2 { font-size: clamp(42px,6vw,84px); letter-spacing: -.06em; line-height: .93; margin: 18px 0 42px; max-width: 13ch; text-transform: uppercase; }
.seo-intro { font-size: clamp(20px,2vw,29px); font-weight: 700; line-height: 1.45; max-width: 850px; }
.seo-services { display: grid; gap: 20px; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 70px 0; }
.seo-services article { background: linear-gradient(145deg,rgba(14,66,73,.94),rgba(4,34,41,.9)); border: 1px solid rgba(205,242,239,.2); border-radius: 24px; box-shadow: 0 22px 55px rgba(0,18,22,.25); padding: 34px; }
.seo-services span { color: #9ce7e7; font-size: 10px; font-weight: 900; letter-spacing: .15em; }
.seo-services h3 { font-size: clamp(27px,3vw,42px); letter-spacing: -.045em; line-height: 1; margin: 18px 0; text-transform: uppercase; }
.seo-services p,.seo-faq p { font-size: 17px; line-height: 1.65; margin: 0; }
.seo-faq { border-top: 1px solid rgba(255,255,255,.3); display: grid; gap: 0; margin-top: 70px; }
.seo-faq article { border-bottom: 1px solid rgba(255,255,255,.3); padding: 34px 0; }
.seo-faq h3 { font-size: clamp(24px,2.8vw,38px); letter-spacing: -.035em; margin: 0 0 15px; }
.seo-contact { background: #06171c; padding: 9vw 8vw; text-align: center; }
.seo-contact h2 { font-size: clamp(48px,7.5vw,112px); letter-spacing: -.07em; line-height: .88; margin: 18px auto 34px; max-width: 12ch; text-transform: uppercase; }
.seo-contact p { font-size: clamp(18px,2vw,28px); line-height: 1.45; margin: 0 auto 34px; max-width: 720px; }
@media (max-width: 760px) {
  .seo-hero { background-position: 57% center; min-height: 82svh; padding: 130px 20px 60px; }
  .seo-hero h1 { font-size: clamp(48px,14vw,72px); }
  .seo-content,.seo-contact { padding: 86px 20px; }
  .seo-services { grid-template-columns: 1fr; margin: 48px 0; }
  .seo-services article { padding: 28px; }
}