/* Water MRI enterprise page (SITES-ONEFLOW-1 P5, 2026-11-10). Loads after funnel.css and watermri.css.
   Only what is new: the hero sizing, the pricing table, the dashboard illustration, the five-card grid,
   and navy fixes for .faq, .talk and .todo, which funnel.css draws for light pages. */

/* ---- hero ---- */
.ent-hero h1{font-size:clamp(40px,5.2vw,72px);max-width:17ch}
.ent-hero .lead{max-width:52ch}
.ent-hero .call{color:var(--text)}
.ent-hero .recap{margin-top:30px}
.ent-one{margin-top:22px;font:500 15px/1.4 var(--body);color:var(--soft)}
.ent-one a{color:var(--text)}

/* ---- shared table base ---- */
.etable{width:100%;border-collapse:collapse;font:500 16px/1.35 var(--body);color:var(--text)}
.etable th,.etable td{text-align:left;padding:16px 20px;vertical-align:middle}
.etable thead th{font:700 11px/1.3 var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);padding-top:14px;padding-bottom:14px;background:#0b1440}
.etable tbody tr{border-top:1px solid var(--line)}
.etable .num{font:800 20px/1 var(--label);font-stretch:88%;letter-spacing:-.01em;color:#fff;white-space:nowrap}
.etable .num small{font:600 12px/1 var(--label);letter-spacing:.04em;color:var(--soft);margin-left:3px}
.etable .none{color:var(--soft)}
.epanel{position:relative;background:var(--raised);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 40px 80px -44px #000e}
.epanel::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--grad);z-index:1}

