/* Light visual system for Offer, About Anahera and the demo calculator. */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap");

:root {
  --ios-bg: #f5f5f7;
  --ios-surface: #ffffff;
  --ios-soft: #f0f0f3;
  --ios-text: #1d1d1f;
  --ios-dim: #6e6e73;
  --ios-faint: #8e8e93;
  --ios-line: rgba(0, 0, 0, .08);
  --ios-line-strong: rgba(0, 0, 0, .14);
  --ios-green: #248a55;
  --ios-red: #c93445;
  --ios-amber: #b26a00;
  --ios-shadow: 0 1px 2px rgba(0, 0, 0, .025), 0 12px 38px rgba(0, 0, 0, .045);
}

/* Shared typography and navigation */
.offer-page,
body:has(.site-header),
body:has(.calculator-page) {
  color: var(--ios-text);
  background: var(--ios-bg);
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  color-scheme: light;
}

.offer-page h1,
.offer-page h2,
.offer-page h3,
body:has(.site-header) h1,
body:has(.site-header) h2,
body:has(.site-header) h3,
.calculator-page h1,
.calculator-page h2,
.calculator-page h3 {
  color: var(--ios-text);
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.offer-page header,
.site-header,
.calculator-demo-header {
  color: var(--ios-text) !important;
  background: rgba(250, 250, 252, .9) !important;
  border-color: var(--ios-line) !important;
  box-shadow: none !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
}

.offer-page .brand > span,
.site-header .brand > span,
.calculator-demo-header a > span:first-child {
  color: #fff !important;
  background: var(--ios-text) !important;
  border: 0 !important;
  box-shadow: none !important;
}

.offer-page .brand strong,
.site-header .brand strong,
.calculator-demo-header strong { color: var(--ios-text) !important; font-family: inherit !important; }
.offer-page .brand small,
.site-header .brand small,
.calculator-demo-header small { color: var(--ios-faint) !important; }

.offer-page .top-nav a,
.site-header .quiet-link,
.calculator-demo-header nav a { color: var(--ios-dim) !important; }
.offer-page .top-nav a:hover,
.site-header .quiet-link:hover { color: var(--ios-text) !important; background: #e9e9ec !important; }
.offer-page .top-nav a.active,
.calculator-demo-header nav a.text-white {
  color: #fff !important;
  background: var(--ios-text) !important;
  border-radius: 999px;
  padding: 9px 14px;
}

.offer-page .language-select,
.site-header #language-select,
.calculator-demo-header select {
  color: var(--ios-text) !important;
  background: #fff !important;
  border-color: var(--ios-line-strong) !important;
}

/* Offer */
.offer-page {
  --bg-900: var(--ios-bg);
  --bg-850: var(--ios-surface);
  --bg-800: var(--ios-surface);
  --bg-750: var(--ios-soft);
  --stroke: var(--ios-line);
  --stroke-strong: var(--ios-line-strong);
  --text: var(--ios-text);
  --text-dim: var(--ios-dim);
  --text-faint: var(--ios-faint);
  --accent: var(--ios-text);
  --accent-line: var(--ios-line-strong);
  --cta: var(--ios-text);
  --ink: var(--ios-text);
  --blue: var(--ios-text);
  --violet: var(--ios-dim);
  --cyan: var(--ios-text);
  --muted: var(--ios-dim);
  --line: #dedee3;
}

.offer-page::before,
.offer-page::after,
.offer-page .command-mockup::before,
.offer-page .sales-reset::before,
.offer-page .assurance-card::after { display: none !important; }

.offer-main { width: min(1180px, calc(100% - 40px)); padding-top: 54px !important; }
.offer-hero { gap: 46px; }
.offer-page .sales-stage-hero {
  padding: 34px !important;
  color: var(--ios-text) !important;
  background: #fff !important;
  border: 1px solid var(--ios-line) !important;
  border-radius: 30px !important;
  box-shadow: var(--ios-shadow) !important;
}
.offer-hero-copy { padding-block: 22px; }
.offer-hero h1 {
  color: var(--ios-text) !important;
  font-size: clamp(46px, 5.2vw, 70px) !important;
  font-weight: 800 !important;
  letter-spacing: -.055em !important;
}
.offer-hero h1 em { color: var(--ios-text) !important; }
.offer-lede { color: var(--ios-dim) !important; }
.offer-page .eyebrow,
.offer-page [class*="badge"],
.offer-page [class*="label"] { color: var(--ios-dim) !important; }

.offer-primary,
.offer-secondary.dark,
.price-card a,
.booking-open {
  color: #fff !important;
  background: var(--ios-text) !important;
  border-color: var(--ios-text) !important;
  box-shadow: none !important;
}
.offer-secondary {
  color: var(--ios-text) !important;
  background: #fff !important;
  border-color: var(--ios-line-strong) !important;
  box-shadow: none !important;
}
.offer-primary:hover,
.offer-secondary:hover,
.price-card a:hover { transform: none !important; box-shadow: none !important; }
.offer-proof span { color: var(--ios-dim) !important; background: #fff !important; border-color: var(--ios-line) !important; }
.offer-proof span::before { background: #34c759 !important; box-shadow: none !important; }
.offer-page main :is(i, em, strong, span) {
  color: inherit !important;
  background-image: none !important;
}
.offer-page .offer-hero-copy > .eyebrow,
.offer-page .integration-note {
  color: var(--ios-dim) !important;
  background: #f2f2f4 !important;
  border-color: var(--ios-line) !important;
  box-shadow: none !important;
}
.offer-page :is(.recorded-demo-language, .office-switch) button.active {
  color: #fff !important;
  background: var(--ios-text) !important;
  border-color: var(--ios-text) !important;
}

.offer-page :is(
  .offer-band,
  .offer-section,
  .final-cta,
  .sales-reset,
  .pain-solution-section,
  .system-section,
  .pricing-section,
  .booking-section,
  .client-analytics-section,
  .quarterly-review-section,
  .wow-output-section,
  .deployment-model-section
) {
  color: var(--ios-text) !important;
  background: #fff !important;
  border: 1px solid var(--ios-line) !important;
  border-radius: 28px !important;
  box-shadow: var(--ios-shadow) !important;
}

.offer-page :is(
  .command-mockup,
  .demo-case-card,
  .pain-grid article,
  .usecase-grid article,
  .module-grid article,
  .price-card,
  .assurance-card,
  .pain-solution-card,
  .pain-solution-card > div,
  .client-input-grid article,
  .service-grid article,
  .wow-output-grid article,
  .booking-benefits,
  .booking-availability,
  .organization-price-card,
  .quarterly-card,
  .deployment-card,
  .recorded-demo-card
) {
  color: var(--ios-text) !important;
  background: #f7f7f8 !important;
  border: 1px solid var(--ios-line) !important;
  border-radius: 22px !important;
  box-shadow: none !important;
}

.offer-page :is(
  .command-mockup,
  .demo-case-card,
  .price-card.featured,
  .organization-price-card.featured
) {
  color: #fff !important;
  background: var(--ios-text) !important;
  border-color: var(--ios-text) !important;
}

.offer-page :is(.command-mockup, .demo-case-card, .price-card.featured, .organization-price-card.featured) :is(h2,h3,strong,dd) { color: #fff !important; }
.offer-page :is(.command-mockup, .demo-case-card, .price-card.featured, .organization-price-card.featured) :is(p,span,dt,b,li,small) { color: #c7c7cc !important; }
.offer-page .price-card.featured { transform: none !important; box-shadow: none !important; }
.offer-page .price-card.featured a { color: var(--ios-text) !important; background: #fff !important; }

.offer-page :is(.pain-grid article, .module-grid article, .usecase-grid article, .client-input-grid article, .service-grid article, .wow-output-grid article) :is(p,span) { color: var(--ios-dim) !important; }
.offer-page .pain-solution-card { min-height: auto !important; overflow: hidden; }
.offer-page .pain-solution-card > div { min-height: 0 !important; padding: 24px !important; border: 0 !important; border-radius: 0 !important; }
.offer-page .pain-solution-card > div + div { border-top: 1px solid var(--ios-line) !important; background: #fff !important; }
.offer-page .pain-solution-card h3 { color: var(--ios-text) !important; }
.offer-page :is(.section-heading p, .offer-band p, .offer-section p, .final-cta p, .sales-reset p) { color: var(--ios-dim) !important; }
.offer-page :is(.offer-band, .offer-section, .final-cta, .sales-reset) h2 { color: var(--ios-text) !important; }

.mockup-grid div,
.ai-insight-card,
.demo-case-card div,
.dfy-steps span,
.sales-reset-flow span,
.comparison-table,
.comparison-table div,
.rollout-note,
.onboarding-list li,
.offer-page details {
  color: var(--ios-text) !important;
  background: #fff !important;
  border-color: var(--ios-line) !important;
  box-shadow: none !important;
}
.health-orbit {
  background: conic-gradient(#1d1d1f 0 74%, #dedee3 74%) !important;
  box-shadow: 0 0 0 12px rgba(255,255,255,.06) !important;
}
.health-orbit::after { background: #1d1d1f !important; }
.module-grid article span { color: var(--ios-text) !important; background: #e9e9ec !important; }
.comparison-table b { color: #fff !important; background: var(--ios-text) !important; }
.comparison-table span:first-child { color: var(--ios-dim) !important; background: #f7f7f8 !important; }
.comparison-table span:last-child { color: var(--ios-green) !important; background: #f2faf5 !important; }
.rollout-note { color: var(--ios-dim) !important; }
.offer-page .review-proof span,
.offer-page .review-cycle article,
.offer-page .launch-choice article,
.offer-page .usage-pricing {
  color: var(--ios-text) !important;
  background: #f7f7f8 !important;
  border-color: var(--ios-line) !important;
  box-shadow: none !important;
}
.offer-page .review-cycle small { color: var(--ios-dim) !important; }
.offer-page .office-switch button {
  color: var(--ios-text) !important;
  background: #fff !important;
  border-color: var(--ios-line-strong) !important;
  box-shadow: none !important;
}
.offer-page .office-switch button.recommended { background: #f0f0f3 !important; }
.offer-page .office-switch button.recommended small { color: var(--ios-dim) !important; }
.offer-page .office-switch button.active { color: #fff !important; background: var(--ios-text) !important; border-color: var(--ios-text) !important; }
.offer-page :is(.organization-price-card > a, .booking-fallback a) {
  color: #fff !important;
  background: var(--ios-text) !important;
  background-image: none !important;
  border-color: var(--ios-text) !important;
  box-shadow: none !important;
}

.offer-outline-toggle,
.offer-outline nav,
.sales-story-nav {
  color: var(--ios-text) !important;
  background: rgba(255, 255, 255, .94) !important;
  border-color: var(--ios-line-strong) !important;
  box-shadow: 0 12px 36px rgba(0,0,0,.08) !important;
  backdrop-filter: blur(18px);
}
.offer-outline nav strong,
.offer-outline nav a { color: var(--ios-dim) !important; }
.offer-outline nav a:hover,
.offer-outline nav a.active { color: var(--ios-text) !important; background: #efeff2 !important; border-color: var(--ios-text) !important; }
.sales-story-nav a { border-color: #aeaeb2 !important; background: #e5e5e8 !important; }
.sales-story-nav a:hover,
.sales-story-nav a.active { border-color: var(--ios-text) !important; background: var(--ios-text) !important; box-shadow: none !important; }

.booking-modal-backdrop { background: rgba(245,245,247,.76) !important; }
.booking-modal-card { border-color: var(--ios-line) !important; box-shadow: 0 28px 90px rgba(0,0,0,.16) !important; }
.booking-modal-head { color: #fff !important; background: var(--ios-text) !important; }

/* About Anahera */
body:has(.site-header) {
  --bg: var(--ios-bg);
  --card: var(--ios-surface);
  --card2: var(--ios-soft);
  --text: var(--ios-text);
  --dim: var(--ios-dim);
  --faint: var(--ios-faint);
  --line: var(--ios-line);
  --cyan: var(--ios-text);
  --violet: var(--ios-dim);
  --green: var(--ios-green);
  --cta: var(--ios-text);
}
body:has(.site-header)::before,
body:has(.site-header)::after { display: none !important; }
.site-header { height: 72px; }
.site-header .brand > span { border-radius: 13px; }
.site-header #language-select { font-family: inherit; }
body:has(.site-header) main { padding-top: 62px; }
body:has(.site-header) p { color: var(--ios-dim); }
body:has(.site-header) .eyebrow { color: var(--ios-dim); }
body:has(.site-header) .primary { color: #fff; background: var(--ios-text); box-shadow: none; }
body:has(.site-header) .secondary { color: var(--ios-text); background: #fff; border-color: var(--ios-line-strong); }
.founder-card,
.founder-audio,
.reason-section,
.principles article,
body:has(.site-header) .final-cta {
  color: var(--ios-text);
  background: #fff;
  border-color: var(--ios-line);
  box-shadow: var(--ios-shadow);
}
.portrait-placeholder { background: #ededf0; }
.portrait-placeholder span { color: #fff; background: var(--ios-text); border-color: transparent; }
.founder-card a { color: var(--ios-text); }
.founder-label { color: var(--ios-green) !important; }
.audio-player { color: var(--ios-text); background: #f7f7f8; border-color: transparent; }
.audio-badge { color: #fff; background: var(--ios-text); }
.timeline { border-color: var(--ios-line); }
.timeline article { border-color: var(--ios-line); }
.timeline article > span,
.principles span { color: var(--ios-dim); }
body:has(.site-header) footer { color: var(--ios-faint); border-color: var(--ios-line); }

/* After-hours calculator */
.calculator-page {
  --bg-900: var(--ios-bg);
  --bg-850: var(--ios-surface);
  --bg-800: var(--ios-surface);
  --bg-750: var(--ios-soft);
  --stroke: var(--ios-line);
  --stroke-strong: var(--ios-line-strong);
  --text: var(--ios-text);
  --text-dim: var(--ios-dim);
  --text-faint: var(--ios-faint);
  --accent: var(--ios-text);
  --accent-line: var(--ios-line-strong);
  --cta: var(--ios-text);
  --font-display: "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--ios-text) !important;
  background: var(--ios-bg) !important;
  font-family: var(--font-body) !important;
}
body:has(.calculator-page) > header:first-of-type { display: none !important; }
.calculator-demo-header { height: 72px; }
.calculator-demo-header > div { height: 72px !important; }
.calculator-page :is(.cyber-page-grid, .cost-core-orbit) { display: none !important; }
.calculator-page .cyber-page-grid { background: none !important; }
.calculator-page .cost-core-orbit { border-color: transparent !important; }
.calculator-hero {
  color: var(--ios-text) !important;
  background: var(--ios-bg) !important;
  padding-block: 68px !important;
}
.calculator-hero > div:not(.container-shell) { display: none !important; }
.calculator-hero h1 { color: var(--ios-text) !important; font-weight: 800 !important; }
.calculator-hero p { color: var(--ios-dim) !important; }
.calculator-trust-pill { color: var(--ios-dim) !important; background: #fff !important; border-color: var(--ios-line) !important; box-shadow: none !important; }
.calculator-tool { background: var(--ios-bg) !important; }

.cyber-shell {
  color: var(--ios-text) !important;
  background: #fff !important;
  border: 1px solid var(--ios-line) !important;
  border-radius: 30px !important;
  clip-path: none !important;
  box-shadow: var(--ios-shadow) !important;
}
.cyber-shell::before,
.cyber-shell::after,
.cyber-panel::before,
.cyber-control::before { display: none !important; }
.cyber-kicker,
.cyber-label { color: var(--ios-dim) !important; font-family: inherit !important; }
.cyber-shell h2,
.cyber-shell h3,
.cyber-shell label,
.cyber-shell strong { color: var(--ios-text) !important; }
.cyber-shell p,
.cyber-shell small,
.cyber-shell span.text-slate-500,
.cyber-shell .text-slate-300,
.cyber-shell .text-slate-400,
.cyber-shell .text-slate-500,
.cyber-shell .text-slate-600 { color: var(--ios-dim) !important; }

/* Selected calculator controls are assembled from dark-theme utility classes.
   Keep their labels readable after the accent backgrounds become black. */
.cyber-shell button[class*="border-cyan"][class*="bg-cyan"],
.cyber-shell button[class*="border-violet"][class*="bg-violet"] {
  color: #fff !important;
  background: var(--ios-text) !important;
  border-color: var(--ios-text) !important;
}
.cyber-shell aside button[class*="border-cyan"][class*="bg-cyan"] > span:first-child {
  color: var(--ios-text) !important;
  background: #fff !important;
}
.cyber-shell aside button[class*="border-cyan"][class*="bg-cyan"] > span:last-child {
  color: #fff !important;
}

.cyber-panel {
  color: var(--ios-text) !important;
  background: #fff !important;
  border: 1px solid var(--ios-line) !important;
  border-radius: 24px !important;
  clip-path: none !important;
  box-shadow: none !important;
}
.cyber-control {
  color: var(--ios-text) !important;
  background: #f7f7f8 !important;
  border: 1px solid transparent !important;
  border-radius: 18px !important;
}
.cyber-control:focus-within { border-color: var(--ios-line-strong) !important; transform: none !important; }
.cyber-number-shell {
  color: var(--ios-text) !important;
  background: #fff !important;
  border-color: var(--ios-line-strong) !important;
  border-radius: 13px !important;
  clip-path: none !important;
  box-shadow: none !important;
}
.cyber-number { color: var(--ios-text) !important; background: transparent !important; }
.cyber-unit { color: var(--ios-dim) !important; }
.cyber-stepper {
  color: var(--ios-text) !important;
  background: #fff !important;
  border-color: var(--ios-line) !important;
  border-radius: 12px !important;
}
.cyber-range { background: #d8d8dc !important; }
.cyber-range::-webkit-slider-thumb {
  background: var(--ios-text) !important;
  border-color: #fff !important;
  box-shadow: 0 0 0 1px var(--ios-text) !important;
}
.cyber-range::-moz-range-thumb {
  background: var(--ios-text) !important;
  border-color: #fff !important;
  box-shadow: 0 0 0 1px var(--ios-text) !important;
}
.cyber-button-primary {
  color: #fff !important;
  background: var(--ios-text) !important;
  border-radius: 999px !important;
  clip-path: none !important;
  box-shadow: none !important;
}
.cyber-button-secondary {
  color: var(--ios-text) !important;
  background: #fff !important;
  border: 1px solid var(--ios-line-strong) !important;
  border-radius: 999px !important;
  clip-path: none !important;
}

.cost-core {
  color: #fff !important;
  background: var(--ios-text) !important;
  border: 0 !important;
  border-radius: 26px !important;
  clip-path: none !important;
  box-shadow: none !important;
}
.cost-core-center { color: #fff !important; background: transparent !important; border: 0 !important; }
.cost-core-center strong { color: #fff !important; }
.cost-core-center span,
.cost-core-center small { color: #c7c7cc !important; }

.calculator-page section[class*="rounded-"],
.calculator-page article[class*="rounded-"],
.calculator-page div[class*="rounded-"][class*="border"] {
  border-color: var(--ios-line) !important;
  box-shadow: none !important;
}
.calculator-page article[class*="rounded-"],
.calculator-page div[class*="rounded-"][class*="border"] { background-color: #f7f7f8 !important; }
.calculator-page .bg-black\/15,
.calculator-page .bg-black\/20 { background: #f7f7f8 !important; }
.calculator-page .text-white { color: var(--ios-text) !important; }
.calculator-page .text-cyan-300,
.calculator-page .text-cyan-100,
.calculator-page .text-violet-300 { color: var(--ios-text) !important; }
.calculator-page [class*="text-cyan"],
.calculator-page [class*="text-violet"] { color: var(--ios-text) !important; }
.calculator-page [class*="text-fuchsia"] { color: #7a245c !important; }
.calculator-page [class*="text-emerald"] { color: #166534 !important; }
.calculator-page [class*="text-amber"] { color: #92400e !important; }
.calculator-page [class*="text-rose"] { color: #9f1239 !important; }
.calculator-page [class*="bg-cyan"],
.calculator-page [class*="bg-violet"] { background: var(--ios-text) !important; }
.calculator-page [class*="border-cyan"],
.calculator-page [class*="border-violet"] { border-color: var(--ios-line-strong) !important; }
.calculator-page [class*="shadow-"] { box-shadow: none !important; }
.calculator-page .border-white\/10,
.calculator-page .border-white\/\[\.07\],
.calculator-page .border-white\/\[\.08\] { border-color: var(--ios-line) !important; }

.calculator-methodology,
.calculator-faq { color: var(--ios-text) !important; background: var(--ios-bg) !important; }
.method-card,
.faq-item {
  color: var(--ios-text) !important;
  background: #fff !important;
  border-color: var(--ios-line) !important;
  box-shadow: var(--ios-shadow) !important;
}
.method-card p,
.faq-item p { color: var(--ios-dim) !important; }
.method-index { color: var(--ios-text) !important; background: #ededf0 !important; }
body:has(.calculator-page) footer { background: var(--ios-text) !important; }

@media (max-width: 900px) {
  .offer-main { width: min(100% - 28px, 1180px); }
  .offer-page :is(.offer-band, .offer-section, .final-cta, .sales-reset) { padding: 30px !important; }
  .calculator-hero { padding-block: 48px !important; }
  .cyber-shell { padding: 28px 20px !important; }
}

@media (max-width: 620px) {
  .offer-main { width: 100%; padding-inline: 16px !important; }
  .offer-page :is(.offer-band, .offer-section, .final-cta, .sales-reset) { padding: 22px !important; border-radius: 23px !important; }
  .offer-page .top-nav a { padding: 8px 11px; }
  .site-header { padding-inline: 16px; }
  body:has(.site-header) main { padding: 48px 16px 70px; }
  .calculator-demo-header { position: sticky; }
  .calculator-demo-header nav { display: none !important; }
  .calculator-hero h1 { font-size: clamp(40px, 12vw, 58px) !important; }
  .cyber-shell { border-radius: 24px !important; }
  .cyber-panel { border-radius: 20px !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}