/* ============================================
   TRICORDER SYSTEMS — Buyer-Focused Design
   ============================================ */

:root {
  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --text-lg: clamp(1.125rem, 1rem + 0.75vw, 1.5rem);
  --text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);
  --text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);
  --text-3xl: clamp(2.5rem, 1rem + 4vw, 5rem);

  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem;
  --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem;
  --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem;
  --space-16: 4rem; --space-20: 5rem; --space-24: 6rem; --space-32: 8rem;

  --radius-sm: 0.375rem; --radius-md: 0.5rem; --radius-lg: 0.75rem;
  --radius-xl: 1rem; --radius-full: 9999px;
  --transition-interactive: 180ms cubic-bezier(0.16, 1, 0.3, 1);
  --content-wide: 1200px;
  --font-display: 'Cabinet Grotesk', 'Inter', sans-serif;
  --font-body: 'Satoshi', 'Inter', sans-serif;
}

/* --- LIGHT --- */
:root, [data-theme='light'] {
  --color-bg: #f4f6f7;
  --color-surface: #ffffff;
  --color-surface-offset: #edf1f3;
  --color-divider: #cdd5d9;
  --color-border: #b8c4ca;
  --color-text: #0f1923;
  --color-text-muted: #556270;
  --color-text-faint: #94a3af;
  --color-text-inverse: #f4f6f7;
  --color-primary: #0a8f7f;
  --color-primary-hover: #077a6c;
  --color-primary-active: #056558;
  --color-primary-highlight: #d0ede8;
  --color-accent: #d4860a;
  --color-accent-highlight: #f5e8d0;
  --color-success: #2d8c4e;
  --color-error: #c03a3a;
  --color-warning: #c27a1a;
  --shadow-sm: 0 1px 2px oklch(0.2 0.02 220 / 0.06);
  --shadow-md: 0 4px 12px oklch(0.2 0.02 220 / 0.08);
  --shadow-lg: 0 12px 32px oklch(0.2 0.02 220 / 0.12);
}

/* --- DARK --- */
[data-theme='dark'] {
  --color-bg: #0c1117;
  --color-surface: #141c24;
  --color-surface-offset: #111922;
  --color-divider: #1e2a35;
  --color-border: #2d3d4a;
  --color-text: #d4dce4;
  --color-text-muted: #8899a6;
  --color-text-faint: #556270;
  --color-text-inverse: #0c1117;
  --color-primary: #2ec4b6;
  --color-primary-hover: #23a99c;
  --color-primary-active: #1a8f84;
  --color-primary-highlight: #1a3331;
  --color-accent: #f0a830;
  --color-accent-highlight: #2e2718;
  --color-success: #4aba6f;
  --color-error: #e05555;
  --color-warning: #e0a030;
  --shadow-sm: 0 1px 2px oklch(0 0 0 / 0.3);
  --shadow-md: 0 4px 12px oklch(0 0 0 / 0.4);
  --shadow-lg: 0 12px 32px oklch(0 0 0 / 0.5);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --color-bg: #0c1117; --color-surface: #141c24; --color-surface-offset: #111922;
    --color-divider: #1e2a35; --color-border: #2d3d4a;
    --color-text: #d4dce4; --color-text-muted: #8899a6; --color-text-faint: #556270;
    --color-text-inverse: #0c1117;
    --color-primary: #2ec4b6; --color-primary-hover: #23a99c; --color-primary-active: #1a8f84;
    --color-primary-highlight: #1a3331;
    --color-accent: #f0a830; --color-accent-highlight: #2e2718;
    --color-success: #4aba6f; --color-error: #e05555; --color-warning: #e0a030;
    --shadow-sm: 0 1px 2px oklch(0 0 0 / 0.3);
    --shadow-md: 0 4px 12px oklch(0 0 0 / 0.4);
    --shadow-lg: 0 12px 32px oklch(0 0 0 / 0.5);
  }
}

