/* PUDU Robotics landing — styled to the wireframe PDF.
   Brand: primary #19A9E1, gradient #1BA5DD->#002636, workforce accent #1BA5DD, dark #0b0e12 */
.pr-hero,.pr-matcher,.pr-leadbar,.pr-workforce,.pr-shortlist,.pr-lidar{font-family:inherit;color:#221E1F;box-sizing:border-box}
.pr-hero *,.pr-leadbar *,.pr-workforce *,.pr-shortlist *{box-sizing:border-box}
.pr-kicker{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8a9aa5;font-weight:700;margin-bottom:12px}
.pr-kicker-blue{color:#19A9E1}

/* ---------- HERO ---------- */
.pr-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:start;padding:10px 0 44px}
.pr-hero-headcard{background:#eef3fa;border:1px solid #dbe6f2;border-radius:16px;padding:20px 26px;margin-bottom:14px;display:inline-block}
.pr-hero-h1{font-size:44px;line-height:1.06;font-weight:800;color:#1a2230;margin:0;letter-spacing:-.01em}
.pr-hero-h1 span{color:#1c5aa6}
.pr-hero-subcard{background:#f7f9fc;border:1px solid #e7eef6;border-radius:14px;padding:18px 22px;margin-bottom:24px;max-width:560px}
.pr-hero-subcard p{margin:0;font-size:15px;line-height:1.6;color:#46606e}
.pr-hero-btns{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.pr-btn{display:inline-block;padding:15px 34px;border-radius:10px;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer;border:1px solid transparent;box-shadow:0 5px 16px rgba(20,50,90,.13)}
.pr-btn-primary{background:#1c5aa6;color:#fff}
.pr-btn-primary:hover,.pr-btn-primary:focus{background:#2470c4;color:#fff!important;text-decoration:none!important}
.pr-btn-ghost{background:#fff;color:#1a2b45;border-color:#cdd9e6}
.pr-btn-ghost:hover{border-color:#1c5aa6}
.pr-hero-right{position:relative}
.pr-hero-img{position:relative;min-height:430px;border-radius:14px;background:#0b0e12 center/cover no-repeat;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.pr-badge{position:absolute;top:18px;right:18px;background:#fff;border-radius:12px;padding:12px 16px;text-align:center;box-shadow:0 4px 14px rgba(0,0,0,.18);line-height:1.1}
.pr-badge strong{display:block;font-size:30px;color:#19A9E1;font-weight:800}
.pr-badge span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#46606e;font-weight:700}

/* ---------- MATCHER ---------- */
.pr-matcher{background:#fff;border:1px solid #e2e8ec;border-radius:16px;padding:24px 26px;max-width:580px;box-shadow:0 3px 14px rgba(20,50,90,.07)}
.pr-match-row{font-size:16px;line-height:2.4;color:#1a2230}
.pr-match-row select{width:auto;display:inline-block;max-width:100%;border:1px solid #c5d6e8;background:#eef4fb;color:#1c5aa6;font-weight:600;padding:6px 12px;font-size:14px;border-radius:7px;margin:2px 3px;cursor:pointer;vertical-align:middle}
.pr-match-row select.pr-ind{min-width:140px}
.pr-match-hr{border:0;border-top:1px solid #eef3f6;margin:16px 0}
.pr-match-result{color:#46606e;font-size:15px;margin:0 0 6px}
.pr-match-result strong{color:#1a2230}
.pr-dot{color:#c5d6e8;margin:0 4px}
.pr-match-note{font-style:italic;color:#9aa7b2;font-size:12.5px;margin:0 0 16px}
.pr-match-btn{display:inline-block;padding:12px 30px;border-radius:10px;color:#fff;font-weight:700;text-decoration:none;background:#1c5aa6;box-shadow:0 5px 16px rgba(20,50,90,.18)}
.pr-match-btn:hover,.pr-match-btn:focus{background:#2470c4;color:#fff!important;text-decoration:none!important}

/* ---------- LEAD BAR (visual form — wire to HubSpot later) ---------- */
.pr-leadbar{background:#fff;border:1px solid #e2e8ec;border-left:4px solid #1c5aa6;border-radius:12px;padding:24px 28px;box-shadow:0 3px 14px rgba(20,50,90,.06)}
.pr-leadbar-head{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:18px}
.pr-leadbar-head strong{font-size:19px;color:#1a2230}
.pr-leadbar-form{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}
.pr-field{flex:1 1 150px;min-width:128px;display:flex;flex-direction:column}
.pr-field label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8a9aa5;font-weight:700;margin-bottom:6px}
.pr-field label em{color:#d23;font-style:normal}
.pr-field input{border:1px solid #c5d6e8;border-radius:7px;padding:11px 12px;font-size:14px;background:#fbfdff;width:100%}
.pr-leadbar-btn{padding:13px 26px;border:0;border-radius:8px;background:#1c5aa6;color:#fff;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap;box-shadow:0 5px 16px rgba(20,50,90,.18)}
.pr-leadbar-btn:hover{background:#2470c4}
/* Lead bar states (2026-09-11, when the inputs went live). Two-class selectors on purpose:
   hello-elementor paints [type=submit]:hover/:focus and input:focus with its own #CC3366 /
   #666, and a single class loses to those. Every state is declared so none falls to the theme. */
.pr-leadbar .pr-field input{color:#1a2230;font-family:inherit;line-height:1.3;transition:border-color .15s,box-shadow .15s,background-color .15s}
.pr-leadbar .pr-field input:hover{border-color:#8fb3d9;background:#fff}
.pr-leadbar .pr-field input:focus,.pr-leadbar .pr-field input:focus-visible{outline:none;border-color:#1c5aa6;background:#fff;box-shadow:0 0 0 3px rgba(28,90,166,.18)}
.pr-leadbar .pr-leadbar-btn,.pr-leadbar .pr-leadbar-btn:focus{background:#1c5aa6;color:#fff;border:0}
.pr-leadbar .pr-leadbar-btn:hover{background:#2470c4;color:#fff}
.pr-leadbar .pr-leadbar-btn:active{background:#174b8a;color:#fff}
.pr-leadbar .pr-leadbar-btn:focus-visible{outline:3px solid rgba(28,90,166,.4);outline-offset:2px}
/* The lead bar writes the visitor's name into the modal subtitle; an unbroken long entry must wrap. */
.pr-quote-modal .pr-quote-sub{overflow-wrap:anywhere}

/* ---------- WORKFORCE black heading bars ---------- */
.pr-wf-head{background:#0b0e12;color:#fff;border-radius:12px;padding:26px 24px;text-align:center;font-size:36px;font-weight:800;letter-spacing:-.015em;margin:0 0 12px;line-height:1.1}
.pr-wf-head span{color:#1BA5DD}
.pr-wf-sub{background:#0b0e12;color:#c7d0d8;border-radius:12px;padding:16px 24px;text-align:center;font-size:16px;line-height:1.5;margin:0 0 18px}

/* ---------- WORKFORCE (dark, brand-blue glow) ---------- */
/* Accent was amber #f5a623 until 2026-07-31; FCE (Reena) asked to move off yellow -> brand blue. */
.pr-workforce{background:#0b0e12;border-radius:18px;padding:34px 30px}
.pr-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}
.pr-tab{padding:10px 24px;border:1px solid #2b333d;border-radius:50px;background:transparent;color:#aeb9c2;font-weight:600;font-size:14px;cursor:pointer;transition:.15s}
.pr-tab:hover{border-color:#4a5560;color:#fff}
.pr-tab.is-active{border-color:#1BA5DD;color:#1BA5DD;background:rgba(27,165,221,.10)}
.pr-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#20262e;border:1px solid #20262e;border-radius:12px;overflow:hidden}
.pr-card{background:#0d1116;padding:22px 20px 0;display:flex;flex-direction:column;min-height:430px}
.pr-card-title{margin:0 0 10px;color:#1BA5DD;font-size:16px;font-weight:700}
.pr-card-title span{color:#fff}
.pr-card-sub{color:#fff;font-weight:700;font-size:14px;margin:0 0 8px}
.pr-card-desc{color:#9fb0bd;font-size:13px;line-height:1.5;margin:0 0 16px}
.pr-knowmore{align-self:flex-start;border:1px solid #1BA5DD;color:#1BA5DD;border-radius:50px;padding:8px 20px;font-size:13px;font-weight:600;text-decoration:none;margin-bottom:14px}
.pr-knowmore:hover{background:#1BA5DD;color:#0d1116}
.pr-card-glow{display:block;margin-top:auto;text-align:center;padding-top:18px;background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(27,165,221,.55),rgba(0,109,160,.20) 38%,transparent 70%)}
.pr-card-glow img{max-width:78%;height:auto;display:inline-block;transition:transform .18s ease}
.pr-card-glow:hover img{transform:translateY(-3px)}
.pr-empty{color:#9fb0bd;text-align:center;margin-top:22px}
.pr-empty a{color:#19A9E1}

/* ---------- LIDAR BAND ---------- */
.pr-lidar{height:320px;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;
  background-color:#04060a;
  background-image:
    radial-gradient(circle at 50% 132%,rgba(110,231,183,.16),transparent 30%),
    radial-gradient(circle at 50% 132%,rgba(27,165,221,.6),transparent 52%),
    repeating-radial-gradient(circle at 50% 132%,rgba(110,231,183,.10) 0 1px,transparent 1px 32px),
    repeating-radial-gradient(circle at 50% 132%,rgba(27,165,221,.24) 0 2px,transparent 2px 26px),
    radial-gradient(ellipse at 50% 0%,rgba(4,6,10,.85),transparent 60%)}
.pr-lidar span{position:relative;color:#dcefff;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;background:rgba(4,6,10,.55);padding:7px 16px;border-radius:50px;border:1px solid rgba(27,165,221,.4)}

/* ---------- SHORTLIST (light cards + compare) ---------- */
.pr-shortlist .pr-sl-h2{font-size:30px;color:#002636;font-weight:800;margin:0 0 8px}
.pr-sl-sub{color:#46606e;font-size:15px;max-width:640px;margin:0 0 20px}
.pr-compare-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#f3f8fb;border:1px solid #e2e8ec;border-radius:50px;padding:10px 18px;font-size:14px;color:#46606e;margin-bottom:20px}
.pr-cmp-label{font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:11px;color:#8a9aa5}
.pr-compare-bar .pr-cmp-count{color:#002636}
.pr-cmp-go{margin-left:auto;padding:9px 22px;border:0;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;background:#1c5aa6}
.pr-cmp-go:hover:not(:disabled){background:#2470c4}
.pr-cmp-go:disabled{opacity:.45;cursor:not-allowed}
.pr-cmp-clear{padding:9px 18px;border:1px solid #cfe0ea;background:#fff;color:#46606e;border-radius:50px;cursor:pointer}
.pr-sl-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.pr-sl-card{background:#fff;border:1px solid #e2e8ec;border-radius:14px;padding:18px;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.pr-sl-img{display:block;height:200px;border-radius:10px;background:#eef3f6 center/contain no-repeat;margin-bottom:16px}
a.pr-sl-img{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
a.pr-sl-img:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.10)}
.pr-sl-brand{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8a9aa5;font-weight:700}
.pr-sl-name{font-size:21px;color:#002636;font-weight:800;margin:6px 0 8px}
.pr-sl-name a{color:inherit;text-decoration:none}
.pr-sl-name a:hover{color:#1BA5DD}
.pr-sl-desc{font-size:13px;color:#46606e;line-height:1.5;margin:0 0 14px;flex:1 1 auto}
.pr-sl-price{margin-bottom:2px}
.pr-raas{font-size:24px;font-weight:800;color:#002636}
.pr-term{font-size:11px;color:#8a9aa5;font-weight:700;white-space:nowrap}
.pr-sl-from{font-size:12px;color:#8a9aa5;margin-bottom:14px}
.pr-sl-actions{display:flex;align-items:center;gap:12px;border-top:1px solid #eef3f6;padding-top:12px;flex-wrap:wrap}
.pr-sl-actions .pr-compare{font-size:12px;color:#46606e;display:flex;align-items:center;gap:5px;cursor:pointer}
.pr-sl-actions .pr-specs{font-size:13px;color:#1c5aa6;text-decoration:none;font-weight:600}
.pr-sl-actions .pr-quote{margin-left:auto;font-size:13px;font-weight:700;color:#fff;background:#002636;padding:9px 16px;border-radius:8px;text-decoration:none}
.pr-compare-table{margin-bottom:20px;overflow-x:auto}
.pr-compare-table table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border:1px solid #e2e8ec;border-radius:10px;overflow:hidden}
.pr-compare-table th,.pr-compare-table td{padding:11px 12px;border-bottom:1px solid #eef3f6;text-align:left}
.pr-compare-table th{color:#002636;background:#f3f8fb;font-weight:700}

/* ---------- responsive ---------- */
@media(max-width:900px){
  .pr-hero{grid-template-columns:1fr}
  .pr-hero-h1{font-size:34px}
  .pr-cards{grid-template-columns:1fr}
  /* Stacked cards: image FIRST, info box under it, so it is obvious which text belongs to
     which machine (client 2026-07-20). Also kills the gap the auto margin left above the image. */
  .pr-card{padding:0 20px 22px}
  .pr-card-glow{order:-1;margin-top:0;margin-bottom:16px}
  .pr-card-title{margin-top:4px}
}

/* ---- Quote / Demo modal (HubSpot FCE - PUDU Form - Default) ---- */
.pr-quote-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px;overflow-y:auto}
.pr-quote-modal[hidden]{display:none}
.pr-quote-back{position:fixed;inset:0;background:rgba(0,20,32,.62);backdrop-filter:blur(2px)}
.pr-quote-card{position:relative;z-index:1;background:#fff;border-radius:16px;max-width:560px;width:100%;padding:30px 30px 34px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.pr-quote-x{position:absolute;top:12px;right:14px;border:0;background:transparent;font-size:30px;line-height:1;color:#5a7180;cursor:pointer}
.pr-quote-x:hover{color:#002636}
.pr-quote-h{font-size:24px;font-weight:800;color:#002636;margin:0 0 6px}
.pr-quote-sub{font-size:14px;color:#46606e;line-height:1.5;margin:0 0 18px}