/* imbrr for well professionals, version 3 — page-specific sections. */
.pro-hero{position:relative;padding:72px 0 0;overflow:hidden;background:
  radial-gradient(900px 480px at 0% -10%,#e6f5ee 0%,rgba(230,245,238,0) 60%),
  radial-gradient(700px 420px at 100% 20%,#eaf0ff 0%,rgba(234,240,255,0) 60%),#fff}
.pro-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 72%);pointer-events:none}
.pro-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:56px}
.pro-hero h1>span{color:var(--green)}
.pro-hero-lead{font-size:19px;line-height:1.7;color:var(--muted);max-width:480px;margin-top:24px}
.pro-hero .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:32px}
.pro-secondary-link{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:var(--ink)}
.pro-secondary-link .icon{width:16px;height:16px}
.fleet-product-hero{position:relative}
.fleet-product-hero .browser-frame{box-shadow:0 40px 100px rgba(15,23,42,.18),0 6px 16px rgba(15,23,42,.06)}
.pro-hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:48px;padding:22px 0;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.pro-hero-bottom>span{letter-spacing:.08em;text-transform:uppercase;font-weight:600;font-size:11.5px;color:var(--ink)}
.pro-hero-bottom a{display:inline-flex;align-items:center;gap:7px;font-weight:600}
.pro-hero-bottom .icon{width:15px;height:15px}

.pro-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pro-value-grid article{padding:30px 28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.value-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--green-soft);color:var(--green);margin-bottom:22px}
.value-icon .icon{width:22px;height:22px}
.pro-value-grid h3{font-size:21px;margin-bottom:10px}
.pro-value-grid p{font-size:15.5px;line-height:1.65;color:var(--muted)}

