/* UMAI official identity v1.0 (29 September 2026).
   The supplied 4:3 SVG is used intact, including its petrol background. */
:root {
  --umai-background: #023945;
  --umai-wordmark: #9efbf2;
  --umai-tree-middle: #51f8e8;
  --umai-tree-deep: #0bf2db;
  --umai-crm: #63f9ea;
  --umai-prom: #06f4de;
  --umai-surface: #edf9f8;
  --umai-line: #c5dedf;
  --umai-muted: #4c6c72;
}

/* Shared UMAI touchpoints, without changing the Aksoy or Bimser identity. */
.umai-teaser { background: var(--umai-background); color: #fff; }
.umai-teaser .eyebrow, .umai-teaser h2 em { color: var(--umai-wordmark); }
.umai-teaser p { color: #cce9e8; }
.umai-teaser .button.teal { background: var(--umai-wordmark); color: var(--umai-background); }
.umai-teaser .button.teal:hover { background: var(--umai-tree-middle); }
.umai-teaser .button.text { border-color: var(--umai-crm); }
.umai-teaser .teaser-window { transform: none; padding-top: 0; overflow: hidden; color: var(--umai-background); border-color: #ffffff30; }
.umai-teaser .window-top { background: var(--umai-background); margin: 0 -25px; padding: 0 25px 22px; display: flex; flex-direction: column; gap: 0; border-color: var(--umai-line); }
.umai-teaser .window-top img { width: min(100%, 340px); height: auto; object-fit: contain; }
.umai-teaser .window-top>span { color: #cce9e8; max-width: none; text-align: center; font-size: 14px; }
.umai-teaser .avatar, .umai-teaser .teaser-metrics>div { background: var(--umai-surface); color: var(--umai-background); }
.umai-teaser .pill { color: var(--umai-background); background: var(--umai-surface); border-color: var(--umai-line); }
.product-logo.umai-product-logo { height: auto; margin: 20px 0; background: var(--umai-background); border-radius: 5px; }
.product-logo.umai-product-logo img { width: 320px; max-width: 100%; height: auto; margin: auto; object-fit: contain; object-position: center; }
.umai-panel-intro { display: grid; grid-template-columns: 1fr 1.05fr; gap: 24px; align-items: center; margin: 20px 0 4px; }
.umai-panel-intro .product-logo { margin: 0; }
.umai-panel-intro h3 { font-size: 28px; }
.umai-panel-intro p { font-size: 15px; line-height: 1.7; margin-top: 14px; }
.solution-identity:has(img[src$='umai-official-v1.svg']) { background: var(--umai-background); color: var(--umai-wordmark); border: 0; padding: 0 0 26px; }
.solution-identity img[src$='umai-official-v1.svg'] { display: block; width: 100%; max-width: 560px; height: auto; margin: auto; }
.solution-identity:has(img[src$='umai-official-v1.svg'])>span { color: #cce9e8; }

body[data-page=umai] { --accent: var(--umai-background); --ink: var(--umai-background); --muted: var(--umai-muted); --teal: var(--umai-background); background: #fff; }
body[data-page=umai] .umai-hero { grid-template-columns: 1.1fr 1fr; gap: 28px; background: var(--umai-background); color: #fff; padding-top: 160px; padding-bottom: 80px; }
.umai-hero .eyebrow, .umai-hero h1 em { color: var(--umai-wordmark); }
.umai-hero h1 { font-size: clamp(44px, 4.4vw, 68px); line-height: 1.08; }
.umai-hero p { color: #cce9e8; font-size: 18px; }
.umai-hero .umai-long-slogan { color: var(--umai-wordmark); font-size: 20px; font-weight: 500; line-height: 1.6; margin-bottom: 18px; }
.umai-brand-card { background: var(--umai-background); padding: 0; border: 0; border-radius: 0; transform: none; width: 100%; max-width: 600px; margin: auto; }
.umai-brand-card img { display: block; width: 100%; height: auto; }
.umai-brand-card>span { color: #cce9e8; font-size: 14px; margin: 0; padding-top: 20px; border-top: 1px solid #9efbf238; line-height: 1.65; }
body[data-page=umai] .button.teal { background: var(--umai-background); color: #fff; }
body[data-page=umai] .umai-hero .button.teal { background: var(--umai-wordmark); color: var(--umai-background); }
body[data-page=umai] .umai-hero .button.teal:hover { background: var(--umai-tree-middle); }
.umai-hero .button.text { border-color: var(--umai-crm); }
.umai-subnav { border-color: var(--umai-line); gap: 40px; font-size: 16px; }
.umai-subnav a:hover { color: var(--umai-background); }
body[data-page=umai] .section-heading h2 em, body[data-page=umai] .umai-story h2 em { color: #31727b; }
.journey-scroll, .calendar-section { background: #f7fbfb; }
.project-scroll, .kanban-section { background: var(--umai-surface); }
.journey-tabs button { color: var(--umai-muted); border-color: var(--umai-line); }
.journey-tabs button[aria-selected=true], .project-tabs button[aria-selected=true] { color: var(--umai-background); border-color: var(--umai-background); }
.journey-panel, .app-window { border-color: var(--umai-line); border-radius: 10px; box-shadow: 0 14px 40px #02394508; }
.stage-number, .demo-label, .detail-list dt, .app-bar>span, .project-tabs button { color: var(--umai-muted); }
.activity-icon, .meeting-note, .proposal-total, .work-total, .report-metrics>div, .project-summary-card, .labor-summary>div:first-child { background: var(--umai-surface); color: var(--umai-background); }
body[data-page=umai] .pill, body[data-page=umai] .avatar { background: var(--umai-surface); color: var(--umai-background); border-color: var(--umai-line); }
.proposal-section { background: var(--umai-background); }
.proposal-section .eyebrow, .proposal-section em, .proposal-section .approach-grid article>span { color: var(--umai-wordmark); }
.proposal-section p { color: #cce9e8; }
.app-bar { background: var(--umai-background); color: #fff; border-color: var(--umai-background); }
.app-bar>b>span, .app-bar>span { color: #cce9e8; }
.filter-grid, .data-table th, .calendar-agenda, .demo-footnote { background: #f3fafa; }
.data-table th, .data-table small, .calendar-key, .agenda-time, .agenda-item small, .task-bottom, .step-index, .labor-breakdown span:nth-child(2) { color: var(--umai-muted); }
body[data-page=umai] .record-link { color: var(--umai-background); }
.sales-reference .app-window, .sales-reference-ring>div { background: var(--umai-surface); }
.sales-filter-pills span { background: var(--umai-surface); border-color: var(--umai-line); color: var(--umai-background); }
.sales-stat { border-color: var(--umai-line); }
.sales-stat span, .sales-math-note, .sales-probability-legend small, .sales-target small { color: var(--umai-muted); }
.sales-stat.highlight { background: var(--umai-background); border-color: var(--umai-background); }
.sales-stat.highlight span { color: #cce9e8; }
.sales-stat.highlight strong { color: var(--umai-wordmark); }
.sales-target-track { background: #cde5e5; }
.sales-target-track i { background: var(--umai-background); }
.sales-probability-legend button { border-color: var(--umai-line); }
.sales-probability-legend button[aria-pressed=true] { border-color: var(--umai-background); box-shadow: 0 0 0 1px var(--umai-background); background: #e2f8f5; }
.sales-mini-grid>article { background: #e4f3f2; border-color: var(--umai-line); }
.calendar-day.selected { background: #e1f8f4; }
.calendar-day.selected>span, .mini-day.selected { background: var(--umai-background); }
.calendar-count { background: var(--umai-wordmark); color: var(--umai-background); }
.calendar-key i, .bar-track i { background: var(--umai-background); }
.kanban-column { background: #e9f5f4; border-color: var(--umai-line); }
.column-header>span { background: #d2ebe9; color: var(--umai-background); }
.task-card { border-color: var(--umai-line); }
.drag-over { background: #d4f8f1; border-color: var(--umai-background); }
.task-checklist input { accent-color: var(--umai-background); }
body[data-page=umai] .contact { background: var(--umai-background); }
body[data-page=umai] .contact .eyebrow { color: var(--umai-wordmark); }
body[data-page=umai] .contact-copy>p, body[data-page=umai] .contact-copy address, body[data-page=umai] .form-note { color: #cce9e8; }
body[data-page=umai] .contact .button.light { background: var(--umai-wordmark); color: var(--umai-background); }
body[data-page=umai] .contact .button.light:hover { background: var(--umai-tree-middle); }

@media (max-width: 900px) {
  body[data-page=umai] .umai-hero { grid-template-columns: 1.2fr 1fr; gap: 24px; padding-top: 140px; }
  .umai-hero h1 { font-size: 46px; }
  .umai-subnav { gap: 28px; }
}
@media (max-width: 600px) {
  .umai-panel-intro { grid-template-columns: 1fr; gap: 24px; }
  body[data-page=umai] .umai-hero { grid-template-columns: 1fr; padding-top: 125px; padding-bottom: 50px; gap: 12px; }
  .umai-hero h1 { font-size: 44px; }
  .umai-brand-card { max-width: 420px; }
  .umai-hero p { font-size: 17px; }
  .umai-subnav { font-size: 15px; gap: 24px; }
  .umai-teaser .window-top { margin: 0 -20px; padding: 0 20px 22px; }
}