/* ============ NAV ============ */
.nav { position:fixed; top:0; left:0; right:0; z-index:100; background:oklch(from var(--color-bg) l c h / 0.88); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-bottom:1px solid oklch(from var(--color-text) l c h / 0.08); transition:transform 0.3s ease, box-shadow 0.3s ease; }
.nav--hidden { transform:translateY(-100%); }
.nav--scrolled { box-shadow:var(--shadow-md); }
.nav__inner { max-width:var(--content-wide); margin-inline:auto; padding:var(--space-3) var(--space-4); display:flex; align-items:center; justify-content:space-between; }
.nav__logo { display:flex; align-items:center; gap:var(--space-2); text-decoration:none; color:var(--color-text); }
.nav__logo-text { font-family:var(--font-display); font-size:var(--text-lg); font-weight:700; letter-spacing:-0.02em; }
.nav__links { display:flex; align-items:center; gap:var(--space-6); list-style:none; }
.nav__link { font-size:var(--text-sm); font-weight:500; color:var(--color-text-muted); text-decoration:none; position:relative; }
.nav__link::after { content:''; position:absolute; bottom:-4px; left:0; width:0; height:2px; background:var(--color-primary); transition:width 0.3s ease; }
.nav__link:hover { color:var(--color-text); }
.nav__link:hover::after { width:100%; }
.nav__cta { font-size:var(--text-sm); font-weight:600; color:var(--color-text-inverse); background:var(--color-primary); padding:var(--space-2) var(--space-5); border-radius:var(--radius-full); text-decoration:none; }
.nav__cta:hover { background:var(--color-primary-hover); }
.nav__theme-toggle { color:var(--color-text-muted); padding:var(--space-2); border-radius:var(--radius-md); }
.nav__theme-toggle:hover { color:var(--color-text); background:var(--color-surface-offset); }
.nav__hamburger { display:none; flex-direction:column; gap:5px; padding:var(--space-2); }
.nav__hamburger span { display:block; width:22px; height:2px; background:var(--color-text); border-radius:2px; transition:all 0.3s ease; }
.nav__mobile-menu { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:var(--color-bg); z-index:99; padding:var(--space-20) var(--space-6) var(--space-6); flex-direction:column; gap:var(--space-6); }
.nav__mobile-menu.active { display:flex; }
.nav__mobile-link { font-family:var(--font-display); font-size:var(--text-xl); font-weight:600; color:var(--color-text); text-decoration:none; padding:var(--space-3) 0; border-bottom:1px solid var(--color-divider); }
@media (max-width:768px) { .nav__links { display:none; } .nav__hamburger { display:flex; } }

