/* Bondi theme - matches theme-template. Loaded last on every page.
   Light zones use :root tokens; .is-deep zones (hero, top bar, products,
   footer, tinted bands) get their palette from hence-bondi-deep.css. */
:root {
  --bondi: #1985a1;
  --bondi-ink: #0f5e72;
  --bondi-soft: #eef5f7;
  --bondi-tint: #d9e9ee;
  --radius: 14px;
  --paper: #fff;
  --accent: var(--bondi);
  --brand-green: var(--bondi);
}

/* Deep zones paint their own background, full-bleed even inside .wrap */
:where(.is-deep) { background-color: var(--paper); }  /* zero specificity: tinted bands keep their own */
.is-deep.wrap { box-shadow: 0 0 0 100vmax var(--paper); clip-path: inset(0 -100vmax); }
.breadcrumb.is-deep { margin-block: 0; padding-block: 18px 0; }
.list-return.is-deep { margin-block: 0; padding-block: 14px 0; }

/* Hero glow, as in the template */
:is(.signal-hero, .page-hero, .solution-hero, .product-detail-hero, .suite-hero, .contact-main).is-deep { position: relative; isolation: isolate; }
:is(.signal-hero, .page-hero, .solution-hero, .product-detail-hero, .suite-hero, .contact-main).is-deep::before {
  content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%);
  background: radial-gradient(ellipse 45% 46% at 78% 50%, rgb(25 133 161 / .42), transparent);  /* stays clear of top/bottom edges */
  pointer-events: none;
}
/* Template section tones */
.home-ai.is-deep { background: var(--bondi-soft); }
.home-stack.is-deep { background: var(--bondi-soft); }
.home-stack .stack-tags span { background: #fff; }

/* Typography: Space Grotesk throughout (serif italics and product wordmarks keep theirs) */
body, body :is(h1, h2, h3, h4, p, a, li, span, b, small, label, summary, button, input, select, textarea, .eyebrow, .button, .text-link, .site-nav):not(em, em *, .product-wordmark, .product-wordmark *, .suite-nav a) {
  font-family: 'Space Grotesk', Arial, sans-serif;
}

/* Buttons: pills. Light zones get solid Bondi; deep zones keep their glow accent. */
.button { border-radius: 999px; padding-inline: 26px; }
.button:not(.is-deep *), .site-nav .button, .site-nav > a.button[aria-current] { background: var(--bondi); border-color: var(--bondi); color: #fff; }
.button:hover { filter: none; }
.button:not(.is-deep *):hover, .site-nav .button:hover { background: var(--bondi-ink); border-color: var(--bondi-ink); }
.text-link:not(.is-deep *) { color: var(--bondi-ink); }
.site-nav > a[aria-current]:not(.button) { color: var(--bondi-ink); box-shadow: inset 0 -2px var(--bondi); padding-bottom: 4px; }

/* Header */
.site-header { background: color-mix(in srgb, #fff 94%, transparent); backdrop-filter: blur(10px); }

/* Cards and panels */
.ai-stages article {
  background: #fff; border: 1px solid var(--bondi-tint); border-top: 3px solid var(--bondi);
  border-radius: var(--radius); padding: 28px 24px 30px;
  transition: transform .2s, box-shadow .2s;
}
.ai-stages article:hover { transform: translateY(-3px); box-shadow: 0 14px 30px -18px rgb(25 133 161 / .6); }
.ai-stages article > span { color: var(--bondi-ink); }
.ai-stages { gap: 18px; }
.scope-panel, .related-panel, .product-card, .overview-card, .contact-form-panel, .product-screenshot img, .article-content img { border-radius: var(--radius); }
.product-card:not(.is-deep *), .overview-card:not(.is-deep *), .scope-panel:not(.is-deep *), .related-panel:not(.is-deep *) { background: var(--bondi-soft); border-color: var(--bondi-tint); }
.contact-form-panel:not(.is-deep *) { background: var(--bondi-soft); }
.field input, .field select, .field textarea { border-radius: 10px; }

/* Tags and pills */
.cap-body > div span, .stack-tags span, .product-tags span, .supporting-skills span {
  border-radius: 999px; border: 1px solid var(--bondi-tint); background: var(--bondi-soft); color: var(--bondi-ink); font-weight: 500;
}
.cap-plus { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--bondi-tint); color: var(--bondi-ink); font-size: 18px; }
.capability-list [open] .cap-plus { background: var(--bondi); color: #fff; }
.capability-list summary:hover h3 { color: var(--bondi-ink); }
.industry-links a { border-radius: 999px; }
.industry-links a:hover { background: var(--bondi); border-color: var(--bondi); color: #fff; }

/* Product suite: rounded grid on the deep band */
.suite-ribbon { border-radius: var(--radius); overflow: hidden; }
.product-wordmark span:not(.is-deep *) { color: var(--bondi); }
.is-deep .product-wordmark span { color: var(--accent); }

/* Closing call to action: solid Bondi */
.signal-cta { background: var(--bondi); color: #fff; }
.signal-cta .eyebrow { color: #fff; }
.signal-cta .eyebrow:before { background: #fff; }
.round-arrow { border-color: rgb(255 255 255 / .6); transition: background .2s, color .2s; }
.signal-cta-inner > a:hover .round-arrow, .round-arrow:hover { background: #fff; color: var(--bondi-ink); }

/* Mobile menu toggle */
.menu-button { border-radius: 999px; padding-inline: 18px; }

/* Eyebrow marker: brand dot instead of a dash */
.eyebrow { gap: 10px; }
.eyebrow::before { width: 6px; height: 6px; border-radius: 50%; flex: none; }

/* About page: alternate white / pale Bondi bands, as on the home page */
.about-page .solution-section { background: var(--bondi-soft); box-shadow: 0 0 0 100vmax var(--bondi-soft); clip-path: inset(0 -100vmax); border-top: 0; }
.about-page .workflow-section.is-deep { background: #fff; }

/* About page: industry experience as cards (technology page card style) */
.about-page .offer-grid { gap: 26px; }
.about-page .offer-grid article {
  display: flex; flex-direction: column; align-items: start;
  background: #fff; border: 1px solid var(--bondi-tint); border-radius: var(--radius); padding: 32px;
  transition: border-color .2s, transform .2s, box-shadow .2s;
}
.about-page .offer-grid article:hover { border-color: var(--bondi); transform: translateY(-3px); box-shadow: 0 14px 30px -18px rgb(25 133 161 / .6); }
.about-page .offer-grid article > .hero-actions { margin-top: auto; padding-top: 24px; }
.about-page .offer-grid .offer-index { color: var(--bondi-ink); }
@media (max-width: 760px) { .about-page .offer-grid article { padding: 25px; } }

/* Product pages: four features sit 2 x 2 instead of 3 + 1 */
@media (min-width: 761px) { .feature-grid:has(> article:nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.modernization-section ul + p { margin-top: 20px; }

/* Featured, full-width card at the top of an offer grid (e.g. e-commerce on the retail page) */
.offer-grid > .offer-feature { grid-column: 1 / -1; }
.offer-grid > .offer-feature ul { columns: 2; column-gap: 40px; }
.offer-grid > .offer-feature li { break-inside: avoid; margin: 0 0 9px; }  /* even column tops */
@media (max-width: 760px) { .offer-grid > .offer-feature ul { columns: 1; } }