/* =========================================================
   RAREINPUTS — LOCAL & ENTERPRISE SEO
   Bootstrap 5.3.8 safe custom CSS using BEM-prefixed classes.
========================================================= */
:root {
   --seo-wine: #7a1632;
   --seo-wine-2: #a5264c;
   --seo-deep: #310914;
   --seo-deep-2: #1b050c;
   --seo-ink: #291c21;
   --seo-muted: #716269;
   --seo-line: #eadce1;
   --seo-blush: #fff5f8;
   --seo-soft: #faf7f8;
   --seo-white: #ffffff;
   --seo-gold: #d6a84b;
   --seo-shadow: 0 24px 70px rgba(73, 13, 31, .12);
   --seo-radius-sm: 12px;
   --seo-radius: 20px;
   --seo-radius-lg: 28px;
   --seo-container: 1180px;
}

html {
   scroll-behavior: smooth;
   scroll-padding-top: 92px;
}

body {
   margin: 0;
   overflow-x: hidden;
   color: var(--seo-ink);
   background: var(--seo-white);
   font: 400 16px/1.7 Inter, sans-serif;
}

body.seo-modal-open {
   overflow: hidden;
}

img {
   max-width: 100%;
   height: auto;
}

a {
   color: inherit;
   text-decoration: none;
}

button,
input,
select,
textarea {
   font: inherit;
}

h1,
h2,
h3,
h4 {
   margin: 0;
   font-family: "Plus Jakarta Sans", sans-serif;
   line-height: 1.14;
   letter-spacing: -.04em;
}

p {
   margin: 0 0 18px;
}

.container {
   max-width: var(--seo-container);
}

::selection {
   background: var(--seo-wine);
   color: #fff;
}

:focus-visible {
   outline: 3px solid rgba(165, 38, 76, .35);
   outline-offset: 3px;
}

.seo-skip-link {
   position: fixed;
   left: 16px;
   top: -80px;
   z-index: 9999;
   padding: 10px 14px;
   background: var(--seo-deep);
   color: #fff;
   border-radius: 8px;
   transition: top .2s ease;
}

.seo-skip-link:focus {
   top: 16px;
}

/* =========================
   GLOBAL ELEMENTS
========================= */
.seo-section {
   padding: clamp(72px, 7vw, 104px) 0;
}

.seo-eyebrow {
   display: inline-block;
   margin-bottom: 15px;
   color: var(--seo-wine);
   font-size: 11px;
   font-weight: 800;
   letter-spacing: .16em;
   text-transform: uppercase;
}

.seo-eyebrow--light {
   color: #dda0b3;
}

.seo-section-heading {
   max-width: 760px;
}

.seo-section-heading--center {
   margin-inline: auto;
   text-align: center;
}

.seo-section-heading--light .seo-section-heading__title {
   color: #fff;
}

.seo-section-heading--light .seo-section-heading__description {
   color: #cdb7be;
}

.seo-section-heading__title {
   color: var(--seo-deep);
   font-size: clamp(34px, 4vw, 36px);
}

.seo-section-heading__description {
   margin-top: 20px;
   color: var(--seo-muted);
   font-size: 16px;
   line-height: 1.85;
}

.seo-split-heading {
   display: grid;
   grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr);
   gap: clamp(36px, 6vw, 78px);
   align-items: end;
   margin-bottom: 48px;
}

.seo-split-heading h2 {
   color: var(--seo-deep);
   font-size: clamp(34px, 4vw, 40px);
}

.seo-split-heading>p {
   margin: 0;
   color: var(--seo-muted);
   line-height: 1.85;
}

.seo-split-heading--light h2 {
   color: #fff;
}

.seo-split-heading--light>p {
   color: #cdb7be;
}