/* ============ HERO ============ */
.hero { min-height:100vh; display:flex; align-items:center; position:relative; overflow:hidden; padding:var(--space-24) var(--space-4) var(--space-16); }
.hero__bg { position:absolute; inset:0; z-index:0; }
.hero__bg-image { position:absolute; inset:0; }
.hero__bg-image img { width:100%; height:100%; object-fit:cover; }
.hero__bg-overlay { position:absolute; inset:0; background:linear-gradient(135deg, oklch(0.12 0.02 220 / 0.85) 0%, oklch(0.08 0.04 175 / 0.7) 100%); }
.hero__content { position:relative; z-index:1; max-width:var(--content-wide); margin-inline:auto; width:100%; }
.hero__title { font-family:var(--font-display); font-size:var(--text-3xl); font-weight:800; letter-spacing:-0.03em; line-height:1.05; color:#fff; max-width:16ch; margin-bottom:var(--space-6); }
.hero__title-accent { color:var(--color-primary); }
[data-theme='dark'] .hero__title-accent, :root:not([data-theme]) .hero__title-accent { color:#2ec4b6; }
.hero__subtitle { font-size:var(--text-lg); color:oklch(0.85 0.01 220); max-width:52ch; line-height:1.5; margin-bottom:var(--space-8); }
.hero__actions { display:flex; gap:var(--space-4); flex-wrap:wrap; }
.hero__stats { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-6); margin-top:var(--space-16); padding-top:var(--space-8); border-top:1px solid oklch(1 0 0 / 0.15); max-width:560px; }
.hero__stat-value { font-family:var(--font-display); font-size:var(--text-xl); font-weight:800; color:#2ec4b6; letter-spacing:-0.02em; }
.hero__stat-label { font-size:var(--text-xs); color:oklch(0.7 0.01 220); margin-top:var(--space-1); text-transform:uppercase; letter-spacing:0.04em; }
@media (max-width:768px) { .hero { min-height:auto; padding:var(--space-20) var(--space-4) var(--space-12); } .hero__title { font-size:var(--text-2xl); } .hero__stats { gap:var(--space-4); } }

/* ============ BUTTONS ============ */
.btn { display:inline-flex; align-items:center; gap:var(--space-2); font-size:var(--text-sm); font-weight:600; padding:var(--space-3) var(--space-6); border-radius:var(--radius-full); text-decoration:none; cursor:pointer; letter-spacing:0.01em; }
.btn--primary { background:var(--color-primary); color:#fff; }
.btn--primary:hover { background:var(--color-primary-hover); }
.btn--outline { background:transparent; color:var(--color-text); border:1px solid oklch(from var(--color-text) l c h / 0.15); }
.btn--outline:hover { background:var(--color-surface-offset); border-color:oklch(from var(--color-text) l c h / 0.25); }
.btn--outline-light { background:transparent; color:#fff; border:1px solid oklch(1 0 0 / 0.25); }
.btn--outline-light:hover { background:oklch(1 0 0 / 0.1); border-color:oklch(1 0 0 / 0.4); }
.btn__arrow { transition:transform 0.3s ease; }
.btn:hover .btn__arrow { transform:translateX(3px); }

/* ============ SECTIONS ============ */
.section { padding:clamp(var(--space-12),8vw,var(--space-24)) var(--space-4); }
.section--offset { background:var(--color-surface-offset); }
.section--dark { background:var(--color-surface); }
.section__inner { max-width:var(--content-wide); margin-inline:auto; }
.section__header { margin-bottom:clamp(var(--space-8),5vw,var(--space-16)); }
.section__eyebrow { font-size:var(--text-xs); font-weight:700; color:var(--color-primary); text-transform:uppercase; letter-spacing:0.1em; margin-bottom:var(--space-3); }
.section__title { font-family:var(--font-display); font-size:var(--text-2xl); font-weight:800; letter-spacing:-0.02em; max-width:20ch; }
.section__description { font-size:var(--text-base); color:var(--color-text-muted); max-width:60ch; margin-top:var(--space-4); line-height:1.6; }
@media (max-width:768px) { .section__title { font-size:var(--text-xl); } }

/* ============ USE CASES ============ */
.use-case-grid { display:flex; flex-direction:column; gap:clamp(var(--space-12),6vw,var(--space-20)); }

.use-case { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-10); align-items:center; }
.use-case--reversed { direction:rtl; }
.use-case--reversed > * { direction:ltr; }

.use-case__image { border-radius:var(--radius-xl); overflow:hidden; }
.use-case__image img { width:100%; aspect-ratio:16/9; object-fit:cover; transition:transform 0.5s ease; }
.use-case:hover .use-case__image img { transform:scale(1.02); }

.use-case__content { display:flex; flex-direction:column; gap:var(--space-4); }

.use-case__tag { font-size:var(--text-xs); font-weight:700; text-transform:uppercase; letter-spacing:0.06em; padding:var(--space-1) var(--space-3); border-radius:var(--radius-full); width:fit-content; }
.use-case__tag--defence { color:#7c3aed; background:oklch(from #7c3aed l c h / 0.12); }
.use-case__tag--humanitarian { color:#dc2626; background:oklch(from #dc2626 l c h / 0.12); }
.use-case__tag--remote { color:var(--color-accent); background:var(--color-accent-highlight); }
.use-case__tag--health { color:var(--color-primary); background:var(--color-primary-highlight); }

.use-case__title { font-family:var(--font-display); font-size:var(--text-xl); font-weight:700; }
.use-case__desc { font-size:var(--text-base); color:var(--color-text-muted); line-height:1.6; }

.use-case__specs { list-style:none; display:flex; flex-direction:column; gap:var(--space-2); margin-top:var(--space-2); }
.use-case__specs li { font-size:var(--text-sm); color:var(--color-text-muted); padding-left:var(--space-5); position:relative; line-height:1.5; }
.use-case__specs li::before { content:''; position:absolute; left:0; top:8px; width:8px; height:8px; border-radius:50%; border:2px solid var(--color-primary); }

@media (max-width:768px) {
  .use-case { grid-template-columns:1fr; gap:var(--space-6); }
  .use-case--reversed { direction:ltr; }
}

/* ============ INFRASTRUCTURE ============ */
.infra-hero { border-radius:var(--radius-xl); overflow:hidden; margin-bottom:var(--space-12); }
.infra-hero__img { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:var(--radius-xl); }

.infra-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-6); }

.infra-card { padding:var(--space-6); background:var(--color-bg); border-radius:var(--radius-xl); border:1px solid oklch(from var(--color-text) l c h / 0.06); }
.infra-card__icon { width:44px; height:44px; border-radius:var(--radius-lg); background:var(--color-primary-highlight); color:var(--color-primary); display:flex; align-items:center; justify-content:center; margin-bottom:var(--space-4); }
.infra-card__title { font-family:var(--font-display); font-size:var(--text-base); font-weight:700; margin-bottom:var(--space-2); }
.infra-card__desc { font-size:var(--text-sm); color:var(--color-text-muted); line-height:1.6; }

@media (max-width:768px) { .infra-grid { grid-template-columns:1fr; } }

/* ============ CLINICAL OS ============ */
.os-split { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-12); align-items:start; }

.os-split__visual { position:relative; }

.os-stack { display:flex; flex-direction:column; align-items:center; }

.os-stack__layer { display:flex; align-items:center; gap:var(--space-3); width:100%; padding:var(--space-4) var(--space-5); border-radius:var(--radius-lg); border:1px solid oklch(from var(--color-text) l c h / 0.08); background:var(--color-surface); }
.os-stack__layer--top { background:var(--color-accent-highlight); border-color:oklch(from var(--color-accent) l c h / 0.2); }
.os-stack__layer--mid { background:var(--color-surface); }
.os-stack__layer--bottom { background:var(--color-primary-highlight); border-color:oklch(from var(--color-primary) l c h / 0.2); }

.os-stack__icon { width:36px; height:36px; border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--color-primary); }
.os-stack__label { font-size:var(--text-sm); font-weight:700; }
.os-stack__sub { font-size:var(--text-xs); color:var(--color-text-muted); margin-top:2px; }

.os-stack__connector { display:flex; justify-content:center; padding:var(--space-1) 0; }

.os-ip-badge { display:inline-flex; align-items:center; gap:var(--space-2); font-size:var(--text-xs); font-weight:700; color:var(--color-accent); background:var(--color-accent-highlight); padding:var(--space-2) var(--space-4); border-radius:var(--radius-full); letter-spacing:0.06em; text-transform:uppercase; margin-top:var(--space-4); }

.os-features { display:flex; flex-direction:column; gap:var(--space-6); }

.os-feature { display:flex; gap:var(--space-4); }
.os-feature__number { font-family:var(--font-display); font-size:var(--text-sm); font-weight:800; color:var(--color-primary); min-width:28px; padding-top:2px; }
.os-feature__title { font-family:var(--font-display); font-size:var(--text-base); font-weight:700; margin-bottom:var(--space-1); }
.os-feature__desc { font-size:var(--text-sm); color:var(--color-text-muted); line-height:1.6; }

@media (max-width:768px) { .os-split { grid-template-columns:1fr; gap:var(--space-8); } }

/* ============ ENERGY ============ */
.energy-split { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-12); align-items:start; }

