/* OMNIS Refined — Constraint over variety */

/* ── MOTION: 200ms ease-out, invisible ── */
*, *::before, *::after {
  transition-timing-function: ease-out !important;
  transition-duration: 0.2s !important;
  animation-timing-function: ease-out !important;
}
/* Except scroll reveal which needs its own timing */
.rv { transition: opacity 0.5s ease-out, transform 0.5s ease-out !important; }
.rv.v { opacity: 1 !important; transform: none !important; }

/* Kill all bouncy/glow/pulse/scan animations */
@keyframes bk { 0%,100%{opacity:1}50%{opacity:.4} }
@keyframes fu { from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none} }

/* ── SPACING: generous, consistent ── */
section, .alt-section, .masonry-section, .feat-section, .timeline-section,
.charges-section, .tabs-section, .route-section, .feat-scroll-section,
.built-section, .flow-section, .duo-section, .together-section,
.compare-section, .fast-section, .pain-section, .reefer-section { 
  padding: 8rem var(--pad) !important; 
}
.alt-row { margin-bottom: 8rem !important; }
.alt-row:last-child { margin-bottom: 0 !important; }
.cta-band { padding: 8rem var(--pad) !important; }

/* ── TYPOGRAPHY: 3 sizes, 3 weights, 3 opacities ── */
h1 { color: var(--w) !important; }
h2, h3 { color: var(--w) !important; }
p, li, td { color: var(--t2) !important; }
.lab, .h-stat-l, .metric-lab, .m-lab, .rs-lab, .st-lab, .mr-lab,
.rev-tile-lab, .hp-label, .stat-lab, .hm-lab,
.dd-status, .dd-time, .rc-label, .flow-num, .recon-num, .fast-time,
.pipe-step p, .tl-tag, .inv-badge, .rc-status, .m-tag, .f-tag, .card-tag {
  opacity: 0.5 !important;
}

/* ── DEPTH: barely-there borders, no glow ── */
.card, .m-card, .f-card, .fs-card, .feat-item, .w-card, .tog-card,
.duo-card, .pain-card, .built-icon, .pc, .dock-door, .hm-cell,
.mr-item, .rev-tile, .st-tile, .recon-step, .flow-step, .pipe-step,
.charge-chip, .fast-step, .hm, .m-card, .rc, .reefer-card,
.alt-visual, .feat-big, .tp-visual, .dock-panel, .heatmap,
.invoice-mock, .phone-frame, .yard-map, .hero-panel, .order-flow,
.ai-ticker, .tab-btn, .flow-visual {
  box-shadow: none !important;
  border-color: rgba(255,255,255,.04) !important;
}

/* Hover: just a slight background tint, no transform */
.card:hover, .m-card:hover, .f-card:hover, .fs-card:hover, .feat-item:hover,
.w-card:hover, .tog-card:hover, .duo-card:hover, .pain-card:hover,
.mr-item:hover, .rev-tile:hover, .st-tile:hover, .recon-step:hover,
.flow-step:hover, .pipe-step:hover, .charge-chip:hover, .fast-step:hover,
.hm:hover, .dock-door:hover, .reefer-card:hover, .built-item:hover,
.pc:hover, .alt-visual:hover, .feat-big:hover, .tp-visual:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: rgba(255,255,255,.08) !important;
  background-color: rgba(255,255,255,.02) !important;
}

/* ── BUTTONS: clean, no glow ── */
.bp { box-shadow: none !important; }
.bp:hover { box-shadow: none !important; transform: none !important; filter: brightness(1.08) !important; }
.bo:hover { transform: none !important; }

/* ── REMOVE ALL AMBIENT ORBS / GRIDS / DOTS ── */
.ao-wrap, .ao-orb, .ao-grid, .ao-dots, .ao-dot,
.ao-sec-orb, .omnis-orbs, .omnis-orb { display: none !important; }

/* ── HERO: clean, just typography + content ── */
.hero { background: var(--bg) !important; }
.h-pill { border-color: rgba(255,255,255,.06) !important; background: transparent !important; }
.h-pill .dot { animation: bk 3s ease infinite !important; }

/* ── DOCK DOORS: subtle ── */
.dock-door { border-color: rgba(255,255,255,.04) !important; }
.dock-door.active { border-color: rgba(45,212,168,.15) !important; }
.dock-door.warn { border-color: rgba(229,160,17,.15) !important; }
.dock-door.busy { border-color: rgba(232,35,74,.15) !important; }
.dock-door.reefer { border-color: rgba(0,194,240,.15) !important; }
.dock-door::after { display: none !important; } /* kill scan line */
.dock-door:hover { transform: none !important; box-shadow: none !important; background: rgba(255,255,255,.02) !important; }

/* ── AI TICKER: quieter ── */
.ai-ticker { background: var(--s2) !important; border-color: rgba(255,255,255,.04) !important; animation: none !important; }
.tick-item { animation: none !important; opacity: 1 !important; }

/* ── INVOICE: no pulse ── */
.invoice-mock { animation: none !important; }

/* ── PHONE: no glow ── */
.phone-frame { animation: none !important; border-color: rgba(255,255,255,.06) !important; }

/* ── CHART BARS: keep grow animation but no pulse after ── */
.alt-visual svg rect animate[attributeName="opacity"] { display: none; }

/* ── METRIC CARDS: clean ── */
.metric-strip, .metric-row, .route-stats, .stat-tiles, .rev-tiles { 
  border-color: rgba(255,255,255,.04) !important; 
}
.metric-item, .rs-item { border-color: rgba(255,255,255,.04) !important; }

/* ── FOOTER: breathe ── */
footer { padding: 4rem var(--pad) !important; }

/* ── TABS: clean ── */
.tab-btn { box-shadow: none !important; }
.tab-btn.active { box-shadow: none !important; }

/* ── RESPONSIVE ── */
@media(max-width:768px){
  section, .alt-section, .masonry-section, .feat-section, .timeline-section,
  .charges-section, .tabs-section, .built-section, .flow-section,
  .duo-section, .together-section, .compare-section { 
    padding: 5rem 1.5rem !important; 
  }
}