/* IIS India inner pages: one premium design layer over every page's own layout.
   Loaded after all other stylesheets. Colours come from the logo; tokens from app/site.css.

   ivory  #f5efe3  page            paper  #fffcf6  cards and panels
   ink    #1d1630  text, dark bands  blue   #0b47b3  links
   red    #d81f28  actions only      gold   #a8761e  hairlines, small labels

   Type: Cormorant Garamond for page and section titles, Manrope for everything you read.
   Cards are flat paper with a hairline edge, no drop shadows and no glow blobs. */

.inner-page {
  --hair: rgba(29, 22, 48, 0.12);
  --hair-strong: rgba(29, 22, 48, 0.22);
  --serif: 'Cormorant Garamond', 'Marcellus', Georgia, serif;
  --gold-dk: #8a6418;
  --nexin-base: #d81f28;
  --nexin-base-rgb: 216, 31, 40;
  --nexin-black: #1d1630;
  --nexin-black-rgb: 29, 22, 48;
  --nexin-primary: #f5efe3;
  --nexin-primary-rgb: 245, 239, 227;
  --nexin-font: 'Manrope', system-ui, sans-serif;
  --nexin-font-two: 'Cormorant Garamond', Georgia, serif;
  --theme_gradient_color: #1d1630;
  --theme_gradient_color2: #1d1630;
  min-height: 50vh;
  background: var(--cream);
  color: var(--ink-2);
  font-family: var(--body);
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body {
  background: var(--cream, #f5efe3);
}

/* ---------- type ---------- */
.inner-page :is(p, li, label, td, th, input, textarea, select, blockquote, dd, dt) {
  font-family: var(--body) !important;
}
.inner-page p,
.inner-page :is(.text, .servises-text, .content-text) {
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: var(--ink-2);
}
.inner-page li {
  line-height: 1.6;
}
.inner-page :is(h1, h2) {
  font-family: var(--serif) !important;
  font-weight: 600 !important;
  letter-spacing: -0.005em !important;
  color: var(--ink) !important;
  text-wrap: balance;
  text-transform: none !important;
}
.inner-page :is(h1, h2, .pointNumber, .feature-number, .service-number, .number, .counter) {
  font-variant-numeric: lining-nums;
}
.inner-page h1 {
  font-size: clamp(38px, 4.4vw, 58px) !important;
  line-height: 1.04 !important;
}
.inner-page h2 {
  font-size: clamp(30px, 3.2vw, 46px) !important;
  line-height: 1.1 !important;
}
/* coloured single words inside titles read as one line of type */
.inner-page :is(h1, h2, h3) :is(span, strong, em, b) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
  font-family: inherit !important;
  font-weight: inherit !important;
}
.inner-page :is(h3, h4, h5, h6, .h4, .h6) {
  font-family: var(--body) !important;
  color: var(--ink) !important;
  letter-spacing: -0.005em;
}
.inner-page :is(h3, h4) {
  font-weight: 700 !important;
}
.inner-page a {
  color: var(--blue);
  transition:
    color 0.2s,
    background-color 0.2s,
    border-color 0.2s;
}
.inner-page :is(h1, h2, h3, h4, h5, h6) a {
  color: inherit;
}
.inner-page ::selection {
  background: rgba(168, 118, 30, 0.25);
}
.inner-page :focus-visible {
  outline: 2px solid var(--blue) !important;
  outline-offset: 3px;
}

/* small labels above titles */
.inner-page
  :is(
    .sub_title_tag,
    .sub-title,
    .sub_title,
    .appTag,
    .miniTag,
    .serviceMini,
    .section-tag,
    .appTitleTag,
    .appLabel,
    .wa-mini-title,
    .smallTag,
    .svm-section-tag,
    .sectionTag,
    .mini-title,
    .miniTitle,
    .headerSubtitle,
    .yt-mini-tag,
    .wa-tag,
    .vo-tag,
    .tw-tag,
    .fb-tag,
    .heroTag,
    .sub-head,
    .service-subtitle,
    .section-subtitle,
    .linkedin-mini-title
  ) {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  width: auto !important;
  padding: 0 !important;
  margin-bottom: 14px !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--gold-dk) !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: var(--body) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.4 !important;
}
.inner-page
  :is(
    .sub_title_tag,
    .sub-title,
    .sub_title,
    .section-tag,
    .sectionTag,
    .smallTag,
    .miniTag,
    .appTag,
    .wa-mini-title,
    .svm-section-tag,
    .yt-mini-tag,
    .linkedin-mini-title
  )::before {
  content: '';
  flex: none;
  width: 22px;
  height: 1px;
  background: currentColor;
  opacity: 0.7;
  position: static !important;
  transform: none !important;
}
.inner-page :is(.sub-title, .sub_title_tag)::after {
  display: none !important;
}
/* decorative underline bars under headings */
.inner-page :is(.heading-line, .short-line, .long-line, .title-line, .line-shape, .lineWrap, .expertiseheading-line),
.inner-page :is(.titleLine, .headingLine, .sectionLine, .yt-line, .wa-line, .service-line, .line, .strip-line, .smallLine, .bigLine):empty {
  display: none !important;
}