.dash { background:var(--color-surface); border-radius:var(--radius-xl); border:1px solid oklch(from var(--color-text) l c h / 0.08); overflow:hidden; }
.dash__header { display:flex; align-items:center; gap:var(--space-2); padding:var(--space-3) var(--space-4); background:var(--color-surface-offset); border-bottom:1px solid oklch(from var(--color-text) l c h / 0.06); }
.dash__dot { width:10px; height:10px; border-radius:50%; }
.dash__dot--red { background:#e05555; } .dash__dot--yellow { background:#e0a030; } .dash__dot--green { background:#4aba6f; }
.dash__title-bar { font-size:var(--text-xs); color:var(--color-text-faint); margin-left:var(--space-3); }
.dash__body { padding:var(--space-4); }
.dash__metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-3); margin-bottom:var(--space-4); }
.dash__metric { padding:var(--space-3); background:var(--color-surface-offset); border-radius:var(--radius-md); }
.dash__metric-label { font-size:var(--text-xs); color:var(--color-text-faint); text-transform:uppercase; letter-spacing:0.06em; margin-bottom:var(--space-1); }
.dash__metric-value { font-family:var(--font-display); font-size:var(--text-lg); font-weight:700; font-variant-numeric:tabular-nums; }
.dash__metric-value--good { color:var(--color-success); }
.dash__metric-value--accent { color:var(--color-primary); }
.dash__chart { height:120px; background:var(--color-surface-offset); border-radius:var(--radius-md); padding:var(--space-3); display:flex; align-items:flex-end; gap:2px; }
.dash__bar { flex:1; background:var(--color-primary); border-radius:var(--radius-sm) var(--radius-sm) 0 0; opacity:0.7; transition:opacity 0.3s ease; }
.dash__bar:hover { opacity:1; }
.dash__bar--peak { background:var(--color-accent); opacity:1; }

