/* Shared type and spacing scale. Loaded last on every page. */
:root {
  --site-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --site-title: clamp(32px, 4vw, 52px);
  --site-heading: clamp(26px, 3vw, 36px);
  --site-body: 16px;
  --site-section: clamp(36px, 5vw, 64px);
  --site-width: 1180px;
  --site-reading-width: 865px;
}
html { font-size: 16px; scrollbar-gutter: stable; }
body { font-family: var(--site-font); font-size: var(--site-body); line-height: 1.65; }
button, input, select, textarea { font-family: inherit; }
body main :is(h1, h2, h3) { font-family: inherit; }
body main h1 { font-size: var(--site-title) !important; line-height: 1.12 !important; letter-spacing: -.035em !important; font-weight: 800; margin: 0 0 20px; }
body main :is(.center-copy, .why-simple-copy, .autonomous-copy, .intelix-copy, .editions-intro, .cta-box, .configure-copy, .configure-practical-copy, .modules-detail-heading, .mod-copy, .use-case-copy, .platform-overview) h2,
body main .secure-scale-heading { font-size: var(--site-heading) !important; line-height: 1.2 !important; letter-spacing: -.025em; }
body main :is(.hero-radial-heading, .ix-contact-aside h2) { font-size: 22px !important; line-height: 1.25 !important; }
body main :is(.why-simple-lead, .why-simple-point p, .center-copy > p, .configure-lead, .configure-copy p, .company-story-article p, .why-story-prose p, .mod-description, .modules-heading > p, .use-cases-hero p, .use-case-copy p, .placeholder-card > p, .ix-contact-intro > p, .platform-main p) { font-size: var(--site-body) !important; line-height: 1.7 !important; }
body :is(.button, .ix-submit) { font-size: 14px; line-height: 1.4; padding: 12px 20px; font-weight: 750; }
body .button-small { padding: 10px 16px; }
body :is(.why-story-hero, .company-story-hero, .modules-hero, .configure-hero, .use-cases-hero, .editions-hero, .platform-hero) { padding-block: 36px !important; }
body :is(.shell, .why-story-shell, .company-story-container, .modules-shell, .configure-shell) { width: min(1180px, calc(100% - 48px)); }
body :is(.why-story-content, .company-story-section, .modules-overview, .modules-details, .configure-features, .platform-overview) { padding-block: var(--site-section); }
body .placeholder-main { min-height: calc(100vh - var(--header)); place-items: start center; padding: 36px 24px 64px; }
body .placeholder-card { width: min(1180px, 100%); padding: 32px; }
body .placeholder-card h1 { max-width: 100%; }
body .ix-contact-main { padding-block: 36px 64px; }
body .ix-contact-intro { padding-top: 0; }
body .configure-title { max-width: 18ch; }
body .hero-brand-statement { margin-bottom: 0; }
body .modules-block .center-copy, body .deployment-heading { margin-bottom: 28px; }
.platform-main { background: #f7f9fd; color: #152239; }
.platform-hero { background: linear-gradient(120deg, #071323, #102543); color: #fff; }
.platform-hero p { max-width: 760px; color: #bbcee6; margin: 0 0 20px; }
.platform-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 28px; }
.platform-grid article { padding: 28px; border: 1px solid #dce5f2; border-radius: 18px; background: #fff; }
.platform-grid h3 { font-size: 22px; line-height: 1.25; margin: 0 0 12px; }
.platform-grid p { color: #52657f; }
.platform-grid a { color: #5942c9; font-weight: 750; }
@media (max-width: 700px) {
  body :is(.shell, .why-story-shell, .company-story-container, .modules-shell, .configure-shell) { width: calc(100% - 28px); }
  body :is(.why-story-hero, .company-story-hero, .modules-hero, .configure-hero, .use-cases-hero, .editions-hero, .platform-hero) { padding-block: 28px !important; }
  body .placeholder-main { padding: 28px 14px 48px; }
  body .placeholder-card { padding: 24px 20px; }
  .platform-grid { grid-template-columns: 1fr; gap: 16px; }
  .platform-grid article { padding: 24px; }
}
/* Section headings share one scale, including editions and full use cases. */
body main :is(.editions-grid > div, .edition-card-head, .use-case-full-card) h2 { font-size: var(--site-heading) !important; line-height: 1.2 !important; letter-spacing: -.025em; }
body main .use-case-full-card h2 { margin-block: 20px 16px; }
body main :is(.editions-intro, .autonomous-copy > p, .intelix-copy > p, .use-case-full-card > p) { font-size: var(--site-body) !important; line-height: 1.7 !important; }
body main :is(.case-study-card, .edition-cards article, .deployment-cards article) h3 { font-size: 20px !important; line-height: 1.3 !important; }

body main .hero-radial-card > p { font-size: var(--site-body) !important; line-height: 1.6 !important; }
/* Keep the side list compact when a homepage use case is expanded. */
@media (min-width: 901px) {
  body main .case-study-experience.is-expanded .case-study-card:not(.is-selected) { padding: 8px 17px; }
  body main .case-study-experience.is-expanded .case-study-card:not(.is-selected) h3 { font-size: 12px !important; line-height: 1.25 !important; margin-top: 4px; }
  body main .case-study-experience.is-expanded .case-study-card:not(.is-selected) .case-study-card-head { min-height: 12px; }
}

/* Arabic-only adjustments; English layouts retain their existing rules. */
html[dir="rtl"] body { font-family: Tahoma, Arial, sans-serif; }
html[dir="rtl"] .ix-honeypot { left: 0 !important; top: 0 !important; clip-path: inset(50%); }
html[dir="rtl"] .hero-radial-stage .hero-radial-card { align-items: flex-start; text-align: right; }
html[dir="rtl"] .hero-radial-stage .hero-radial-card :is(h2, p) { text-align: right; }

/* Match the Platform title stripe to the other compact page banners. */
.platform-hero h1 { margin: 0; }
.platform-overview .shell > p { max-width: 760px; color: #52657f; margin: 0 0 16px; }

/* About Us: FAQ disclosures and scrolling navigation on smaller screens. */
.about-faq { margin: 28px 0; }
.about-faq details { border-bottom: 1px solid #dce5f2; padding: 20px 0; }
.about-faq summary { cursor: pointer; font-size: 18px; line-height: 1.5; font-weight: 750; color: #182847; }
.about-faq summary:focus-visible { outline: 2px solid #2478bd; outline-offset: 6px; }
.why-story-prose .about-faq p { margin: 16px 0 0; }
body .site-header.menu-open .mobile-nav { max-height: calc(100dvh - var(--header)); overflow-y: auto; }

/* One scale for page containers and full-size explanatory text. */
body .header-inner { width: min(var(--site-width), calc(100% - 48px)); }
body :is(.why-story-prose, .page-format-prose) { max-width: var(--site-reading-width); }
body .blogs-page .why-story-prose, body.blogs-page .why-story-prose { max-width: none; }
body main :is(.page-format-prose > p, .configure-practical-copy p, .configure-step p, .edition-card-head p, .edition-client-summary p, .edition-client-note, .mod-why p) { font-size: var(--site-body) !important; line-height: 1.7 !important; }
body main .configure-practical-copy h2 { font-size: var(--site-heading) !important; line-height: 1.2 !important; }
body .configure-visual { font-size: var(--site-body); }
body .ix-contact-wrap { max-width: var(--site-width); }
@media(max-width:700px) { body .header-inner { width: calc(100% - 28px); } }

/* Equal collapsed use-case tiles, including the center logo. */
.case-study-experience:not(.is-expanded) .case-study-grid > :is(.case-study-card,.case-study-logo-card) { height: 220px; min-height: 220px; grid-column: auto !important; grid-row: auto !important; border-radius: 14px; }