/* ---------- surfaces ---------- */
/* every light section sits on ivory; the deliberate dark bands keep their ink */
.inner-page section:not(.ai-section):not(.testimonial-section):not(.socialPromotion):not(.skills-section):not(.keywordSection):not(.reportSection),
.inner-page
  :is(
    .seoPage,
    .webDevPage,
    .video-page-wrapper,
    .premium-services-page,
    .ecom-wrapper,
    .androidPage,
    .inside_page,
    .tw-gradient,
    .ipadHero,
    .ipadDevPage .serviceSection,
    .consultBox
  ) {
  background-color: transparent !important;
  background-image: none !important;
}
.inner-page section.section_padding {
  padding-top: clamp(64px, 8vw, 112px);
  padding-bottom: clamp(64px, 8vw, 112px);
}
.inner-page section.section_padding.pt-0 {
  padding-top: 0;
}
.inner-page section.section_padding.pb-0 {
  padding-bottom: 0;
}
.inner-page .container {
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* decorative circles drawn behind light sections */
.inner-page section:not(.ai-section):not(.testimonial-section):not(.socialPromotion):not(.skills-section):not(.keywordSection):not(.reportSection)::before,
.inner-page section:not(.ai-section):not(.testimonial-section):not(.socialPromotion):not(.skills-section):not(.keywordSection):not(.reportSection)::after {
  display: none !important;
}

/* the first block on each page sits close under the page bar */
.inner-page > section:first-child,
.inner-page > div:first-child > section:first-child {
  min-height: 0 !important;
  padding-top: clamp(48px, 6vw, 80px) !important;
}

/* dark bands: one ink colour everywhere */
.inner-page :is(.ai-section, .testimonial-section, .socialPromotion, .skills-section, .keywordSection, .reportSection, .cta-box, .wa-cta-area) {
  background: var(--ink) !important;
  background-image:
    radial-gradient(1px 1px at 12% 22%, rgba(233, 189, 98, 0.7), transparent),
    radial-gradient(1px 1px at 78% 14%, rgba(255, 255, 255, 0.55), transparent),
    radial-gradient(1.5px 1.5px at 64% 72%, rgba(233, 189, 98, 0.6), transparent),
    radial-gradient(1px 1px at 30% 84%, rgba(255, 255, 255, 0.4), transparent) !important;
}
.inner-page :is(.ai-section, .testimonial-section, .socialPromotion, .skills-section, .keywordSection, .reportSection, .cta-box, .wa-cta-area) :is(h1, h2, h3, h4, h5, h6, .h4) {
  color: #fffcf6 !important;
}
.inner-page :is(.ai-section, .testimonial-section, .socialPromotion, .skills-section, .keywordSection, .reportSection, .cta-box, .wa-cta-area) :is(p, li, span, div) {
  color: rgba(255, 252, 246, 0.78);
}
.inner-page :is(.ai-section, .testimonial-section, .socialPromotion, .skills-section, .keywordSection, .reportSection, .cta-box, .wa-cta-area) :is(.sub-title, .sub_title_tag, .section-tag) {
  color: var(--gold-soft) !important;
}

/* glow blobs, blurred circles and decorative shapes: removed for a calmer page */
.inner-page
  :is(
    .heroGlow,
    .heroBlur,
    .ipadGlow,
    .tw-circle,
    .tw-glow,
    .hero-bg-circle,
    .hero-glow,
    .floating-bg-circle,
    .vo-bg-shape,
    .vo-glow,
    .hero-gradient,
    .heroBg,
    .wa-bg-glow,
    .am-gradient,
    .hero-shape,
    .bg-shape,
    .shape-one,
    .shape-two
  ) {
  display: none !important;
}

/* ---------- cards: flat paper, hairline edge ---------- */
.inner-page
  :is(
    .serviceCard,
    .techItem,
    .serviceItem,
    .screenCard,
    .consultCard,
    .appInfo,
    .processCard,
    .sidebar-card,
    .flow-card,
    .svm-video-card,
    .feature-card,
    .stat-card,
    .contentCard,
    .content-card,
    .serviceColumn,
    .appContent,
    .recentWorkCard,
    .recent-work-card,
    .recentCard,
    .seoInfoCard,
    .workCard,
    .optimization-card,
    .service-image-card,
    .wa-process-item,
    .dm-stat,
    .side-image-card,
    .statCard,
    .smmCard,
    .glassCard,
    .serviceSection,
    .techSection,
    .appCard,
    .am-content-card,
    .am-image-box,
    .am-guarantee,
    .highlight-box,
    .roi-highlight,
    .process-box,
    .main-visual-card,
    .mainPreview,
    .linkedin-device-card,
    .wa-phone,
    .dm-main-image,
    .vo-image-card,
    .service-card,
    .feature-item,
    .process-item,
    .wa-why-item,
    .consultItem,
    .counterCard
  ) {
  background: var(--paper) !important;
  border: 1px solid var(--hair) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  transform: none;
}
/* cards that sit on a dark band */
.inner-page :is(.ai-section, .testimonial-section, .socialPromotion, .skills-section, .keywordSection, .reportSection, .cta-box, .wa-cta-area) :is(.service-card, .feature-item, .testimonial-card, .counterCard, .info-box) {
  background: rgba(255, 252, 246, 0.05) !important;
  border: 1px solid rgba(233, 189, 98, 0.25) !important;
  border-radius: 12px !important;
}
.inner-page :is(.serviceCard, .serviceItem, .processCard, .feature-card, .flow-card, .workCard, .recentCard, .recentWorkCard, .recent-work-card, .appCard):hover {
  border-color: rgba(168, 118, 30, 0.55) !important;
}
/* small floating labels on hero images */
.inner-page
  :is(.floating-card, .am-floating, .dm-floating-card, .floating-mini-card, .tw-float, .vo-floating, .floatingCard) {
  background: var(--paper) !important;
  border: 1px solid var(--hair) !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 0 rgba(29, 22, 48, 0.04) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
/* large content images */
.inner-page :is(.contentCard, .recentWorkCard, .recent-work-card, .recentCard, .workCard, .side-image-card, .service-image-card) img {
  border-radius: 8px;
}

/* ---------- coloured tiles (industries, expertise, products) become paper tiles ---------- */
.inner-page
  :is(
    .bg-primary-color,
    .bg-blue-color,
    .bg-red-color,
    .bg-orange-color,
    .bg-yellow-color,
    .bg-violet-color,
    .bg-green-color,
    .bg-secondary-color,
    .bg-secondary-color-dark
  ) {
  position: relative;
  background: var(--paper) !important;
  border: 1px solid var(--hair) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  padding: 18px 18px 22px !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden;
  transition: border-color 0.2s;
}
.inner-page
  :is(
    .bg-primary-color,
    .bg-blue-color,
    .bg-red-color,
    .bg-orange-color,
    .bg-yellow-color,
    .bg-violet-color,
    .bg-green-color,
    .bg-secondary-color,
    .bg-secondary-color-dark
  ):hover {
  border-color: rgba(168, 118, 30, 0.6) !important;
}
.inner-page
  :is(
    .bg-primary-color,
    .bg-blue-color,
    .bg-red-color,
    .bg-orange-color,
    .bg-yellow-color,
    .bg-violet-color,
    .bg-green-color,
    .bg-secondary-color,
    .bg-secondary-color-dark
  )
  :is(h2, h3, h4, h5, h6, .servises-title) {
  color: var(--ink) !important;
  font-family: var(--serif) !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  margin: 16px 0 4px !important;
}
.inner-page
  :is(
    .bg-primary-color,
    .bg-blue-color,
    .bg-red-color,
    .bg-orange-color,
    .bg-yellow-color,
    .bg-violet-color,
    .bg-green-color,
    .bg-secondary-color,
    .bg-secondary-color-dark
  )
  :is(p, span, .servises-text) {
  color: var(--ink-2) !important;
}
.inner-page .servises-item__thumb {
  background: var(--cream) !important;
  border-radius: 8px !important;
  padding: 18px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 190px;
}
.inner-page .servises-item__thumb img {
  max-height: 160px;
  width: auto !important;
  max-width: 100%;
  object-fit: contain;
}
.inner-page .servises-text:empty {
  display: none;
}
/* the round arrow link on tiles */
.inner-page :is(.industriessectioncard, .expertisesectioncard, .servises-item) .read-more {
  position: absolute !important;
  right: 18px !important;
  bottom: 20px !important;
  top: auto !important;
  left: auto !important;
  width: 40px !important;
  height: 40px !important;
  display: grid !important;
  place-items: center;
  border-radius: 50% !important;
  border: 1px solid var(--hair-strong) !important;
  background: transparent !important;
  color: var(--ink) !important;
  transform: none !important;
}
.inner-page :is(.industriessectioncard, .expertisesectioncard, .servises-item) .read-more i {
  color: inherit !important;
  transform: rotate(-45deg);
  transition: transform 0.2s;
}
.inner-page :is(.industriessectioncard, .expertisesectioncard, .servises-item):hover .read-more {
  background: var(--red) !important;
  border-color: var(--red) !important;
  color: #fff !important;
}
.inner-page :is(.industriessectioncard, .expertisesectioncard, .servises-item):hover .read-more i {
  transform: rotate(0);
}
.inner-page :is(.industriessectioncard, .expertisesectioncard, .servises-item) .servises-item__content {
  padding-right: 56px;
}

/* ---------- buttons ---------- */
.inner-page
  :is(
    .thm-btn,
    .primary-btn,
    .heroBtn,
    .theme-btn,
    .btn-primary,
    .learnquotebtn,
    .read-more-btn,
    .downloadBtn,
    .wa-btn-primary,
    .pricing-btn,
    .explore-btn,
    .submit-btn,
    .subscr-btn,
    .olive-btn,
    .green-btn,
    .blog-read-more
  ) {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 26px !important;
  background: var(--red) !important;
  background-image: none !important;
  border: 1px solid var(--red) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: var(--body) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  line-height: 1 !important;
  text-transform: none !important;
  text-decoration: none !important;
  transform: none !important;
  transition:
    background-color 0.2s,
    border-color 0.2s;
}
.inner-page
  :is(
      .thm-btn,
      .primary-btn,
      .heroBtn,
      .theme-btn,
      .btn-primary,
      .learnquotebtn,
      .read-more-btn,
      .downloadBtn,
      .wa-btn-primary,
      .pricing-btn,
      .explore-btn,
      .submit-btn,
      .subscr-btn,
      .olive-btn,
      .green-btn,
      .blog-read-more
    ):hover {
  background: var(--red-dk) !important;
  border-color: var(--red-dk) !important;
}
.inner-page :is(.thm-btn, .theme-btn, .primary-btn)::before,
.inner-page :is(.thm-btn, .theme-btn, .primary-btn)::after {
  display: none !important;
}
.inner-page :is(.thm-btn, .theme-btn, .primary-btn) span {
  color: inherit !important;
}
/* secondary buttons: outlined ink */
.inner-page :is(.thm-btn.type2, .secondary-btn, .btn-border, .btn-outline-primary, .wa-btn-outline, .btn--dark) {
  background: transparent !important;
  border: 1px solid var(--hair-strong) !important;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
}
.inner-page :is(.thm-btn.type2, .secondary-btn, .btn-border, .btn-outline-primary, .wa-btn-outline, .btn--dark):hover {
  background: transparent !important;
  border-color: var(--ink) !important;
}
.inner-page :is(.hero-btns, .hero-buttons, .wa-btns, .wa-cta-btns) {
  display: flex;
  flex-wrap: wrap;
  gap: 12px !important;
}

/* ---------- lists, numbers, icons ---------- */
.inner-page :is(.list-style-one li, .creativeList li) i,
.inner-page li > i.fa-check,
.inner-page li > .fa-solid.fa-check {
  color: var(--gold) !important;
  background: none !important;
}
.inner-page :is(.pointNumber, .feature-number, .service-number, .wa-feature-no, .number) {
  font-family: var(--serif) !important;
  font-weight: 600 !important;
  color: var(--gold) !important;
  -webkit-text-fill-color: var(--gold) !important;
  background: none !important;
  -webkit-text-stroke: 0 !important;
}
.inner-page :is(.stat-card, .statCard, .dm-stat, .counterCard, .counter-box) :is(h2, h3, .counter, .count, span:first-child) {
  font-family: var(--serif) !important;
  font-weight: 600 !important;
}
.inner-page :is(.feature-card, .seoInfoCard, .serviceCard) > i,
.inner-page :is(.feature-card, .seoInfoCard, .serviceCard) .icon i {
  color: var(--blue) !important;
  background: rgba(11, 71, 179, 0.07) !important;
  border-radius: 8px !important;
}

/* ---------- FAQs and accordions ---------- */
.inner-page :is(.accordion-item, .faq-item, .premium-faq-item) {
  background: var(--paper) !important;
  border: 1px solid var(--hair) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  margin-bottom: 10px;
  overflow: hidden;
}
.inner-page .accordion-button {
  background: var(--paper) !important;
  color: var(--ink) !important;
  font-family: var(--body) !important;
  font-weight: 700;
  box-shadow: none !important;
}
.inner-page .accordion-button:not(.collapsed) {
  color: var(--blue) !important;
}

/* ---------- forms on inner pages ---------- */
.inner-page :is(input[type='text'], input[type='email'], input[type='tel'], textarea, select):not([type='hidden']) {
  background: #fff !important;
  border: 1px solid var(--hair-strong) !important;
  border-radius: 4px !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}
.inner-page :is(input, textarea, select):focus {
  border-color: var(--blue) !important;
  outline: 0;
}

/* ---------- client cards on the clients page ---------- */
.inner-page .work_box {
  background: var(--paper);
  border: 1px solid var(--hair);
  border-radius: 12px;
  transition: border-color 0.2s;
}
.inner-page .work_box:hover {
  border-color: rgba(168, 118, 30, 0.55);
}
.inner-page .work_box_wrp h4 {
  font-family: var(--serif) !important;
  font-size: 30px !important;
  font-weight: 600 !important;
}
.inner-page .work_box_wrp h4 span {
  color: var(--ink) !important;
}
.inner-page .work_status {
  padding: 40px 0;
  color: var(--ink-3);
}

/* ---------- page-specific tidy-ups ---------- */
/* social media marketing: steps on paper */
.inner-page .smmProcess .stepNumber,
.inner-page .smmProcess [class*='step'] > span:first-child {
  background: var(--ink) !important;
  color: var(--gold-soft) !important;
}
/* local SEO used an orange accent; bring it into the palette */
.inner-page [style*='255, 127, 50'] {
  color: var(--gold) !important;
}
/* phone mock-ups keep their rounded device frame, minus the heavy shadow */
.inner-page :is(.screen, .appScreen) {
  box-shadow: 0 1px 0 rgba(29, 22, 48, 0.06) !important;
  border: 1px solid var(--hair) !important;
}

@media (max-width: 760px) {
  .inner-page p {
    font-size: 15.5px !important;
  }
  .inner-page .servises-item__thumb {
    min-height: 150px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .inner-page * {
    transition: none !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* testimonial initials (in place of portrait photos) */
.inner-page .author-initials {
  flex: none;
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid rgba(233, 189, 98, 0.55);
  color: var(--gold-soft) !important;
  font-family: var(--serif);
  font-size: 20px;
  font-weight: 600;
}
.inner-page :is(.ai-section, .testimonial-section, .socialPromotion, .skills-section, .keywordSection, .reportSection, .cta-box, .wa-cta-area) * {
  border-color: rgba(233, 189, 98, 0.32);
}
.inner-page :is(.cta-box, .wa-cta-area) {
  border-radius: 14px !important;
}
.inner-page .skill-progress {
  background: var(--gold-soft) !important;
}
.inner-page :is(.ai-section, .testimonial-section, .socialPromotion, .skills-section, .keywordSection, .reportSection, .cta-box, .wa-cta-area)
  :is(.thm-btn.type2, .secondary-btn, .wa-btn-outline) {
  color: #fffcf6 !important;
  -webkit-text-fill-color: #fffcf6 !important;
  border-color: rgba(255, 252, 246, 0.4) !important;
}
/* the page bar above already shows where you are */
.inner-page .breadcrumbs {
  display: none !important;
}

/* =====================================================================
   Pass 2: one consistent page system
   ===================================================================== */

/* every page lines up on the same 1240px column as the page bar */
.inner-page :is(.am-container, .androidContainer, .iphoneContainer, .yt-container, .wa-premium-section .container, .tw-section .container, .video-page-wrapper .container) {
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* section titles written as h3/h4/h5 get the same serif voice as h2 */
.inner-page
  :is(
    .heading-title,
    .expertiseheading-title,
    h3.heading,
    .serviceHeader h3,
    .sectionTitle h3,
    .service-block h3,
    .wa-why-big h3,
    .headingcntvs h5,
    .project-heading,
    .subscribe-title,
    .strip-content h3
  ) {
  font-family: var(--serif) !important;
  font-weight: 600 !important;
  font-size: clamp(30px, 3.2vw, 46px) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.005em !important;
  color: var(--ink) !important;
  text-transform: none !important;
  text-wrap: balance;
}
.inner-page :is(.project-heading, .subscribe-title, .headingcntvs h5) {
  font-size: clamp(26px, 2.4vw, 34px) !important;
}
/* card-level titles that were set large: serif, one step down */
.inner-page
  :is(
    .appInfo h3,
    .appContent h3,
    .appTitle h3,
    .overlayContent h3,
    .tool-content h3,
    .ai-card h4,
    .services-grid .service-card h3,
    .process-box > h3,
    .recentWork > h4,
    .recentHeader h4,
    .rightSidebar > h4,
    .sidebar-title,
    .fb-inline-stats h3
  ) {
  font-family: var(--serif) !important;
  font-weight: 600 !important;
  font-size: clamp(26px, 2.3vw, 34px) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.005em !important;
  text-transform: none !important;
}
.inner-page :is(.overlayContent h3, .ai-card h4) {
  color: #fffcf6 !important;
}

/* pill badges become the same small gold label used everywhere */
.inner-page :is(.am-badge, .dm-tag, .heroBadge, .featured-tag) {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  padding: 0 !important;
  margin-bottom: 14px !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--gold-dk) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 700 13px/1.4 var(--body) !important;
  letter-spacing: 0.06em !important;
}
.inner-page :is(.am-badge, .dm-tag, .heroBadge)::before {
  content: '';
  width: 22px;
  height: 1px;
  background: currentColor;
  opacity: 0.7;
}

/* numbered markers: ink disc with a gold numeral */
.inner-page :is(.serviceCard > span:first-child, .service-numbers, .featureNumber, .feature-num, .tool-num, .service-num) {
  background: var(--ink) !important;
  background-image: none !important;
  color: var(--gold-soft) !important;
  -webkit-text-fill-color: var(--gold-soft) !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  font-family: var(--body) !important;
  font-weight: 700 !important;
}
/* large decorative numerals: gold serif, quiet */
.inner-page :is(.section-number, .service-number, .process-item > span, .section-num) {
  font-family: var(--serif) !important;
  font-weight: 600 !important;
  color: var(--gold) !important;
  -webkit-text-fill-color: var(--gold) !important;
  opacity: 0.85;
  -webkit-text-stroke: 0 !important;
  background: none !important;
}
.inner-page .process-item > span {
  font-size: 44px !important;
  margin-bottom: 12px !important;
}

/* counters on paper cards: ink serif figures */
.inner-page :is(.counterNumber, .counter-number, .stat-number, .statNumber) {
  font-family: var(--serif) !important;
  font-weight: 600 !important;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  font-variant-numeric: lining-nums tabular-nums;
}
.inner-page :is(.counterNumber, .counter-number) span {
  color: var(--gold) !important;
  -webkit-text-fill-color: var(--gold) !important;
}
.inner-page .counterCard h4 {
  color: var(--ink-2) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

/* cards that had no inner padding */
.inner-page .process-item {
  background: var(--paper) !important;
  border: 1px solid var(--hair) !important;
  border-radius: 12px !important;
  padding: 30px 28px 28px !important;
  overflow: hidden;
}
.inner-page .process-item::before {
  background: linear-gradient(to right, var(--gold), transparent) !important;
}
.inner-page .androidPage .serviceSection {
  padding: clamp(24px, 3vw, 40px) !important;
}
/* app showcases: one card, not a card inside a card */
.inner-page :is(.appCard) {
  padding: clamp(24px, 3vw, 44px) !important;
}
.inner-page :is(.appCard .appInfo, .appRow .appContent) {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

/* ---------- premium finish ---------- */
/* paper cards lift gently on hover */
.inner-page
  :is(
    .serviceCard,
    .serviceItem,
    .processCard,
    .process-item,
    .feature-card,
    .flow-card,
    .workCard,
    .recentCard,
    .recentWorkCard,
    .recent-work-card,
    .service-card,
    .feature-item,
    .counterCard,
    .stat-card,
    .work_box,
    .bg-primary-color,
    .bg-blue-color,
    .bg-red-color,
    .bg-orange-color,
    .bg-yellow-color,
    .bg-violet-color,
    .bg-green-color,
    .bg-secondary-color,
    .bg-secondary-color-dark
  ) {
  transition:
    border-color 0.25s,
    box-shadow 0.35s,
    transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1) !important;
}
@media (hover: hover) {
  .inner-page
    :is(
      .serviceCard,
      .serviceItem,
      .processCard,
      .process-item,
      .feature-card,
      .flow-card,
      .workCard,
      .recentCard,
      .recentWorkCard,
      .recent-work-card,
      .service-card,
      .feature-item,
      .counterCard,
      .stat-card,
      .work_box,
      .bg-primary-color,
      .bg-blue-color,
      .bg-red-color,
      .bg-orange-color,
      .bg-yellow-color,
      .bg-violet-color,
      .bg-green-color,
      .bg-secondary-color,
      .bg-secondary-color-dark
    ):hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 18px 40px -22px rgba(29, 22, 48, 0.35) !important;
  }
}

/* screenshots and photos sit in a soft frame */
.inner-page :is(.contentCard, .recentWorkCard, .recent-work-card, .recentCard, .workCard, .side-image-card, .service-image-card, .projectCard, .mainPreview, .main-visual-card) {
  overflow: hidden;
}
.inner-page :is(.projectCard) {
  border-radius: 12px !important;
}

/* plain content lists: gold diamond bullets */
.inner-page :is(.contentCard, .content-card, .ethical-content, .am-content-card) ul:not([class]) {
  list-style: none;
  padding-left: 0;
}
.inner-page :is(.contentCard, .content-card, .ethical-content, .am-content-card) ul:not([class]) > li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 8px;
}
.inner-page :is(.contentCard, .content-card, .ethical-content, .am-content-card) ul:not([class]) > li::before {
  content: '';
  position: absolute;
  left: 2px;
  top: 0.62em;
  width: 7px;
  height: 7px;
  background: var(--gold);
  transform: rotate(45deg);
}

/* gentle reveal as sections scroll in (set up by /js/site.js; content stays visible without it) */
.iis-reveal .inner-page .rv {
  opacity: 0;
  transform: translateY(22px);
  transition:
    opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1),
    transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.iis-reveal .inner-page .rv.in {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .iis-reveal .inner-page .rv {
    opacity: 1;
    transform: none;
  }
}

/* highlight panels: deliberate ink accents with light text */
.inner-page :is(.highlight-box, .roi-highlight) {
  background: var(--ink) !important;
  border-color: var(--ink) !important;
}
.inner-page :is(.highlight-box, .roi-highlight) :is(h2, h3, h4, h5) {
  color: #fffcf6 !important;
}
.inner-page :is(.highlight-box, .roi-highlight) :is(p, li, span) {
  color: rgba(255, 252, 246, 0.85) !important;
}
.inner-page :is(.highlight-box, .roi-highlight) i {
  color: var(--gold-soft) !important;
}
/* stat cards on paper: ink figures, muted labels */
.inner-page .statCard span {
  color: var(--ink-2) !important;
}
/* watermark numerals in the logo gold */
.inner-page :is(.tool-number, .cardNumber, .wa-feature-no) {
  color: rgba(168, 118, 30, 0.22) !important;
  -webkit-text-fill-color: rgba(168, 118, 30, 0.22) !important;
  font-family: var(--serif) !important;
  font-weight: 600 !important;
}

/* WhatsApp page: the site's typefaces, paper rows and room around the closing panel */
.inner-page .wa-premium-section,
.inner-page .wa-premium-section :not(i):not([class*='fa-']):not(h1):not(h2):not(h3):not(.heading):not(.heading *) {
  font-family: var(--body) !important;
}
.inner-page .wa-why-item {
  padding: 16px 20px !important;
  font-size: 17px !important;
  color: var(--ink) !important;
}
.inner-page :is(.wa-why-item, .wa-point) > span:first-child {
  background: var(--gold) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  transform: rotate(45deg);
  width: 9px !important;
  height: 9px !important;
}
.inner-page .wa-process-item > span {
  font-family: var(--serif) !important;
  font-weight: 600 !important;
  font-size: 54px !important;
  color: var(--gold) !important;
  -webkit-text-fill-color: var(--gold) !important;
  background: none !important;
  opacity: 0.85;
}
.inner-page .wa-cta-area {
  margin-top: clamp(56px, 7vw, 96px) !important;
}
.inner-page :is(.wa-cta-content, .cta-box) > span:first-child {
  color: var(--gold-soft) !important;
  letter-spacing: 0.08em;
}
.inner-page .wa-btn {
  border-radius: 4px !important;
}

/* keyword ranking: numbered markers on the dark band */
.inner-page .keywordNumber {
  background: transparent !important;
  border: 1px solid rgba(233, 189, 98, 0.5) !important;
  color: var(--gold-soft) !important;
  -webkit-text-fill-color: var(--gold-soft) !important;
  font-family: var(--serif) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

/* "Recent Work" sidebars: same serif title on every page */
.inner-page :is([class*='recent'], [class*='Recent'], .rightSidebar, .sidebar-card) > :is(h3, h4):first-child {
  font-family: var(--serif) !important;
  font-weight: 600 !important;
  font-size: clamp(24px, 2vw, 30px) !important;
  color: var(--ink) !important;
}