/*
Theme Name: SEO Image 2026 Shared Template Styles
Description: Shared CSS for modern SEO Image 2026 page templates.
Use with templates that include:
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style2026.css?v=1.0.0">
*/

/* ==========================================================
   Shared 2026 hero system
   ========================================================== */

#showcase.si-2026-hero,
#showcase.si-seo-hero,
#showcase.si-audit-hero,
#showcase.si-mobile-hero,
#showcase.si-case-hero,
#showcase.si-about-hero,
#showcase.si-orm-hero,
#showcase.si-geo-hero,
#showcase.si-aiorm-hero {
  position: relative !important;
  min-height: 485px !important;
  height: 485px !important;
  overflow: hidden !important;
  background: #111820 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  margin-top: 0 !important;
}

#showcase.si-2026-hero #myVideo,
#showcase.si-seo-hero #myVideo,
#showcase.si-audit-hero #myVideo,
#showcase.si-mobile-hero #myVideo,
#showcase.si-case-hero #myVideo,
#showcase.si-about-hero #myVideo,
#showcase.si-orm-hero #myVideo,
#showcase.si-geo-hero #myVideo,
#showcase.si-aiorm-hero #myVideo {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  z-index: 0 !important;
}

.si-2026-hero-shade,
.si-seo-hero-shade,
.si-audit-hero-shade,
.si-mobile-hero-shade,
.si-case-hero-shade,
.si-about-hero-shade,
.si-orm-hero-shade,
.si-geo-hero-shade,
.si-aiorm-hero-shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(6,11,18,.68) 0%, rgba(6,11,18,.54) 38%, rgba(6,11,18,.26) 72%, rgba(6,11,18,.12) 100%),
    linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.20) 100%);
}

.si-2026-hero-inner,
.si-seo-hero-inner,
.si-audit-hero-inner,
.si-mobile-hero-inner,
.si-case-hero-inner,
.si-about-hero-inner,
.si-orm-hero-inner,
.si-geo-hero-inner,
.si-aiorm-hero-inner {
  position: relative;
  z-index: 2;
  padding: 56px 20px 64px;
  max-width: 1120px;
  box-sizing: border-box;
  color: #fff;
}

.si-2026-eyebrow,
.si-2026-section-label,
.si-seo-eyebrow,
.si-seo-section-label,
.si-audit-eyebrow,
.si-audit-section-label,
.si-mobile-eyebrow,
.si-mobile-section-label,
.si-case-eyebrow,
.si-case-section-label,
.si-about-eyebrow,
.si-about-section-label,
.si-orm-eyebrow,
.si-orm-section-label,
.si-geo-eyebrow,
.si-geo-section-label,
.si-aiorm-eyebrow,
.si-aiorm-section-label {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 700;
}

#showcase.si-2026-hero h1,
#showcase.si-seo-hero h1,
#showcase.si-audit-hero h1,
#showcase.si-mobile-hero h1,
#showcase.si-case-hero h1,
#showcase.si-about-hero h1,
#showcase.si-orm-hero h1,
#showcase.si-geo-hero h1,
#showcase.si-aiorm-hero h1 {
  max-width: 980px;
  margin: 0 0 22px;
  color: #fff;
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  font-size: clamp(42px, 4.4vw, 62px);
  line-height: 1.08;
  letter-spacing: -.03em;
  font-weight: 700;
}

.si-2026-hero-copy,
.si-seo-hero-copy,
.si-audit-hero-copy,
.si-mobile-hero-copy,
.si-case-hero-copy,
.si-about-hero-copy,
.si-orm-hero-copy,
.si-geo-hero-copy,
.si-aiorm-hero-copy {
  max-width: 860px;
  margin: 0 0 30px;
  color: rgba(255,255,255,.94);
  font-size: 22px;
  line-height: 1.45;
}