@media (max-width:768px) {
  .energy-split { grid-template-columns:1fr; gap:var(--space-8); }
  .dash__metrics { grid-template-columns:repeat(2,1fr); }
}

.energy-points { display:flex; flex-direction:column; gap:var(--space-6); }
.energy-point { display:flex; gap:var(--space-4); }
.energy-point__icon { width:44px; height:44px; border-radius:var(--radius-lg); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.energy-point__icon--battery { background:var(--color-primary-highlight); color:var(--color-primary); }
.energy-point__icon--solar { background:var(--color-accent-highlight); color:var(--color-accent); }
.energy-point__icon--failover { background:oklch(from var(--color-error) l c h / 0.12); color:var(--color-error); }
.energy-point__icon--smart { background:oklch(from var(--color-success) l c h / 0.12); color:var(--color-success); }
.energy-point__title { font-family:var(--font-display); font-size:var(--text-base); font-weight:700; margin-bottom:var(--space-1); }
.energy-point__desc { font-size:var(--text-sm); color:var(--color-text-muted); line-height:1.6; }

/* ============ GALLERY ============ */
.gallery__main { position:relative; border-radius:var(--radius-xl); overflow:hidden; margin-bottom:var(--space-4); background:var(--color-surface); }
.gallery__main img { width:100%; aspect-ratio:16/9; object-fit:cover; transition:opacity 0.3s ease; }
.gallery__caption { position:absolute; bottom:0; left:0; right:0; padding:var(--space-8) var(--space-6) var(--space-4); background:linear-gradient(to top, oklch(0 0 0 / 0.7) 0%, transparent 100%); color:#fff; font-size:var(--text-sm); }

.gallery__thumbs { display:grid; grid-template-columns:repeat(8,1fr); gap:var(--space-2); }
.gallery__thumb { border-radius:var(--radius-md); overflow:hidden; cursor:pointer; border:2px solid transparent; transition:border-color 0.2s ease, opacity 0.2s ease; opacity:0.6; padding:0; }
.gallery__thumb:hover { opacity:1; }
.gallery__thumb--active { border-color:var(--color-primary); opacity:1; }
.gallery__thumb img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }

@media (max-width:768px) {
  .gallery__thumbs { grid-template-columns:repeat(4,1fr); }
}

/* ============ CONTACT ============ */
.contact { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-12); }
.contact__info { display:flex; flex-direction:column; gap:var(--space-6); }
.contact__channels { display:flex; flex-direction:column; gap:var(--space-4); }
.contact__channel { display:flex; align-items:center; gap:var(--space-3); }
.contact__channel-icon { width:40px; height:40px; border-radius:var(--radius-md); background:var(--color-surface-offset); display:flex; align-items:center; justify-content:center; color:var(--color-primary); flex-shrink:0; }

