/* =========================================================
   Voctos — GEO: What Is AI Promotion (Classic SEO vs GEO)
   Font sizes / radii match the theme tokens exactly.
   ========================================================= */

.voctos-geo-whatis { font-family: 'Unbounded', sans-serif; }

.voctos-geo-whatis .whatis-inner {
  max-width: 1300px;
  margin: 0 auto;
  padding: 40px 0;
}
@media (min-width: 1024px) {
  .voctos-geo-whatis .whatis-inner { padding: 56px 0; }
}

@media (max-width:1023px){
  .voctos-geo-whatis, 
  .voctos-geo-whyseo, 
  .voctos-geo-youget,
  .voctos-geo-howworks,
  .voctos-geo-differs,
  .voctos-geo-whofor,
  .voctos-geo-whyus { padding: 0 20px; }
}

.voctos-geo-whatis .whatis-heading {
  font-size: 24px;          /* text-2xl */
  font-weight: 400;
  line-height: 2rem;        /* text-2xl line-height (32px) — kept at lg */
  color: #0d172d;
  margin: 0 0 12px;
}
@media (min-width: 1024px) {
  .voctos-geo-whatis .whatis-heading { font-size: 38px; margin: 0 0 16px; } /* fs-5 */
}

.voctos-geo-whatis .whatis-intro {
  font-size: 14px;         
  font-weight: 400;
  line-height: 1.625;       
  color: #0d172d;
  margin: 0 0 28px;
}
@media (min-width: 1024px) {
  .voctos-geo-whatis .whatis-intro { font-size: 16px; margin: 0 0 36px; } /* text-base */
}

.voctos-geo-whatis .whatis-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 20px;
}

.voctos-geo-whatis .whatis-card {
  border-radius: 30px;      /* rc-1 */
  padding: 28px;            /* p-7 */
  background: #fff;
  color: #0d172d;
}
@media (min-width: 1024px) {
  .voctos-geo-whatis .whatis-card { padding: 36px; } /* p-9 */
}
.voctos-geo-whatis .whatis-card--ai {
  background: linear-gradient(270deg, #0d172d 0%, #7a3cee 100%); /* bg-lg-30 */
  color: #fff;
}

.voctos-geo-whatis .whatis-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(118, 22, 244, .1);
  border-radius: 10px;      /* rc-6 */
  padding: 10px 16px 10px 10px;
  margin-bottom: 24px;
}
.voctos-geo-whatis .whatis-badge--ai { background: rgba(255, 255, 255, .1); }

.voctos-geo-whatis .whatis-badge-icon { width: 30px; height: 30px; flex-shrink: 0; color: #7616f4; }
.voctos-geo-whatis .whatis-card--ai .whatis-badge-icon { color: #fff; }

.voctos-geo-whatis .whatis-badge-label { font-size: 14px; font-weight: 500; line-height: 1.25rem; color: #7616f4; }
.voctos-geo-whatis .whatis-card--ai .whatis-badge-label { color: #fff; }

.voctos-geo-whatis .whatis-card-title {
  font-size: 22px;          /* fs-7 */
  font-weight: 600;
  line-height: 1.5;         /* inherited body line-height (33px) */
  margin: 0 0 20px;
}

.voctos-geo-whatis .whatis-list {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: 16px;
}
.voctos-geo-whatis .whatis-list-item { display: flex; align-items: center; gap: 12px; }
.voctos-geo-whatis .whatis-check { width: 16px; height: 16px; flex-shrink: 0; color: #7616f4; }
.voctos-geo-whatis .whatis-card--ai .whatis-check { color: #fff; }
.voctos-geo-whatis .whatis-list-item p { font-size: 14px; font-weight: 400; line-height: 1.25rem; margin: 0; }
.voctos-geo-whatis .whatis-list-item--bold p { font-weight: 500; }

.voctos-geo-whatis .whatis-callout {
  background: #fff;
  border-radius: 10px;      /* rc-6 */
  padding: 20px 28px;
}
.voctos-geo-whatis .whatis-callout p {
  font-size: 14px; font-weight: 400; line-height: 1.625; color: #0d172d; margin: 0;
}
@media (min-width: 1024px) {
  .voctos-geo-whatis .whatis-callout p { font-size: 16px; }
}
.voctos-geo-whatis .whatis-callout-lead { font-weight: 600; }

@media (max-width: 980px) {
  .voctos-geo-whatis .whatis-grid { grid-template-columns: 1fr; }
}