.si-2026-hero-actions,
.si-seo-hero-actions,
.si-audit-hero-actions,
.si-mobile-hero-actions,
.si-case-hero-actions,
.si-about-hero-actions,
.si-orm-hero-actions,
.si-geo-hero-actions,
.si-aiorm-hero-actions {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.si-2026-btn,
.si-seo-btn,
.si-audit-btn,
.si-mobile-btn,
.si-case-btn,
.si-about-btn,
.si-orm-btn,
.si-geo-btn,
.si-aiorm-btn {
  display: inline-block;
  padding: 14px 24px;
  border-radius: 4px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
  box-sizing: border-box;
  transition: transform .18s ease-in-out, box-shadow .18s ease-in-out, background-color .18s ease-in-out;
}

.si-2026-btn:hover,
.si-seo-btn:hover,
.si-audit-btn:hover,
.si-mobile-btn:hover,
.si-case-btn:hover,
.si-about-btn:hover,
.si-orm-btn:hover,
.si-geo-btn:hover,
.si-aiorm-btn:hover {
  transform: translateY(-1px);
}

.si-2026-btn-primary,
.si-seo-btn-primary,
.si-audit-btn-primary,
.si-mobile-btn-primary,
.si-case-btn-primary,
.si-about-btn-primary,
.si-orm-btn-primary,
.si-geo-btn-primary,
.si-aiorm-btn-primary {
  background: #df1620;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(223,22,32,.25);
}

.si-2026-btn-secondary,
.si-seo-btn-secondary,
.si-audit-btn-secondary,
.si-mobile-btn-secondary,
.si-case-btn-secondary,
.si-about-btn-secondary,
.si-orm-btn-secondary,
.si-geo-btn-secondary,
.si-aiorm-btn-secondary {
  background: #fff;
  color: #111 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
}

/* ==========================================================
   Shared 2026 page/body sections
   ========================================================== */

.si-2026-main,
.si-2026-content,
.si-seo-page,
.si-audit-page,
.si-mobile-main,
.si-mobile-content,
.si-case-main,
.si-case-content,
.si-about-main,
.si-about-content,
.si-orm-main,
.si-orm-content,
.si-geo-main,
.si-geo-content,
.si-aiorm-main,
.si-aiorm-content {
  background: #f6f7f9 !important;
}

.si-2026-page,
.si-seo-page,
.si-audit-page,
.si-mobile-page,
.si-case-page,
.si-about-page,
.si-orm-page,
.si-geo-page,
.si-aiorm-page {
  max-width: 1180px;
  min-width: 0 !important;
  padding: 38px 20px 76px !important;
  box-sizing: border-box;
}

.si-2026-intro,
.si-seo-intro,
.si-audit-intro,
.si-mobile-intro,
.si-case-intro,
.si-about-intro,
.si-orm-intro,
.si-geo-intro,
.si-aiorm-intro {
  text-align: left;
  color: #25282d;
  max-width: 1120px;
  margin: 0 auto;
  background: #f6f7f9;
}

.si-about-intro {
  max-width: 1040px;
}

.si-2026-intro > *:last-child,
.si-seo-intro > *:last-child,
.si-audit-intro > *:last-child,
.si-mobile-intro > *:last-child,
.si-case-intro > *:last-child,
.si-about-intro > *:last-child,
.si-orm-intro > *:last-child,
.si-geo-intro > *:last-child,
.si-aiorm-intro > *:last-child {
  margin-bottom: 0 !important;
}

.si-2026-intro h1,
.si-2026-intro h2,
.si-2026-intro h3,
.si-seo-intro h1,
.si-seo-intro h2,
.si-seo-intro h3,
.si-audit-intro h1,
.si-audit-intro h2,
.si-audit-intro h3,
.si-mobile-intro h1,
.si-mobile-intro h2,
.si-mobile-intro h3,
.si-case-intro h1,
.si-case-intro h2,
.si-case-intro h3,
.si-about-intro h1,
.si-about-intro h2,
.si-about-intro h3,
.si-orm-intro h1,
.si-orm-intro h2,
.si-orm-intro h3,
.si-geo-intro h1,
.si-geo-intro h2,
.si-geo-intro h3,
.si-aiorm-intro h1,
.si-aiorm-intro h2,
.si-aiorm-intro h3 {
  color: #202326;
  font-weight: 700;
  letter-spacing: -.015em;
}

.si-2026-intro h1,
.si-seo-intro h1,
.si-audit-intro h1,
.si-mobile-intro h1,
.si-case-intro h1,
.si-about-intro h1,
.si-orm-intro h1,
.si-geo-intro h1,
.si-aiorm-intro h1 {
  text-align: center;
  font-size: clamp(36px, 4vw, 54px);
  line-height: 1.1;
  margin-bottom: 22px;
}

.si-2026-intro p,
.si-2026-intro li,
.si-seo-intro p,
.si-seo-intro li,
.si-audit-intro p,
.si-audit-intro li,
.si-mobile-intro p,
.si-mobile-intro li,
.si-case-intro p,
.si-case-intro li,
.si-about-intro p,
.si-about-intro li,
.si-orm-intro p,
.si-orm-intro li,
.si-geo-intro p,
.si-geo-intro li,
.si-aiorm-intro p,
.si-aiorm-intro li {
  font-size: 19px;
  line-height: 1.65;
}

.si-2026-intro ul,
.si-seo-intro ul,
.si-audit-intro ul,
.si-mobile-intro ul,
.si-case-intro ul,
.si-about-intro ul,
.si-orm-intro ul,
.si-geo-intro ul,
.si-aiorm-intro ul {
  list-style: disc outside !important;
  margin: 18px 0 28px 28px !important;
  padding-left: 22px !important;
}

.si-2026-intro ol,
.si-seo-intro ol,
.si-audit-intro ol,
.si-mobile-intro ol,
.si-case-intro ol,
.si-about-intro ol,
.si-orm-intro ol,
.si-geo-intro ol,
.si-aiorm-intro ol {
  list-style: decimal outside !important;
  margin: 18px 0 28px 28px !important;
  padding-left: 22px !important;
}

.si-2026-intro li,
.si-seo-intro li,
.si-audit-intro li,
.si-mobile-intro li,
.si-case-intro li,
.si-about-intro li,
.si-orm-intro li,
.si-geo-intro li,
.si-aiorm-intro li {
  display: list-item !important;
  list-style: inherit !important;
  margin: 0 0 12px !important;
  padding-left: 4px !important;
}

/* ==========================================================
   Shared 2026 grids/cards/sections
   ========================================================== */

.si-2026-section,
.si-2026-white-section,
.si-mobile-services,
.si-mobile-process,
.si-mobile-who,
.si-case-results,
.si-case-method,
.si-case-industries,
.si-about-proof,
.si-about-values,
.si-about-industries,
.si-seo-services,
.si-audit-services,
.si-orm-services,
.si-geo-services,
.si-aiorm-services {
  background: #ffffff;
  padding: 72px 0;
  border-top: 1px solid #e6e8ec;
  border-bottom: 1px solid #e6e8ec;
}

.si-2026-gray-section,
.si-mobile-includes,
.si-mobile-strategy,
.si-case-proof,
.si-case-services,
.si-about-expertise,
.si-about-orm,
.si-about-faq,
.si-seo-process,
.si-audit-process,
.si-orm-process,
.si-geo-process,
.si-aiorm-process,
.si-2026-faq,
.si-mobile-faq,
.si-case-faq,
.si-seo-faq,
.si-audit-faq,
.si-orm-faq,
.si-geo-faq,
.si-aiorm-faq {
  background: #f6f7f9;
  padding: 72px 0;
  border-bottom: 1px solid #e6e8ec;
}

.si-2026-section .container,
.si-2026-gray-section .container,
.si-2026-white-section .container,
.si-mobile-services .container,
.si-mobile-includes .container,
.si-mobile-strategy .container,
.si-mobile-process .container,
.si-mobile-faq .container,
.si-mobile-contact-band .container,
.si-case-results .container,
.si-case-proof .container,
.si-case-method .container,
.si-case-services .container,
.si-case-faq .container,
.si-case-contact-band .container,
.si-about-proof .container,
.si-about-expertise .container,
.si-about-values .container,
.si-about-orm .container,
.si-about-faq .container,
.si-about-contact-band .container,
.si-seo-faq .container,
.si-audit-faq .container,
.si-orm-faq .container,
.si-geo-faq .container,
.si-aiorm-faq .container {
  max-width: 1120px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

.si-2026-section h2,
.si-2026-gray-section h2,
.si-2026-white-section h2,
.si-mobile-services h2,
.si-mobile-includes h2,
.si-mobile-process h2,
.si-mobile-faq h2,
.si-mobile-contact-band h2,
.si-mobile-who h2,
.si-case-results h2,
.si-case-method h2,
.si-case-services h2,
.si-case-faq h2,
.si-case-contact-band h2,
.si-case-industries h2,
.si-about-expertise h2,
.si-about-values h2,
.si-about-orm h2,
.si-about-faq h2,
.si-about-contact-band h2,
.si-about-industries h2,
.si-seo-faq h2,
.si-audit-faq h2,
.si-orm-faq h2,
.si-geo-faq h2,
.si-aiorm-faq h2 {
  text-align: center;
  font-size: 44px;
  line-height: 1.12;
  margin: 0 0 18px;
  color: #202326;
  font-weight: 700;
  letter-spacing: -.02em;
}

.si-section-intro,
.si-2026-section-intro,
.si-mobile-includes-intro,
.si-mobile-who-intro,
.si-case-industries-intro,
.si-about-industries-intro {
  max-width: 850px;
  margin: 0 auto 38px;
  text-align: center;
  font-size: 19px;
  line-height: 1.6;
  color: #42464d;
}

.si-2026-card-grid,
.si-mobile-card-grid,
.si-mobile-includes-grid,
.si-mobile-process-grid,
.si-mobile-who-grid,
.si-case-card-grid,
.si-case-method-grid,
.si-case-services-grid,
.si-case-industries-grid,
.si-about-card-grid,
.si-about-values-grid,
.si-about-orm-grid,
.si-about-industries-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.si-mobile-includes-grid,
.si-mobile-who-grid,
.si-case-services-grid,
.si-case-industries-grid,
.si-about-industries-grid {
  grid-template-columns: repeat(3, 1fr);
}

.si-2026-card,
.si-mobile-card,
.si-mobile-includes-card,
.si-mobile-process-step,
.si-mobile-who-card,
.si-case-card,
.si-case-method-card,
.si-case-service-card,
.si-case-industry-card,
.si-about-card,
.si-about-value-card,
.si-about-orm-card,
.si-about-industry-card,
.si-case-proof-box,
.si-about-proof-box,
.si-mobile-proof-box {
  background: #fff;
  border: 1px solid #e4e7eb;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

.si-mobile-card,
.si-mobile-includes-card,
.si-mobile-process-step,
.si-mobile-who-card,
.si-case-card,
.si-case-method-card,
.si-case-service-card,
.si-case-industry-card,
.si-about-card,
.si-about-value-card,
.si-about-orm-card,
.si-about-industry-card,
.si-2026-card {
  display: block;
  padding: 26px 24px;
  color: inherit !important;
  text-decoration: none !important;
}

.si-mobile-card h3,
.si-mobile-includes-card h3,
.si-mobile-process-step h3,
.si-mobile-who-card h3,
.si-mobile-proof-box h3,
.si-case-card h3,
.si-case-method-card h3,
.si-case-service-card h3,
.si-case-industry-card h3,
.si-case-proof-box h3,
.si-about-card h3,
.si-about-value-card h3,
.si-about-orm-card h3,
.si-about-industry-card h3,
.si-about-proof-box h3,
.si-2026-card h3 {
  font-size: 22px;
  line-height: 1.2;
  margin: 0 0 12px;
  color: #202326;
  font-weight: 700;
}

.si-mobile-card p,
.si-mobile-includes-card p,
.si-mobile-process-step p,
.si-mobile-who-card p,
.si-mobile-proof-box li,
.si-case-card p,
.si-case-method-card p,
.si-case-service-card p,
.si-case-industry-card p,
.si-case-proof-box li,
.si-about-card p,
.si-about-value-card p,
.si-about-orm-card p,
.si-about-industry-card p,
.si-about-proof-box li,
.si-2026-card p {
  font-size: 17px;
  line-height: 1.55;
  color: #4f5661;
  margin: 0;
}

.si-case-service-card:hover,
.si-about-card:hover,
.si-about-orm-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 38px rgba(0,0,0,.09);
}

/* ==========================================================
   Shared 2026 two-column proof sections
   ========================================================== */

.si-2026-two-col,
.si-mobile-two-col,
.si-case-two-col,
.si-about-two-col {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.si-2026-copy,
.si-2026-proof-box,
.si-mobile-copy,
.si-mobile-proof-box,
.si-case-copy,
.si-case-proof-box,
.si-about-copy,
.si-about-proof-box {
  display: table-cell;
  vertical-align: middle;
}

.si-2026-copy,
.si-mobile-copy,
.si-case-copy,
.si-about-copy {
  width: 58%;
  padding-right: 56px;
}

.si-2026-proof-box,
.si-mobile-proof-box,
.si-case-proof-box,
.si-about-proof-box {
  width: 42%;
  padding: 30px 30px;
}

.si-2026-copy h2,
.si-mobile-copy h2,
.si-case-copy h2,
.si-about-copy h2 {
  font-size: 46px;
  line-height: 1.12;
  margin: 0 0 22px;
  color: #202326;
  font-weight: 700;
  letter-spacing: -.02em;
}

.si-2026-copy p,
.si-mobile-copy p,
.si-case-copy p,
.si-about-copy p {
  font-size: 19px;
  line-height: 1.62;
  color: #333941;
  margin: 0 0 18px;
}

.si-2026-proof-box ul,
.si-mobile-proof-box ul,
.si-case-proof-box ul,
.si-about-proof-box ul {
  margin: 0;
  padding-left: 20px;
}

.si-2026-proof-box li,
.si-mobile-proof-box li,
.si-case-proof-box li,
.si-about-proof-box li {
  margin-bottom: 12px;
}

/* ==========================================================
   Shared 2026 industry/who inner wrappers
   ========================================================== */

.si-mobile-who,
.si-case-industries,
.si-about-industries {
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

.si-mobile-who-inner,
.si-case-industries-inner,
.si-about-industries-inner {
  max-width: 1120px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* ==========================================================
   Case studies post content cards
   ========================================================== */

.si-case-study-list {
  max-width: 1120px;
  margin: 0 auto;
}

.si-case-study-intro {
  max-width: 1120px;
  margin: 0 auto 28px;
  padding: 22px 26px;
  background: #fff;
  border-left: 5px solid #df1620;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.05);
  border-top: 1px solid #e4e7eb;
  border-right: 1px solid #e4e7eb;
  border-bottom: 1px solid #e4e7eb;
}

.si-case-study-intro p {
  margin: 0 !important;
  color: #333941 !important;
  font-size: 17px !important;
  line-height: 1.58 !important;
}

.si-case-study-entry {
  background: #fff;
  border: 1px solid #e4e7eb;
  border-radius: 18px;
  box-shadow: 0 14px 38px rgba(0,0,0,.06);
  overflow: hidden;
  margin: 0 0 34px;
}

.si-case-study-entry img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  border: 0 !important;
  margin: 0 !important;
}

.si-case-study-body {
  padding: 32px 34px 36px;
}

.si-case-study-kicker {
  margin: 0 0 10px !important;
  color: #df1620 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700;
}

.si-case-study-body h2 {
  margin: 0 0 16px !important;
  color: #202326 !important;
  font-size: 34px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
}

.si-case-study-body h3 {
  margin: 24px 0 8px !important;
  color: #202326 !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

.si-case-study-body p {
  margin: 0 0 16px !important;
  color: #333941 !important;
  font-size: 18px !important;
  line-height: 1.62 !important;
}

/* ==========================================================
   Shared 2026 FAQ/contact/proposal
   ========================================================== */

.si-2026-faq-inner,
.si-mobile-faq-inner,
.si-case-faq-inner,
.si-about-faq-inner,
.si-seo-faq-inner,
.si-audit-faq-inner,
.si-orm-faq-inner,
.si-geo-faq-inner,
.si-aiorm-faq-inner {
  max-width: 920px;
  margin: 32px auto 0;
}

.si-2026-contact-band,
.si-mobile-contact-band,
.si-case-contact-band,
.si-about-contact-band,
.si-seo-contact-band,
.si-audit-contact-band,
.si-orm-contact-band,
.si-geo-contact-band,
.si-aiorm-contact-band {
  background: #202326;
  color: #fff;
  padding: 64px 0;
  text-align: center;
}

.si-2026-contact-band h2,
.si-mobile-contact-band h2,
.si-case-contact-band h2,
.si-about-contact-band h2,
.si-seo-contact-band h2,
.si-audit-contact-band h2,
.si-orm-contact-band h2,
.si-geo-contact-band h2,
.si-aiorm-contact-band h2 {
  color: #fff;
}

.si-2026-contact-band p,
.si-mobile-contact-band p,
.si-case-contact-band p,
.si-about-contact-band p,
.si-seo-contact-band p,
.si-audit-contact-band p,
.si-orm-contact-band p,
.si-geo-contact-band p,
.si-aiorm-contact-band p {
  max-width: 760px;
  margin: 0 auto;
  font-size: 20px;
  line-height: 1.55;
  color: rgba(255,255,255,.88);
}

.si-2026-proposal-wrap,
.si-mobile-proposal-wrap,
.si-case-proposal-wrap,
.si-about-proposal-wrap,
.si-seo-proposal-wrap,
.si-audit-proposal-wrap,
.si-orm-proposal-wrap,
.si-geo-proposal-wrap,
.si-aiorm-proposal-wrap {
  background: #fff !important;
  padding: 50px 0;
}

#proposal2 {
  background: transparent !important;
}

#proposal {
  box-sizing: border-box;
}

/* ==========================================================
   BBB webinar block mobile support
   ========================================================== */

#si-bbb-modern {
  clear: both;
}

/* ==========================================================
   Responsive
   ========================================================== */

@media (max-width: 979px) {
  .si-2026-card-grid,
  .si-mobile-card-grid,
  .si-mobile-includes-grid,
  .si-mobile-process-grid,
  .si-mobile-who-grid,
  .si-case-card-grid,
  .si-case-method-grid,
  .si-case-services-grid,
  .si-case-industries-grid,
  .si-about-card-grid,
  .si-about-values-grid,
  .si-about-orm-grid,
  .si-about-industries-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .si-2026-copy,
  .si-2026-proof-box,
  .si-mobile-copy,
  .si-mobile-proof-box,
  .si-case-copy,
  .si-case-proof-box,
  .si-about-copy,
  .si-about-proof-box {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  .si-2026-copy,
  .si-mobile-copy,
  .si-case-copy,
  .si-about-copy {
    padding-right: 0;
    margin-bottom: 28px;
  }
}

@media (max-width: 767px) {
  #showcase.si-2026-hero,
  #showcase.si-seo-hero,
  #showcase.si-audit-hero,
  #showcase.si-mobile-hero,
  #showcase.si-case-hero,
  #showcase.si-about-hero,
  #showcase.si-orm-hero,
  #showcase.si-geo-hero,
  #showcase.si-aiorm-hero {
    min-height: auto !important;
    height: auto !important;
  }

  .si-2026-hero-inner,
  .si-seo-hero-inner,
  .si-audit-hero-inner,
  .si-mobile-hero-inner,
  .si-case-hero-inner,
  .si-about-hero-inner,
  .si-orm-hero-inner,
  .si-geo-hero-inner,
  .si-aiorm-hero-inner {
    padding: 38px 20px 54px;
  }

  #showcase.si-2026-hero h1,
  #showcase.si-seo-hero h1,
  #showcase.si-audit-hero h1,
  #showcase.si-mobile-hero h1,
  #showcase.si-case-hero h1,
  #showcase.si-about-hero h1,
  #showcase.si-orm-hero h1,
  #showcase.si-geo-hero h1,
  #showcase.si-aiorm-hero h1 {
    font-size: 36px;
    line-height: 1.1;
  }

  .si-2026-hero-copy,
  .si-seo-hero-copy,
  .si-audit-hero-copy,
  .si-mobile-hero-copy,
  .si-case-hero-copy,
  .si-about-hero-copy,
  .si-orm-hero-copy,
  .si-geo-hero-copy,
  .si-aiorm-hero-copy {
    font-size: 19px;
    line-height: 1.45;
  }

  .si-2026-hero-actions,
  .si-seo-hero-actions,
  .si-audit-hero-actions,
  .si-mobile-hero-actions,
  .si-case-hero-actions,
  .si-about-hero-actions,
  .si-orm-hero-actions,
  .si-geo-hero-actions,
  .si-aiorm-hero-actions {
    display: block;
  }

  .si-2026-btn,
  .si-seo-btn,
  .si-audit-btn,
  .si-mobile-btn,
  .si-case-btn,
  .si-about-btn,
  .si-orm-btn,
  .si-geo-btn,
  .si-aiorm-btn {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 12px;
    font-size: 17px;
  }

  .si-2026-page,
  .si-seo-page,
  .si-audit-page,
  .si-mobile-page,
  .si-case-page,
  .si-about-page,
  .si-orm-page,
  .si-geo-page,
  .si-aiorm-page {
    padding: 32px 18px 62px !important;
  }

  .si-2026-intro h1,
  .si-seo-intro h1,
  .si-audit-intro h1,
  .si-mobile-intro h1,
  .si-case-intro h1,
  .si-about-intro h1,
  .si-orm-intro h1,
  .si-geo-intro h1,
  .si-aiorm-intro h1 {
    font-size: 34px;
  }

  .si-2026-intro p,
  .si-2026-intro li,
  .si-seo-intro p,
  .si-seo-intro li,
  .si-audit-intro p,
  .si-audit-intro li,
  .si-mobile-intro p,
  .si-mobile-intro li,
  .si-case-intro p,
  .si-case-intro li,
  .si-about-intro p,
  .si-about-intro li,
  .si-orm-intro p,
  .si-orm-intro li,
  .si-geo-intro p,
  .si-geo-intro li,
  .si-aiorm-intro p,
  .si-aiorm-intro li {
    font-size: 17px;
    line-height: 1.58;
  }

  .si-2026-intro ul,
  .si-2026-intro ol,
  .si-seo-intro ul,
  .si-seo-intro ol,
  .si-audit-intro ul,
  .si-audit-intro ol,
  .si-mobile-intro ul,
  .si-mobile-intro ol,
  .si-case-intro ul,
  .si-case-intro ol,
  .si-about-intro ul,
  .si-about-intro ol,
  .si-orm-intro ul,
  .si-orm-intro ol,
  .si-geo-intro ul,
  .si-geo-intro ol,
  .si-aiorm-intro ul,
  .si-aiorm-intro ol {
    margin-left: 20px !important;
    padding-left: 18px !important;
  }

  .si-2026-section,
  .si-2026-gray-section,
  .si-2026-white-section,
  .si-mobile-services,
  .si-mobile-includes,
  .si-mobile-strategy,
  .si-mobile-process,
  .si-mobile-who,
  .si-mobile-faq,
  .si-case-results,
  .si-case-proof,
  .si-case-method,
  .si-case-services,
  .si-case-industries,
  .si-case-faq,
  .si-about-proof,
  .si-about-expertise,
  .si-about-values,
  .si-about-orm,
  .si-about-industries,
  .si-about-faq {
    padding: 46px 0;
  }

  .si-2026-section h2,
  .si-2026-gray-section h2,
  .si-2026-white-section h2,
  .si-mobile-services h2,
  .si-mobile-includes h2,
  .si-mobile-copy h2,
  .si-mobile-process h2,
  .si-mobile-faq h2,
  .si-mobile-contact-band h2,
  .si-mobile-who h2,
  .si-case-results h2,
  .si-case-method h2,
  .si-case-copy h2,
  .si-case-services h2,
  .si-case-faq h2,
  .si-case-contact-band h2,
  .si-case-industries h2,
  .si-about-expertise h2,
  .si-about-values h2,
  .si-about-copy h2,
  .si-about-orm h2,
  .si-about-faq h2,
  .si-about-contact-band h2,
  .si-about-industries h2 {
    font-size: 34px;
  }

  .si-2026-section h2,
  .si-2026-gray-section h2,
  .si-2026-white-section h2,
  .si-mobile-services h2,
  .si-mobile-includes h2,
  .si-mobile-who h2,
  .si-case-results h2,
  .si-case-method h2,
  .si-case-services h2,
  .si-case-industries h2,
  .si-about-expertise h2,
  .si-about-values h2,
  .si-about-orm h2,
  .si-about-industries h2,
  .si-section-intro,
  .si-2026-section-intro,
  .si-mobile-includes-intro,
  .si-mobile-who-intro,
  .si-case-industries-intro,
  .si-about-industries-intro {
    text-align: left;
  }

  .si-section-intro,
  .si-2026-section-intro,
  .si-mobile-includes-intro,
  .si-mobile-who-intro,
  .si-case-industries-intro,
  .si-about-industries-intro {
    font-size: 17px;
    line-height: 1.58;
    margin-bottom: 24px;
  }

  .si-2026-card-grid,
  .si-mobile-card-grid,
  .si-mobile-includes-grid,
  .si-mobile-process-grid,
  .si-mobile-who-grid,
  .si-case-card-grid,
  .si-case-method-grid,
  .si-case-services-grid,
  .si-case-industries-grid,
  .si-about-card-grid,
  .si-about-values-grid,
  .si-about-orm-grid,
  .si-about-industries-grid {
    display: block;
  }

  .si-2026-card,
  .si-mobile-card,
  .si-mobile-includes-card,
  .si-mobile-process-step,
  .si-mobile-who-card,
  .si-case-card,
  .si-case-method-card,
  .si-case-service-card,
  .si-case-industry-card,
  .si-about-card,
  .si-about-value-card,
  .si-about-orm-card,
  .si-about-industry-card {
    margin-bottom: 18px;
  }

  .si-2026-proof-box,
  .si-mobile-proof-box,
  .si-case-proof-box,
  .si-about-proof-box {
    padding: 24px 22px;
  }

  .si-case-study-entry {
    border-radius: 14px;
    margin-bottom: 24px;
  }

  .si-case-study-body {
    padding: 24px 20px 26px;
  }

  .si-case-study-body h2 {
    font-size: 28px !important;
  }

  .si-case-study-body h3 {
    font-size: 20px !important;
  }

  .si-case-study-body p {
    font-size: 17px !important;
    line-height: 1.58 !important;
  }

  .si-2026-contact-band,
  .si-mobile-contact-band,
  .si-case-contact-band,
  .si-about-contact-band,
  .si-seo-contact-band,
  .si-audit-contact-band,
  .si-orm-contact-band,
  .si-geo-contact-band,
  .si-aiorm-contact-band {
    padding: 46px 18px;
  }

  .si-2026-contact-band p,
  .si-mobile-contact-band p,
  .si-case-contact-band p,
  .si-about-contact-band p,
  .si-seo-contact-band p,
  .si-audit-contact-band p,
  .si-orm-contact-band p,
  .si-geo-contact-band p,
  .si-aiorm-contact-band p {
    font-size: 18px;
  }

  .si-2026-proposal-wrap,
  .si-mobile-proposal-wrap,
  .si-case-proposal-wrap,
  .si-about-proposal-wrap,
  .si-seo-proposal-wrap,
  .si-audit-proposal-wrap,
  .si-orm-proposal-wrap,
  .si-geo-proposal-wrap,
  .si-aiorm-proposal-wrap {
    padding: 38px 18px !important;
    box-sizing: border-box !important;
  }

  .si-2026-proposal-wrap .container,
  .si-2026-proposal-wrap #page,
  .si-2026-proposal-wrap #proposal,
  .si-mobile-proposal-wrap .container,
  .si-mobile-proposal-wrap #page,
  .si-mobile-proposal-wrap #proposal,
  .si-case-proposal-wrap .container,
  .si-case-proposal-wrap #page,
  .si-case-proposal-wrap #proposal,
  .si-about-proposal-wrap .container,
  .si-about-proposal-wrap #page,
  .si-about-proposal-wrap #proposal,
  .si-seo-proposal-wrap .container,
  .si-seo-proposal-wrap #page,
  .si-seo-proposal-wrap #proposal,
  .si-audit-proposal-wrap .container,
  .si-audit-proposal-wrap #page,
  .si-audit-proposal-wrap #proposal,
  .si-orm-proposal-wrap .container,
  .si-orm-proposal-wrap #page,
  .si-orm-proposal-wrap #proposal,
  .si-geo-proposal-wrap .container,
  .si-geo-proposal-wrap #page,
  .si-geo-proposal-wrap #proposal,
  .si-aiorm-proposal-wrap .container,
  .si-aiorm-proposal-wrap #page,
  .si-aiorm-proposal-wrap #proposal {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .si-2026-proposal-wrap .spanProposal,
  .si-2026-proposal-wrap aside,
  .si-mobile-proposal-wrap .spanProposal,
  .si-mobile-proposal-wrap aside,
  .si-case-proposal-wrap .spanProposal,
  .si-case-proposal-wrap aside,
  .si-about-proposal-wrap .spanProposal,
  .si-about-proposal-wrap aside,
  .si-seo-proposal-wrap .spanProposal,
  .si-seo-proposal-wrap aside,
  .si-audit-proposal-wrap .spanProposal,
  .si-audit-proposal-wrap aside,
  .si-orm-proposal-wrap .spanProposal,
  .si-orm-proposal-wrap aside,
  .si-geo-proposal-wrap .spanProposal,
  .si-geo-proposal-wrap aside,
  .si-aiorm-proposal-wrap .spanProposal,
  .si-aiorm-proposal-wrap aside {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .si-2026-proposal-wrap article,
  .si-2026-proposal-wrap aside,
  .si-mobile-proposal-wrap article,
  .si-mobile-proposal-wrap aside,
  .si-case-proposal-wrap article,
  .si-case-proposal-wrap aside,
  .si-about-proposal-wrap article,
  .si-about-proposal-wrap aside,
  .si-seo-proposal-wrap article,
  .si-seo-proposal-wrap aside,
  .si-audit-proposal-wrap article,
  .si-audit-proposal-wrap aside,
  .si-orm-proposal-wrap article,
  .si-orm-proposal-wrap aside,
  .si-geo-proposal-wrap article,
  .si-geo-proposal-wrap aside,
  .si-aiorm-proposal-wrap article,
  .si-aiorm-proposal-wrap aside {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .si-2026-proposal-wrap input[type="text"],
  .si-2026-proposal-wrap input[type="email"],
  .si-2026-proposal-wrap input[type="tel"],
  .si-2026-proposal-wrap textarea,
  .si-mobile-proposal-wrap input[type="text"],
  .si-mobile-proposal-wrap input[type="email"],
  .si-mobile-proposal-wrap input[type="tel"],
  .si-mobile-proposal-wrap textarea,
  .si-case-proposal-wrap input[type="text"],
  .si-case-proposal-wrap input[type="email"],
  .si-case-proposal-wrap input[type="tel"],
  .si-case-proposal-wrap textarea,
  .si-about-proposal-wrap input[type="text"],
  .si-about-proposal-wrap input[type="email"],
  .si-about-proposal-wrap input[type="tel"],
  .si-about-proposal-wrap textarea,
  .si-seo-proposal-wrap input[type="text"],
  .si-seo-proposal-wrap input[type="email"],
  .si-seo-proposal-wrap input[type="tel"],
  .si-seo-proposal-wrap textarea,
  .si-audit-proposal-wrap input[type="text"],
  .si-audit-proposal-wrap input[type="email"],
  .si-audit-proposal-wrap input[type="tel"],
  .si-audit-proposal-wrap textarea,
  .si-orm-proposal-wrap input[type="text"],
  .si-orm-proposal-wrap input[type="email"],
  .si-orm-proposal-wrap input[type="tel"],
  .si-orm-proposal-wrap textarea,
  .si-geo-proposal-wrap input[type="text"],
  .si-geo-proposal-wrap input[type="email"],
  .si-geo-proposal-wrap input[type="tel"],
  .si-geo-proposal-wrap textarea,
  .si-aiorm-proposal-wrap input[type="text"],
  .si-aiorm-proposal-wrap input[type="email"],
  .si-aiorm-proposal-wrap input[type="tel"],
  .si-aiorm-proposal-wrap textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .si-2026-proposal-wrap aside h3,
  .si-mobile-proposal-wrap aside h3,
  .si-case-proposal-wrap aside h3,
  .si-about-proposal-wrap aside h3,
  .si-seo-proposal-wrap aside h3,
  .si-audit-proposal-wrap aside h3,
  .si-orm-proposal-wrap aside h3,
  .si-geo-proposal-wrap aside h3,
  .si-aiorm-proposal-wrap aside h3 {
    margin-top: 34px !important;
    font-size: 30px !important;
    line-height: 1.12 !important;
  }

  #si-bbb-modern {
    padding: 44px 0 !important;
  }

  #si-bbb-modern .si-bbb-real-table,
  #si-bbb-modern .si-bbb-real-table tbody,
  #si-bbb-modern .si-bbb-real-table tr,
  #si-bbb-modern .si-bbb-real-table td {
    display: block !important;
    width: 100% !important;
  }

  #si-bbb-modern .si-bbb-real-image-cell {
    padding: 0 0 28px 0 !important;
    text-align: center !important;
  }

  #si-bbb-modern .si-bbb-real-image-cell a,
  #si-bbb-modern .si-bbb-real-image-cell img {
    width: 320px !important;
    max-width: 100% !important;
    height: auto !important;
  }

  #si-bbb-modern .si-bbb-real-copy-cell {
    text-align: center !important;
  }

  #si-bbb-modern h2 {
    font-size: 34px !important;
  }

  #si-bbb-modern p {
    font-size: 17px !important;
  }
}
/* Mobile SEO: fix Who Needs Mobile SEO section */
@media (max-width: 767px) {
  .si-mobile-who {
    padding: 46px 18px !important;
    background: #fff !important;
    box-sizing: border-box !important;
  }

  .si-mobile-who-inner {
    display: block !important;
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .si-mobile-who h2 {
    max-width: 520px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    font-size: 34px !important;
    line-height: 1.12 !important;
  }

  .si-mobile-who-intro {
    max-width: 520px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    font-size: 17px !important;
    line-height: 1.58 !important;
  }

  .si-mobile-who-grid {
    display: block !important;
    width: 100% !important;
    max-width: 520px !important;
    margin: 24px auto 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .si-mobile-who-card {
    display: block !important;
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto 18px !important;
    padding: 24px 22px !important;
    box-sizing: border-box !important;
  }
}
/* ==========================================================
   Universal 2026 grid utilities
   ========================================================== */

.si-2026-grid-2 {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 28px !important;
}

.si-2026-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
}

.si-2026-grid-4 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 22px !important;
}