.contact__creds { padding:var(--space-5); background:var(--color-bg); border-radius:var(--radius-lg); border:1px solid oklch(from var(--color-text) l c h / 0.06); }
.contact__cred-title { font-size:var(--text-xs); font-weight:700; text-transform:uppercase; letter-spacing:0.08em; color:var(--color-text-faint); margin-bottom:var(--space-3); }
.contact__cred-items { display:flex; flex-wrap:wrap; gap:var(--space-2); }
.contact__cred { font-size:var(--text-xs); font-weight:600; color:var(--color-primary); background:var(--color-primary-highlight); padding:var(--space-1) var(--space-3); border-radius:var(--radius-full); }

.contact__form { background:var(--color-bg); border-radius:var(--radius-xl); padding:var(--space-8); border:1px solid oklch(from var(--color-text) l c h / 0.08); }
.form__group { margin-bottom:var(--space-5); }
.form__label { display:block; font-size:var(--text-sm); font-weight:600; margin-bottom:var(--space-2); }
.form__input, .form__textarea, .form__select { width:100%; padding:var(--space-3) var(--space-4); border:1px solid oklch(from var(--color-text) l c h / 0.12); border-radius:var(--radius-md); background:var(--color-surface); font-size:var(--text-base); color:var(--color-text); }
.form__input:focus, .form__textarea:focus, .form__select:focus { outline:none; border-color:var(--color-primary); box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h / 0.15); }
.form__textarea { resize:vertical; min-height:100px; }
.form__row { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-4); }
@media (max-width:768px) { .contact { grid-template-columns:1fr; gap:var(--space-8); } .form__row { grid-template-columns:1fr; } }

.form__success { display:none; text-align:center; padding:var(--space-8); }
.form__success.active { display:block; }
.form__success-icon { width:48px; height:48px; border-radius:50%; background:oklch(from var(--color-success) l c h / 0.15); color:var(--color-success); display:flex; align-items:center; justify-content:center; margin:0 auto var(--space-4); }
.form__success-title { font-family:var(--font-display); font-size:var(--text-lg); font-weight:700; margin-bottom:var(--space-2); }
.form__success-text { font-size:var(--text-base); color:var(--color-text-muted); }