.seo-btn {
   display: inline-flex;
   min-height: 50px;
   align-items: center;
   justify-content: center;
   gap: 8px;
   border: 0;
   border-radius: 10px;
   padding: 13px 22px;
   background: linear-gradient(135deg, var(--seo-wine), var(--seo-wine-2));
   color: #fff;
   box-shadow: 0 12px 28px rgba(122, 22, 50, .22);
   font-size: 13px;
   font-weight: 800;
   transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.seo-btn:hover {
   color: #fff;
   transform: translateY(-2px);
   box-shadow: 0 17px 36px rgba(122, 22, 50, .28);
   filter: saturate(1.06);
}

.seo-btn--small {
   min-height: 42px;
   padding: 10px 16px;
   font-size: 12px;
}

.seo-btn--light {
   background: #fff;
   color: var(--seo-wine);
   box-shadow: none;
}

.seo-btn--light:hover {
   color: var(--seo-deep);
   background: #fffafc;
   box-shadow: 0 14px 30px rgba(0, 0, 0, .12);
}

.seo-link-arrow {
   display: inline-flex;
   align-items: center;
   gap: 9px;
   color: var(--seo-wine);
   font-size: 14px;
   font-weight: 800;
}

.seo-link-arrow span {
   transition: transform .2s ease;
}

.seo-link-arrow:hover span {
   transform: translateX(4px);
}

/* =========================
   TOPBAR + HEADER
========================= */
.seo-topbar {
   background: var(--seo-deep);
   color: #dbc9cf;
   font-size: 12px;
}

.seo-topbar__inner {
   min-height: 38px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 20px;
}

.seo-topbar__links {
   display: flex;
   flex-wrap: wrap;
   gap: 22px;
}

.seo-topbar__links a:hover {
   color: #fff;
}

.seo-header {
   position: sticky;
   top: 0;
   z-index: 100;
   height: 82px;
   background: rgba(255, 255, 255, .97);
   border-bottom: 1px solid rgba(234, 220, 225, .8);
   box-shadow: 0 4px 22px rgba(49, 9, 20, .07);
   backdrop-filter: blur(10px);
}

.seo-header__inner {
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 24px;
}

.seo-header__brand {
   position: relative;
   display: block;
   width: 225px;
   height: 62px;
   overflow: hidden;
   flex: none;
}

.seo-header__brand img {
   position: absolute;
   width: 280px;
   max-width: none;
   left: -25px;
   top: -42px;
}

.seo-nav {
   display: flex;
   align-items: center;
   gap: clamp(15px, 2vw, 25px);
}

.seo-nav__link {
   position: relative;
   font-size: 13px;
   font-weight: 700;
}

.seo-nav__link::after {
   content: "";
   position: absolute;
   left: 0;
   right: 100%;
   bottom: -8px;
   height: 2px;
   background: var(--seo-wine);
   transition: right .2s ease;
}

.seo-nav__link:hover {
   color: var(--seo-wine);
}

.seo-nav__link:hover::after,
.seo-nav__link.is-active::after {
   right: 0;
}

.seo-header__actions {
   display: flex;
   align-items: center;
   gap: 10px;
}

.seo-header__menu {
   display: none;
   width: 44px;
   height: 44px;
   padding: 10px;
   border: 1px solid var(--seo-line);
   border-radius: 10px;
   background: #fff;
}

.seo-header__menu span {
   display: block;
   width: 100%;
   height: 2px;
   margin: 5px 0;
   background: var(--seo-deep);
   transition: transform .2s ease, opacity .2s ease;
}

.seo-header__menu[aria-expanded="true"] span:nth-child(1) {
   transform: translateY(7px) rotate(45deg);
}

.seo-header__menu[aria-expanded="true"] span:nth-child(2) {
   opacity: 0;
}

.seo-header__menu[aria-expanded="true"] span:nth-child(3) {
   transform: translateY(-7px) rotate(-45deg);
}

/* =========================
   HERO
========================= */
.seo-hero {
   position: relative;
   overflow: hidden;
   padding: clamp(56px, 7vw, 90px) 0 clamp(72px, 8vw, 108px);
   background: linear-gradient(120deg, #fff9fb 0%, #fff 54%, #faedf1 100%);
}

.seo-hero__orb {
   position: absolute;
   pointer-events: none;
   border-radius: 50%;
}

.seo-hero__orb--one {
   width: 470px;
   height: 470px;
   right: -235px;
   bottom: -270px;
   border: 80px solid rgba(122, 22, 50, .035);
}

.seo-hero__orb--two {
   width: 260px;
   height: 260px;
   left: -160px;
   top: 90px;
   border: 1px solid rgba(122, 22, 50, .08);
}

.seo-breadcrumb {
   position: relative;
   z-index: 2;
   margin-bottom: 34px;
}

.seo-breadcrumb__list {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   margin: 0;
   padding: 0;
   list-style: none;
   color: var(--seo-muted);
   font-size: 12px;
}

.seo-breadcrumb__list li+li::before {
   content: "/";
   margin-right: 8px;
   color: #bdaab0;
}

.seo-breadcrumb__list a:hover {
   color: var(--seo-wine);
}

.seo-hero__copy {
   position: relative;
   z-index: 2;
}

.seo-hero__title {
   max-width: 800px;
   color: var(--seo-deep);
   font-size: clamp(43px, 5.3vw, 50px);
}

.seo-hero__title em {
   color: var(--seo-wine);
   font-style: normal;
}

.seo-hero__description {
   max-width: 740px;
   margin: 25px 0 0;
   color: var(--seo-muted);
   font-size: clamp(16px, 1.4vw, 18px);
   line-height: 1.82;
}

.seo-hero__actions {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 22px;
   margin-top: 28px;
}

.seo-hero__proof {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 12px;
   max-width: 630px;
   margin-top: 34px;
}

.seo-hero__proof-item {
   padding: 13px 15px;
   border-left: 3px solid var(--seo-wine);
   background: rgba(255, 255, 255, .48);
}

.seo-hero__proof-item strong {
   display: block;
   color: var(--seo-deep);
   font-family: "Plus Jakarta Sans", sans-serif;
   font-size: 18px;
}

.seo-hero__proof-item span {
   display: block;
   color: var(--seo-muted);
   font-size: 11px;
}

.seo-dashboard {
   position: relative;
   z-index: 2;
   border: 1px solid var(--seo-line);
   border-radius: var(--seo-radius-lg);
   padding: 26px;
   background: rgba(255, 255, 255, .92);
   box-shadow: var(--seo-shadow);
}

.seo-dashboard::before {
   content: "";
   position: absolute;
   inset: 10px;
   border: 1px solid rgba(122, 22, 50, .05);
   border-radius: 21px;
   pointer-events: none;
}

.seo-dashboard__head {
   display: flex;
   justify-content: space-between;
   gap: 20px;
   align-items: center;
   padding-bottom: 18px;
   border-bottom: 1px solid var(--seo-line);
   color: var(--seo-wine);
   font-size: 10px;
   font-weight: 800;
   letter-spacing: .14em;
}

.seo-dashboard__head i {
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background: #35a86b;
   box-shadow: 0 0 0 5px rgba(53, 168, 107, .1);
}

.seo-dashboard__search {
   display: flex;
   align-items: center;
   gap: 10px;
   margin: 20px 0 6px;
   border: 1px solid var(--seo-line);
   border-radius: 12px;
   padding: 12px 14px;
   background: var(--seo-soft);
   color: var(--seo-muted);
   font-size: 12px;
}

.seo-dashboard__search-icon {
   color: var(--seo-wine);
   font-size: 18px;
}

.seo-dashboard__chart {
   position: relative;
   min-height: 180px;
   margin-top: 12px;
   overflow: hidden;
   border-radius: 16px;
   background: linear-gradient(180deg, #fff, #fff8fa);
}

.seo-dashboard__bars {
   position: absolute;
   inset: 20px 15px 20px;
   display: flex;
   align-items: flex-end;
   justify-content: space-around;
   gap: 13px;
}

.seo-dashboard__bars i {
   width: 10%;
   border-radius: 7px 7px 0 0;
   background: linear-gradient(180deg, rgba(165, 38, 76, .22), rgba(122, 22, 50, .08));
}

.seo-dashboard__chart svg {
   position: absolute;
   inset: 18px 0 0;
   width: 100%;
   height: 145px;
   overflow: visible;
}

.seo-dashboard__chart polyline {
   fill: none;
   stroke: var(--seo-wine);
   stroke-width: 4;
   stroke-linecap: round;
   stroke-linejoin: round;
   filter: drop-shadow(0 6px 8px rgba(122, 22, 50, .2));
}

.seo-dashboard__metrics {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 10px;
   margin-top: 14px;
}

.seo-dashboard__metrics article {
   padding: 13px;
   border: 1px solid var(--seo-line);
   border-radius: 12px;
   background: #fff;
}

.seo-dashboard__metrics span,
.seo-dashboard__metrics b {
   display: block;
}

.seo-dashboard__metrics span {
   color: var(--seo-wine);
   font-size: 9px;
   font-weight: 800;
   letter-spacing: .12em;
}

.seo-dashboard__metrics b {
   margin-top: 4px;
   font-size: 12px;
}

.seo-dashboard__note {
   margin-top: 14px;
   color: #94868b;
   font-size: 9px;
   text-align: center;
}

/* =========================
   HIGHLIGHT + METRICS
========================= */
.seo-highlight-strip {
   border-top: 1px solid var(--seo-line);
   border-bottom: 1px solid var(--seo-line);
   background: #fff;
}

.seo-highlight-strip__inner {
   min-height: 74px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   gap: 10px 32px;
}

.seo-highlight-strip span {
   position: relative;
   color: #72656a;
   font-size: 12px;
   font-weight: 700;
}

.seo-highlight-strip span:not(:last-child)::after {
   content: "";
   position: absolute;
   right: -17px;
   top: 50%;
   width: 3px;
   height: 3px;
   border-radius: 50%;
   background: #c6b4ba;
}

.seo-metric-band {
   background: var(--seo-deep);
   color: #fff;
}

.seo-metric-band__grid {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
}

.seo-metric-band__item {
   padding: 28px;
   border-right: 1px solid rgba(255, 255, 255, .14);
}

.seo-metric-band__item:last-child {
   border-right: 0;
}

.seo-metric-band__item strong {
   display: block;
   color: #e1a9ba;
   font: 800 29px "Plus Jakarta Sans", sans-serif;
}

.seo-metric-band__item span {
   display: block;
   color: #cdb8bf;
   font-size: 12px;
}

/* =========================
   OVERVIEW
========================= */
.seo-overview {
   background: var(--seo-white);
}

.seo-inline-quote {
   display: flex;
   gap: 10px;
   margin-top: 28px;
   padding: 18px 20px;
   border-left: 4px solid var(--seo-wine);
   background: var(--seo-blush);
   color: var(--seo-muted);
   font-size: 14px;
}

.seo-inline-quote strong {
   flex: none;
   color: var(--seo-deep);
}

.seo-system-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 14px;
}

.seo-system-grid__item {
   min-height: 175px;
   padding: 22px;
   border: 1px solid var(--seo-line);
   border-radius: var(--seo-radius);
   background: #fff;
   transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.seo-system-grid__item:hover {
   transform: translateY(-4px);
   border-color: #cf9eac;
   box-shadow: 0 14px 34px rgba(76, 11, 31, .08);
}

.seo-system-grid__item span {
   color: var(--seo-wine);
   font-size: 10px;
   font-weight: 800;
}

.seo-system-grid__item b {
   display: block;
   margin-top: 22px;
   color: var(--seo-deep);
   font-size: 15px;
}

.seo-system-grid__item p {
   margin: 7px 0 0;
   color: var(--seo-muted);
   font-size: 12px;
}

/* =========================
   LOCAL SEO
========================= */
.seo-local {
   background: var(--seo-blush);
}

.seo-service-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 16px;
}

.seo-service-card {
   position: relative;
   min-height: 260px;
   padding: 26px;
   overflow: hidden;
   border: 1px solid var(--seo-line);
   border-radius: var(--seo-radius);
   background: #fff;
   transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.seo-service-card:hover {
   transform: translateY(-5px);
   border-color: #cd96a6;
   box-shadow: 0 18px 38px rgba(73, 13, 31, .09);
}

.seo-service-card__icon {
   width: 48px;
   height: 48px;
   display: grid;
   place-items: center;
   margin-bottom: 24px;
   border-radius: 14px;
   background: #fae8ee;
   color: var(--seo-wine);
   font-weight: 800;
}

.seo-service-card__label {
   color: var(--seo-wine);
   font-size: 9px;
   font-weight: 800;
   letter-spacing: .14em;
}

.seo-service-card__title {
   margin-top: 8px;
   color: var(--seo-deep);
   font-size: 20px;
}

.seo-service-card__description {
   margin: 12px 0 0;
   color: var(--seo-muted);
   font-size: 13px;
}

.seo-local-panel {
   position: sticky;
   top: 112px;
   overflow: hidden;
   border-radius: var(--seo-radius-lg);
   padding: 32px;
   background: linear-gradient(150deg, #310914 0%, #6e142f 100%);
   color: #fff;
   box-shadow: 0 20px 52px rgba(49, 9, 20, .2);
}

.seo-local-panel::after {
   content: "";
   position: absolute;
   right: -80px;
   bottom: -90px;
   width: 230px;
   height: 230px;
   border: 1px solid rgba(255, 255, 255, .1);
   border-radius: 50%;
}

.seo-local-panel__eyebrow {
   color: #dda0b3;
   font-size: 9px;
   font-weight: 800;
   letter-spacing: .15em;
}

.seo-local-panel__title {
   margin-top: 12px;
   font-size: 29px;
}

.seo-check-list {
   position: relative;
   z-index: 1;
   margin: 28px 0;
   padding: 0;
   list-style: none;
}

.seo-check-list li {
   position: relative;
   padding: 8px 0 8px 27px;
   border-bottom: 1px solid rgba(255, 255, 255, .1);
   color: #e0cbd2;
   font-size: 13px;
}

.seo-check-list li::before {
   content: "✓";
   position: absolute;
   left: 0;
   color: #e4a8bb;
   font-weight: 800;
}

.seo-industry-ribbon {
   display: grid;
   grid-template-columns: 290px 1fr;
   gap: 30px;
   align-items: center;
   margin-top: 26px;
   padding: 27px 30px;
   border: 1px solid var(--seo-line);
   border-radius: var(--seo-radius);
   background: #fff;
}

.seo-industry-ribbon__intro span,
.seo-industry-ribbon__intro b {
   display: block;
}

.seo-industry-ribbon__intro span {
   color: var(--seo-wine);
   font-size: 9px;
   font-weight: 800;
   letter-spacing: .14em;
}

.seo-industry-ribbon__intro b {
   margin-top: 5px;
   font-size: 13px;
}

.seo-industry-ribbon__items {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
}

.seo-industry-ribbon__items span {
   padding: 8px 11px;
   border-radius: 999px;
   background: var(--seo-blush);
   color: #67575d;
   font-size: 11px;
   font-weight: 700;
}

/* =========================
   MULTI-LOCATION
========================= */
.seo-multilocation {
   background: #fff;
}

.seo-location-visual {
   overflow: hidden;
   border: 1px solid var(--seo-line);
   border-radius: var(--seo-radius-lg);
   background: #fff;
   box-shadow: var(--seo-shadow);
}

.seo-location-visual__head {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 20px 22px;
   border-bottom: 1px solid var(--seo-line);
   color: var(--seo-wine);
   font-size: 9px;
   font-weight: 800;
   letter-spacing: .14em;
}

.seo-location-visual__head i {
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background: #35a86b;
}

.seo-location-visual__map {
   position: relative;
   min-height: 300px;
   overflow: hidden;
   background: radial-gradient(circle at 25% 20%, #fff, #fff8fa 64%, #faeef2);
}

.seo-location-visual__map::before {
   content: "";
   position: absolute;
   inset: 0;
   opacity: .45;
   background-image: linear-gradient(rgba(122, 22, 50, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(122, 22, 50, .05) 1px, transparent 1px);
   background-size: 34px 34px;
}

.seo-location-visual__map svg {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
}

.seo-location-visual__map path {
   fill: none;
   stroke: rgba(122, 22, 50, .12);
   stroke-width: 2;
   stroke-dasharray: 7 9;
}

.seo-location-visual__pin {
   position: absolute;
   z-index: 2;
   width: 39px;
   height: 39px;
   display: grid;
   place-items: center;
   border: 5px solid #fff;
   border-radius: 50% 50% 50% 0;
   transform: rotate(-45deg);
   background: var(--seo-wine);
   color: #fff;
   box-shadow: 0 8px 20px rgba(122, 22, 50, .24);
   font-size: 10px;
   font-weight: 800;
}

.seo-location-visual__pin::first-letter {
   transform: rotate(45deg);
}

.seo-location-visual__pin--1 {
   left: 20%;
   top: 25%;
}

.seo-location-visual__pin--2 {
   right: 22%;
   top: 18%;
}

.seo-location-visual__pin--3 {
   left: 39%;
   bottom: 20%;
}

.seo-location-visual__pin--4 {
   right: 13%;
   bottom: 24%;
}

.seo-location-visual__rows {
   padding: 0 22px 18px;
}

.seo-location-visual__rows div {
   display: flex;
   justify-content: space-between;
   gap: 20px;
   padding: 12px 0;
   border-bottom: 1px solid var(--seo-line);
   font-size: 12px;
}

.seo-location-visual__rows div:last-child {
   border: 0;
}

.seo-location-visual__rows span {
   color: var(--seo-muted);
}

.seo-location-visual__rows b {
   color: var(--seo-deep);
}

.seo-feature-list {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 13px;
   margin-top: 30px;
}

.seo-feature-list div {
   padding: 18px;
   border-left: 3px solid var(--seo-wine);
   background: var(--seo-soft);
}

.seo-feature-list b,
.seo-feature-list span {
   display: block;
}

.seo-feature-list b {
   color: var(--seo-deep);
   font-size: 13px;
}

.seo-feature-list span {
   margin-top: 5px;
   color: var(--seo-muted);
   font-size: 11px;
}

/* =========================
   ENTERPRISE SEO
========================= */
.seo-enterprise {
   position: relative;
   overflow: hidden;
   background: linear-gradient(145deg, #19050c, #310914 60%, #4b0f23);
   color: #fff;
}

.seo-enterprise::before {
   content: "";
   position: absolute;
   inset: 0;
   opacity: .08;
   background: repeating-linear-gradient(120deg, transparent 0 70px, #fff 71px 72px);
}

.seo-enterprise .container {
   position: relative;
   z-index: 1;
}

.seo-enterprise-grid {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 1px;
   background: rgba(255, 255, 255, .12);
   border: 1px solid rgba(255, 255, 255, .08);
}

.seo-enterprise-card {
   min-height: 260px;
   padding: 25px;
   background: rgba(28, 5, 12, .9);
   transition: background .2s ease;
}

.seo-enterprise-card:hover {
   background: rgba(72, 14, 32, .95);
}

.seo-enterprise-card>span {
   color: #dda0b3;
   font-size: 9px;
   font-weight: 800;
}

.seo-enterprise-card h3 {
   margin-top: 34px;
   font-size: 18px;
}

.seo-enterprise-card p {
   margin: 11px 0 0;
   color: #cdb7be;
   font-size: 12px;
}

.seo-enterprise-callout {
   margin-top: 24px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 30px;
   padding: 28px 30px;
   border: 1px solid rgba(255, 255, 255, .15);
   border-radius: var(--seo-radius);
   background: rgba(255, 255, 255, .06);
}

.seo-enterprise-callout span {
   color: #dda0b3;
   font-size: 9px;
   font-weight: 800;
   letter-spacing: .14em;
}

.seo-enterprise-callout h3 {
   margin-top: 6px;
   font-size: 24px;
}

.seo-enterprise-callout p {
   max-width: 790px;
   margin: 8px 0 0;
   color: #cdb7be;
   font-size: 12px;
}

/* =========================
   COMPARISON
========================= */
.seo-comparison {
   background: var(--seo-soft);
}

.seo-comparison-table {
   overflow: hidden;
   margin-top: 46px;
   border: 1px solid var(--seo-line);
   border-radius: var(--seo-radius);
   background: #fff;
   box-shadow: 0 16px 38px rgba(64, 10, 27, .06);
}

.seo-comparison-table__head,
.seo-comparison-table__row {
   display: grid;
   grid-template-columns: .8fr 1fr 1.2fr;
}

.seo-comparison-table__head {
   background: var(--seo-deep);
   color: #fff;
   font-size: 12px;
   font-weight: 800;
}

.seo-comparison-table__head>div,
.seo-comparison-table__row>div {
   padding: 18px 20px;
}

.seo-comparison-table__row {
   border-bottom: 1px solid var(--seo-line);
   font-size: 13px;
}

.seo-comparison-table__row:last-child {
   border-bottom: 0;
}

.seo-comparison-table__row>div:first-child {
   color: var(--seo-deep);
   font-weight: 800;
}

.seo-comparison-table__row>div:nth-child(n+2) {
   color: var(--seo-muted);
   border-left: 1px solid var(--seo-line);
}

/* =========================
   TECHNICAL SEO
========================= */
.seo-technical {
   background: #fff;
}

.seo-tag-grid {
   display: flex;
   flex-wrap: wrap;
   gap: 9px;
   margin-top: 30px;
}

.seo-tag-grid span {
   padding: 9px 12px;
   border: 1px solid var(--seo-line);
   border-radius: 999px;
   background: #fff;
   color: #65565b;
   font-size: 11px;
   font-weight: 700;
}

.seo-audit-visual {
   padding: 28px;
   border: 1px solid var(--seo-line);
   border-radius: var(--seo-radius-lg);
   background: var(--seo-soft);
   box-shadow: var(--seo-shadow);
}

.seo-audit-visual__head {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 20px;
   padding-bottom: 15px;
   border-bottom: 1px solid var(--seo-line);
   color: var(--seo-wine);
   font-size: 9px;
   font-weight: 800;
   letter-spacing: .12em;
}

.seo-audit-visual__head b {
   color: #65846f;
   letter-spacing: normal;
}

.seo-audit-visual__score {
   display: flex;
   align-items: end;
   justify-content: space-between;
   gap: 20px;
   padding: 25px 0;
}

.seo-audit-visual__score strong {
   color: var(--seo-deep);
   font: 800 50px "Plus Jakarta Sans", sans-serif;
}

.seo-audit-visual__score span {
   color: var(--seo-muted);
   font-size: 12px;
}

.seo-audit-visual__item {
   margin-bottom: 19px;
}

.seo-audit-visual__item span {
   display: block;
   margin-bottom: 7px;
   color: #5e4f54;
   font-size: 11px;
   font-weight: 700;
}

.seo-audit-visual__item i {
   display: block;
   position: relative;
   height: 7px;
   overflow: hidden;
   border-radius: 999px;
   background: #eadde2;
}

.seo-audit-visual__item i::after {
   content: "";
   position: absolute;
   inset: 0 auto 0 0;
   width: var(--progress);
   border-radius: inherit;
   background: linear-gradient(90deg, var(--seo-wine), var(--seo-wine-2));
}

.seo-audit-visual>small {
   display: block;
   color: #96888d;
   font-size: 9px;
}

/* =========================
   CONTENT SEO
========================= */
.seo-content {
   background: var(--seo-blush);
}

.seo-content-card {
   height: 100%;
   padding: 31px;
   border: 1px solid var(--seo-line);
   border-radius: var(--seo-radius-lg);
   background: #fff;
}

.seo-content-card--primary {
   background: linear-gradient(145deg, #fff, #fff8fa);
}

.seo-content-card>span {
   color: var(--seo-wine);
   font-size: 9px;
   font-weight: 800;
   letter-spacing: .14em;
}

.seo-content-card h3 {
   max-width: 560px;
   margin-top: 9px;
   color: var(--seo-deep);
   font-size: 27px;
}

.seo-content-card__columns {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 16px;
   margin-top: 26px;
}

.seo-content-card ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.seo-content-card li {
   position: relative;
   padding: 8px 0 8px 20px;
   border-bottom: 1px solid var(--seo-line);
   color: var(--seo-muted);
   font-size: 12px;
}

.seo-content-card li::before {
   content: "•";
   position: absolute;
   left: 0;
   color: var(--seo-wine);
   font-weight: 800;
}

/* =========================
   AUTHORITY
========================= */
.seo-authority {
   background: #fff;
}

.seo-authority__main {
   height: 100%;
   padding: clamp(28px, 4vw, 45px);
   border: 1px solid var(--seo-line);
   border-radius: var(--seo-radius-lg);
}

.seo-authority__main h2 {
   max-width: 680px;
   color: var(--seo-deep);
   font-size: clamp(34px, 4vw, 38px);
}

.seo-authority__main p {
   max-width: 720px;
   margin-top: 18px;
   color: var(--seo-muted);
}

.seo-authority__tags {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   margin-top: 26px;
}

.seo-authority__tags span {
   padding: 8px 11px;
   border-radius: 999px;
   background: var(--seo-blush);
   color: var(--seo-wine);
   font-size: 10px;
   font-weight: 800;
}

.seo-authority__aside {
   height: 100%;
   padding: clamp(28px, 4vw, 42px);
   border-radius: var(--seo-radius-lg);
   background: var(--seo-deep);
   color: #fff;
}

.seo-authority__aside>span {
   color: #dda0b3;
   font-size: 9px;
   font-weight: 800;
   letter-spacing: .14em;
}

.seo-authority__aside h3 {
   margin-top: 15px;
   font-size: 30px;
}

.seo-authority__aside p {
   margin-top: 16px;
   color: #cdb7be;
   font-size: 13px;
}

.seo-authority__aside small {
   display: block;
   margin-top: 30px;
   color: #ab8d97;
   font-size: 9px;
}

/* =========================
   INDUSTRIES
========================= */
.seo-industries {
   background: var(--seo-soft);
}

.seo-industry-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   grid-auto-rows: minmax(230px, auto);
   gap: 16px;
   margin-top: 45px;
}

.seo-industry-card {
   padding: 27px;
   border: 1px solid var(--seo-line);
   border-radius: var(--seo-radius);
   background: #fff;
}

.seo-industry-card--large {
   grid-row: span 2;
   background: linear-gradient(160deg, #310914 0%, #741630 100%);
   color: #fff;
}

.seo-industry-card--wide {
   grid-column: span 2;
}

.seo-industry-card>span {
   color: var(--seo-wine);
   font-size: 9px;
   font-weight: 800;
   letter-spacing: .14em;
}

.seo-industry-card--large>span {
   color: #dda0b3;
}

.seo-industry-card h3 {
   margin-top: 22px;
   color: var(--seo-deep);
   font-size: 24px;
}

.seo-industry-card--large h3 {
   color: #fff;
   font-size: 33px;
}

.seo-industry-card ul {
   margin: 25px 0 0;
   padding: 0;
   list-style: none;
}

.seo-industry-card li {
   padding: 8px 0;
   border-bottom: 1px solid var(--seo-line);
   color: var(--seo-muted);
   font-size: 12px;
}

.seo-industry-card--large li {
   border-color: rgba(255, 255, 255, .1);
   color: #d8c1c9;
}

/* =========================
   ENGAGEMENTS
========================= */
.seo-engagement {
   background: var(--seo-deep);
   color: #fff;
}

.seo-engagement-grid {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 14px;
   margin-top: 46px;
}

.seo-engagement-card {
   position: relative;
   min-height: 470px;
   padding: 27px;
   border: 1px solid rgba(255, 255, 255, .12);
   border-radius: var(--seo-radius);
   background: rgba(255, 255, 255, .045);
}

.seo-engagement-card--featured {
   border-color: rgba(225, 169, 186, .55);
   background: linear-gradient(160deg, rgba(122, 22, 50, .55), rgba(255, 255, 255, .05));
}

.seo-engagement-card--featured>span {
   position: absolute;
   right: 18px;
   top: 18px;
   padding: 5px 8px;
   border-radius: 999px;
   background: #fff;
   color: var(--seo-wine);
   font-size: 8px;
   font-weight: 800;
}

.seo-engagement-card small {
   color: #dda0b3;
   font-size: 9px;
   font-weight: 800;
   letter-spacing: .14em;
}

.seo-engagement-card h3 {
   margin-top: 14px;
   font-size: 24px;
}

.seo-engagement-card p {
   min-height: 68px;
   margin-top: 12px;
   color: #cdb7be;
   font-size: 12px;
}

.seo-engagement-card ul {
   margin: 24px 0 0;
   padding: 0;
   list-style: none;
}

.seo-engagement-card li {
   position: relative;
   padding: 8px 0 8px 20px;
   border-bottom: 1px solid rgba(255, 255, 255, .1);
   color: #d8c1c9;
   font-size: 11px;
}

.seo-engagement-card li::before {
   content: "✓";
   position: absolute;
   left: 0;
   color: #dda0b3;
}

/* =========================
   PROCESS
========================= */
.seo-process {
   background: #fff;
}

.seo-process__track {
   position: relative;
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 1px;
   background: var(--seo-line);
   border: 1px solid var(--seo-line);
}

.seo-process__step {
   min-height: 240px;
   padding: 28px;
   background: #fff;
}

.seo-process__step>span {
   display: inline-flex;
   width: 34px;
   height: 34px;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   background: var(--seo-blush);
   color: var(--seo-wine);
   font-size: 10px;
   font-weight: 800;
}

.seo-process__step h3 {
   margin-top: 32px;
   color: var(--seo-deep);
   font-size: 19px;
}

.seo-process__step p {
   margin: 10px 0 0;
   color: var(--seo-muted);
   font-size: 12px;
}

/* =========================
   AUDIT CTA
========================= */
.seo-audit-cta {
   padding-top: 0;
   background: #fff;
}

.seo-audit-cta__inner {
   position: relative;
   overflow: hidden;
   display: grid;
   grid-template-columns: 1.15fr 1fr auto;
   align-items: center;
   gap: 35px;
   padding: clamp(32px, 5vw, 48px);
   border-radius: var(--seo-radius-lg);
   background: linear-gradient(105deg, var(--seo-wine), var(--seo-wine-2));
   color: #fff;
}

.seo-audit-cta__inner::after {
   content: "";
   position: absolute;
   right: -110px;
   bottom: -150px;
   width: 330px;
   height: 330px;
   border: 1px solid rgba(255, 255, 255, .16);
   border-radius: 50%;
}

.seo-audit-cta__copy,
.seo-audit-cta__areas,
.seo-audit-cta .seo-btn {
   position: relative;
   z-index: 1;
}

.seo-audit-cta__copy>span {
   color: #f2c7d4;
   font-size: 9px;
   font-weight: 800;
   letter-spacing: .14em;
}

.seo-audit-cta__copy h2 {
   margin-top: 8px;
   font-size: clamp(30px, 3vw, 40px);
}

.seo-audit-cta__copy p {
   margin: 11px 0 0;
   color: #f0d9e0;
   font-size: 12px;
}

.seo-audit-cta__areas {
   display: flex;
   flex-wrap: wrap;
   gap: 7px;
}

.seo-audit-cta__areas span {
   padding: 6px 9px;
   border: 1px solid rgba(255, 255, 255, .18);
   border-radius: 999px;
   background: rgba(255, 255, 255, .06);
   color: #fff;
   font-size: 9px;
}

/* =========================
   REPORTING
========================= */
.seo-reporting {
   background: var(--seo-soft);
}

.seo-platforms {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   margin-top: 25px;
}

.seo-platforms span {
   padding: 8px 11px;
   border: 1px solid var(--seo-line);
   border-radius: 999px;
   background: #fff;
   color: #65565b;
   font-size: 10px;
   font-weight: 700;
}

.seo-reporting__note {
   display: block;
   margin-top: 13px;
   color: #96888d;
   font-size: 9px;
}

.seo-report-card {
   padding: 27px;
   border: 1px solid var(--seo-line);
   border-radius: var(--seo-radius-lg);
   background: #fff;
   box-shadow: var(--seo-shadow);
}

.seo-report-card__head {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-bottom: 15px;
   border-bottom: 1px solid var(--seo-line);
   color: var(--seo-wine);
   font-size: 9px;
   font-weight: 800;
   letter-spacing: .14em;
}

.seo-report-card__head i {
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background: #35a86b;
}

.seo-report-card__summary {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 10px;
   margin: 18px 0;
}

.seo-report-card__summary div {
   padding: 15px;
   border-radius: 12px;
   background: var(--seo-soft);
}

.seo-report-card__summary small,
.seo-report-card__summary strong,
.seo-report-card__summary span {
   display: block;
}

.seo-report-card__summary small {
   color: var(--seo-wine);
   font-size: 8px;
   font-weight: 800;
   letter-spacing: .1em;
}

.seo-report-card__summary strong {
   margin-top: 3px;
   color: var(--seo-deep);
   font-size: 15px;
}

.seo-report-card__summary span {
   color: var(--seo-muted);
   font-size: 9px;
}

.seo-report-card__chart {
   position: relative;
   height: 230px;
   overflow: hidden;
   border: 1px solid var(--seo-line);
   border-radius: 14px;
   background-image: linear-gradient(rgba(122, 22, 50, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(122, 22, 50, .04) 1px, transparent 1px);
   background-size: 38px 38px;
}

.seo-report-card__chart svg {
   width: 100%;
   height: 100%;
}

.seo-report-card__chart polyline {
   fill: none;
   stroke: var(--seo-wine);
   stroke-width: 4;
   stroke-linecap: round;
   stroke-linejoin: round;
}

.seo-report-card__axis {
   position: absolute;
   bottom: 12px;
   color: #9c8c91;
   font-size: 8px;
   font-weight: 700;
}

.seo-report-card__axis--one {
   left: 3%;
}

.seo-report-card__axis--two {
   left: 45%;
}

.seo-report-card__axis--three {
   right: 3%;
}

.seo-report-card__footer {
   display: flex;
   flex-wrap: wrap;
   gap: 7px;
   margin-top: 14px;
}

.seo-report-card__footer span {
   padding: 6px 8px;
   border-radius: 999px;
   background: var(--seo-blush);
   color: var(--seo-wine);
   font-size: 8px;
   font-weight: 800;
}

.seo-report-card>small {
   display: block;
   margin-top: 12px;
   color: #96888d;
   font-size: 8px;
}

/* =========================
   WHY RAREINPUTS
========================= */
.seo-why {
   background: linear-gradient(145deg, #19050c, #310914 58%, #4b0f23);
   color: #fff;
}

.seo-why-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 1px;
   background: rgba(255, 255, 255, .13);
}

.seo-why-grid article {
   min-height: 220px;
   padding: 26px;
   background: var(--seo-deep);
}

.seo-why-grid span {
   color: #dda0b3;
   font-size: 9px;
   font-weight: 800;
}

.seo-why-grid h3 {
   margin-top: 28px;
   font-size: 19px;
}

.seo-why-grid p {
   margin: 10px 0 0;
   color: #cdb7be;
   font-size: 12px;
}

/* =========================
   RESULT STORY
========================= */
.seo-result-story {
   background: #fff;
}

.seo-result-story__card {
   display: grid;
   grid-template-columns: 1.1fr .9fr;
   overflow: hidden;
   border: 1px solid var(--seo-line);
   border-radius: var(--seo-radius-lg);
   background: #fff;
   box-shadow: 0 18px 48px rgba(64, 10, 27, .08);
}

.seo-result-story__copy {
   padding: clamp(32px, 5vw, 50px);
}

.seo-result-story__copy>span {
   color: var(--seo-wine);
   font-size: 9px;
   font-weight: 800;
   letter-spacing: .14em;
}

.seo-result-story__copy h2 {
   margin-top: 9px;
   color: var(--seo-deep);
   font-size: clamp(32px, 4vw, 46px);
}

.seo-result-story__copy p {
   margin-top: 17px;
   color: var(--seo-muted);
   font-size: 13px;
}

.seo-result-story__metrics {
   display: grid;
   grid-template-columns: 1fr;
   background: var(--seo-blush);
}

.seo-result-story__metrics div {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 25px;
   padding: 24px 30px;
   border-bottom: 1px solid var(--seo-line);
}

.seo-result-story__metrics div:last-child {
   border-bottom: 0;
}

.seo-result-story__metrics strong {
   color: var(--seo-wine);
   font: 800 clamp(28px, 3vw, 40px) "Plus Jakarta Sans", sans-serif;
}

.seo-result-story__metrics span {
   color: var(--seo-muted);
   font-size: 12px;
   font-weight: 700;
   text-align: right;
}

/* =========================
   FAQ
========================= */
.seo-faq {
   background: var(--seo-blush);
}

.seo-faq__intro h2 {
   color: var(--seo-deep);
   font-size: clamp(34px, 4vw, 48px);
}

.seo-faq__intro p {
   margin-top: 15px;
   color: var(--seo-muted);
}

.seo-faq__item {
   overflow: hidden;
   border: 0 !important;
   border-bottom: 1px solid var(--seo-line) !important;
   border-radius: 0 !important;
   background: transparent;
}

.seo-faq__button {
   padding: 20px 0;
   background: transparent !important;
   color: var(--seo-deep) !important;
   box-shadow: none !important;
   font: 700 15px/1.45 Inter, sans-serif;
}

.seo-faq__button::after {
   filter: grayscale(1);
}

.seo-faq__body {
   padding: 0 34px 20px 0;
   color: var(--seo-muted);
   font-size: 13px;
}

/* =========================
   PROPOSAL + FORM
========================= */
.seo-proposal {
   padding: clamp(72px, 7vw, 105px) 0;
   background: var(--seo-deep);
   color: #fff;
}

.seo-proposal__copy h2 {
   max-width: 520px;
   font-size: clamp(38px, 4.7vw, 56px);
}

.seo-proposal__copy>p {
   max-width: 560px;
   margin-top: 18px;
   color: #cdb7be;
}

.seo-proposal__contacts {
   display: grid;
   gap: 11px;
   margin-top: 30px;
}

.seo-proposal__contacts a {
   width: fit-content;
}

.seo-proposal__contacts small,
.seo-proposal__contacts strong {
   display: block;
}

.seo-proposal__contacts small {
   color: #ab8d97;
   font-size: 8px;
   font-weight: 800;
   letter-spacing: .13em;
}

.seo-proposal__contacts strong {
   margin-top: 2px;
   color: #fff;
   font-size: 13px;
   overflow-wrap: anywhere;
}

.seo-lead-form {
   padding: clamp(25px, 4vw, 36px);
   border-radius: var(--seo-radius-lg);
   background: #fff;
   color: var(--seo-ink);
   box-shadow: 0 30px 80px rgba(0, 0, 0, .3);
}

.seo-lead-form__eyebrow {
   color: var(--seo-wine);
   font-size: 9px;
   font-weight: 800;
   letter-spacing: .14em;
}

.seo-lead-form__title {
   margin: 6px 0 22px;
   color: var(--seo-deep);
   font-size: 28px;
}

.seo-lead-form__label {
   display: block;
   margin-bottom: 6px;
   color: #54464b;
   font-size: 10px;
   font-weight: 800;
}

.seo-lead-form__control {
   width: 100%;
   min-height: 47px;
   border: 1px solid #d9cbd0;
   border-radius: 9px;
   padding: 11px 12px;
   background: #fff;
   color: var(--seo-ink);
   font-size: 13px;
   transition: border-color .2s ease, box-shadow .2s ease;
}

.seo-lead-form__control:focus {
   outline: none;
   border-color: var(--seo-wine);
   box-shadow: 0 0 0 4px rgba(122, 22, 50, .09);
}

.seo-lead-form__control--textarea {
   min-height: 108px;
   resize: vertical;
}

.seo-lead-form__footer {
   display: flex;
   align-items: center;
   gap: 18px;
   margin-top: 20px;
}

.seo-lead-form__footer small {
   color: var(--seo-muted);
   font-size: 9px;
}

.seo-form-status {
   min-height: 20px;
   margin-top: 8px;
   color: var(--seo-wine);
   font-size: 10px;
   font-weight: 700;
}

/* =========================
   FOOTER
========================= */
.seo-footer {
   position: relative;
   overflow: hidden;
   background: linear-gradient(145deg, #19050c, #310914 58%, #4b0f23);
   color: #fff;
}

.seo-footer__inner {
   position: relative;
   z-index: 2;
}

.seo-footer__orb {
   position: absolute;
   border-radius: 50%;
   pointer-events: none;
}

.seo-footer__orb--one {
   width: 430px;
   height: 430px;
   right: -190px;
   top: 90px;
   background: radial-gradient(circle, rgba(179, 49, 87, .35), transparent 68%);
}

.seo-footer__orb--two {
   width: 330px;
   height: 330px;
   left: -180px;
   bottom: -160px;
   border: 1px solid rgba(218, 160, 179, .24);
}

.seo-footer__cta {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 42px;
   padding: 52px 0;
   border-bottom: 1px solid rgba(255, 255, 255, .14);
}

.seo-footer__cta span {
   color: #dda0b3;
   font-size: 9px;
   font-weight: 800;
   letter-spacing: .18em;
}

.seo-footer__cta h2 {
   max-width: 760px;
   margin-top: 8px;
   font-size: clamp(28px, 3vw, 36px);
}

.seo-footer__grid {
   display: grid;
   grid-template-columns: 1.55fr repeat(3, 1fr);
   gap: 40px;
   padding: 55px 0 42px;
}

.seo-footer__logo {
   position: relative;
   display: block;
   width: 220px;
   height: 58px;
   overflow: hidden;
   margin-bottom: 16px;
}

.seo-footer__logo img {
   position: absolute;
   width: 280px;
   max-width: none;
   left: -27px;
   top: -43px;
}

.seo-footer__brand p {
   max-width: 410px;
   color: #c8b1b9;
   font-size: 12px;
}

.seo-footer__contacts {
   display: grid;
   gap: 9px;
   margin-top: 18px;
}

.seo-footer__contacts small,
.seo-footer__contacts b {
   display: block;
}

.seo-footer__contacts small {
   color: #ab8d97;
   font-size: 8px;
   letter-spacing: .13em;
}

.seo-footer__contacts b {
   color: #fff;
   font-size: 12px;
   overflow-wrap: anywhere;
}

.seo-footer__column {
   display: grid;
   align-content: start;
   gap: 9px;
}

.seo-footer__column h3 {
   margin-bottom: 7px;
   color: #dda0b3;
   font-size: 10px;
   letter-spacing: .14em;
}

.seo-footer__column a,
.seo-footer__text-button {
   padding: 0;
   border: 0;
   background: none;
   color: #c8b1b9;
   font-size: 11px;
   text-align: left;
}

.seo-footer__column a:hover,
.seo-footer__text-button:hover {
   color: #fff;
}

.seo-footer__info {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   border-top: 1px solid rgba(255, 255, 255, .12);
   border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.seo-footer__info>div {
   padding: 22px 25px;
   border-right: 1px solid rgba(255, 255, 255, .12);
}

.seo-footer__info>div:last-child {
   border-right: 0;
}

.seo-footer__info span {
   color: #dda0b3;
   font-size: 8px;
   font-weight: 800;
   letter-spacing: .14em;
}

.seo-footer__info p {
   margin: 7px 0 0;
   color: #c8b1b9;
   font-size: 11px;
}

.seo-footer__bottom {
   display: flex;
   justify-content: space-between;
   gap: 25px;
   padding: 22px 0 28px;
   color: #9f8990;
   font-size: 10px;
}

.seo-footer__bottom div {
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
}

/* =========================
   FLOATING ACTIONS
========================= */
.seo-floating {
   position: fixed;
   right: 18px;
   bottom: 18px;
   z-index: 90;
   display: flex;
   align-items: center;
   gap: 8px;
}

.seo-floating a,
.seo-floating button {
   min-width: 48px;
   height: 48px;
   border: 0;
   border-radius: 14px;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 10px 28px rgba(0, 0, 0, .22);
   font-size: 11px;
   font-weight: 800;
}

.seo-floating__audit {
   gap: 7px;
   padding: 0 15px;
   background: var(--seo-wine);
   color: #fff;
}

.seo-floating__audit span {
   width: 30px;
   height: 30px;
   display: grid;
   place-items: center;
   border-radius: 50%;
   background: #fff;
   color: var(--seo-wine);
}

.seo-floating__whatsapp {
   background: #25d366;
   color: #fff;
}

.seo-floating__call {
   background: var(--seo-deep);
   color: #fff;
}

/* =========================
   MODAL
========================= */
.seo-modal {
   position: fixed;
   inset: 0;
   z-index: 1000;
   display: grid;
   place-items: center;
   padding: 20px;
   opacity: 0;
   visibility: hidden;
   transition: opacity .22s ease, visibility .22s ease;
}

.seo-modal.is-open {
   opacity: 1;
   visibility: visible;
}

.seo-modal__overlay {
   position: absolute;
   inset: 0;
   background: rgba(24, 3, 10, .84);
   backdrop-filter: blur(6px);
}

.seo-modal__panel {
   position: relative;
   width: min(920px, 96vw);
   max-height: 92vh;
   overflow: auto;
   display: grid;
   grid-template-columns: .85fr 1.15fr;
   border-radius: 24px;
   background: #fff;
   box-shadow: 0 35px 100px rgba(0, 0, 0, .45);
   transform: translateY(18px) scale(.985);
   transition: transform .22s ease;
}

.seo-modal.is-open .seo-modal__panel {
   transform: none;
}

.seo-modal__close {
   position: absolute;
   right: 13px;
   top: 12px;
   z-index: 3;
   width: 38px;
   height: 38px;
   border: 0;
   border-radius: 50%;
   background: #fff0f4;
   color: var(--seo-deep);
   font-size: 25px;
   line-height: 1;
}

.seo-modal__intro {
   padding: 43px;
   background: linear-gradient(145deg, #310914, #701630);
   color: #fff;
}

.seo-modal__intro>span {
   color: #e2a7b9;
   font-size: 9px;
   font-weight: 800;
   letter-spacing: .15em;
}

.seo-modal__intro h2 {
   margin-top: 13px;
   font-size: 31px;
}

.seo-modal__intro p {
   margin-top: 15px;
   color: #dbc7ce;
   font-size: 12px;
}

.seo-modal__benefits {
   display: grid;
   gap: 9px;
   margin-top: 28px;
}

.seo-modal__benefits b {
   color: #f4dde4;
   font-size: 11px;
}

.seo-modal__form {
   padding: 42px;
}

.seo-modal__form label {
   display: block;
   margin-bottom: 5px;
   color: #55474c;
   font-size: 10px;
   font-weight: 800;
}

.seo-modal__form input,
.seo-modal__form select {
   width: 100%;
   min-height: 46px;
   border: 1px solid #d9cbd0;
   border-radius: 8px;
   padding: 11px 12px;
   font-size: 12px;
}

.seo-modal__form input:focus,
.seo-modal__form select:focus {
   outline: none;
   border-color: var(--seo-wine);
   box-shadow: 0 0 0 4px rgba(122, 22, 50, .08);
}

.seo-modal__form .seo-btn {
   width: 100%;
   margin-top: 18px;
}

.seo-modal__form>small {
   display: block;
   margin-top: 9px;
   color: var(--seo-muted);
   font-size: 8px;
   text-align: center;
}

/* =========================
   REVEAL MOTION
========================= */
[data-reveal] {
   opacity: 0;
   transform: translateY(16px);
   transition: opacity .55s ease, transform .55s ease;
}

[data-reveal].is-visible {
   opacity: 1;
   transform: none;
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 1199.98px) {
   .seo-nav {
      gap: 14px;
   }

   .seo-nav__link {
      font-size: 12px;
   }

   .seo-enterprise-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .seo-engagement-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .seo-engagement-card {
      min-height: 430px;
   }

   .seo-audit-cta__inner {
      grid-template-columns: 1fr 1fr;
   }

   .seo-audit-cta .seo-btn {
      grid-column: 1 / -1;
      width: fit-content;
   }
}

@media (max-width: 991.98px) {
   html {
      scroll-padding-top: 74px;
   }

   .seo-header {
      height: 72px;
   }

   .seo-header__brand {
      width: 205px;
      height: 55px;
   }

   .seo-header__brand img {
      width: 255px;
      left: -23px;
      top: -38px;
   }

   .seo-header__actions .seo-btn {
      display: none;
   }

   .seo-header__menu {
      display: block;
   }

   .seo-nav {
      position: absolute;
      left: 0;
      right: 0;
      top: 72px;
      display: grid;
      gap: 0;
      max-height: 0;
      overflow: hidden;
      background: #fff;
      border-bottom: 1px solid var(--seo-line);
      box-shadow: 0 16px 30px rgba(49, 9, 20, .1);
      transition: max-height .25s ease;
   }

   .seo-nav.is-open {
      max-height: 460px;
   }

   .seo-nav__link {
      padding: 15px max(4vw, 22px);
      border-top: 1px solid var(--seo-line);
      font-size: 13px;
   }

   .seo-nav__link::after {
      display: none;
   }

   .seo-hero {
      padding-top: 45px;
   }

   .seo-dashboard {
      max-width: 640px;
      margin-inline: auto;
   }

   .seo-split-heading {
      grid-template-columns: 1fr;
      gap: 14px;
   }

   .seo-local-panel {
      position: static;
   }

   .seo-industry-ribbon {
      grid-template-columns: 1fr;
   }

   .seo-enterprise-callout {
      align-items: flex-start;
      flex-direction: column;
   }

   .seo-process__track {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .seo-industry-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .seo-industry-card--large {
      grid-row: auto;
   }

   .seo-industry-card--wide {
      grid-column: span 2;
   }

   .seo-audit-cta__inner {
      grid-template-columns: 1fr;
   }

   .seo-audit-cta .seo-btn {
      grid-column: auto;
   }

   .seo-why-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .seo-result-story__card {
      grid-template-columns: 1fr;
   }

   .seo-footer__cta {
      align-items: flex-start;
      flex-direction: column;
   }

   .seo-footer__grid {
      grid-template-columns: repeat(2, 1fr);
   }

   .seo-footer__brand {
      grid-column: 1 / -1;
   }

   .seo-modal__panel {
      grid-template-columns: 1fr;
   }

   .seo-modal__intro {
      padding: 31px;
   }

   .seo-modal__benefits {
      grid-template-columns: repeat(3, 1fr);
   }

   .seo-modal__form {
      padding: 31px;
   }
}

@media (max-width: 767.98px) {

   .seo-topbar__message,
   .seo-topbar__links a:first-child {
      display: none;
   }

   .seo-topbar__inner {
      justify-content: center;
   }

   .seo-topbar__links {
      gap: 16px;
   }

   .seo-section {
      padding: 70px 0;
   }

   .seo-hero__proof {
      grid-template-columns: 1fr 1fr;
   }

   .seo-highlight-strip__inner {
      justify-content: flex-start;
      padding-top: 18px;
      padding-bottom: 18px;
   }

   .seo-highlight-strip span::after {
      display: none;
   }

   .seo-metric-band__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .seo-metric-band__item:nth-child(2) {
      border-right: 0;
   }

   .seo-metric-band__item:nth-child(-n+2) {
      border-bottom: 1px solid rgba(255, 255, 255, .14);
   }

   .seo-service-grid {
      grid-template-columns: 1fr;
   }

   .seo-service-card {
      min-height: auto;
   }

   .seo-feature-list {
      grid-template-columns: 1fr;
   }

   .seo-enterprise-grid {
      grid-template-columns: 1fr;
   }

   .seo-enterprise-card {
      min-height: auto;
   }

   .seo-comparison-table {
      overflow: visible;
      border: 0;
      background: transparent;
      box-shadow: none;
   }

   .seo-comparison-table__head {
      display: none;
   }

   .seo-comparison-table__row {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0;
      margin-bottom: 12px;
      overflow: hidden;
      border: 1px solid var(--seo-line);
      border-radius: 14px;
      background: #fff;
   }

   .seo-comparison-table__row>div {
      display: grid;
      grid-template-columns: 105px 1fr;
      gap: 12px;
      padding: 12px 15px;
      border: 0 !important;
      border-bottom: 1px solid var(--seo-line) !important;
   }

   .seo-comparison-table__row>div:last-child {
      border-bottom: 0 !important;
   }

   .seo-comparison-table__row>div::before {
      content: attr(data-label);
      color: var(--seo-wine);
      font-size: 9px;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
   }

   .seo-content-card__columns {
      grid-template-columns: 1fr;
      gap: 0;
   }

   .seo-industry-grid {
      grid-template-columns: 1fr;
   }

   .seo-industry-card--wide {
      grid-column: auto;
   }

   .seo-engagement-grid {
      grid-template-columns: 1fr;
   }

   .seo-engagement-card {
      min-height: auto;
   }

   .seo-process__track {
      grid-template-columns: 1fr;
   }

   .seo-process__step {
      min-height: auto;
   }

   .seo-report-card__summary {
      grid-template-columns: 1fr;
   }

   .seo-report-card__chart {
      height: 190px;
   }

   .seo-why-grid {
      grid-template-columns: 1fr;
   }

   .seo-why-grid article {
      min-height: auto;
   }

   .seo-lead-form__footer {
      align-items: stretch;
      flex-direction: column;
   }

   .seo-lead-form__footer .seo-btn {
      width: 100%;
   }

   .seo-footer__info {
      grid-template-columns: 1fr;
   }

   .seo-footer__info>div {
      border-right: 0;
      border-bottom: 1px solid rgba(255, 255, 255, .12);
   }

   .seo-footer__info>div:last-child {
      border-bottom: 0;
   }

   .seo-footer__bottom {
      align-items: flex-start;
      flex-direction: column;
   }

   .seo-floating__audit b {
      display: none;
   }

   .seo-floating__audit {
      width: 48px;
      padding: 0;
   }

   .seo-floating__audit span {
      width: 34px;
      height: 34px;
   }
}

@media (max-width: 575.98px) {
   .seo-header__brand {
      width: 185px;
   }

   .seo-header__brand img {
      width: 238px;
      left: -24px;
      top: -35px;
   }

   .seo-hero {
      padding: 38px 0 65px;
   }

   .seo-breadcrumb {
      margin-bottom: 25px;
   }

   .seo-hero__title {
      font-size: clamp(37px, 11vw, 47px);
   }

   .seo-hero__actions {
      align-items: stretch;
      flex-direction: column;
      gap: 14px;
   }

   .seo-hero__actions .seo-btn {
      width: 100%;
   }

   .seo-hero__proof {
      grid-template-columns: 1fr 1fr;
   }

   .seo-hero__proof-item:last-child {
      grid-column: 1 / -1;
   }

   .seo-dashboard {
      padding: 19px;
      border-radius: 21px;
   }

   .seo-dashboard__metrics {
      grid-template-columns: 1fr;
   }

   .seo-metric-band__grid {
      grid-template-columns: 1fr;
   }

   .seo-metric-band__item {
      border-right: 0;
      border-bottom: 1px solid rgba(255, 255, 255, .14);
   }

   .seo-metric-band__item:last-child {
      border-bottom: 0;
   }

   .seo-system-grid {
      grid-template-columns: 1fr;
   }

   .seo-system-grid__item {
      min-height: auto;
   }

   .seo-inline-quote {
      flex-direction: column;
   }

   .seo-industry-ribbon {
      padding: 22px;
   }

   .seo-location-visual__map {
      min-height: 245px;
   }

   .seo-enterprise-callout {
      padding: 24px;
   }

   .seo-content-card {
      padding: 25px 21px;
   }

   .seo-audit-visual {
      padding: 22px;
   }

   .seo-audit-cta__inner {
      padding: 27px 22px;
   }

   .seo-audit-cta .seo-btn {
      width: 100%;
   }

   .seo-report-card {
      padding: 20px;
   }

   .seo-result-story__metrics div {
      align-items: flex-start;
      flex-direction: column;
      gap: 2px;
   }

   .seo-result-story__metrics span {
      text-align: left;
   }

   .seo-footer__cta .seo-btn {
      width: 100%;
   }

   .seo-footer__grid {
      grid-template-columns: 1fr;
   }

   .seo-footer__brand {
      grid-column: auto;
   }

   .seo-footer__bottom div {
      gap: 12px;
   }

   .seo-floating {
      right: 10px;
      bottom: 10px;
      gap: 6px;
   }

   .seo-floating a,
   .seo-floating button {
      width: 46px;
      min-width: 46px;
      height: 46px;
      border-radius: 13px;
   }

   .seo-modal {
      padding: 10px;
   }

   .seo-modal__panel {
      width: 100%;
      max-height: 95vh;
      border-radius: 19px;
   }

   .seo-modal__intro {
      padding: 28px 22px;
   }

   .seo-modal__intro h2 {
      font-size: 25px;
   }

   .seo-modal__benefits {
      grid-template-columns: 1fr;
      margin-top: 18px;
   }

   .seo-modal__form {
      padding: 24px 20px;
   }

   .seo-modal__close {
      right: 8px;
      top: 8px;
   }
}

@media (prefers-reduced-motion: reduce) {
   html {
      scroll-behavior: auto;
   }

   *,
   *::before,
   *::after {
      scroll-behavior: auto !important;
      transition-duration: .01ms !important;
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
   }

   [data-reveal] {
      opacity: 1 !important;
      transform: none !important;
   }
}