.si-2026-grid-centered {
  max-width: 1060px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 979px) {
  .si-2026-grid-4 {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .si-2026-grid-3 {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 22px !important;
  }
}

@media (max-width: 767px) {
  .si-2026-grid-2,
  .si-2026-grid-3,
  .si-2026-grid-4 {
    display: block !important;
    max-width: 520px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .si-2026-grid-2 > *,
  .si-2026-grid-3 > *,
  .si-2026-grid-4 > * {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 18px !important;
    box-sizing: border-box !important;
  }
}
/* ==========================================================
   About 2026 hard overrides
   These use combined selectors so they beat the older page-specific grid rules.
   ========================================================== */

/* About intro content width and heading color */
body .si-about-main .si-about-page {
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body .si-about-main article.si-about-intro,
body .si-about-main article.si-about-intro.si-2026-intro {
  display: block !important;
  width: 100% !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: left !important;
}

body .si-about-main article.si-about-intro h2,
body .si-about-main article.si-about-intro.si-2026-intro h2,
body .si-about-main article.si-about-intro h2[style] {
  display: block !important;
  max-width: 920px !important;
  margin: 0 auto 24px !important;
  color: #202326 !important;
  font-size: 42px !important;
  line-height: 1.16 !important;
  letter-spacing: -.02em !important;
  text-align: center !important;
}

body .si-about-main article.si-about-intro p {
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Force 3-card About ORM section */
body .si-about-orm .si-about-orm-grid.si-2026-grid-3,
body .si-about-orm div.si-about-orm-grid.si-2026-grid-3.si-2026-grid-centered {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
  width: 100% !important;
  max-width: 1060px !important;
  margin: 38px auto 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body .si-about-orm .si-about-orm-grid.si-2026-grid-3 > .si-about-orm-card,
body .si-about-orm .si-about-orm-grid.si-2026-grid-3 > .si-2026-card {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Mobile */
@media (max-width: 767px) {
  body .si-about-main article.si-about-intro,
  body .si-about-main article.si-about-intro.si-2026-intro {
    max-width: 100% !important;
  }

  body .si-about-main article.si-about-intro h2,
  body .si-about-main article.si-about-intro h2[style] {
    font-size: 32px !important;
    line-height: 1.14 !important;
  }

  body .si-about-main article.si-about-intro p {
    max-width: 100% !important;
  }

  body .si-about-orm .si-about-orm-grid.si-2026-grid-3,
  body .si-about-orm div.si-about-orm-grid.si-2026-grid-3.si-2026-grid-centered {
    display: block !important;
    max-width: 520px !important;
    margin: 26px auto 0 !important;
  }

  body .si-about-orm .si-about-orm-grid.si-2026-grid-3 > .si-about-orm-card,
  body .si-about-orm .si-about-orm-grid.si-2026-grid-3 > .si-2026-card {
    width: 100% !important;
    margin: 0 auto 18px !important;
  }
}
/* ==========================================================
   2026 content width reset
   Prevent old theme .site-content sidebar layout from shrinking modern pages
   ========================================================== */

.si-2026-main .site-content,
.si-2026-content,
.site-content.si-2026-content {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  box-sizing: border-box !important;
}