/* ---- pricing ---- */
.ent-price{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px 64px;align-items:start}
.ent-retail{display:flex;align-items:baseline;gap:14px;margin-top:26px}
.ent-retail b{font:800 clamp(64px,7vw,104px)/.85 var(--label);font-stretch:80%;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ent-retail span{font:700 15px/1.35 var(--label);color:var(--text)}
.ent-retail span small{display:block;font:500 14px/1.4 var(--body);color:var(--soft)}
.ent-terms{margin-top:26px;padding:16px 18px;border-left:4px solid var(--act);background:#16235a99;font-size:16px;color:var(--text);max-width:40ch}
.price-table tbody th{font:800 19px/1.1 var(--label);font-stretch:90%;color:#fff}
.price-table tbody th small{display:block;font:500 13px/1.3 var(--body);color:var(--soft);margin-top:4px}
.price-table tbody th small.m{display:none}
.price-table .off{font:800 13px/1 var(--label);letter-spacing:.04em;white-space:nowrap}
.price-table .off span{display:inline-block;padding:7px 10px;border-radius:999px;border:1px solid #30bbb880;color:#8fe3d5;background:#30bbb814}
.price-table .each{text-align:right}
.price-table thead th:last-child{text-align:right}
.price-table .each .num{font-size:26px}
.price-table tr.tier .each .num{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.price-table .each em{display:block;font:500 12px/1.2 var(--body);color:var(--soft);margin-top:5px}
.price-table .each .set{font:800 16px/1.1 var(--label);color:#fff}
.price-table tr.retail{background:#0f1a4799}

/* ---- dashboard illustration ---- */
.ent-dash-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 64px;align-items:end}
.dash{margin-top:38px;background:linear-gradient(180deg,#121e52 0%,#0c1542 100%)}
.dash-bar{display:flex;flex-wrap:wrap;align-items:center;gap:16px 34px;padding:20px 22px 18px;border-bottom:1px solid var(--line)}
.dash-co{display:flex;align-items:center;gap:12px;margin-right:auto}
.dash-co img{height:30px;width:auto}
.dash-co b{display:block;font:800 19px/1.1 var(--label);font-stretch:90%;color:#fff}
.dash-co small{display:block;font:700 10px/1 var(--label);letter-spacing:.16em;text-transform:uppercase;color:var(--soft);margin-top:5px}
.dash-meter{flex:0 1 300px;min-width:220px}
.dash-meter .lab,.dash-team .lab{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font:700 10px/1 var(--label);letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}
.dash-meter .lab b{font:800 15px/1 var(--label);letter-spacing:0;text-transform:none;color:#fff}
.dash-meter .lab b small{font:600 12px/1 var(--label);color:var(--soft)}
.dash-meter .track{height:8px;margin-top:10px;border-radius:999px;background:#091136;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.dash-meter .track i{display:block;height:100%;border-radius:999px;background:var(--grad)}
.dash-team .lab{display:block}
.dash-team b{display:block;margin-top:8px;font:800 20px/1 var(--label);color:#fff}
.dash-team b small{font:600 12px/1 var(--label);color:var(--soft);margin-left:4px}
.dash-chip{padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:#091136;font:700 10px/1 var(--label);letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}
.dash-title{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;font:800 15px/1.2 var(--label);color:#fff}
.dash-title span{font:700 10px/1 var(--label);letter-spacing:.16em;text-transform:uppercase;color:var(--teal);white-space:nowrap}
.dash-table .prop{display:flex;align-items:center;gap:12px;font-weight:600;color:#fff}
.dash-table .prop i{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#091136;box-shadow:inset 0 0 0 1px var(--line);font:800 12px/1 var(--label);font-style:normal;color:var(--teal)}
.depth{display:flex;align-items:center;gap:14px}
.depth .num{min-width:62px}
.depth .bar{flex:1;min-width:70px;max-width:150px;height:6px;border-radius:999px;background:#091136;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.depth .bar i{display:block;height:100%;border-radius:999px;background:var(--grad)}
.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;font:800 12px/1 var(--label);letter-spacing:.02em;white-space:nowrap;border:1px solid var(--line);color:var(--soft);background:#09113699}
.pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.pill.done{color:#8fe3d5;border-color:#30bbb880;background:#30bbb814}
.pill.visit{color:var(--act);border-color:#d2f26b80;background:#d2f26b12}
.dash-foot{padding:14px 22px;border-top:1px solid var(--line);background:#0b1440}
.ent-cap{margin-top:16px;font:500 14px/1.4 var(--body);color:var(--soft)}

/* ---- five cards ---- */
.cards.ent-five{grid-template-columns:repeat(6,1fr)}
.cards.ent-five .card{grid-column:span 2}
.cards.ent-five .card:nth-child(n+4){grid-column:span 3}
.card .eg{display:block;font:700 10px/1 var(--label);letter-spacing:.16em;text-transform:uppercase;color:var(--teal);margin-bottom:8px}
.ent-fas{margin-top:30px;padding:16px 18px;border-left:4px solid var(--act);background:#16235a99;font-size:16px;color:var(--text);max-width:64ch}

/* ---- navy fixes for light-page parts ---- */
.wmsite .faq summary{font:700 20px/1.3 var(--label);color:#fff}
.wmsite .faq summary::after{color:var(--teal)}
.wmsite .faq details p{color:var(--soft)}
.wmsite .faq details p a{color:var(--text)}
.wmsite .talk{background:var(--raised);border:1px solid var(--line);box-shadow:0 18px 40px -22px #000c}
.wmsite .talk .eyebrow{color:var(--teal)}
.wmsite .talk p{color:var(--soft)}
.wmsite .todo{color:var(--soft);border-color:#a3b0d066}
.wmsite .final .call{color:var(--text)}
.wmsite .final .sub{color:var(--soft)}
.wmsite .dock .cta{padding:0 14px;font-size:15px;white-space:nowrap}

/* ---- responsive ---- */
@media (max-width:1100px){
  .ent-price{grid-template-columns:1fr}
}
@media (max-width:1000px){
  .ent-dash-head{grid-template-columns:1fr}
  .cards.ent-five{grid-template-columns:1fr 1fr}
  .cards.ent-five .card,.cards.ent-five .card:nth-child(n+4){grid-column:auto}
  .cards.ent-five .card:last-child{grid-column:1/-1}
}
@media (max-width:720px){
  .cards.ent-five{grid-template-columns:1fr}
}
@media (max-width:820px){
  /* tables collapse to cards; nothing scrolls sideways */
  .etable,.etable tbody,.etable tr,.etable th,.etable td{display:block}
  .etable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .etable th,.etable td{padding:0}
  .etable tbody tr{display:grid;gap:12px 14px;padding:18px}
  .etable tbody tr:first-child{border-top:0}
  .price-table tbody tr{grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .price-table tbody th{grid-column:1;grid-row:1}
  .price-table .each{grid-column:2;grid-row:1/3;align-self:center}
  .price-table .vol{display:none}
  .price-table tbody th small.m{display:block}
  .price-table .off{grid-column:1;grid-row:2}
  .price-table .each .num{font-size:28px}
  .dash-bar{padding:18px}
  .dash-co{flex:1 1 100%}
  .dash-meter{flex:1 1 180px;min-width:0}
  .dash-chip{display:none}
  .dash-title{padding:14px 18px;border-bottom:1px solid var(--line)}
  .dash-table tbody tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .dash-table .c-prop{grid-column:1/-1;grid-row:1;padding-right:0}
  .dash-table .c-status{grid-column:1/-1;grid-row:3}
  .dash-table .c-depth{grid-column:1;grid-row:2}
  .dash-table .c-area{grid-column:2;grid-row:2}
  .dash-table td[data-label]::before{content:attr(data-label);display:block;font:700 10px/1.3 var(--label);letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin-bottom:8px}
  .depth{display:block}
  .depth .bar{max-width:none;margin-top:10px}
  .dash-table .num{font-size:24px}
  .dash-foot{padding:14px 18px}
}
@media (max-width:520px){
  .ent-hero .cta-row .call{margin-inline:auto}
  .wmsite .talk .cta{width:100%;justify-content:center;padding:0 14px;font-size:15px;gap:8px}
  .wmsite .final .cta{width:100%;justify-content:center}
  .wmsite .final .cta-row .call{margin-inline:auto}
}