.fleet-section{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.platform-capabilities{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 48px}
.platform-capabilities>span{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:600;color:var(--ink)}
.platform-capabilities .icon{width:17px;height:17px;color:var(--accent)}

.fleet-diagnostic-preview{margin:0;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-md);overflow:hidden}
.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 28px;border-bottom:1px solid var(--line)}
.preview-heading h3{font-size:22px;margin-top:8px}
.fleet-drilldown{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr)}
.fleet-alert-summary{padding:28px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:18px}
.fleet-detail-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.status-label{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px}
.status-label i{width:7px;height:7px;border-radius:50%;background:currentColor}
.status-critical{background:var(--red-soft);color:var(--red)}
.status-warning{background:var(--amber-soft);color:var(--amber)}
.status-normal{background:var(--green-soft);color:var(--green)}
.detail-alert-heading{display:flex;align-items:center;gap:12px}
.detail-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--red-soft);color:var(--red)}
.detail-icon .icon{width:20px;height:20px}
.detail-alert-heading h4{font-size:22px}
.fleet-alert-summary>p{font-size:15px;line-height:1.65;color:var(--text)}
.fleet-alert-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fleet-alert-facts>div{padding:14px 16px;border-radius:12px;background:var(--bg-soft);border:1px solid var(--line)}
.fleet-alert-facts span{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.fleet-alert-facts strong{display:block;font-size:26px;font-weight:650;letter-spacing:-.03em;color:var(--ink);margin-top:4px}
.fleet-alert-facts small{font-size:13px;font-weight:500;color:var(--muted);letter-spacing:0}
.fleet-alert-time{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink);font-weight:500}
.fleet-alert-time .icon{width:18px;height:18px;color:var(--muted)}
.fleet-alert-time small{display:block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.fleet-workflow{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
.fleet-workflow>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.workflow-step{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:7px 11px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:#fff}
.workflow-step .icon{width:14px;height:14px}
.workflow-step.is-done{background:var(--green-soft);border-color:transparent;color:var(--green)}
.fleet-waveform-panel{padding:28px;min-width:0}
.waveform-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.waveform-heading strong{display:block;font-size:17px;font-weight:650;color:var(--ink);margin-top:4px}
.waveform-heading>span{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.waveform-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:18px 0 12px}
.waveform-legend span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--muted)}
.waveform-legend span::before{content:"";width:14px;height:3px;border-radius:2px;background:currentColor}
.legend-flow{color:var(--accent-chart)!important}.legend-pressure{color:#0f8a5f!important}.legend-current{color:#b45309!important}.legend-temp{color:#8b5cf6!important}.legend-speed{color:#64748b!important}
.waveform-chart{width:100%;height:auto;display:block}
.waveform-grid path{stroke:#eef1f5;stroke-width:1}
.wave{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.wave.flow{stroke:var(--accent-chart);stroke-width:2.5}.wave.pressure{stroke:#0f8a5f}.wave.current{stroke:#b45309}.wave.temp{stroke:#8b5cf6}.wave.speed{stroke:#94a3b8}
.alert-window{fill:rgba(198,40,40,.07)}
.alert-marker{stroke:var(--red);stroke-width:1.5;stroke-dasharray:4 4}
.alert-dot{fill:var(--red);stroke:#fff;stroke-width:2}
.waveform-axis text{font:500 11px var(--font);fill:var(--muted)}
.waveform-axis text:last-child{font-weight:700;fill:var(--red);letter-spacing:.08em}
.waveform-note{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:13.5px;color:var(--muted)}
.waveform-note span{width:14px;height:14px;border-radius:4px;background:rgba(198,40,40,.14);border:1px solid rgba(198,40,40,.35);flex-shrink:0}

.diagnostics-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:64px;align-items:start}
.diagnostics-grid>div:first-child>p{font-size:17.5px;line-height:1.7;color:var(--muted);margin:20px 0 26px}
.diagnostic-list{display:flex;flex-direction:column;gap:14px}
.diagnostic-list article{display:flex;gap:18px;padding:22px 24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.diagnostic-list article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent);flex-shrink:0}
.diagnostic-list .icon{width:21px;height:21px}
.diagnostic-list h3{font-size:18px;margin-bottom:6px}
.diagnostic-list p{font-size:15px;line-height:1.6;color:var(--muted)}
.diagnostic-list .small-note{margin-top:4px}

.subscription-section{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.subscription-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:stretch}
.service-model{padding:36px;border-radius:20px;background:var(--navy);color:#c9d3e5;display:flex;flex-direction:column}
.service-model .small-label{color:#9bd6b8}
.service-model h3{color:#fff;font-size:30px;margin:14px 0 14px}
.service-model>p{font-size:16px;line-height:1.7;color:#aab6cc}
.service-model .check-list{color:#fff}
.service-model .check-list .icon{background:rgba(155,214,184,.16);color:#9bd6b8}
.service-model-note{margin-top:auto;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:14px;color:#9bd6b8;font-weight:600}
.revenue-calculator{padding:34px 36px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-md)}
.calculator-header{display:flex;justify-content:space-between;align-items:center;gap:12px}
.revenue-calculator h3{font-size:26px;margin:12px 0 26px}
.calculator-input{margin-bottom:24px}
.calculator-input>div{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.calculator-input label{font-size:15px;font-weight:600;color:var(--ink)}
.number-input{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-2);border-radius:10px;padding:0 12px;min-height:44px;background:#fff}
.number-input:focus-within{border-color:#7ea0ff;box-shadow:0 0 0 4px rgba(29,78,216,.12)}
.number-input input{width:84px;border:0;outline:0;font:600 17px var(--font);color:var(--ink);text-align:right;background:transparent;font-variant-numeric:tabular-nums;-moz-appearance:textfield}
.number-input input::-webkit-outer-spin-button,.number-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.number-input span{font-size:14px;color:var(--muted);font-weight:500}
.fee-input input{width:70px}
.revenue-calculator input[type=range]{width:100%;height:6px;margin:0;border-radius:999px;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,var(--accent) var(--progress,0%),var(--line) var(--progress,0%));cursor:pointer}
.revenue-calculator input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 2px 6px rgba(15,23,42,.2)}
.revenue-calculator input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 2px 6px rgba(15,23,42,.2)}
.range-ends{display:flex;justify-content:space-between;font-size:12px;color:var(--faint);margin-top:8px;font-variant-numeric:tabular-nums}
.revenue-output{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px}
.revenue-output>div{padding:18px 20px;border-radius:14px;background:var(--bg-soft);border:1px solid var(--line)}
.revenue-output span{display:block;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.revenue-output strong{display:block;margin-top:6px;font-size:34px;font-weight:650;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.revenue-output>div:last-child strong{color:var(--green)}
.revenue-output.large-values strong{font-size:28px}
.calculator-note{font-size:13px;line-height:1.6;color:var(--muted);margin:18px 0 16px}

/* value story (replaces the revenue calculator) */
.value-story{padding:34px 36px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-md);display:flex;flex-direction:column}
.value-story h3{font-size:26px;margin:12px 0 12px}
.value-lead{font-size:15.5px;line-height:1.65;color:var(--muted);margin-bottom:22px}
.value-chart{border:1px solid var(--line);border-radius:14px;padding:18px 18px 14px;background:#fbfcfd}
.value-chart svg{width:100%;height:auto;display:block;font-family:var(--font)}
.vc-months text{font-size:11px;font-weight:500;fill:var(--faint)}
.vc-label{font-size:13.5px;font-weight:650;fill:var(--ink)}
.vc-sub{font-size:11px;fill:var(--muted)}
.vc-lane line{stroke:var(--line-2);stroke-width:1}
.vc-empty{fill:#e6e9ef}
.vc-emergency{fill:#e0523f}
.vc-sub-bar{fill:#bfe6d3}
.vc-visit{fill:#2563eb}
.vc-install{fill:#1d4ed8}
.vc-alert{fill:#fff;stroke:#2563eb;stroke-width:2}
.vc-tag{font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.vc-tag-red{fill:var(--red)}
.vc-tag-blue{fill:var(--accent)}
.value-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:12px;color:var(--muted)}
.value-legend span{display:inline-flex;align-items:center;gap:7px}
.value-legend i{width:12px;height:12px;border-radius:3px;display:inline-block}
.lg-sub{background:#bfe6d3}.lg-visit{background:#2563eb}.lg-install{background:#1d4ed8}.lg-emergency{background:#e0523f}
.value-points{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.value-points li{padding:14px 16px;border-radius:12px;background:var(--bg-soft);border:1px solid var(--line)}
.value-points strong{display:block;font-size:14px;font-weight:650;color:var(--ink);margin-bottom:4px}
.value-points span{font-size:13px;line-height:1.5;color:var(--muted)}
.value-story .calculator-note{margin:18px 0 12px}
.value-story .text-link{margin-top:auto}

.pro-hardware-band{background:var(--navy);color:#c9d3e5;padding:96px 0;position:relative;overflow:hidden}
.pro-hardware-band::before{content:"";position:absolute;width:900px;height:900px;left:-380px;top:-300px;border-radius:50%;background:radial-gradient(circle,rgba(15,138,95,.24) 0%,rgba(15,138,95,0) 65%);pointer-events:none}
.pro-hardware-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;position:relative}
.pro-hardware-photo{border-radius:24px;background:radial-gradient(500px 300px at 40% 30%,rgba(255,255,255,.12),rgba(255,255,255,0));border:1px solid rgba(255,255,255,.1);padding:40px 24px;display:grid;place-items:center}
.pro-hardware-photo img{width:100%;max-width:560px;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.pro-hardware-band h2{color:#fff;margin-bottom:20px}
.pro-hardware-band p{font-size:17px;line-height:1.7;color:#aab6cc;max-width:480px}
.pro-hardware-band .text-link{margin-top:24px;color:#9bd6b8}
.pro-customer-quote{margin:32px 0 0;padding:26px 0 0;border-top:1px solid rgba(255,255,255,.14)}
.pro-customer-quote blockquote{margin:0;font-size:18px;line-height:1.65;font-weight:500;color:#e2e8f0;letter-spacing:-.01em}
.pro-customer-quote figcaption{margin-top:14px;font-size:14px;color:#94a3b8}

@media (max-width:1050px){
  .pro-hero{padding-top:52px}
  .pro-hero-grid{grid-template-columns:1fr;gap:36px}
  .pro-value-grid{grid-template-columns:1fr;gap:16px}
  .fleet-drilldown{grid-template-columns:1fr}
  .fleet-alert-summary{border-right:0;border-bottom:1px solid var(--line)}
  .diagnostics-grid,.subscription-grid,.pro-hardware-grid{grid-template-columns:1fr;gap:32px}
}
@media (max-width:760px){
  .pro-hero{padding-top:36px}
  .pro-hero-lead{font-size:17px}
  .pro-hero .hero-actions .button{width:100%;justify-content:center}
  .pro-hero-bottom{margin-top:32px}
  .preview-heading{padding:20px;flex-direction:column;align-items:flex-start;gap:10px}
  .fleet-alert-summary,.fleet-waveform-panel{padding:20px}
  .fleet-alert-facts strong{font-size:22px}
  .service-model,.revenue-calculator,.value-story{padding:24px}
  .value-points{grid-template-columns:1fr}
  .value-chart{padding:12px 10px 10px}
  .vc-sub{display:none}
  .service-model h3{font-size:26px}
  .revenue-calculator h3{font-size:23px}
  .calculator-header{flex-direction:column;align-items:flex-start;gap:8px}
  .revenue-output{grid-template-columns:1fr}
  .revenue-output strong,.revenue-output.large-values strong{font-size:30px}
  .pro-hardware-band{padding:64px 0}
  .pro-hardware-photo{padding:24px 12px}
  .platform-capabilities{gap:8px;margin:22px 0 36px}
  .platform-capabilities>span{font-size:13px;padding:8px 12px}
}