/* ============ FOOTER ============ */
.footer { padding:var(--space-12) var(--space-4) var(--space-8); border-top:1px solid oklch(from var(--color-text) l c h / 0.08); }
.footer__inner { max-width:var(--content-wide); margin-inline:auto; display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:var(--space-8); }
.footer__brand { display:flex; flex-direction:column; gap:var(--space-4); }
.footer__brand-desc { font-size:var(--text-sm); color:var(--color-text-muted); max-width:30ch; line-height:1.5; }
.footer__col-title { font-size:var(--text-xs); font-weight:700; text-transform:uppercase; letter-spacing:0.08em; color:var(--color-text-faint); margin-bottom:var(--space-4); }
.footer__links { list-style:none; display:flex; flex-direction:column; gap:var(--space-3); }
.footer__link { font-size:var(--text-sm); color:var(--color-text-muted); text-decoration:none; }
.footer__link:hover { color:var(--color-text); }
.footer__bottom { max-width:var(--content-wide); margin-inline:auto; margin-top:var(--space-8); padding-top:var(--space-6); border-top:1px solid oklch(from var(--color-text) l c h / 0.06); display:flex; justify-content:space-between; align-items:center; font-size:var(--text-xs); color:var(--color-text-faint); }
@media (max-width:768px) { .footer__inner { grid-template-columns:1fr 1fr; } .footer__brand { grid-column:1/-1; } .footer__bottom { flex-direction:column; gap:var(--space-2); text-align:center; } }

/* ============ ANIMATIONS ============ */
.reveal { opacity:0; transform:translateY(20px); transition:opacity 0.6s cubic-bezier(0.16,1,0.3,1), transform 0.6s cubic-bezier(0.16,1,0.3,1); }
.reveal.visible { opacity:1; transform:translateY(0); }
.reveal-delay-1 { transition-delay:0.1s; } .reveal-delay-2 { transition-delay:0.2s; }
.reveal-delay-3 { transition-delay:0.3s; } .reveal-delay-4 { transition-delay:0.4s; } .reveal-delay-5 { transition-delay:0.5s; }

/* ============ PROBLEM SECTION ============ */
.problem-section { color:#fff; }
.problem-section .section__title { color:#fff; }
.problem-section .section__description { color:rgba(255,255,255,0.75); }

/* ============ OPERATIONAL EDGE GRID ============ */
.op-edge-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-4); margin-top:var(--space-8); }
.op-edge-card { border-radius:12px; overflow:hidden; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.04); }
[data-theme='light'] .op-edge-card { border-color:oklch(from var(--color-text) l c h / 0.1); background:var(--color-surface); }
.op-edge-card img { transition:transform 0.4s ease; }
.op-edge-card:hover img { transform:scale(1.04); }
@media (max-width:640px) {
  .op-edge-grid { grid-template-columns:1fr; }
}

/* ============ TC-600 SPEC CALLOUT ============ */
.tc600-spec { margin-top:var(--space-8); padding:var(--space-6) var(--space-7); border:1px solid rgba(10,143,127,0.3); border-radius:10px; background:rgba(10,143,127,0.06); }
[data-theme='light'] .tc600-spec { background:rgba(10,143,127,0.06); border-color:rgba(10,143,127,0.2); }
@media (max-width:640px) {
  .tc600-spec div[style*='display:flex'] { flex-direction:column; gap:var(--space-2) !important; }
  .tc600-spec span[style*='rgba(255'] { display:none; }
}

/* ClinicalOS Screenshots responsive */
@media (max-width: 768px) {
  .os-screenshots [style*="grid-template-columns:repeat(2"] {
    grid-template-columns: 1fr !important;
  }
}

/* Dark mode for screenshot borders */
[data-theme="dark"] .os-screenshots [style*="border:1px solid rgba(0,0,0,0.1)"] {
  border-color: rgba(255,255,255,0.1) !important;
}
[data-theme="dark"] .os-screenshots [style*="background:rgba(0,0,0,0.03)"] {
  background: rgba(255,255,255,0.06) !important;
}
[data-theme="dark"] .infra-cutaway {
  border-color: rgba(255,255,255,0.1) !important;
}
[data-theme="dark"] .infra-cutaway [style*="background:rgba(0,0,0,0.03)"] {
  background: rgba(255,255,255,0.06) !important;
}