{"id":4905,"date":"2026-01-05T16:07:26","date_gmt":"2026-01-05T16:07:26","guid":{"rendered":"https:\/\/prontosolucoes.pt\/?page_id=4905"},"modified":"2026-01-07T00:05:50","modified_gmt":"2026-01-07T00:05:50","slug":"about","status":"publish","type":"page","link":"https:\/\/prontosolucoes.pt\/pt\/about\/","title":{"rendered":"Sobre"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4905\" class=\"elementor elementor-4905\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cac1500 e-con-full e-flex e-con e-parent\" data-id=\"cac1500\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-049c31c elementor-widget elementor-widget-html\" data-id=\"049c31c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ps-about\" data-ps-about>\r\n  <style>\r\n    .ps-about {\r\n      --ps-accent: var(--prohf-accent, #E1A134);\r\n      --ps-ink: #0b1220;\r\n      --ps-muted: rgba(11, 18, 32, 0.72);\r\n      --ps-border: rgba(11, 18, 32, 0.10);\r\n      --ps-card: #ffffff;\r\n      --ps-bg: #ffffff;\r\n      --ps-radius: 18px;\r\n      --ps-shadow: 0 14px 38px rgba(11, 18, 32, 0.10);\r\n      --ps-shadow-soft: 0 10px 24px rgba(11, 18, 32, 0.08);\r\n      --ps-max: 1140px;\r\n\r\n      --ps-ease: cubic-bezier(.2,.8,.2,1);\r\n      --ps-ease-soft: cubic-bezier(.2,.9,.2,1);\r\n      --ps-reveal-y: 14px;\r\n\r\n      color: var(--ps-ink);\r\n      background: var(--ps-bg);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .psa-wrap {\r\n      max-width: var(--ps-max);\r\n      margin: 0 auto;\r\n      padding: 52px 18px;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n\/* Ambient product glow (TOP-LEFT ONLY for Section 1) *\/\r\n.ps-about::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  z-index: 1;\r\n  pointer-events:none;\r\n  filter: blur(30px);\r\n  opacity: 0.65;\r\n  transform: translate3d(0,0,0);\r\n\r\n  width: 520px;\r\n  height: 520px;\r\n  left: -140px;\r\n  top: -180px;\r\n  background: radial-gradient(circle at 30% 30%, rgba(225,161,52,0.30), rgba(225,161,52,0.00) 60%);\r\n  animation: psaBlobA 9s var(--ps-ease-soft) infinite alternate;\r\n}\r\n\r\n@keyframes psaBlobA{\r\n  0%   { transform: translate3d(0,0,0) scale(1); }\r\n  100% { transform: translate3d(80px,60px,0) scale(1.06); }\r\n}\r\n\r\n    .psa-grid {\r\n      display: grid;\r\n      grid-template-columns: 1.1fr 0.9fr;\r\n      gap: 26px;\r\n      align-items: start;\r\n    }\r\n\r\n    .psa-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n      color: var(--ps-muted);\r\n      margin-bottom: 10px;\r\n      position: relative;\r\n    }\r\n\r\n    .psa-kicker::before {\r\n      content: \"\";\r\n      width: 28px;\r\n      height: 3px;\r\n      border-radius: 99px;\r\n      background: var(--ps-accent);\r\n      display: inline-block;\r\n      transform-origin: left center;\r\n    }\r\n\r\n    .psa-h {\r\n      font-size: clamp(28px, 3.2vw, 44px);\r\n      line-height: 1.06;\r\n      margin: 0 0 12px 0;\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    .psa-p {\r\n      margin: 0 0 14px 0;\r\n      font-size: 16px;\r\n      line-height: 1.65;\r\n      color: var(--ps-muted);\r\n      max-width: 60ch;\r\n    }\r\n\r\n    \/* CTA *\/\r\n    .psa-cta {\r\n      display: flex;\r\n      gap: 10px;\r\n      flex-wrap: wrap;\r\n      margin-top: 16px;\r\n    }\r\n\r\n    .psa-btn {\r\n      appearance: none;\r\n      border: 1px solid var(--ps-border);\r\n      border-radius: 999px;\r\n      padding: 12px 16px;\r\n      font-weight: 900;\r\n      font-size: 14px;\r\n      line-height: 1;\r\n      cursor: pointer;\r\n      text-decoration: none;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      transition: transform 180ms var(--ps-ease), box-shadow 180ms var(--ps-ease), background 180ms var(--ps-ease), border-color 180ms var(--ps-ease);\r\n      user-select: none;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .psa-btn:focus {\r\n      outline: none;\r\n      box-shadow: 0 0 0 4px rgba(225, 161, 52, 0.20);\r\n    }\r\n\r\n    .psa-btn-primary {\r\n      background: var(--ps-accent);\r\n      color: #111;\r\n      border-color: transparent;\r\n      box-shadow: var(--ps-shadow-soft);\r\n    }\r\n\r\n    .psa-btn-primary::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset: -40% -30%;\r\n      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.55), rgba(255,255,255,0) 60%);\r\n      transform: translate3d(-20%, -10%, 0);\r\n      opacity: 0.0;\r\n      transition: opacity 220ms var(--ps-ease);\r\n      pointer-events:none;\r\n    }\r\n\r\n    .psa-btn-primary:hover {\r\n      transform: translateY(-1px);\r\n      box-shadow: var(--ps-shadow);\r\n    }\r\n\r\n    .psa-btn-primary:hover::after{\r\n      opacity: 0.55;\r\n    }\r\n\r\n    .psa-btn-ghost {\r\n      background: rgba(255,255,255,0.45);\r\n      color: var(--ps-ink);\r\n    }\r\n\r\n    .psa-btn-ghost:hover {\r\n      transform: translateY(-1px);\r\n      box-shadow: var(--ps-shadow-soft);\r\n      border-color: rgba(11, 18, 32, 0.18);\r\n    }\r\n\r\n    \/* Right panel: app card with subtle parallax *\/\r\n    .psa-right {\r\n      background: linear-gradient(180deg, rgba(225, 161, 52, 0.11), rgba(225, 161, 52, 0.00));\r\n      border: 1px solid rgba(225, 161, 52, 0.22);\r\n      border-radius: var(--ps-radius);\r\n      padding: 16px;\r\n      position: relative;\r\n      transform: perspective(900px) rotateX(var(--ps-tiltY, 0deg)) rotateY(var(--ps-tiltX, 0deg));\r\n      transition: transform 240ms var(--ps-ease);\r\n      will-change: transform;\r\n    }\r\n\r\n    .psa-right::before{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset: 1px;\r\n      border-radius: calc(var(--ps-radius) - 2px);\r\n      pointer-events:none;\r\n      background: radial-gradient(500px 260px at var(--ps-glowX, 35%) var(--ps-glowY, 15%), rgba(225,161,52,0.18), rgba(225,161,52,0.00) 58%);\r\n      opacity: 0.9;\r\n    }\r\n\r\n    .psa-card {\r\n      background: var(--ps-card);\r\n      border: 1px solid var(--ps-border);\r\n      border-radius: 16px;\r\n      padding: 16px;\r\n      box-shadow: 0 8px 20px rgba(11, 18, 32, 0.06);\r\n      transition: transform 180ms var(--ps-ease), box-shadow 180ms var(--ps-ease), border-color 180ms var(--ps-ease);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .psa-card::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset: -40% -20%;\r\n      background: radial-gradient(circle at 20% 20%, rgba(225,161,52,0.14), rgba(225,161,52,0.00) 60%);\r\n      opacity: 0;\r\n      transition: opacity 220ms var(--ps-ease);\r\n      pointer-events:none;\r\n    }\r\n\r\n    .psa-card + .psa-card {\r\n      margin-top: 12px;\r\n    }\r\n\r\n    .psa-card:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow: var(--ps-shadow-soft);\r\n      border-color: rgba(11, 18, 32, 0.16);\r\n    }\r\n\r\n    .psa-card:hover::after{\r\n      opacity: 1;\r\n    }\r\n\r\n    .psa-card-h {\r\n      margin: 0 0 6px 0;\r\n      font-size: 14px;\r\n      font-weight: 950;\r\n      letter-spacing: -0.01em;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n    }\r\n\r\n    .psa-dot {\r\n      width: 10px;\r\n      height: 10px;\r\n      border-radius: 999px;\r\n      background: var(--ps-accent);\r\n      flex: 0 0 auto;\r\n      box-shadow: 0 0 0 0 rgba(225,161,52,0.35);\r\n    }\r\n\r\n    .ps-about.is-in .psa-dot{\r\n      animation: psaPulse 1.6s var(--ps-ease) infinite;\r\n    }\r\n\r\n    @keyframes psaPulse{\r\n      0%   { box-shadow: 0 0 0 0 rgba(225,161,52,0.35); }\r\n      100% { box-shadow: 0 0 0 10px rgba(225,161,52,0.00); }\r\n    }\r\n\r\n    .psa-card-p {\r\n      margin: 0;\r\n      font-size: 13.5px;\r\n      line-height: 1.55;\r\n      color: var(--ps-muted);\r\n    }\r\n\r\n    .psa-metrics {\r\n      margin-top: 14px;\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 10px;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .psa-metric {\r\n      background: var(--ps-card);\r\n      border: 1px solid var(--ps-border);\r\n      border-radius: 14px;\r\n      padding: 12px;\r\n      min-height: 74px;\r\n      overflow: hidden;\r\n      position: relative;\r\n    }\r\n\r\n    .psa-num {\r\n      font-size: 22px;\r\n      font-weight: 950;\r\n      letter-spacing: -0.02em;\r\n      color: var(--ps-accent);\r\n      line-height: 1.1;\r\n    }\r\n\r\n    .psa-lbl {\r\n      margin-top: 6px;\r\n      font-size: 12.5px;\r\n      line-height: 1.25;\r\n      color: var(--ps-muted);\r\n      font-weight: 750;\r\n    }\r\n\r\n    .psa-foot {\r\n      margin-top: 12px;\r\n      font-size: 12px;\r\n      color: rgba(11, 18, 32, 0.60);\r\n      line-height: 1.4;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* Scroll-reveal system *\/\r\n    [data-ps-reveal]{\r\n      opacity: 0;\r\n      transform: translate3d(0, var(--ps-reveal-y), 0);\r\n      filter: blur(2px);\r\n      transition:\r\n        opacity 520ms var(--ps-ease),\r\n        transform 520ms var(--ps-ease),\r\n        filter 520ms var(--ps-ease);\r\n      transition-delay: var(--ps-delay, 0ms);\r\n      will-change: transform, opacity;\r\n    }\r\n\r\n    .ps-about.is-in [data-ps-reveal]{\r\n      opacity: 1;\r\n      transform: translate3d(0, 0, 0);\r\n      filter: blur(0px);\r\n    }\r\n\r\n    .ps-about.is-in .psa-kicker::before{\r\n      animation: psaKickerGrow 620ms var(--ps-ease) both;\r\n    }\r\n    @keyframes psaKickerGrow{\r\n      0%{ transform: scaleX(0.2); opacity: 0.3; }\r\n      100%{ transform: scaleX(1); opacity: 1; }\r\n    }\r\n\r\n    \/* ---------- Micro UI: System diagram ---------- *\/\r\n    .psa-flow{\r\n      margin-top: 14px;\r\n      border: 1px solid rgba(11,18,32,0.10);\r\n      border-radius: 16px;\r\n      background: rgba(255,255,255,0.70);\r\n      box-shadow: 0 10px 24px rgba(11,18,32,0.06);\r\n      padding: 14px 14px;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .psa-flow::before{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:-40% -20%;\r\n      background: radial-gradient(circle at 30% 30%, rgba(225,161,52,0.12), rgba(225,161,52,0) 60%);\r\n      opacity: 0.0;\r\n      transition: opacity 420ms var(--ps-ease);\r\n      pointer-events:none;\r\n    }\r\n\r\n    .ps-about.is-in .psa-flow::before{\r\n      opacity: 1;\r\n    }\r\n\r\n    .psa-flow-top{\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:space-between;\r\n      gap: 12px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .psa-flow-title{\r\n      margin: 0;\r\n      font-size: 13px;\r\n      font-weight: 950;\r\n      letter-spacing: -0.01em;\r\n      color: rgba(11,18,32,0.86);\r\n      display:flex;\r\n      align-items:center;\r\n      gap: 10px;\r\n    }\r\n\r\n    .psa-flow-chip{\r\n      border: 1px solid rgba(225,161,52,0.28);\r\n      background: rgba(225,161,52,0.10);\r\n      padding: 7px 10px;\r\n      border-radius: 999px;\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      color: rgba(11,18,32,0.76);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .psa-stepper{\r\n      margin-top: 12px;\r\n      display:grid;\r\n      grid-template-columns: 1fr auto 1fr auto 1fr;\r\n      align-items:center;\r\n      gap: 10px;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .psa-step{\r\n      border: 1px solid rgba(11,18,32,0.10);\r\n      background: #fff;\r\n      border-radius: 14px;\r\n      padding: 10px 10px;\r\n      text-align:left;\r\n      cursor: pointer;\r\n      display:flex;\r\n      align-items:flex-start;\r\n      gap: 10px;\r\n      transition: transform 180ms var(--ps-ease), box-shadow 180ms var(--ps-ease), border-color 180ms var(--ps-ease), background 180ms var(--ps-ease);\r\n      user-select:none;\r\n    }\r\n\r\n    .psa-step:focus{\r\n      outline:none;\r\n      box-shadow: 0 0 0 4px rgba(225,161,52,0.18);\r\n    }\r\n\r\n    .psa-step:hover{\r\n      transform: translateY(-1px);\r\n      box-shadow: var(--ps-shadow-soft);\r\n      border-color: rgba(11,18,32,0.16);\r\n    }\r\n\r\n    .psa-step[aria-current=\"true\"]{\r\n      border-color: rgba(225,161,52,0.35);\r\n      background: rgba(225,161,52,0.08);\r\n    }\r\n\r\n    .psa-node{\r\n      width: 28px;\r\n      height: 28px;\r\n      border-radius: 999px;\r\n      border: 1px solid rgba(11,18,32,0.10);\r\n      background: #fff;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      font-weight: 950;\r\n      font-size: 12px;\r\n      color: rgba(11,18,32,0.78);\r\n      flex: 0 0 auto;\r\n      position: relative;\r\n    }\r\n\r\n    .ps-about.is-in .psa-step[aria-current=\"true\"] .psa-node{\r\n      border-color: rgba(225,161,52,0.45);\r\n      background: rgba(225,161,52,0.14);\r\n    }\r\n\r\n    .ps-about.is-in .psa-step[aria-current=\"true\"] .psa-node::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset: -6px;\r\n      border-radius: 999px;\r\n      border: 1px solid rgba(225,161,52,0.20);\r\n      animation: psaNodeRing 1.8s var(--ps-ease) infinite;\r\n    }\r\n\r\n    @keyframes psaNodeRing{\r\n      0%{ transform: scale(0.98); opacity: 0.8; }\r\n      100%{ transform: scale(1.20); opacity: 0.0; }\r\n    }\r\n\r\n    .psa-step h4{\r\n      margin: 0 0 4px 0;\r\n      font-size: 12.8px;\r\n      font-weight: 950;\r\n      letter-spacing: -0.01em;\r\n      line-height: 1.2;\r\n    }\r\n\r\n    .psa-step p{\r\n      margin: 0;\r\n      font-size: 12.5px;\r\n      line-height: 1.45;\r\n      color: var(--ps-muted);\r\n    }\r\n\r\n    .psa-connector{\r\n      height: 2px;\r\n      background: rgba(11,18,32,0.10);\r\n      border-radius: 99px;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .psa-connector-fill{\r\n      height: 100%;\r\n      width: 0%;\r\n      background: var(--ps-accent);\r\n      border-radius: 99px;\r\n      transition: width 720ms var(--ps-ease);\r\n    }\r\n\r\n    .ps-about.is-in .psa-connector-fill{\r\n      width: 100%;\r\n    }\r\n\r\n    .psa-flow-detail{\r\n      margin-top: 10px;\r\n      padding: 10px 10px;\r\n      border-radius: 14px;\r\n      border: 1px solid rgba(11,18,32,0.10);\r\n      background: rgba(255,255,255,0.78);\r\n      color: rgba(11,18,32,0.72);\r\n      font-size: 13px;\r\n      line-height: 1.5;\r\n      font-weight: 800;\r\n      min-height: 44px;\r\n      display:flex;\r\n      align-items:center;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* Mobile layout for stepper *\/\r\n    @media (max-width: 980px) {\r\n      .psa-grid { grid-template-columns: 1fr; }\r\n      .psa-wrap { padding: 38px 16px; }\r\n      .psa-right{ transform: none !important; }\r\n\r\n      .psa-stepper{\r\n        grid-template-columns: 1fr;\r\n        gap: 10px;\r\n      }\r\n      .psa-connector{\r\n        display:none;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .ps-about::before, .ps-about::after { animation: none; }\r\n      .psa-btn, .psa-card, .psa-right, .psa-step, .psa-connector-fill { transition: none; }\r\n      [data-ps-reveal]{\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n        filter: none !important;\r\n        transition: none !important;\r\n      }\r\n      .ps-about.is-in .psa-dot{ animation: none; }\r\n      .ps-about.is-in .psa-step[aria-current=\"true\"] .psa-node::after{ animation: none; }\r\n    }\r\n  <\/style>\r\n\r\n  <section class=\"psa-wrap\">\r\n    <div class=\"psa-grid\">\r\n      <div>\r\n        <div class=\"psa-kicker\" data-ps-reveal style=\"--ps-delay: 0ms;\">About Pronto Solu\u00e7\u00f5es<\/div>\r\n\r\n        <h2 class=\"psa-h\" data-ps-reveal style=\"--ps-delay: 90ms;\">\r\n          Home repairs, delivered with a real system.\r\n        <\/h2>\r\n\r\n        <p class=\"psa-p\" data-ps-reveal style=\"--ps-delay: 160ms;\">\r\n          Pronto Solu\u00e7\u00f5es connects you with vetted professionals, then manages the job end to end, fast triage, clear scope, and accountable closure.\r\n          Built in Porto, designed to scale anywhere.\r\n        <\/p>\r\n\r\n        <!-- Micro UI: System diagram -->\r\n        <div class=\"psa-flow\" data-ps-reveal style=\"--ps-delay: 220ms;\" aria-label=\"Pronto operating system\">\r\n          <div class=\"psa-flow-top\">\r\n            <h3 class=\"psa-flow-title\">The Pronto System<\/h3>\r\n            <span class=\"psa-flow-chip\">Intake \u2192 Dispatch \u2192 Closure<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"psa-stepper\" role=\"tablist\" aria-label=\"System steps\">\r\n            <button class=\"psa-step\" type=\"button\" data-step=\"0\" aria-current=\"true\">\r\n              <span class=\"psa-node\">1<\/span>\r\n              <span>\r\n                <h4>Intake (triage)<\/h4>\r\n                <p>Quick questions to classify the problem.<\/p>\r\n              <\/span>\r\n            <\/button>\r\n\r\n            <div class=\"psa-connector\" aria-hidden=\"true\"><div class=\"psa-connector-fill\"><\/div><\/div>\r\n\r\n            <button class=\"psa-step\" type=\"button\" data-step=\"1\" aria-current=\"false\">\r\n              <span class=\"psa-node\">2<\/span>\r\n              <span>\r\n                <h4>Dispatch (routing)<\/h4>\r\n                <p>Right trade, right urgency, right context.<\/p>\r\n              <\/span>\r\n            <\/button>\r\n\r\n            <div class=\"psa-connector\" aria-hidden=\"true\"><div class=\"psa-connector-fill\"><\/div><\/div>\r\n\r\n            <button class=\"psa-step\" type=\"button\" data-step=\"2\" aria-current=\"false\">\r\n              <span class=\"psa-node\">3<\/span>\r\n              <span>\r\n                <h4>Closure (accountability)<\/h4>\r\n                <p>Outcome confirmed and properly closed.<\/p>\r\n              <\/span>\r\n            <\/button>\r\n          <\/div>\r\n\r\n          <div class=\"psa-flow-detail\" data-ps-flow-detail>\r\n            Intake reduces wrong dispatch and wasted time.\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"psa-cta\" data-ps-reveal style=\"--ps-delay: 290ms;\">\r\n          <a class=\"psa-btn psa-btn-primary\" href=\"tel:+351923224674\" data-cta=\"about-call\">\r\n            Ligar j\u00e1\r\n          <\/a>\r\n\r\n          <button class=\"psa-btn psa-btn-ghost\" type=\"button\" data-ps-wa data-cta=\"about-wa\">\r\n            WhatsApp\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <aside class=\"psa-right\" aria-label=\"Pronto Standard and metrics\" data-ps-tilt data-ps-reveal style=\"--ps-delay: 140ms;\">\r\n        <div class=\"psa-card\" data-ps-reveal style=\"--ps-delay: 220ms;\">\r\n          <div class=\"psa-card-h\"><span class=\"psa-dot\"><\/span>Speed, without chaos<\/div>\r\n          <p class=\"psa-card-p\">We triage quickly and route the right trade, so you are not bounced around.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"psa-card\" data-ps-reveal style=\"--ps-delay: 270ms;\">\r\n          <div class=\"psa-card-h\"><span class=\"psa-dot\"><\/span>Clarity, from the start<\/div>\r\n          <p class=\"psa-card-p\">We focus on the issue first, then the work, then the outcome, no vague steps.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"psa-card\" data-ps-reveal style=\"--ps-delay: 320ms;\">\r\n          <div class=\"psa-card-h\"><span class=\"psa-dot\"><\/span>Accountability, at the end<\/div>\r\n          <p class=\"psa-card-p\">Jobs are tracked and closed properly, with confirmation of what was done.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"psa-metrics\" data-ps-metrics data-ps-reveal style=\"--ps-delay: 380ms;\">\r\n          <div class=\"psa-metric\">\r\n            <div class=\"psa-num\" data-ps-count data-to=\"970\" data-suffix=\"+\">970+<\/div>\r\n            <div class=\"psa-lbl\">Jobs completed<\/div>\r\n          <\/div>\r\n          <div class=\"psa-metric\">\r\n            <div class=\"psa-num\" data-ps-count data-to=\"20\" data-suffix=\" min\">20 min<\/div>\r\n            <div class=\"psa-lbl\">Average response time<\/div>\r\n          <\/div>\r\n          <div class=\"psa-metric\">\r\n            <div class=\"psa-num\" data-ps-count data-to=\"98\" data-suffix=\"%\">98%<\/div>\r\n            <div class=\"psa-lbl\">Fixed on first visit<\/div>\r\n          <\/div>\r\n          <div class=\"psa-metric\">\r\n            <div class=\"psa-num\" data-ps-count data-to=\"25\" data-suffix=\"+\">25+<\/div>\r\n            <div class=\"psa-lbl\">Years combined experience<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"psa-foot\" data-ps-reveal style=\"--ps-delay: 430ms;\">\r\n          Metrics are tracked from completed jobs and response activity.\r\n        <\/div>\r\n      <\/aside>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    (function () {\r\n      var blocks = document.querySelectorAll('[data-ps-about]');\r\n      if (!blocks || !blocks.length) return;\r\n\r\n      function prefersReducedMotion() {\r\n        return window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n      }\r\n\r\n      function animateCount(el, to, suffix) {\r\n        var start = 0;\r\n        var duration = 900;\r\n        var startTime = null;\r\n\r\n        function step(ts) {\r\n          if (!startTime) startTime = ts;\r\n          var p = Math.min((ts - startTime) \/ duration, 1);\r\n          var eased = 1 - Math.pow(1 - p, 3);\r\n          var val = Math.round(start + (to - start) * eased);\r\n          el.textContent = String(val) + (suffix || \"\");\r\n          if (p < 1) requestAnimationFrame(step);\r\n        }\r\n\r\n        requestAnimationFrame(step);\r\n      }\r\n\r\n      blocks.forEach(function (root) {\r\n        \/\/ WhatsApp\r\n        var waBtn = root.querySelector('[data-ps-wa]');\r\n        if (waBtn) {\r\n          waBtn.addEventListener('click', function () {\r\n            var toggle = document.querySelector('#whatsapp-toggle');\r\n            if (toggle && typeof toggle.click === 'function') toggle.click();\r\n          });\r\n        }\r\n\r\n        \/\/ Reveal\r\n        function enter() {\r\n          if (root.classList.contains('is-in')) return;\r\n          root.classList.add('is-in');\r\n        }\r\n\r\n        if ('IntersectionObserver' in window) {\r\n          var io = new IntersectionObserver(function (entries) {\r\n            entries.forEach(function (e) {\r\n              if (e.isIntersecting) {\r\n                enter();\r\n                io.disconnect();\r\n              }\r\n            });\r\n          }, { threshold: 0.18 });\r\n          io.observe(root);\r\n        } else {\r\n          enter();\r\n        }\r\n\r\n        \/\/ Counters\r\n        var counters = Array.prototype.slice.call(root.querySelectorAll('[data-ps-count]'));\r\n        var metricsTarget = root.querySelector('[data-ps-metrics]') || root;\r\n\r\n        function runCountersOnce() {\r\n          counters.forEach(function (el) {\r\n            if (el.getAttribute('data-done') === '1') return;\r\n            var to = parseInt(el.getAttribute('data-to') || \"0\", 10);\r\n            var suffix = el.getAttribute('data-suffix') || \"\";\r\n            el.setAttribute('data-done', '1');\r\n            animateCount(el, to, suffix);\r\n          });\r\n        }\r\n\r\n        if (counters.length) {\r\n          if ('IntersectionObserver' in window) {\r\n            var cio = new IntersectionObserver(function (entries) {\r\n              entries.forEach(function (e) {\r\n                if (e.isIntersecting) {\r\n                  runCountersOnce();\r\n                  cio.disconnect();\r\n                }\r\n              });\r\n            }, { threshold: 0.35 });\r\n            cio.observe(metricsTarget);\r\n          } else {\r\n            runCountersOnce();\r\n          }\r\n        }\r\n\r\n        \/\/ Micro UI: step highlight + detail swap\r\n        var detail = root.querySelector('[data-ps-flow-detail]');\r\n        var stepBtns = Array.prototype.slice.call(root.querySelectorAll('.psa-step[data-step]'));\r\n        var details = [\r\n          \"Intake reduces wrong dispatch and wasted time.\",\r\n          \"Dispatch routes the right trade and urgency with context.\",\r\n          \"Closure confirms the outcome and prevents repeat issues.\"\r\n        ];\r\n\r\n        function setStep(idx) {\r\n          stepBtns.forEach(function (b) {\r\n            b.setAttribute('aria-current', b.getAttribute('data-step') === String(idx) ? 'true' : 'false');\r\n          });\r\n          if (detail) detail.textContent = details[idx] || details[0];\r\n        }\r\n\r\n        stepBtns.forEach(function (b) {\r\n          b.addEventListener('click', function () {\r\n            var idx = parseInt(b.getAttribute('data-step') || \"0\", 10);\r\n            setStep(Math.max(0, Math.min(2, idx)));\r\n          });\r\n        });\r\n\r\n        \/\/ Subtle auto-advance once after entering viewport (app demo feel)\r\n        if (!prefersReducedMotion() && stepBtns.length >= 3) {\r\n          var advanced = false;\r\n          function autoAdvanceOnce() {\r\n            if (advanced) return;\r\n            advanced = true;\r\n            var seq = [1,2,0];\r\n            var t = 0;\r\n            seq.forEach(function (s, i) {\r\n              window.setTimeout(function () { setStep(s); }, 900 + (i * 900));\r\n              t = 900 + (i * 900);\r\n            });\r\n            window.setTimeout(function () { setStep(0); }, t + 800);\r\n          }\r\n\r\n          if ('IntersectionObserver' in window) {\r\n            var fio = new IntersectionObserver(function (entries) {\r\n              entries.forEach(function (e) {\r\n                if (e.isIntersecting) {\r\n                  autoAdvanceOnce();\r\n                  fio.disconnect();\r\n                }\r\n              });\r\n            }, { threshold: 0.25 });\r\n            fio.observe(root);\r\n          } else {\r\n            autoAdvanceOnce();\r\n          }\r\n        }\r\n\r\n        \/\/ Parallax tilt (desktop only)\r\n        if (!prefersReducedMotion()) {\r\n          var tilt = root.querySelector('[data-ps-tilt]');\r\n          if (tilt && window.matchMedia && window.matchMedia('(hover: hover) and (pointer: fine)').matches) {\r\n            var rafId = 0;\r\n\r\n            function onMove(ev) {\r\n              if (rafId) cancelAnimationFrame(rafId);\r\n              rafId = requestAnimationFrame(function () {\r\n                var r = tilt.getBoundingClientRect();\r\n                var cx = r.left + r.width \/ 2;\r\n                var cy = r.top + r.height \/ 2;\r\n\r\n                var dx = (ev.clientX - cx) \/ (r.width \/ 2);\r\n                var dy = (ev.clientY - cy) \/ (r.height \/ 2);\r\n\r\n                dx = Math.max(-1, Math.min(1, dx));\r\n                dy = Math.max(-1, Math.min(1, dy));\r\n\r\n                var tiltX = (dx * 3.2).toFixed(2);\r\n                var tiltY = (-dy * 2.6).toFixed(2);\r\n\r\n                tilt.style.setProperty('--ps-tiltX', tiltX + 'deg');\r\n                tilt.style.setProperty('--ps-tiltY', tiltY + 'deg');\r\n\r\n                var gx = ((ev.clientX - r.left) \/ r.width * 100).toFixed(1) + '%';\r\n                var gy = ((ev.clientY - r.top) \/ r.height * 100).toFixed(1) + '%';\r\n                tilt.style.setProperty('--ps-glowX', gx);\r\n                tilt.style.setProperty('--ps-glowY', gy);\r\n              });\r\n            }\r\n\r\n            function onLeave() {\r\n              tilt.style.setProperty('--ps-tiltX', '0deg');\r\n              tilt.style.setProperty('--ps-tiltY', '0deg');\r\n              tilt.style.setProperty('--ps-glowX', '35%');\r\n              tilt.style.setProperty('--ps-glowY', '15%');\r\n            }\r\n\r\n            tilt.addEventListener('mousemove', onMove);\r\n            tilt.addEventListener('mouseleave', onLeave);\r\n          }\r\n        }\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64978da e-con-full e-flex e-con e-parent\" data-id=\"64978da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75cc8e2 elementor-widget elementor-widget-html\" data-id=\"75cc8e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ps-timeline\" data-ps-timeline>\r\n  <style>\r\n    .ps-timeline{\r\n      --ps-accent: var(--prohf-accent, #E1A134);\r\n      --ps-ink: #0b1220;\r\n      --ps-muted: rgba(11,18,32,0.72);\r\n      --ps-border: rgba(11,18,32,0.10);\r\n      --ps-card: #ffffff;\r\n      --ps-bg: #ffffff;\r\n      --ps-radius: 18px;\r\n      --ps-shadow: 0 14px 38px rgba(11,18,32,0.10);\r\n      --ps-shadow-soft: 0 10px 24px rgba(11,18,32,0.08);\r\n      --ps-max: 1140px;\r\n\r\n      --ps-ease: cubic-bezier(.2,.8,.2,1);\r\n      --ps-ease-soft: cubic-bezier(.2,.9,.2,1);\r\n      --ps-reveal-y: 14px;\r\n\r\n      color: var(--ps-ink);\r\n      background: var(--ps-bg);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n\/* No ambient corner glow on this section *\/\r\n\r\n    .pst-wrap{\r\n      max-width: var(--ps-max);\r\n      margin: 0 auto;\r\n      padding: 52px 18px;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .pst-head{\r\n      display:flex;\r\n      align-items:flex-end;\r\n      justify-content:space-between;\r\n      gap: 16px;\r\n      flex-wrap: wrap;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .pst-kicker{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap: 10px;\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n      color: var(--ps-muted);\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .pst-kicker::before{\r\n      content:\"\";\r\n      width: 28px;\r\n      height: 3px;\r\n      border-radius: 99px;\r\n      background: var(--ps-accent);\r\n      display:inline-block;\r\n      transform-origin: left center;\r\n    }\r\n\r\n    .pst-h{\r\n      margin: 0;\r\n      font-size: clamp(24px, 2.8vw, 34px);\r\n      line-height: 1.12;\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    .pst-p{\r\n      margin: 10px 0 0 0;\r\n      max-width: 72ch;\r\n      color: var(--ps-muted);\r\n      line-height: 1.6;\r\n      font-size: 15.5px;\r\n    }\r\n\r\n    \/* Reveal system *\/\r\n    [data-pst-reveal]{\r\n      opacity: 0;\r\n      transform: translate3d(0, var(--ps-reveal-y), 0);\r\n      filter: blur(2px);\r\n      transition:\r\n        opacity 520ms var(--ps-ease),\r\n        transform 520ms var(--ps-ease),\r\n        filter 520ms var(--ps-ease);\r\n      transition-delay: var(--pst-delay, 0ms);\r\n      will-change: transform, opacity;\r\n    }\r\n\r\n    .ps-timeline.is-in [data-pst-reveal]{\r\n      opacity: 1;\r\n      transform: translate3d(0, 0, 0);\r\n      filter: blur(0);\r\n    }\r\n\r\n    .ps-timeline.is-in .pst-kicker::before{\r\n      animation: pstKickerGrow 620ms var(--ps-ease) both;\r\n    }\r\n    @keyframes pstKickerGrow{\r\n      0%{ transform: scaleX(0.2); opacity: 0.3; }\r\n      100%{ transform: scaleX(1); opacity: 1; }\r\n    }\r\n\r\n    \/* Stepper container *\/\r\n    .pst-stepper{\r\n      margin-top: 18px;\r\n      border: 1px solid var(--ps-border);\r\n      border-radius: var(--ps-radius);\r\n      background: rgba(255,255,255,0.78);\r\n      box-shadow: 0 8px 20px rgba(11,18,32,0.06);\r\n      overflow: hidden;\r\n      position: relative;\r\n    }\r\n\r\n    \/* sticky top: respects sticky header if present *\/\r\n    .pst-stepper-top{\r\n      position: sticky;\r\n      top: calc(var(--prohf-sticky-h, 60px) + 10px);\r\n      z-index: 3;\r\n      background: rgba(255,255,255,0.92);\r\n      backdrop-filter: blur(10px);\r\n      border-bottom: 1px solid var(--ps-border);\r\n    }\r\n\r\n    .pst-steps{\r\n      display:grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 0;\r\n    }\r\n\r\n    .pst-step{\r\n      position: relative;\r\n      padding: 14px 14px 12px 14px;\r\n      cursor: pointer;\r\n      border: 0;\r\n      background: transparent;\r\n      text-align: left;\r\n      color: var(--ps-ink);\r\n      transition: background 180ms var(--ps-ease);\r\n    }\r\n\r\n    .pst-step:hover{\r\n      background: rgba(11,18,32,0.03);\r\n    }\r\n\r\n    .pst-step:focus{\r\n      outline: none;\r\n      box-shadow: inset 0 0 0 3px rgba(225,161,52,0.18);\r\n    }\r\n\r\n    .pst-step-meta{\r\n      display:flex;\r\n      align-items:center;\r\n      gap: 10px;\r\n      margin-bottom: 6px;\r\n    }\r\n\r\n    .pst-badge{\r\n      width: 26px;\r\n      height: 26px;\r\n      border-radius: 999px;\r\n      display:inline-flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      font-weight: 950;\r\n      font-size: 12px;\r\n      border: 1px solid var(--ps-border);\r\n      background: #fff;\r\n      transition: transform 180ms var(--ps-ease), background 180ms var(--ps-ease), border-color 180ms var(--ps-ease);\r\n    }\r\n\r\n    .pst-step-title{\r\n      font-weight: 950;\r\n      letter-spacing: -0.01em;\r\n      font-size: 13px;\r\n      line-height: 1.2;\r\n      margin: 0;\r\n    }\r\n\r\n    .pst-step-sub{\r\n      margin: 0;\r\n      font-size: 12px;\r\n      line-height: 1.35;\r\n      color: var(--ps-muted);\r\n    }\r\n\r\n    \/* Active step polish *\/\r\n    .pst-step[aria-current=\"true\"]{\r\n      background: rgba(225,161,52,0.07);\r\n    }\r\n    .pst-step[aria-current=\"true\"] .pst-badge{\r\n      border-color: rgba(225,161,52,0.45);\r\n      background: rgba(225,161,52,0.14);\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    \/* Rail: scroll-synced fill + knob *\/\r\n    .pst-rail{\r\n      height: 3px;\r\n      background: rgba(11,18,32,0.08);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .pst-rail-fill{\r\n      height: 100%;\r\n      width: 0%;\r\n      background: var(--ps-accent);\r\n      transform-origin: left center;\r\n      transition: width 120ms linear;\r\n      will-change: width;\r\n    }\r\n\r\n    .pst-rail-knob{\r\n      position:absolute;\r\n      top: 50%;\r\n      left: 0%;\r\n      width: 12px;\r\n      height: 12px;\r\n      border-radius: 999px;\r\n      background: var(--ps-accent);\r\n      transform: translate3d(-50%, -50%, 0);\r\n      box-shadow: 0 0 0 6px rgba(225,161,52,0.16);\r\n      transition: left 120ms linear;\r\n      will-change: left;\r\n      pointer-events:none;\r\n    }\r\n\r\n    \/* Panels *\/\r\n    .pst-panels{\r\n      padding: 18px;\r\n    }\r\n\r\n    .pst-panel{\r\n      border: 1px solid var(--ps-border);\r\n      border-radius: 16px;\r\n      padding: 16px;\r\n      background: #fff;\r\n      box-shadow: 0 8px 20px rgba(11,18,32,0.04);\r\n      scroll-margin-top: calc(var(--prohf-sticky-h, 60px) + 90px);\r\n      position: relative;\r\n      overflow: hidden;\r\n\r\n      opacity: 0;\r\n      transform: translate3d(0, 14px, 0);\r\n      filter: blur(2px);\r\n      transition:\r\n        opacity 520ms var(--ps-ease),\r\n        transform 520ms var(--ps-ease),\r\n        filter 520ms var(--ps-ease),\r\n        border-color 220ms var(--ps-ease);\r\n      will-change: transform, opacity;\r\n    }\r\n\r\n    .pst-panel.is-visible{\r\n      opacity: 1;\r\n      transform: translate3d(0,0,0);\r\n      filter: blur(0);\r\n    }\r\n\r\n    \/* left accent rail inside panel *\/\r\n    .pst-panel::before{\r\n      content:\"\";\r\n      position:absolute;\r\n      left: 0;\r\n      top: 0;\r\n      bottom: 0;\r\n      width: 4px;\r\n      background: rgba(11,18,32,0.08);\r\n    }\r\n\r\n    .pst-panel.is-active{\r\n      border-color: rgba(225,161,52,0.28);\r\n    }\r\n\r\n    .pst-panel.is-active::before{\r\n      background: var(--ps-accent);\r\n    }\r\n\r\n    .pst-panel + .pst-panel{\r\n      margin-top: 12px;\r\n    }\r\n\r\n    .pst-panel-h{\r\n      margin: 0 0 8px 0;\r\n      display:flex;\r\n      align-items:center;\r\n      gap: 10px;\r\n      font-weight: 950;\r\n      letter-spacing: -0.01em;\r\n      font-size: 15px;\r\n    }\r\n\r\n    .pst-dot{\r\n      width: 10px;\r\n      height: 10px;\r\n      border-radius: 999px;\r\n      background: var(--ps-accent);\r\n      flex: 0 0 auto;\r\n      box-shadow: 0 0 0 0 rgba(225,161,52,0.35);\r\n    }\r\n\r\n    .ps-timeline.is-in .pst-panel.is-active .pst-dot{\r\n      animation: pstPulse 1.6s var(--ps-ease) infinite;\r\n    }\r\n\r\n    @keyframes pstPulse{\r\n      0%   { box-shadow: 0 0 0 0 rgba(225,161,52,0.35); }\r\n      100% { box-shadow: 0 0 0 10px rgba(225,161,52,0.00); }\r\n    }\r\n\r\n    .pst-panel-p{\r\n      margin: 0;\r\n      color: var(--ps-muted);\r\n      line-height: 1.6;\r\n      font-size: 14px;\r\n      max-width: 82ch;\r\n    }\r\n\r\n    .pst-panel-tip{\r\n      margin-top: 12px;\r\n      padding: 12px 12px;\r\n      border-radius: 14px;\r\n      border: 1px solid rgba(225,161,52,0.28);\r\n      background: rgba(225,161,52,0.08);\r\n      color: rgba(11,18,32,0.78);\r\n      font-size: 13px;\r\n      line-height: 1.45;\r\n      font-weight: 800;\r\n    }\r\n\r\n    @media (max-width: 980px){\r\n      .pst-wrap{ padding: 38px 16px; }\r\n      .pst-steps{ grid-template-columns: 1fr; }\r\n      .pst-step{ padding: 12px 14px; }\r\n      .pst-stepper-top{ position: relative; top: auto; }\r\n      .pst-rail{ display:none; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce){\r\n      [data-pst-reveal], .pst-panel{\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n        filter: none !important;\r\n        transition: none !important;\r\n      }\r\n      .pst-rail-fill, .pst-rail-knob{ transition: none; }\r\n      .ps-timeline.is-in .pst-panel.is-active .pst-dot{ animation: none; }\r\n    }\r\n  <\/style>\r\n\r\n  <section class=\"pst-wrap\">\r\n    <div class=\"pst-head\">\r\n      <div>\r\n        <div class=\"pst-kicker\" data-pst-reveal style=\"--pst-delay: 0ms;\">How Pronto Works<\/div>\r\n        <h2 class=\"pst-h\" data-pst-reveal style=\"--pst-delay: 90ms;\">A simple flow, designed to reduce stress.<\/h2>\r\n        <p class=\"pst-p\" data-pst-reveal style=\"--pst-delay: 160ms;\">\r\n          We classify the issue fast, route the right trade with context, and close the job with accountability.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pst-stepper\" data-pst-stepper data-pst-reveal style=\"--pst-delay: 220ms;\">\r\n      <div class=\"pst-stepper-top\">\r\n        <div class=\"pst-steps\" role=\"tablist\" aria-label=\"How it works steps\">\r\n          <button class=\"pst-step\" type=\"button\" role=\"tab\" aria-controls=\"pst-step-1\" aria-current=\"true\" data-step=\"0\">\r\n            <div class=\"pst-step-meta\">\r\n              <span class=\"pst-badge\">1<\/span>\r\n              <p class=\"pst-step-title\">Share the issue<\/p>\r\n            <\/div>\r\n            <p class=\"pst-step-sub\">Quick triage to classify urgency<\/p>\r\n          <\/button>\r\n\r\n          <button class=\"pst-step\" type=\"button\" role=\"tab\" aria-controls=\"pst-step-2\" aria-current=\"false\" data-step=\"1\">\r\n            <div class=\"pst-step-meta\">\r\n              <span class=\"pst-badge\">2<\/span>\r\n              <p class=\"pst-step-title\">Correct dispatch<\/p>\r\n            <\/div>\r\n            <p class=\"pst-step-sub\">Right trade and context routing<\/p>\r\n          <\/button>\r\n\r\n          <button class=\"pst-step\" type=\"button\" role=\"tab\" aria-controls=\"pst-step-3\" aria-current=\"false\" data-step=\"2\">\r\n            <div class=\"pst-step-meta\">\r\n              <span class=\"pst-badge\">3<\/span>\r\n              <p class=\"pst-step-title\">Work with updates<\/p>\r\n            <\/div>\r\n            <p class=\"pst-step-sub\">Clear steps, no silence<\/p>\r\n          <\/button>\r\n\r\n          <button class=\"pst-step\" type=\"button\" role=\"tab\" aria-controls=\"pst-step-4\" aria-current=\"false\" data-step=\"3\">\r\n            <div class=\"pst-step-meta\">\r\n              <span class=\"pst-badge\">4<\/span>\r\n              <p class=\"pst-step-title\">Closure confirmed<\/p>\r\n            <\/div>\r\n            <p class=\"pst-step-sub\">Outcome and next steps<\/p>\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"pst-rail\" aria-hidden=\"true\">\r\n          <div class=\"pst-rail-fill\" data-pst-fill><\/div>\r\n          <div class=\"pst-rail-knob\" data-pst-knob><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"pst-panels\" role=\"region\" aria-label=\"How it works details\">\r\n        <article class=\"pst-panel\" id=\"pst-step-1\" data-panel=\"0\">\r\n          <h3 class=\"pst-panel-h\"><span class=\"pst-dot\"><\/span>Share what\u2019s happening<\/h3>\r\n          <p class=\"pst-panel-p\">\r\n            We ask a few focused questions to understand the issue and urgency. This prevents wrong dispatch and wasted time.\r\n          <\/p>\r\n          <div class=\"pst-panel-tip\">Tip: If you can, share one photo for faster triage.<\/div>\r\n        <\/article>\r\n\r\n        <article class=\"pst-panel\" id=\"pst-step-2\" data-panel=\"1\">\r\n          <h3 class=\"pst-panel-h\"><span class=\"pst-dot\"><\/span>We triage and dispatch<\/h3>\r\n          <p class=\"pst-panel-p\">\r\n            We route the right trade and urgency with context. Correct routing is how response time stays fast and outcomes stay clean.\r\n          <\/p>\r\n          <div class=\"pst-panel-tip\">Outcome: right technician category, less back and forth.<\/div>\r\n        <\/article>\r\n\r\n        <article class=\"pst-panel\" id=\"pst-step-3\" data-panel=\"2\">\r\n          <h3 class=\"pst-panel-h\"><span class=\"pst-dot\"><\/span>Work gets done with clear updates<\/h3>\r\n          <p class=\"pst-panel-p\">\r\n            When needed, you receive clear updates so there are no surprises. The priority is safe work and a practical fix that holds.\r\n          <\/p>\r\n          <div class=\"pst-panel-tip\">Focus: clarity, safety, and solving the root cause when possible.<\/div>\r\n        <\/article>\r\n\r\n        <article class=\"pst-panel\" id=\"pst-step-4\" data-panel=\"3\">\r\n          <h3 class=\"pst-panel-h\"><span class=\"pst-dot\"><\/span>Closure with confirmation<\/h3>\r\n          <p class=\"pst-panel-p\">\r\n            The job closes with a clear outcome and next steps if follow-up is needed. Clean finish, clear result.\r\n          <\/p>\r\n          <div class=\"pst-panel-tip\">You are never left guessing what was done.<\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    (function () {\r\n      var roots = document.querySelectorAll('[data-ps-timeline]');\r\n      if (!roots || !roots.length) return;\r\n\r\n      function prefersReducedMotion() {\r\n        return window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n      }\r\n\r\n      roots.forEach(function (root) {\r\n        var stepper = root.querySelector('[data-pst-stepper]');\r\n        if (!stepper) return;\r\n\r\n        var steps = Array.prototype.slice.call(stepper.querySelectorAll('.pst-step[data-step]'));\r\n        var panels = Array.prototype.slice.call(stepper.querySelectorAll('.pst-panel[data-panel]'));\r\n        var fill = stepper.querySelector('[data-pst-fill]');\r\n        var knob = stepper.querySelector('[data-pst-knob]');\r\n\r\n        if (!steps.length || !panels.length) return;\r\n\r\n        \/\/ Reveal section when in view\r\n        function enter() {\r\n          if (root.classList.contains('is-in')) return;\r\n          root.classList.add('is-in');\r\n        }\r\n\r\n        if ('IntersectionObserver' in window) {\r\n          var rio = new IntersectionObserver(function (entries) {\r\n            entries.forEach(function (e) {\r\n              if (e.isIntersecting) {\r\n                enter();\r\n                rio.disconnect();\r\n              }\r\n            });\r\n          }, { threshold: 0.18 });\r\n          rio.observe(root);\r\n        } else {\r\n          enter();\r\n        }\r\n\r\n        \/\/ Panel reveal + active panel tracking\r\n        var activeIdx = 0;\r\n\r\n        function setActive(idx) {\r\n          idx = Math.max(0, Math.min(steps.length - 1, idx));\r\n          activeIdx = idx;\r\n\r\n          steps.forEach(function (btn, i) {\r\n            btn.setAttribute('aria-current', i === idx ? 'true' : 'false');\r\n          });\r\n\r\n          panels.forEach(function (p, i) {\r\n            if (i === idx) p.classList.add('is-active');\r\n            else p.classList.remove('is-active');\r\n          });\r\n        }\r\n\r\n        function setProgress(p) {\r\n          p = Math.max(0, Math.min(1, p));\r\n          var pct = (p * 100);\r\n          if (fill) fill.style.width = pct.toFixed(2) + '%';\r\n          if (knob) knob.style.left = pct.toFixed(2) + '%';\r\n        }\r\n\r\n        \/\/ Click step -> scroll to panel\r\n        steps.forEach(function (btn) {\r\n          btn.addEventListener('click', function () {\r\n            var idx = parseInt(btn.getAttribute('data-step') || '0', 10);\r\n            var panel = panels[idx];\r\n            if (panel && typeof panel.scrollIntoView === 'function') {\r\n              panel.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n              setActive(idx);\r\n            }\r\n          });\r\n        });\r\n\r\n        \/\/ Reveal each panel\r\n        if ('IntersectionObserver' in window) {\r\n          var pio = new IntersectionObserver(function (entries) {\r\n            entries.forEach(function (e) {\r\n              if (e.isIntersecting) {\r\n                e.target.classList.add('is-visible');\r\n              }\r\n            });\r\n          }, { threshold: 0.18 });\r\n          panels.forEach(function (p) { pio.observe(p); });\r\n        } else {\r\n          panels.forEach(function (p) { p.classList.add('is-visible'); });\r\n        }\r\n\r\n        \/\/ Scroll-synced progress:\r\n        \/\/ We compute a \"playhead\" at 45% viewport height and map it to step anchors.\r\n        var anchors = [];\r\n        function recalcAnchors() {\r\n          anchors = panels.map(function (p) {\r\n            var r = p.getBoundingClientRect();\r\n            return r.top + window.scrollY;\r\n          });\r\n        }\r\n\r\n        function nearestIndexForY(y) {\r\n          var bestI = 0;\r\n          var bestD = Infinity;\r\n          for (var i = 0; i < anchors.length; i++) {\r\n            var d = Math.abs(anchors[i] - y);\r\n            if (d < bestD) { bestD = d; bestI = i; }\r\n          }\r\n          return bestI;\r\n        }\r\n\r\n        function progressForY(y) {\r\n          if (anchors.length < 2) return 0;\r\n\r\n          if (y <= anchors[0]) return 0;\r\n          if (y >= anchors[anchors.length - 1]) return 1;\r\n\r\n          for (var i = 0; i < anchors.length - 1; i++) {\r\n            var a = anchors[i];\r\n            var b = anchors[i + 1];\r\n            if (y >= a && y <= b) {\r\n              var t = (y - a) \/ Math.max((b - a), 1);\r\n              return (i + t) \/ (anchors.length - 1);\r\n            }\r\n          }\r\n          return 0;\r\n        }\r\n\r\n        var ticking = false;\r\n        function onScroll() {\r\n          if (ticking) return;\r\n          ticking = true;\r\n\r\n          requestAnimationFrame(function () {\r\n            ticking = false;\r\n\r\n            var playhead = window.scrollY + (window.innerHeight * 0.45);\r\n            var p = progressForY(playhead);\r\n            setProgress(p);\r\n\r\n            var idx = nearestIndexForY(playhead);\r\n            setActive(idx);\r\n          });\r\n        }\r\n\r\n        \/\/ Initial\r\n        recalcAnchors();\r\n        setActive(0);\r\n        setProgress(0);\r\n        onScroll();\r\n\r\n        window.addEventListener('scroll', onScroll, { passive: true });\r\n        window.addEventListener('resize', function () {\r\n          recalcAnchors();\r\n          onScroll();\r\n        });\r\n\r\n        \/\/ Recalc after layout settles (images, fonts)\r\n        window.setTimeout(function () {\r\n          recalcAnchors();\r\n          onScroll();\r\n        }, 500);\r\n\r\n        \/\/ Optional: keep anchors accurate if the stepper changes height\r\n        if (!prefersReducedMotion() && 'ResizeObserver' in window) {\r\n          var ro = new ResizeObserver(function () {\r\n            recalcAnchors();\r\n            onScroll();\r\n          });\r\n          ro.observe(stepper);\r\n          panels.forEach(function (p) { ro.observe(p); });\r\n        }\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ac60b6 e-con-full e-flex e-con e-parent\" data-id=\"9ac60b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0139d40 elementor-widget elementor-widget-html\" data-id=\"0139d40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ps-quality\" data-ps-quality>\r\n  <style>\r\n    .ps-quality{\r\n      --ps-accent: var(--prohf-accent, #E1A134);\r\n      --ps-ink: #0b1220;\r\n      --ps-muted: rgba(11,18,32,0.72);\r\n      --ps-border: rgba(11,18,32,0.10);\r\n      --ps-card: #ffffff;\r\n      --ps-bg: #ffffff;\r\n      --ps-radius: 18px;\r\n      --ps-shadow-soft: 0 10px 24px rgba(11,18,32,0.08);\r\n      --ps-max: 1140px;\r\n\r\n      --ps-ease: cubic-bezier(.2,.8,.2,1);\r\n      --ps-reveal-y: 14px;\r\n\r\n      color: var(--ps-ink);\r\n      background: var(--ps-bg);\r\n    }\r\n\r\n    .psq-wrap{\r\n      max-width: var(--ps-max);\r\n      margin: 0 auto;\r\n      padding: 44px 18px;\r\n    }\r\n\r\n    .psq-head{\r\n      display:flex;\r\n      align-items:flex-end;\r\n      justify-content:space-between;\r\n      gap: 16px;\r\n      flex-wrap: wrap;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .psq-kicker{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap: 10px;\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n      color: var(--ps-muted);\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .psq-kicker::before{\r\n      content:\"\";\r\n      width: 28px;\r\n      height: 3px;\r\n      border-radius: 99px;\r\n      background: var(--ps-accent);\r\n      display:inline-block;\r\n      transform-origin: left center;\r\n    }\r\n\r\n    .psq-h{\r\n      margin: 0;\r\n      font-size: clamp(24px, 2.8vw, 34px);\r\n      line-height: 1.12;\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    .psq-p{\r\n      margin: 10px 0 0 0;\r\n      max-width: 76ch;\r\n      color: var(--ps-muted);\r\n      line-height: 1.6;\r\n      font-size: 15.5px;\r\n    }\r\n\r\n    \/* Reveal system (no corner glows, just content motion) *\/\r\n    [data-psq-reveal]{\r\n      opacity: 0;\r\n      transform: translate3d(0, var(--ps-reveal-y), 0);\r\n      filter: blur(2px);\r\n      transition:\r\n        opacity 520ms var(--ps-ease),\r\n        transform 520ms var(--ps-ease),\r\n        filter 520ms var(--ps-ease);\r\n      transition-delay: var(--psq-delay, 0ms);\r\n      will-change: transform, opacity;\r\n    }\r\n\r\n    .ps-quality.is-in [data-psq-reveal]{\r\n      opacity: 1;\r\n      transform: translate3d(0, 0, 0);\r\n      filter: blur(0);\r\n    }\r\n\r\n    .ps-quality.is-in .psq-kicker::before{\r\n      animation: psqKickerGrow 620ms var(--ps-ease) both;\r\n    }\r\n\r\n    @keyframes psqKickerGrow{\r\n      0%{ transform: scaleX(0.2); opacity: 0.3; }\r\n      100%{ transform: scaleX(1); opacity: 1; }\r\n    }\r\n\r\n    .psq-grid{\r\n      display:grid;\r\n      grid-template-columns: 1fr 0.9fr;\r\n      gap: 16px;\r\n      margin-top: 18px;\r\n      align-items: start;\r\n    }\r\n\r\n    .psq-card{\r\n      background: var(--ps-card);\r\n      border: 1px solid var(--ps-border);\r\n      border-radius: var(--ps-radius);\r\n      box-shadow: 0 8px 20px rgba(11,18,32,0.06);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .psq-acc{\r\n      padding: 10px;\r\n    }\r\n\r\n    .psq-item{\r\n      border: 1px solid var(--ps-border);\r\n      border-radius: 16px;\r\n      background: #fff;\r\n      overflow: hidden;\r\n      transition: border-color 180ms var(--ps-ease), box-shadow 180ms var(--ps-ease), transform 180ms var(--ps-ease);\r\n    }\r\n\r\n    .psq-item + .psq-item{\r\n      margin-top: 10px;\r\n    }\r\n\r\n    .psq-item:hover{\r\n      border-color: rgba(11,18,32,0.16);\r\n      box-shadow: 0 10px 24px rgba(11,18,32,0.06);\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    .psq-q{\r\n      width: 100%;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:space-between;\r\n      gap: 12px;\r\n      padding: 14px 14px;\r\n      background: transparent;\r\n      border: 0;\r\n      cursor: pointer;\r\n      text-align:left;\r\n      font-weight: 950;\r\n      letter-spacing: -0.01em;\r\n      font-size: 14px;\r\n      color: var(--ps-ink);\r\n    }\r\n\r\n    .psq-q:focus{\r\n      outline:none;\r\n      box-shadow: inset 0 0 0 3px rgba(225,161,52,0.18);\r\n    }\r\n\r\n    .psq-q-left{\r\n      display:flex;\r\n      align-items:center;\r\n      gap: 10px;\r\n      min-width: 0;\r\n    }\r\n\r\n    .psq-dot{\r\n      width: 10px;\r\n      height: 10px;\r\n      border-radius: 999px;\r\n      background: var(--ps-accent);\r\n      flex: 0 0 auto;\r\n      box-shadow: 0 0 0 0 rgba(225,161,52,0.35);\r\n    }\r\n\r\n    .ps-quality .psq-item[aria-expanded=\"true\"] .psq-dot{\r\n      animation: psqPulse 1.6s var(--ps-ease) infinite;\r\n    }\r\n\r\n    @keyframes psqPulse{\r\n      0%   { box-shadow: 0 0 0 0 rgba(225,161,52,0.35); }\r\n      100% { box-shadow: 0 0 0 10px rgba(225,161,52,0.00); }\r\n    }\r\n\r\n    .psq-qtext{\r\n      margin: 0;\r\n      line-height: 1.2;\r\n    }\r\n\r\n    .psq-ico{\r\n      width: 28px;\r\n      height: 28px;\r\n      border-radius: 999px;\r\n      border: 1px solid var(--ps-border);\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      flex: 0 0 auto;\r\n      transition: transform 180ms var(--ps-ease), background 180ms var(--ps-ease), border-color 180ms var(--ps-ease);\r\n      background: #fff;\r\n    }\r\n\r\n    .psq-ico svg{\r\n      width: 14px;\r\n      height: 14px;\r\n      display:block;\r\n    }\r\n\r\n    \/* App-like expand animation (no display:none jumps) *\/\r\n    .psq-a{\r\n      max-height: 0px;\r\n      overflow: hidden;\r\n      padding: 0 14px;\r\n      color: var(--ps-muted);\r\n      font-size: 14px;\r\n      line-height: 1.6;\r\n      max-width: 80ch;\r\n\r\n      opacity: 0;\r\n      transform: translate3d(0, -6px, 0);\r\n\r\n      transition:\r\n        max-height 320ms var(--ps-ease),\r\n        opacity 240ms var(--ps-ease),\r\n        transform 240ms var(--ps-ease),\r\n        padding 240ms var(--ps-ease);\r\n      will-change: max-height;\r\n    }\r\n\r\n    .psq-item[aria-expanded=\"true\"] .psq-a{\r\n      opacity: 1;\r\n      transform: translate3d(0, 0, 0);\r\n      padding: 0 14px 14px 14px;\r\n    }\r\n\r\n    .psq-item[aria-expanded=\"true\"] .psq-ico{\r\n      transform: rotate(180deg);\r\n      background: rgba(225,161,52,0.10);\r\n      border-color: rgba(225,161,52,0.35);\r\n    }\r\n\r\n    .psq-side{\r\n      padding: 18px;\r\n      background: linear-gradient(180deg, rgba(225,161,52,0.10), rgba(225,161,52,0.00));\r\n      border-left: 1px solid rgba(225,161,52,0.22);\r\n    }\r\n\r\n    .psq-side-h{\r\n      margin: 0 0 8px 0;\r\n      font-size: 15px;\r\n      font-weight: 950;\r\n      letter-spacing: -0.01em;\r\n    }\r\n\r\n    .psq-side-p{\r\n      margin: 0 0 12px 0;\r\n      color: var(--ps-muted);\r\n      line-height: 1.6;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .psq-list{\r\n      margin: 0;\r\n      padding: 0;\r\n      list-style: none;\r\n      display:grid;\r\n      gap: 10px;\r\n    }\r\n\r\n    .psq-li{\r\n      border: 1px solid rgba(11,18,32,0.10);\r\n      border-radius: 14px;\r\n      padding: 10px 10px;\r\n      background: rgba(255,255,255,0.72);\r\n      display:flex;\r\n      gap: 10px;\r\n      align-items:flex-start;\r\n    }\r\n\r\n    .psq-check{\r\n      width: 18px;\r\n      height: 18px;\r\n      border-radius: 6px;\r\n      border: 1px solid rgba(225,161,52,0.45);\r\n      background: rgba(225,161,52,0.12);\r\n      flex: 0 0 auto;\r\n      margin-top: 2px;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n    }\r\n\r\n    .psq-li b{\r\n      color: var(--ps-ink);\r\n    }\r\n\r\n    @media (max-width: 980px){\r\n      .psq-wrap{ padding: 34px 16px; }\r\n      .psq-grid{ grid-template-columns: 1fr; }\r\n      .psq-side{ border-left: 0; border-top: 1px solid rgba(225,161,52,0.22); }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce){\r\n      [data-psq-reveal],\r\n      .psq-item,\r\n      .psq-ico,\r\n      .psq-a{\r\n        transition: none !important;\r\n        transform: none !important;\r\n        filter: none !important;\r\n        opacity: 1 !important;\r\n      }\r\n      .psq-a{ max-height: none !important; }\r\n      .ps-quality .psq-item[aria-expanded=\"true\"] .psq-dot{ animation: none !important; }\r\n    }\r\n  <\/style>\r\n\r\n  <section class=\"psq-wrap\">\r\n    <div class=\"psq-head\">\r\n      <div>\r\n        <div class=\"psq-kicker\" data-psq-reveal style=\"--psq-delay: 0ms;\">Quality System<\/div>\r\n        <h2 class=\"psq-h\" data-psq-reveal style=\"--psq-delay: 90ms;\">Quality is not a promise, it is a process.<\/h2>\r\n        <p class=\"psq-p\" data-psq-reveal style=\"--psq-delay: 160ms;\">\r\n          We use a simple operating standard to keep jobs clean, clear, and properly closed. This is how repairs stay predictable.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"psq-card\" data-psq-reveal style=\"--psq-delay: 220ms;\">\r\n      <div class=\"psq-grid\">\r\n        <div class=\"psq-acc\" aria-label=\"Quality accordion\">\r\n          <div class=\"psq-item\" aria-expanded=\"true\">\r\n            <button class=\"psq-q\" type=\"button\">\r\n              <span class=\"psq-q-left\"><span class=\"psq-dot\"><\/span><span class=\"psq-qtext\">Fast triage before dispatch<\/span><\/span>\r\n              <span class=\"psq-ico\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 10l5 5 5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n              <\/span>\r\n            <\/button>\r\n            <div class=\"psq-a\">We ask a few quick questions up front so the right technician category is dispatched. This reduces wasted visits and avoids guesswork.<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"psq-item\" aria-expanded=\"false\">\r\n            <button class=\"psq-q\" type=\"button\">\r\n              <span class=\"psq-q-left\"><span class=\"psq-dot\"><\/span><span class=\"psq-qtext\">Clear scope, clear outcome<\/span><\/span>\r\n              <span class=\"psq-ico\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 10l5 5 5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n              <\/span>\r\n            <\/button>\r\n            <div class=\"psq-a\">We keep the job focused. If the situation changes on site, the next step is clarified before moving forward.<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"psq-item\" aria-expanded=\"false\">\r\n            <button class=\"psq-q\" type=\"button\">\r\n              <span class=\"psq-q-left\"><span class=\"psq-dot\"><\/span><span class=\"psq-qtext\">Safety-first workmanship<\/span><\/span>\r\n              <span class=\"psq-ico\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 10l5 5 5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n              <\/span>\r\n            <\/button>\r\n            <div class=\"psq-a\">Electrical and plumbing issues can escalate fast. The priority is a safe fix that holds, not a quick patch that creates repeat problems.<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"psq-item\" aria-expanded=\"false\">\r\n            <button class=\"psq-q\" type=\"button\">\r\n              <span class=\"psq-q-left\"><span class=\"psq-dot\"><\/span><span class=\"psq-qtext\">Job closure discipline<\/span><\/span>\r\n              <span class=\"psq-ico\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 10l5 5 5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n              <\/span>\r\n            <\/button>\r\n            <div class=\"psq-a\">Every job closes with confirmation of what was done and what to watch next. Closure is how trust becomes repeat business.<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"psq-item\" aria-expanded=\"false\">\r\n            <button class=\"psq-q\" type=\"button\">\r\n              <span class=\"psq-q-left\"><span class=\"psq-dot\"><\/span><span class=\"psq-qtext\">Continuous improvement from outcomes<\/span><\/span>\r\n              <span class=\"psq-ico\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 10l5 5 5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n              <\/span>\r\n            <\/button>\r\n            <div class=\"psq-a\">We learn from completed jobs to improve routing, communication, and prevention advice over time. The system gets better.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <aside class=\"psq-side\" aria-label=\"Quality checklist\">\r\n          <h3 class=\"psq-side-h\">The Pronto Standard<\/h3>\r\n          <p class=\"psq-side-p\">A simple checklist we use to keep every job consistent.<\/p>\r\n\r\n          <ul class=\"psq-list\">\r\n            <li class=\"psq-li\">\r\n              <span class=\"psq-check\" aria-hidden=\"true\">\u2713<\/span>\r\n              <div><b>Right dispatch<\/b><br><span style=\"color:rgba(11,18,32,0.72);\">Correct category and urgency.<\/span><\/div>\r\n            <\/li>\r\n            <li class=\"psq-li\">\r\n              <span class=\"psq-check\" aria-hidden=\"true\">\u2713<\/span>\r\n              <div><b>Clear communication<\/b><br><span style=\"color:rgba(11,18,32,0.72);\">No silent delays or vague scope.<\/span><\/div>\r\n            <\/li>\r\n            <li class=\"psq-li\">\r\n              <span class=\"psq-check\" aria-hidden=\"true\">\u2713<\/span>\r\n              <div><b>Safe workmanship<\/b><br><span style=\"color:rgba(11,18,32,0.72);\">Fixes that hold, safety first.<\/span><\/div>\r\n            <\/li>\r\n            <li class=\"psq-li\">\r\n              <span class=\"psq-check\" aria-hidden=\"true\">\u2713<\/span>\r\n              <div><b>Clean closure<\/b><br><span style=\"color:rgba(11,18,32,0.72);\">Outcome confirmed, next steps clear.<\/span><\/div>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/aside>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    (function () {\r\n      var roots = document.querySelectorAll('[data-ps-quality]');\r\n      if (!roots || !roots.length) return;\r\n\r\n      function prefersReducedMotion() {\r\n        return window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n      }\r\n\r\n      function setOpen(it, open) {\r\n        it.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n\r\n        var a = it.querySelector('.psq-a');\r\n        if (!a) return;\r\n\r\n        if (prefersReducedMotion()) {\r\n          a.style.maxHeight = open ? 'none' : '0px';\r\n          return;\r\n        }\r\n\r\n        if (open) {\r\n          a.style.maxHeight = '0px';\r\n          var h = a.scrollHeight;\r\n          a.style.maxHeight = h + 'px';\r\n\r\n          window.setTimeout(function () {\r\n            if (it.getAttribute('aria-expanded') === 'true') {\r\n              a.style.maxHeight = 'none';\r\n            }\r\n          }, 340);\r\n        } else {\r\n          if (a.style.maxHeight === 'none') {\r\n            a.style.maxHeight = a.scrollHeight + 'px';\r\n          }\r\n          window.requestAnimationFrame(function () {\r\n            a.style.maxHeight = '0px';\r\n          });\r\n        }\r\n      }\r\n\r\n      roots.forEach(function (root) {\r\n        \/\/ reveal\r\n        function enter() {\r\n          if (root.classList.contains('is-in')) return;\r\n          root.classList.add('is-in');\r\n        }\r\n\r\n        if ('IntersectionObserver' in window) {\r\n          var io = new IntersectionObserver(function (entries) {\r\n            entries.forEach(function (e) {\r\n              if (e.isIntersecting) {\r\n                enter();\r\n                io.disconnect();\r\n              }\r\n            });\r\n          }, { threshold: 0.18 });\r\n          io.observe(root);\r\n        } else {\r\n          enter();\r\n        }\r\n\r\n        var items = Array.prototype.slice.call(root.querySelectorAll('.psq-item'));\r\n        if (!items.length) return;\r\n\r\n        \/\/ init heights\r\n        items.forEach(function (it) {\r\n          var open = it.getAttribute('aria-expanded') === 'true';\r\n          setOpen(it, open);\r\n        });\r\n\r\n        function closeAll(except) {\r\n          items.forEach(function (it) {\r\n            if (it === except) return;\r\n            setOpen(it, false);\r\n          });\r\n        }\r\n\r\n        items.forEach(function (it) {\r\n          var btn = it.querySelector('.psq-q');\r\n          if (!btn) return;\r\n\r\n          btn.addEventListener('click', function () {\r\n            var open = it.getAttribute('aria-expanded') === 'true';\r\n            if (open) {\r\n              setOpen(it, false);\r\n              return;\r\n            }\r\n            closeAll(it);\r\n            setOpen(it, true);\r\n          });\r\n        });\r\n\r\n        \/\/ keep heights accurate on resize\r\n        window.addEventListener('resize', function () {\r\n          items.forEach(function (it) {\r\n            var open = it.getAttribute('aria-expanded') === 'true';\r\n            if (!open) return;\r\n\r\n            var a = it.querySelector('.psq-a');\r\n            if (!a) return;\r\n\r\n            if (a.style.maxHeight === 'none') return;\r\n\r\n            a.style.maxHeight = a.scrollHeight + 'px';\r\n          });\r\n        }, { passive: true });\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38638d3 e-con-full e-flex e-con e-parent\" data-id=\"38638d3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2b8058 elementor-widget elementor-widget-html\" data-id=\"b2b8058\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ps-pro\" data-ps-pro>\r\n  <style>\r\n    .ps-pro{\r\n      --ps-accent: var(--prohf-accent, #E1A134);\r\n      --ps-ink: #0b1220;\r\n      --ps-muted: rgba(11,18,32,0.72);\r\n      --ps-border: rgba(11,18,32,0.10);\r\n      --ps-card: #ffffff;\r\n      --ps-bg: #ffffff;\r\n      --ps-radius: 18px;\r\n      --ps-shadow-soft: 0 10px 24px rgba(11,18,32,0.08);\r\n      --ps-shadow: 0 14px 38px rgba(11,18,32,0.10);\r\n      --ps-max: 1140px;\r\n\r\n      --ps-ease: cubic-bezier(.2,.8,.2,1);\r\n      --ps-ease-soft: cubic-bezier(.2,.9,.2,1);\r\n      --ps-reveal-y: 14px;\r\n\r\n      color: var(--ps-ink);\r\n      background: var(--ps-bg);\r\n    }\r\n\r\n    .ps-pro .pspr-wrap{\r\n      max-width: var(--ps-max);\r\n      margin: 0 auto;\r\n      padding: 52px 18px;\r\n    }\r\n\r\n    .ps-pro .pspr-head{\r\n      display:flex;\r\n      align-items:flex-end;\r\n      justify-content:space-between;\r\n      gap: 16px;\r\n      flex-wrap: wrap;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .ps-pro .pspr-kicker{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap: 10px;\r\n      font-size: 13px;\r\n      font-weight: 900;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n      color: var(--ps-muted);\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .ps-pro .pspr-kicker::before{\r\n      content:\"\";\r\n      width: 28px;\r\n      height: 3px;\r\n      border-radius: 99px;\r\n      background: var(--ps-accent);\r\n      display:inline-block;\r\n      transform-origin: left center;\r\n    }\r\n\r\n    .ps-pro .pspr-h{\r\n      margin: 0;\r\n      font-size: clamp(24px, 2.8vw, 34px);\r\n      line-height: 1.12;\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    .ps-pro .pspr-p{\r\n      margin: 10px 0 0 0;\r\n      max-width: 78ch;\r\n      color: var(--ps-muted);\r\n      line-height: 1.6;\r\n      font-size: 15.5px;\r\n    }\r\n\r\n    .ps-pro .pspr-actions{\r\n      display:flex;\r\n      align-items:center;\r\n      gap: 10px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .ps-pro .pspr-btn{\r\n      appearance: none;\r\n      border: 1px solid var(--ps-border);\r\n      border-radius: 999px;\r\n      padding: 12px 16px;\r\n      font-weight: 950;\r\n      font-size: 14px;\r\n      line-height: 1;\r\n      cursor: pointer;\r\n      text-decoration: none;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      transition: transform 180ms var(--ps-ease), box-shadow 180ms var(--ps-ease), background 180ms var(--ps-ease), border-color 180ms var(--ps-ease);\r\n      user-select: none;\r\n      background: #fff;\r\n      color: var(--ps-ink);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .ps-pro .pspr-btn:focus{\r\n      outline: none;\r\n      box-shadow: 0 0 0 4px rgba(225,161,52,0.20);\r\n    }\r\n\r\n    .ps-pro .pspr-btn-primary{\r\n      background: var(--ps-accent);\r\n      color: #111;\r\n      border-color: transparent;\r\n      box-shadow: var(--ps-shadow-soft);\r\n    }\r\n\r\n    .ps-pro .pspr-btn-primary:hover{\r\n      transform: translateY(-1px);\r\n      box-shadow: var(--ps-shadow);\r\n    }\r\n\r\n    .ps-pro .pspr-btn-primary::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset: -40% -30%;\r\n      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.55), rgba(255,255,255,0) 60%);\r\n      transform: translate3d(-20%, -10%, 0);\r\n      opacity: 0.0;\r\n      transition: opacity 220ms var(--ps-ease);\r\n      pointer-events:none;\r\n    }\r\n\r\n    .ps-pro .pspr-btn-primary:hover::after{\r\n      opacity: 0.55;\r\n    }\r\n\r\n    .ps-pro .pspr-btn-ico{\r\n      width: 18px;\r\n      height: 18px;\r\n      display:inline-block;\r\n    }\r\n\r\n    \/* Reveal *\/\r\n    .ps-pro [data-pspr-reveal]{\r\n      opacity: 0;\r\n      transform: translate3d(0, var(--ps-reveal-y), 0);\r\n      filter: blur(2px);\r\n      transition:\r\n        opacity 520ms var(--ps-ease),\r\n        transform 520ms var(--ps-ease),\r\n        filter 520ms var(--ps-ease);\r\n      transition-delay: var(--pspr-delay, 0ms);\r\n      will-change: transform, opacity;\r\n    }\r\n\r\n    .ps-pro.is-in [data-pspr-reveal]{\r\n      opacity: 1;\r\n      transform: translate3d(0, 0, 0);\r\n      filter: blur(0);\r\n    }\r\n\r\n    .ps-pro.is-in .pspr-kicker::before{\r\n      animation: psprKickerGrow 620ms var(--ps-ease) both;\r\n    }\r\n\r\n    @keyframes psprKickerGrow{\r\n      0%{ transform: scaleX(0.2); opacity: 0.3; }\r\n      100%{ transform: scaleX(1); opacity: 1; }\r\n    }\r\n\r\n    \/* Console *\/\r\n    .ps-pro .pspr-console{\r\n      margin-top: 18px;\r\n      border: 1px solid var(--ps-border);\r\n      border-radius: var(--ps-radius);\r\n      background: rgba(255,255,255,0.82);\r\n      box-shadow: 0 8px 20px rgba(11,18,32,0.06);\r\n      overflow: hidden;\r\n      position: relative;\r\n    }\r\n\r\n    .ps-pro .pspr-console-top{\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:space-between;\r\n      gap: 12px;\r\n      padding: 12px 12px;\r\n      border-bottom: 1px solid var(--ps-border);\r\n      background: rgba(255,255,255,0.92);\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .ps-pro .pspr-console-title{\r\n      display:flex;\r\n      align-items:center;\r\n      gap: 10px;\r\n      min-width: 0;\r\n    }\r\n\r\n    .ps-pro .pspr-mark{\r\n      width: 30px;\r\n      height: 30px;\r\n      border-radius: 12px;\r\n      border: 1px solid rgba(225,161,52,0.32);\r\n      background: rgba(225,161,52,0.12);\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      font-weight: 950;\r\n      letter-spacing: -0.02em;\r\n      color: rgba(11,18,32,0.86);\r\n      flex: 0 0 auto;\r\n      box-shadow: 0 0 0 0 rgba(225,161,52,0.32);\r\n      transform: translateZ(0);\r\n    }\r\n\r\n    .ps-pro .pspr-console-name{\r\n      margin: 0;\r\n      font-size: 13.5px;\r\n      font-weight: 950;\r\n      letter-spacing: -0.01em;\r\n      color: rgba(11,18,32,0.86);\r\n      line-height: 1.2;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n\r\n    \/* Kept (even though chip is removed) to avoid altering other styling behavior *\/\r\n    .ps-pro .pspr-chip{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap: 8px;\r\n      padding: 7px 10px;\r\n      border-radius: 999px;\r\n      border: 1px solid rgba(11,18,32,0.10);\r\n      background: rgba(255,255,255,0.70);\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      color: rgba(11,18,32,0.74);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .ps-pro .pspr-chip-dot{\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 999px;\r\n      background: rgba(11,18,32,0.18);\r\n      flex: 0 0 auto;\r\n      box-shadow: 0 0 0 0 rgba(225,161,52,0.35);\r\n      transform: translateZ(0);\r\n    }\r\n\r\n    @keyframes psprPulseRing{\r\n      0%   { box-shadow: 0 0 0 0 rgba(225,161,52,0.32); }\r\n      100% { box-shadow: 0 0 0 10px rgba(225,161,52,0.00); }\r\n    }\r\n\r\n    \/* CHANGE: pulse on the P mark (instead of \u201cSystem online\u201d) *\/\r\n    .ps-pro.is-in .pspr-mark{\r\n      animation: psprPulseRing 1.8s var(--ps-ease) infinite;\r\n    }\r\n\r\n    \/* Tabs *\/\r\n    .ps-pro .pspr-tabs{\r\n      display:flex;\r\n      align-items:center;\r\n      gap: 8px;\r\n      flex-wrap: wrap;\r\n      justify-content:flex-end;\r\n    }\r\n\r\n    .ps-pro .pspr-tab{\r\n      appearance: none;\r\n      border: 1px solid rgba(11,18,32,0.10);\r\n      background: rgba(255,255,255,0.70);\r\n      border-radius: 999px;\r\n      padding: 9px 12px;\r\n      font-weight: 950;\r\n      font-size: 12.5px;\r\n      cursor: pointer;\r\n      color: rgba(11,18,32,0.78);\r\n      transition: transform 160ms var(--ps-ease), box-shadow 160ms var(--ps-ease), background 160ms var(--ps-ease), border-color 160ms var(--ps-ease);\r\n      user-select: none;\r\n    }\r\n\r\n    .ps-pro .pspr-tab:focus{\r\n      outline: none;\r\n      box-shadow: 0 0 0 4px rgba(225,161,52,0.18);\r\n    }\r\n\r\n    .ps-pro .pspr-tab:hover{\r\n      transform: translateY(-1px);\r\n      box-shadow: var(--ps-shadow-soft);\r\n      border-color: rgba(11,18,32,0.16);\r\n    }\r\n\r\n    .ps-pro .pspr-tab[aria-selected=\"true\"]{\r\n      background: rgba(225,161,52,0.12);\r\n      border-color: rgba(225,161,52,0.35);\r\n      color: rgba(11,18,32,0.86);\r\n      box-shadow: 0 8px 18px rgba(11,18,32,0.05);\r\n    }\r\n\r\n    \/* Body *\/\r\n    .ps-pro .pspr-body{\r\n      padding: 14px;\r\n    }\r\n\r\n    .ps-pro .pspr-panel{\r\n      display:none;\r\n    }\r\n\r\n    .ps-pro .pspr-panel.is-active{\r\n      display:block;\r\n    }\r\n\r\n    \/* Jobs panel layout *\/\r\n    .ps-pro .pspr-jobs{\r\n      display:grid;\r\n      grid-template-columns: 1.05fr 0.95fr;\r\n      gap: 12px;\r\n      align-items: start;\r\n    }\r\n\r\n    .ps-pro .pspr-card{\r\n      border: 1px solid rgba(11,18,32,0.10);\r\n      border-radius: 16px;\r\n      background: #fff;\r\n      box-shadow: 0 8px 20px rgba(11,18,32,0.04);\r\n      overflow:hidden;\r\n    }\r\n\r\n    .ps-pro .pspr-card-top{\r\n      padding: 12px 12px 10px 12px;\r\n      border-bottom: 1px solid rgba(11,18,32,0.10);\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:space-between;\r\n      gap: 10px;\r\n      background: rgba(255,255,255,0.90);\r\n    }\r\n\r\n    .ps-pro .pspr-card-h{\r\n      margin: 0;\r\n      font-size: 13.5px;\r\n      font-weight: 950;\r\n      letter-spacing: -0.01em;\r\n      color: rgba(11,18,32,0.86);\r\n      display:flex;\r\n      align-items:center;\r\n      gap: 10px;\r\n      min-width: 0;\r\n    }\r\n\r\n    .ps-pro .pspr-mini{\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      color: rgba(11,18,32,0.62);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .ps-pro .pspr-list{\r\n      padding: 10px;\r\n      display:grid;\r\n      gap: 10px;\r\n    }\r\n\r\n    .ps-pro .pspr-row{\r\n      width: 100%;\r\n      text-align:left;\r\n      display:flex;\r\n      align-items:flex-start;\r\n      justify-content:space-between;\r\n      gap: 10px;\r\n      padding: 12px 12px;\r\n      border: 1px solid rgba(11,18,32,0.10);\r\n      border-radius: 14px;\r\n      background: #fff;\r\n      cursor: pointer;\r\n      transition: transform 160ms var(--ps-ease), box-shadow 160ms var(--ps-ease), border-color 160ms var(--ps-ease), background 160ms var(--ps-ease);\r\n      user-select:none;\r\n    }\r\n\r\n    .ps-pro .pspr-row:hover{\r\n      transform: translateY(-1px);\r\n      box-shadow: var(--ps-shadow-soft);\r\n      border-color: rgba(11,18,32,0.16);\r\n    }\r\n\r\n    .ps-pro .pspr-row:focus{\r\n      outline:none;\r\n      box-shadow: 0 0 0 4px rgba(225,161,52,0.18);\r\n    }\r\n\r\n    .ps-pro .pspr-row[aria-current=\"true\"]{\r\n      border-color: rgba(225,161,52,0.35);\r\n      background: rgba(225,161,52,0.08);\r\n    }\r\n\r\n    .ps-pro .pspr-row-left{\r\n      min-width: 0;\r\n    }\r\n\r\n    .ps-pro .pspr-row-title{\r\n      margin: 0 0 6px 0;\r\n      font-size: 13.5px;\r\n      font-weight: 950;\r\n      letter-spacing: -0.01em;\r\n      color: rgba(11,18,32,0.86);\r\n      line-height: 1.2;\r\n    }\r\n\r\n    .ps-pro .pspr-row-sub{\r\n      margin: 0;\r\n      font-size: 12.5px;\r\n      line-height: 1.35;\r\n      color: var(--ps-muted);\r\n    }\r\n\r\n    .ps-pro .pspr-row-right{\r\n      display:flex;\r\n      flex-direction: column;\r\n      align-items:flex-end;\r\n      gap: 8px;\r\n      flex: 0 0 auto;\r\n    }\r\n\r\n    .ps-pro .pspr-pill{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap: 8px;\r\n      border-radius: 999px;\r\n      padding: 7px 10px;\r\n      border: 1px solid rgba(11,18,32,0.10);\r\n      background: rgba(255,255,255,0.74);\r\n      font-size: 12px;\r\n      font-weight: 950;\r\n      color: rgba(11,18,32,0.72);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .ps-pro .pspr-pill-dot{\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 999px;\r\n      background: rgba(11,18,32,0.18);\r\n      box-shadow: 0 0 0 0 rgba(225,161,52,0.28);\r\n      transform: translateZ(0);\r\n    }\r\n\r\n    .ps-pro .pspr-pill.is-urgent{\r\n      border-color: rgba(225,161,52,0.35);\r\n      background: rgba(225,161,52,0.12);\r\n      color: rgba(11,18,32,0.84);\r\n    }\r\n\r\n    .ps-pro .pspr-pill.is-urgent .pspr-pill-dot{\r\n      background: var(--ps-accent);\r\n    }\r\n\r\n    .ps-pro .pspr-pill.is-action{\r\n      border-color: rgba(11,18,32,0.14);\r\n      background: rgba(11,18,32,0.04);\r\n      color: rgba(11,18,32,0.76);\r\n    }\r\n\r\n    .ps-pro.is-in .pspr-pill.is-action .pspr-pill-dot{\r\n      background: var(--ps-accent);\r\n      animation: psprPulseRing 1.9s var(--ps-ease) infinite;\r\n    }\r\n\r\n    \/* Detail pane *\/\r\n    .ps-pro .pspr-detail{\r\n      padding: 10px;\r\n    }\r\n\r\n    .ps-pro .pspr-detail-box{\r\n      border: 1px solid rgba(11,18,32,0.10);\r\n      border-radius: 14px;\r\n      background:\r\n        radial-gradient(600px 260px at 20% 0%, rgba(225,161,52,0.10), rgba(225,161,52,0.00) 60%),\r\n        #fff;\r\n      padding: 12px 12px;\r\n      overflow:hidden;\r\n    }\r\n\r\n    .ps-pro .pspr-detail-top{\r\n      display:flex;\r\n      align-items:flex-start;\r\n      justify-content:space-between;\r\n      gap: 10px;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .ps-pro .pspr-detail-title{\r\n      margin: 0;\r\n      font-size: 14px;\r\n      font-weight: 950;\r\n      letter-spacing: -0.01em;\r\n      line-height: 1.2;\r\n      color: rgba(11,18,32,0.90);\r\n    }\r\n\r\n    .ps-pro .pspr-detail-meta{\r\n      margin-top: 6px;\r\n      font-size: 12.5px;\r\n      color: var(--ps-muted);\r\n      line-height: 1.35;\r\n      font-weight: 850;\r\n    }\r\n\r\n    .ps-pro .pspr-next{\r\n      margin-top: 10px;\r\n      padding: 10px 10px;\r\n      border-radius: 12px;\r\n      border: 1px solid rgba(225,161,52,0.28);\r\n      background: rgba(225,161,52,0.08);\r\n      color: rgba(11,18,32,0.80);\r\n      font-size: 12.8px;\r\n      line-height: 1.45;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .ps-pro .pspr-steps{\r\n      margin-top: 10px;\r\n      display:grid;\r\n      gap: 8px;\r\n    }\r\n\r\n    .ps-pro .pspr-step{\r\n      display:flex;\r\n      align-items:flex-start;\r\n      gap: 10px;\r\n      border: 1px solid rgba(11,18,32,0.10);\r\n      border-radius: 12px;\r\n      padding: 10px 10px;\r\n      background: rgba(255,255,255,0.74);\r\n    }\r\n\r\n    .ps-pro .pspr-step-ico{\r\n      width: 22px;\r\n      height: 22px;\r\n      border-radius: 8px;\r\n      border: 1px solid rgba(11,18,32,0.10);\r\n      background: #fff;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      font-weight: 950;\r\n      font-size: 12px;\r\n      color: rgba(11,18,32,0.78);\r\n      flex: 0 0 auto;\r\n      margin-top: 1px;\r\n    }\r\n\r\n    .ps-pro .pspr-step b{\r\n      color: rgba(11,18,32,0.90);\r\n    }\r\n\r\n    .ps-pro .pspr-step span{\r\n      color: var(--ps-muted);\r\n      font-weight: 800;\r\n      font-size: 12.8px;\r\n      line-height: 1.45;\r\n    }\r\n\r\n    \/* Other panels (Reports \/ Payouts) *\/\r\n    .ps-pro .pspr-simple{\r\n      display:grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 12px;\r\n      align-items: start;\r\n    }\r\n\r\n    .ps-pro .pspr-strip{\r\n      padding: 12px;\r\n      display:grid;\r\n      gap: 10px;\r\n    }\r\n\r\n    .ps-pro .pspr-line{\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:space-between;\r\n      gap: 10px;\r\n      border: 1px solid rgba(11,18,32,0.10);\r\n      border-radius: 14px;\r\n      background: #fff;\r\n      padding: 12px 12px;\r\n    }\r\n\r\n    .ps-pro .pspr-line strong{\r\n      font-size: 13.5px;\r\n      font-weight: 950;\r\n      letter-spacing: -0.01em;\r\n      color: rgba(11,18,32,0.88);\r\n    }\r\n\r\n    .ps-pro .pspr-line small{\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      color: rgba(11,18,32,0.60);\r\n    }\r\n\r\n    .ps-pro .pspr-bar{\r\n      height: 10px;\r\n      border-radius: 999px;\r\n      background: rgba(11,18,32,0.08);\r\n      overflow:hidden;\r\n      border: 1px solid rgba(11,18,32,0.10);\r\n    }\r\n\r\n    .ps-pro .pspr-bar > i{\r\n      display:block;\r\n      height: 100%;\r\n      width: 0%;\r\n      background: var(--ps-accent);\r\n      border-radius: 999px;\r\n      transition: width 640ms var(--ps-ease);\r\n      will-change: width;\r\n    }\r\n\r\n    .ps-pro .pspr-foot{\r\n      margin-top: 12px;\r\n      padding: 12px 12px;\r\n      border-radius: 14px;\r\n      border: 1px solid rgba(11,18,32,0.10);\r\n      background: rgba(255,255,255,0.72);\r\n      color: rgba(11,18,32,0.70);\r\n      font-size: 12.8px;\r\n      line-height: 1.45;\r\n      font-weight: 850;\r\n    }\r\n\r\n    \/* NEW: mini \u201cNext step\u201d product strip (aligned to console width) *\/\r\n    .ps-pro .pspr-nextstrip{\r\n      margin-top: 12px;\r\n      border: 1px solid var(--ps-border);\r\n      border-radius: var(--ps-radius);\r\n      background: rgba(255,255,255,0.86);\r\n      box-shadow: 0 8px 20px rgba(11,18,32,0.06);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .ps-pro .pspr-nextstrip-inner{\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:space-between;\r\n      gap: 12px;\r\n      padding: 14px 14px;\r\n    }\r\n\r\n    .ps-pro .pspr-nextstrip-left{\r\n      min-width: 0;\r\n      flex: 1 1 auto;\r\n    }\r\n\r\n    .ps-pro .pspr-nextstrip-k{\r\n      font-size: 12px;\r\n      font-weight: 950;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n      color: rgba(11,18,32,0.62);\r\n      margin: 0 0 6px 0;\r\n      display:flex;\r\n      align-items:center;\r\n      gap: 10px;\r\n    }\r\n\r\n    .ps-pro .pspr-nextstrip-k::before{\r\n      content:\"\";\r\n      width: 22px;\r\n      height: 3px;\r\n      border-radius: 99px;\r\n      background: var(--ps-accent);\r\n      display:inline-block;\r\n      opacity: 0.9;\r\n    }\r\n\r\n    .ps-pro .pspr-nextstrip-h{\r\n      margin: 0;\r\n      font-size: 15px;\r\n      font-weight: 950;\r\n      letter-spacing: -0.01em;\r\n      color: rgba(11,18,32,0.90);\r\n      line-height: 1.25;\r\n    }\r\n\r\n    .ps-pro .pspr-nextstrip-chips{\r\n      display:flex;\r\n      align-items:center;\r\n      gap: 8px;\r\n      flex: 0 0 auto;\r\n    }\r\n\r\n    .ps-pro .pspr-nextchip{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap: 8px;\r\n      border-radius: 999px;\r\n      padding: 8px 10px;\r\n      border: 1px solid rgba(11,18,32,0.10);\r\n      background: rgba(255,255,255,0.74);\r\n      font-size: 12px;\r\n      font-weight: 950;\r\n      color: rgba(11,18,32,0.74);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .ps-pro .pspr-nextdot{\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 999px;\r\n      background: rgba(11,18,32,0.18);\r\n      flex: 0 0 auto;\r\n    }\r\n\r\n    .ps-pro .pspr-nextstrip-right{\r\n      flex: 0 0 auto;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:flex-end;\r\n    }\r\n\r\n    @media (max-width: 980px){\r\n      .ps-pro .pspr-wrap{ padding: 38px 16px; }\r\n      .ps-pro .pspr-jobs{ grid-template-columns: 1fr; }\r\n      .ps-pro .pspr-simple{ grid-template-columns: 1fr; }\r\n      .ps-pro .pspr-actions{ width: 100%; justify-content:flex-start; }\r\n\r\n      .ps-pro .pspr-nextstrip-inner{\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n      }\r\n\r\n      .ps-pro .pspr-nextstrip-chips{\r\n        width: 100%;\r\n        overflow-x: auto;\r\n        -webkit-overflow-scrolling: touch;\r\n        padding-bottom: 4px;\r\n      }\r\n\r\n      .ps-pro .pspr-nextstrip-right{\r\n        width: 100%;\r\n      }\r\n\r\n      .ps-pro .pspr-nextstrip-right .pspr-btn{\r\n        width: 100%;\r\n        justify-content: center;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce){\r\n      .ps-pro .pspr-btn,\r\n      .ps-pro .pspr-row,\r\n      .ps-pro .pspr-tab,\r\n      .ps-pro .pspr-bar > i{\r\n        transition: none !important;\r\n      }\r\n      .ps-pro [data-pspr-reveal]{\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n        filter: none !important;\r\n        transition: none !important;\r\n      }\r\n      .ps-pro.is-in .pspr-mark{\r\n        animation: none !important;\r\n      }\r\n      .ps-pro.is-in .pspr-pill.is-action .pspr-pill-dot{\r\n        animation: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <section class=\"pspr-wrap\">\r\n    <div class=\"pspr-head\">\r\n      <div data-pspr-reveal style=\"--pspr-delay: 0ms;\">\r\n        <div class=\"pspr-kicker\">Pronto Solu\u00e7\u00f5es Pro<\/div>\r\n        <h2 class=\"pspr-h\">The operating system for technicians.<\/h2>\r\n        <p class=\"pspr-p\">\r\n          Structured jobs, clear workflow, and payout visibility, built for speed without chaos.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"pspr-actions\" data-pspr-reveal style=\"--pspr-delay: 120ms;\">\r\n        <a class=\"pspr-btn pspr-btn-primary\" href=\"https:\/\/prontosolucoes.pt\/tecnicos\" data-cta=\"pro-apply\">\r\n          Apply here\r\n          <svg class=\"pspr-btn-ico\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M10 7h7v7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pspr-console\" data-pspr-reveal style=\"--pspr-delay: 220ms;\" aria-label=\"Pronto Pro console preview\">\r\n      <div class=\"pspr-console-top\">\r\n        <div class=\"pspr-console-title\">\r\n          <div class=\"pspr-mark\">P<\/div>\r\n          <div style=\"min-width:0;\">\r\n            <p class=\"pspr-console-name\">Pro Console Preview<\/p>\r\n          <\/div>\r\n          <!-- CHANGE: \u201cSystem online\u201d removed -->\r\n        <\/div>\r\n\r\n        <div class=\"pspr-tabs\" role=\"tablist\" aria-label=\"Pro console tabs\">\r\n          <button class=\"pspr-tab\" type=\"button\" role=\"tab\" aria-selected=\"true\" tabindex=\"0\" data-pspr-tab=\"jobs\">Jobs<\/button>\r\n          <button class=\"pspr-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" tabindex=\"-1\" data-pspr-tab=\"reports\">Reports<\/button>\r\n          <button class=\"pspr-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" tabindex=\"-1\" data-pspr-tab=\"payouts\">Payouts<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"pspr-body\">\r\n        <!-- JOBS -->\r\n        <div class=\"pspr-panel is-active\" role=\"tabpanel\" data-pspr-panel=\"jobs\" aria-label=\"Jobs panel\">\r\n          <div class=\"pspr-jobs\">\r\n            <div class=\"pspr-card\" aria-label=\"Jobs list\">\r\n              <div class=\"pspr-card-top\">\r\n                <h3 class=\"pspr-card-h\">Incoming jobs<\/h3>\r\n                <div class=\"pspr-mini\">Tap to preview<\/div>\r\n              <\/div>\r\n\r\n              <div class=\"pspr-list\" role=\"list\">\r\n                <button class=\"pspr-row\" type=\"button\" role=\"listitem\" aria-current=\"true\" data-pspr-job=\"j1\">\r\n                  <div class=\"pspr-row-left\">\r\n                    <p class=\"pspr-row-title\">Plumbing, leak under sink<\/p>\r\n                    <p class=\"pspr-row-sub\">Scope ready, access window confirmed<\/p>\r\n                  <\/div>\r\n                  <div class=\"pspr-row-right\">\r\n                    <span class=\"pspr-pill is-action\"><span class=\"pspr-pill-dot\" aria-hidden=\"true\"><\/span>Needs action<\/span>\r\n                    <span class=\"pspr-pill is-urgent\"><span class=\"pspr-pill-dot\" aria-hidden=\"true\"><\/span>Urgent<\/span>\r\n                  <\/div>\r\n                <\/button>\r\n\r\n                <button class=\"pspr-row\" type=\"button\" role=\"listitem\" aria-current=\"false\" data-pspr-job=\"j2\">\r\n                  <div class=\"pspr-row-left\">\r\n                    <p class=\"pspr-row-title\">Electrical, breaker keeps tripping<\/p>\r\n                    <p class=\"pspr-row-sub\">Triage complete, symptoms captured<\/p>\r\n                  <\/div>\r\n                  <div class=\"pspr-row-right\">\r\n                    <span class=\"pspr-pill\"><span class=\"pspr-pill-dot\" aria-hidden=\"true\"><\/span>Assigned<\/span>\r\n                  <\/div>\r\n                <\/button>\r\n\r\n                <button class=\"pspr-row\" type=\"button\" role=\"listitem\" aria-current=\"false\" data-pspr-job=\"j3\">\r\n                  <div class=\"pspr-row-left\">\r\n                    <p class=\"pspr-row-title\">Drain blockage, slow kitchen sink<\/p>\r\n                    <p class=\"pspr-row-sub\">Photo received, likely obstruction<\/p>\r\n                  <\/div>\r\n                  <div class=\"pspr-row-right\">\r\n                    <span class=\"pspr-pill\"><span class=\"pspr-pill-dot\" aria-hidden=\"true\"><\/span>In progress<\/span>\r\n                  <\/div>\r\n                <\/button>\r\n\r\n                <button class=\"pspr-row\" type=\"button\" role=\"listitem\" aria-current=\"false\" data-pspr-job=\"j4\">\r\n                  <div class=\"pspr-row-left\">\r\n                    <p class=\"pspr-row-title\">Closure pending confirmation<\/p>\r\n                    <p class=\"pspr-row-sub\">Outcome recorded, customer confirm<\/p>\r\n                  <\/div>\r\n                  <div class=\"pspr-row-right\">\r\n                    <span class=\"pspr-pill\"><span class=\"pspr-pill-dot\" aria-hidden=\"true\"><\/span>Close out<\/span>\r\n                  <\/div>\r\n                <\/button>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"pspr-card\" aria-label=\"Job detail\">\r\n              <div class=\"pspr-card-top\">\r\n                <h3 class=\"pspr-card-h\">Job preview<\/h3>\r\n                <div class=\"pspr-mini\">Structured, not chaos<\/div>\r\n              <\/div>\r\n\r\n              <div class=\"pspr-detail\">\r\n                <div class=\"pspr-detail-box\" data-pspr-detail=\"j1\">\r\n                  <div class=\"pspr-detail-top\">\r\n                    <div>\r\n                      <p class=\"pspr-detail-title\">Plumbing, leak under sink<\/p>\r\n                      <div class=\"pspr-detail-meta\">Context included, access window confirmed, scope ready.<\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n\r\n                  <div class=\"pspr-next\">Next action: accept or decline with a reason (keeps dispatch clean).<\/div>\r\n\r\n                  <div class=\"pspr-steps\" aria-label=\"Workflow steps\">\r\n                    <div class=\"pspr-step\"><span class=\"pspr-step-ico\">1<\/span><div><b>Scope<\/b><br><span>Issue classified before dispatch.<\/span><\/div><\/div>\r\n                    <div class=\"pspr-step\"><span class=\"pspr-step-ico\">2<\/span><div><b>Work<\/b><br><span>Clear updates, no silent delays.<\/span><\/div><\/div>\r\n                    <div class=\"pspr-step\"><span class=\"pspr-step-ico\">3<\/span><div><b>Closure<\/b><br><span>Outcome confirmed, clean finish.<\/span><\/div><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"pspr-detail-box\" data-pspr-detail=\"j2\" style=\"display:none;\">\r\n                  <div class=\"pspr-detail-top\">\r\n                    <div>\r\n                      <p class=\"pspr-detail-title\">Electrical, breaker keeps tripping<\/p>\r\n                      <div class=\"pspr-detail-meta\">Symptoms captured, dispatch context included.<\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                  <div class=\"pspr-next\">Next action: confirm arrival window and start status when en route.<\/div>\r\n                  <div class=\"pspr-steps\" aria-label=\"Workflow steps\">\r\n                    <div class=\"pspr-step\"><span class=\"pspr-step-ico\">1<\/span><div><b>Triage<\/b><br><span>Correct category and urgency.<\/span><\/div><\/div>\r\n                    <div class=\"pspr-step\"><span class=\"pspr-step-ico\">2<\/span><div><b>Safety<\/b><br><span>Fix that holds, no shortcuts.<\/span><\/div><\/div>\r\n                    <div class=\"pspr-step\"><span class=\"pspr-step-ico\">3<\/span><div><b>Report<\/b><br><span>Outcome + notes captured.<\/span><\/div><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"pspr-detail-box\" data-pspr-detail=\"j3\" style=\"display:none;\">\r\n                  <div class=\"pspr-detail-top\">\r\n                    <div>\r\n                      <p class=\"pspr-detail-title\">Drain blockage, slow kitchen sink<\/p>\r\n                      <div class=\"pspr-detail-meta\">Photo received, likely obstruction, clear next steps.<\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                  <div class=\"pspr-next\">Next action: mark progress and confirm scope if it changes on site.<\/div>\r\n                  <div class=\"pspr-steps\" aria-label=\"Workflow steps\">\r\n                    <div class=\"pspr-step\"><span class=\"pspr-step-ico\">1<\/span><div><b>Arrive<\/b><br><span>Status update, access confirmed.<\/span><\/div><\/div>\r\n                    <div class=\"pspr-step\"><span class=\"pspr-step-ico\">2<\/span><div><b>Resolve<\/b><br><span>Root cause if possible.<\/span><\/div><\/div>\r\n                    <div class=\"pspr-step\"><span class=\"pspr-step-ico\">3<\/span><div><b>Close<\/b><br><span>Outcome confirmed, prevention advice.<\/span><\/div><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"pspr-detail-box\" data-pspr-detail=\"j4\" style=\"display:none;\">\r\n                  <div class=\"pspr-detail-top\">\r\n                    <div>\r\n                      <p class=\"pspr-detail-title\">Closure pending confirmation<\/p>\r\n                      <div class=\"pspr-detail-meta\">Outcome recorded, closure discipline keeps trust.<\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                  <div class=\"pspr-next\">Next action: confirm outcome and finalize closure (reduces repeat issues).<\/div>\r\n                  <div class=\"pspr-steps\" aria-label=\"Workflow steps\">\r\n                    <div class=\"pspr-step\"><span class=\"pspr-step-ico\">1<\/span><div><b>Record<\/b><br><span>What was done, clearly.<\/span><\/div><\/div>\r\n                    <div class=\"pspr-step\"><span class=\"pspr-step-ico\">2<\/span><div><b>Confirm<\/b><br><span>Customer outcome confirmation.<\/span><\/div><\/div>\r\n                    <div class=\"pspr-step\"><span class=\"pspr-step-ico\">3<\/span><div><b>Complete<\/b><br><span>Ready for payout status.<\/span><\/div><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"pspr-foot\">\r\n                  Pro is built to reduce admin load: clear dispatch, structured steps, and clean closure.\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- REPORTS -->\r\n        <div class=\"pspr-panel\" role=\"tabpanel\" data-pspr-panel=\"reports\" aria-label=\"Reports panel\">\r\n          <div class=\"pspr-simple\">\r\n            <div class=\"pspr-card\">\r\n              <div class=\"pspr-card-top\">\r\n                <h3 class=\"pspr-card-h\">Report flow<\/h3>\r\n                <div class=\"pspr-mini\">Fast, structured<\/div>\r\n              <\/div>\r\n\r\n              <div class=\"pspr-strip\">\r\n                <div class=\"pspr-line\"><strong>Scope<\/strong><small>Captured<\/small><\/div>\r\n                <div class=\"pspr-line\"><strong>Photos<\/strong><small>Optional<\/small><\/div>\r\n                <div class=\"pspr-line\"><strong>Work notes<\/strong><small>Clear<\/small><\/div>\r\n                <div class=\"pspr-line\"><strong>Closure<\/strong><small>Confirmed<\/small><\/div>\r\n\r\n                <div class=\"pspr-foot\">\r\n                  Reports keep disputes low and trust high. Clean data, clean payouts.\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"pspr-card\">\r\n              <div class=\"pspr-card-top\">\r\n                <h3 class=\"pspr-card-h\">Completion quality<\/h3>\r\n                <div class=\"pspr-mini\">Tracked<\/div>\r\n              <\/div>\r\n\r\n              <div class=\"pspr-strip\">\r\n                <div style=\"display:grid; gap:10px;\">\r\n                  <div>\r\n                    <div style=\"display:flex; justify-content:space-between; gap:10px; margin-bottom:8px;\">\r\n                      <strong style=\"font-size:13.5px; font-weight:950; color:rgba(11,18,32,0.88);\">Closure completeness<\/strong>\r\n                      <small style=\"font-weight:900; color:rgba(11,18,32,0.60);\">Demo<\/small>\r\n                    <\/div>\r\n                    <div class=\"pspr-bar\" style=\"--w: 82%;\"><i><\/i><\/div>\r\n                  <\/div>\r\n\r\n                  <div>\r\n                    <div style=\"display:flex; justify-content:space-between; gap:10px; margin-bottom:8px;\">\r\n                      <strong style=\"font-size:13.5px; font-weight:950; color:rgba(11,18,32,0.88);\">Update consistency<\/strong>\r\n                      <small style=\"font-weight:900; color:rgba(11,18,32,0.60);\">Demo<\/small>\r\n                    <\/div>\r\n                    <div class=\"pspr-bar\" style=\"--w: 74%;\"><i><\/i><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"pspr-foot\">\r\n                  Quality is a process. Pro makes the process easy to follow.\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- PAYOUTS -->\r\n        <div class=\"pspr-panel\" role=\"tabpanel\" data-pspr-panel=\"payouts\" aria-label=\"Payouts panel\">\r\n          <div class=\"pspr-simple\">\r\n            <div class=\"pspr-card\">\r\n              <div class=\"pspr-card-top\">\r\n                <h3 class=\"pspr-card-h\">Payout status<\/h3>\r\n                <div class=\"pspr-mini\">Visible<\/div>\r\n              <\/div>\r\n\r\n              <div class=\"pspr-strip\">\r\n                <div class=\"pspr-line\"><strong>Payment requested<\/strong><small>Queued<\/small><\/div>\r\n                <div class=\"pspr-line\"><strong>Processing<\/strong><small>In review<\/small><\/div>\r\n                <div class=\"pspr-line\"><strong>Paid<\/strong><small>Confirmed<\/small><\/div>\r\n\r\n                <div class=\"pspr-foot\">\r\n                  Payout visibility reduces anxiety and admin. Clear status, clear next steps.\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"pspr-card\">\r\n              <div class=\"pspr-card-top\">\r\n                <h3 class=\"pspr-card-h\">Less admin, more work<\/h3>\r\n                <div class=\"pspr-mini\">System-first<\/div>\r\n              <\/div>\r\n\r\n              <div class=\"pspr-strip\">\r\n                <div class=\"pspr-line\"><strong>Dispatch rules<\/strong><small>Cleaner jobs<\/small><\/div>\r\n                <div class=\"pspr-line\"><strong>Status steps<\/strong><small>No confusion<\/small><\/div>\r\n                <div class=\"pspr-line\"><strong>Closure discipline<\/strong><small>Repeat business<\/small><\/div>\r\n\r\n                <div class=\"pspr-foot\">\r\n                  Join Pro if you want a predictable flow, not random chaos.\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div><!-- \/pspr-body -->\r\n    <\/div><!-- \/pspr-console -->\r\n\r\n    <!-- NEW: Mini \u201cNext step\u201d strip -->\r\n    <div class=\"pspr-nextstrip\" data-pspr-reveal style=\"--pspr-delay: 300ms;\" aria-label=\"Next step\">\r\n      <div class=\"pspr-nextstrip-inner\">\r\n        <div class=\"pspr-nextstrip-left\">\r\n          <p class=\"pspr-nextstrip-k\">Next step<\/p>\r\n          <p class=\"pspr-nextstrip-h\">Join the Pronto Solu\u00e7\u00f5es technician network.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"pspr-nextstrip-chips\" aria-label=\"Benefits\">\r\n          <span class=\"pspr-nextchip\"><span class=\"pspr-nextdot\" aria-hidden=\"true\"><\/span>Structured jobs<\/span>\r\n          <span class=\"pspr-nextchip\"><span class=\"pspr-nextdot\" aria-hidden=\"true\"><\/span>Clear workflow<\/span>\r\n          <span class=\"pspr-nextchip\"><span class=\"pspr-nextdot\" aria-hidden=\"true\"><\/span>Payout visibility<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"pspr-nextstrip-right\">\r\n          <a class=\"pspr-btn pspr-btn-primary\" href=\"https:\/\/prontosolucoes.pt\/tecnicos\" data-cta=\"pro-apply\">\r\n            Apply here\r\n            <svg class=\"pspr-btn-ico\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <path d=\"M10 7h7v7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    (function () {\r\n      \"use strict\";\r\n      var roots = document.querySelectorAll('[data-ps-pro]');\r\n      if (!roots || !roots.length) return;\r\n\r\n      function prefersReducedMotion() {\r\n        try {\r\n          return window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n        } catch (e) {\r\n          return false;\r\n        }\r\n      }\r\n\r\n      roots.forEach(function (root) {\r\n        \/\/ Reveal\r\n        function enter() {\r\n          if (root.classList.contains('is-in')) return;\r\n          root.classList.add('is-in');\r\n        }\r\n\r\n        if (prefersReducedMotion()) {\r\n          enter();\r\n        } else if ('IntersectionObserver' in window) {\r\n          var io = new IntersectionObserver(function (entries) {\r\n            entries.forEach(function (e) {\r\n              if (e.isIntersecting) {\r\n                enter();\r\n                io.disconnect();\r\n              }\r\n            });\r\n          }, { threshold: 0.18 });\r\n          io.observe(root);\r\n        } else {\r\n          enter();\r\n        }\r\n\r\n        \/\/ Tabs\r\n        var tabs = Array.prototype.slice.call(root.querySelectorAll('[data-pspr-tab]'));\r\n        var panels = Array.prototype.slice.call(root.querySelectorAll('[data-pspr-panel]'));\r\n        if (!tabs.length || !panels.length) return;\r\n\r\n        var reportsPanel = root.querySelector('[data-pspr-panel=\"reports\"]');\r\n\r\n        function resetReportBars() {\r\n          if (!reportsPanel) return;\r\n          var bars = Array.prototype.slice.call(reportsPanel.querySelectorAll('.pspr-bar'));\r\n          bars.forEach(function (bar) {\r\n            var i = bar.querySelector('i');\r\n            if (!i) return;\r\n            i.style.width = '0%';\r\n          });\r\n        }\r\n\r\n        function animateReportBars() {\r\n          if (!reportsPanel) return;\r\n          var bars = Array.prototype.slice.call(reportsPanel.querySelectorAll('.pspr-bar'));\r\n\r\n          bars.forEach(function (bar) {\r\n            var i = bar.querySelector('i');\r\n            if (!i) return;\r\n\r\n            var w = (bar.style && bar.style.getPropertyValue('--w')) ? bar.style.getPropertyValue('--w').trim() : '60%';\r\n\r\n            if (prefersReducedMotion()) {\r\n              i.style.width = w;\r\n              return;\r\n            }\r\n\r\n            i.style.width = '0%';\r\n            i.offsetWidth; \/\/ force reflow so the next width change animates\r\n            i.style.width = w;\r\n          });\r\n        }\r\n\r\n        function setActiveTab(name) {\r\n          tabs.forEach(function (t) {\r\n            var on = t.getAttribute('data-pspr-tab') === name;\r\n            t.setAttribute('aria-selected', on ? 'true' : 'false');\r\n            t.tabIndex = on ? 0 : -1;\r\n          });\r\n\r\n          panels.forEach(function (p) {\r\n            var on = p.getAttribute('data-pspr-panel') === name;\r\n            if (on) p.classList.add('is-active');\r\n            else p.classList.remove('is-active');\r\n          });\r\n\r\n          \/\/ CHANGE: animate bars only when Reports tab is clicked\r\n          if (name === 'reports') {\r\n            animateReportBars();\r\n          } else {\r\n            resetReportBars();\r\n          }\r\n        }\r\n\r\n        tabs.forEach(function (t) {\r\n          t.addEventListener('click', function () {\r\n            setActiveTab(t.getAttribute('data-pspr-tab'));\r\n          });\r\n\r\n          t.addEventListener('keydown', function (ev) {\r\n            if (ev.key !== 'ArrowLeft' && ev.key !== 'ArrowRight') return;\r\n            ev.preventDefault();\r\n\r\n            var idx = tabs.indexOf(t);\r\n            if (idx < 0) return;\r\n\r\n            var next = ev.key === 'ArrowRight' ? idx + 1 : idx - 1;\r\n            if (next < 0) next = tabs.length - 1;\r\n            if (next >= tabs.length) next = 0;\r\n\r\n            tabs[next].focus();\r\n            setActiveTab(tabs[next].getAttribute('data-pspr-tab'));\r\n          });\r\n        });\r\n\r\n        \/\/ Jobs selection\r\n        var jobRows = Array.prototype.slice.call(root.querySelectorAll('[data-pspr-job]'));\r\n        var jobDetails = Array.prototype.slice.call(root.querySelectorAll('[data-pspr-detail]'));\r\n\r\n        function setActiveJob(id) {\r\n          jobRows.forEach(function (r) {\r\n            r.setAttribute('aria-current', r.getAttribute('data-pspr-job') === id ? 'true' : 'false');\r\n          });\r\n\r\n          jobDetails.forEach(function (d) {\r\n            d.style.display = (d.getAttribute('data-pspr-detail') === id) ? '' : 'none';\r\n          });\r\n        }\r\n\r\n        if (jobRows.length && jobDetails.length) {\r\n          jobRows.forEach(function (r) {\r\n            r.addEventListener('click', function () {\r\n              setActiveJob(r.getAttribute('data-pspr-job'));\r\n            });\r\n          });\r\n\r\n          setActiveJob(jobRows[0].getAttribute('data-pspr-job'));\r\n        }\r\n\r\n        \/\/ init\r\n        resetReportBars();\r\n        setActiveTab('jobs');\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5914099 e-con-full e-flex e-con e-parent\" data-id=\"5914099\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a143735 elementor-widget elementor-widget-html\" data-id=\"a143735\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ps-porto\" data-ps-porto>\r\n  <style>\r\n    .ps-porto{\r\n      --ps-accent: var(--prohf-accent, #E1A134);\r\n      --ps-ink: #0b1220;\r\n      --ps-muted: rgba(11,18,32,0.72);\r\n      --ps-border: rgba(11,18,32,0.10);\r\n      --ps-card: #ffffff;\r\n      --ps-bg: #ffffff;\r\n      --ps-radius: 18px;\r\n      --ps-shadow-soft: 0 10px 24px rgba(11,18,32,0.08);\r\n      --ps-shadow: 0 14px 38px rgba(11,18,32,0.10);\r\n      --ps-max: 1140px;\r\n\r\n      --ps-ease: cubic-bezier(.2,.8,.2,1);\r\n      --ps-ease-soft: cubic-bezier(.2,.9,.2,1);\r\n      --ps-reveal-y: 14px;\r\n\r\n      color: var(--ps-ink);\r\n      background: var(--ps-bg);\r\n    }\r\n\r\n    .ps-porto .psp-wrap{\r\n      max-width: var(--ps-max);\r\n      margin: 0 auto;\r\n      padding: 44px 18px;\r\n    }\r\n\r\n    .ps-porto .psp-head{\r\n      display:flex;\r\n      align-items:flex-end;\r\n      justify-content:space-between;\r\n      gap: 16px;\r\n      flex-wrap: wrap;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .ps-porto .psp-kicker{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap: 10px;\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n      color: var(--ps-muted);\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .ps-porto .psp-kicker::before{\r\n      content:\"\";\r\n      width: 28px;\r\n      height: 3px;\r\n      border-radius: 99px;\r\n      background: var(--ps-accent);\r\n      display:inline-block;\r\n    }\r\n\r\n    .ps-porto .psp-h{\r\n      margin: 0;\r\n      font-size: clamp(24px, 2.8vw, 34px);\r\n      line-height: 1.12;\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    .ps-porto .psp-p{\r\n      margin: 10px 0 0 0;\r\n      max-width: 82ch;\r\n      color: var(--ps-muted);\r\n      line-height: 1.6;\r\n      font-size: 15.5px;\r\n    }\r\n\r\n    \/* Layout *\/\r\n    .ps-porto .psp-grid{\r\n      display:grid;\r\n      grid-template-columns: 1.1fr 0.9fr;\r\n      gap: 16px;\r\n      margin-top: 18px;\r\n      align-items: start;\r\n    }\r\n\r\n    .ps-porto .psp-left,\r\n    .ps-porto .psp-right{\r\n      border: 1px solid var(--ps-border);\r\n      border-radius: var(--ps-radius);\r\n      background: var(--ps-card);\r\n      box-shadow: 0 8px 20px rgba(11,18,32,0.06);\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* Left: origin + scale story (NO glow blobs) *\/\r\n    .ps-porto .psp-local{\r\n      padding: 18px;\r\n      position: relative;\r\n      background:\r\n        linear-gradient(180deg, rgba(11,18,32,0.022), rgba(11,18,32,0.00) 46%),\r\n        #fff;\r\n    }\r\n\r\n    .ps-porto .psp-badge{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap: 10px;\r\n      border: 1px solid rgba(225,161,52,0.28);\r\n      background: rgba(225,161,52,0.10);\r\n      padding: 8px 10px;\r\n      border-radius: 999px;\r\n      font-size: 12.5px;\r\n      font-weight: 900;\r\n      color: rgba(11,18,32,0.80);\r\n    }\r\n\r\n    .ps-porto .psp-pin{\r\n      width: 10px;\r\n      height: 10px;\r\n      border-radius: 999px;\r\n      background: var(--ps-accent);\r\n      box-shadow: 0 0 0 0 rgba(225,161,52,0.35);\r\n      flex: 0 0 auto;\r\n      transform: translateZ(0);\r\n    }\r\n\r\n    .ps-porto .psp-local-h{\r\n      margin: 12px 0 8px 0;\r\n      font-size: 16px;\r\n      font-weight: 950;\r\n      letter-spacing: -0.01em;\r\n    }\r\n\r\n    .ps-porto .psp-local-p{\r\n      margin: 0;\r\n      color: var(--ps-muted);\r\n      line-height: 1.6;\r\n      font-size: 14.5px;\r\n      max-width: 90ch;\r\n    }\r\n\r\n    .ps-porto .psp-tags{\r\n      margin-top: 14px;\r\n      display:flex;\r\n      flex-wrap: wrap;\r\n      gap: 8px;\r\n    }\r\n\r\n    .ps-porto .psp-tag{\r\n      border: 1px solid rgba(11,18,32,0.10);\r\n      background: rgba(255,255,255,0.70);\r\n      padding: 8px 10px;\r\n      border-radius: 999px;\r\n      font-size: 12.5px;\r\n      font-weight: 850;\r\n      color: rgba(11,18,32,0.76);\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap: 8px;\r\n    }\r\n\r\n    .ps-porto .psp-tag-dot{\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 999px;\r\n      background: rgba(11,18,32,0.18);\r\n      flex: 0 0 auto;\r\n    }\r\n\r\n    \/* Right: realities (not city-specific) *\/\r\n    .ps-porto .psp-right-head{\r\n      padding: 16px 18px 12px 18px;\r\n      border-bottom: 1px solid var(--ps-border);\r\n    }\r\n\r\n    .ps-porto .psp-right-h{\r\n      margin: 0;\r\n      font-size: 15px;\r\n      font-weight: 950;\r\n      letter-spacing: -0.01em;\r\n    }\r\n\r\n    .ps-porto .psp-right-sub{\r\n      margin: 8px 0 0 0;\r\n      color: var(--ps-muted);\r\n      font-size: 13.5px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .ps-porto .psp-cards{\r\n      padding: 12px;\r\n      display:grid;\r\n      gap: 10px;\r\n    }\r\n\r\n    .ps-porto .psp-card{\r\n      border: 1px solid rgba(11,18,32,0.10);\r\n      border-radius: 16px;\r\n      background: #fff;\r\n      padding: 12px 12px;\r\n      transition: transform 160ms var(--ps-ease), box-shadow 160ms var(--ps-ease), border-color 160ms var(--ps-ease);\r\n      will-change: transform;\r\n    }\r\n\r\n    .ps-porto .psp-card:hover{\r\n      transform: translateY(-1px);\r\n      box-shadow: var(--ps-shadow-soft);\r\n      border-color: rgba(11,18,32,0.16);\r\n    }\r\n\r\n    .ps-porto .psp-card-h{\r\n      margin: 0 0 6px 0;\r\n      font-weight: 950;\r\n      font-size: 13.5px;\r\n      letter-spacing: -0.01em;\r\n      display:flex;\r\n      align-items:center;\r\n      gap: 10px;\r\n    }\r\n\r\n    .ps-porto .psp-dot{\r\n      width: 10px;\r\n      height: 10px;\r\n      border-radius: 999px;\r\n      background: var(--ps-accent);\r\n      box-shadow: 0 0 0 0 rgba(225,161,52,0.35);\r\n      flex: 0 0 auto;\r\n      transform: translateZ(0);\r\n    }\r\n\r\n    .ps-porto .psp-card-p{\r\n      margin: 0;\r\n      color: var(--ps-muted);\r\n      font-size: 13.5px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .ps-porto .psp-foot{\r\n      padding: 12px 18px 18px 18px;\r\n      color: rgba(11,18,32,0.62);\r\n      font-size: 12px;\r\n      line-height: 1.45;\r\n    }\r\n\r\n    \/* Product-style reveal *\/\r\n    .ps-porto .psp-reveal{\r\n      opacity: 0;\r\n      transform: translateY(var(--ps-reveal-y));\r\n      transition:\r\n        opacity 520ms var(--ps-ease-soft),\r\n        transform 520ms var(--ps-ease-soft);\r\n      transition-delay: var(--d, 0ms);\r\n    }\r\n\r\n    .ps-porto.is-in .psp-reveal{\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n    \/* Match Section 1 pulse language (ring ripple only) *\/\r\n    .ps-porto.is-in .psp-pin,\r\n    .ps-porto.is-in .psp-dot{\r\n      animation: pspPulse 1.6s var(--ps-ease) infinite;\r\n    }\r\n\r\n    @keyframes pspPulse{\r\n      0%   { box-shadow: 0 0 0 0 rgba(225,161,52,0.35); }\r\n      100% { box-shadow: 0 0 0 10px rgba(225,161,52,0.00); }\r\n    }\r\n\r\n    @media (max-width: 980px){\r\n      .ps-porto .psp-wrap{ padding: 34px 16px; }\r\n      .ps-porto .psp-grid{ grid-template-columns: 1fr; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce){\r\n      .ps-porto .psp-card{ transition: none; }\r\n      .ps-porto .psp-reveal{ opacity: 1; transform: none; transition: none; }\r\n      .ps-porto .psp-pin,\r\n      .ps-porto .psp-dot{ animation: none !important; }\r\n    }\r\n  <\/style>\r\n\r\n  <section class=\"psp-wrap\">\r\n    <div class=\"psp-head psp-reveal\" style=\"--d: 0ms;\">\r\n      <div>\r\n        <div class=\"psp-kicker\">Porto-born, built to scale<\/div>\r\n        <h2 class=\"psp-h\">Local insight, designed for expansion.<\/h2>\r\n        <p class=\"psp-p\">\r\n          We started in Porto, where older buildings and real access constraints force you to build a better operating system.\r\n          The process we developed is not \u201cPorto-only\u201d, it is designed to work anywhere because it is built around real-world constraints, not a postcode.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"psp-grid\">\r\n      <div class=\"psp-left psp-reveal\" aria-label=\"Origin and scale\" style=\"--d: 120ms;\">\r\n        <div class=\"psp-local\">\r\n          <span class=\"psp-badge\"><span class=\"psp-pin\" aria-hidden=\"true\"><\/span>Local-first execution, scalable system<\/span>\r\n\r\n          <h3 class=\"psp-local-h\">Porto taught us the hard problems, the system solves them everywhere.<\/h3>\r\n          <p class=\"psp-local-p\">\r\n            When a repair happens in an apartment building, the fastest path is not \u201csend someone\u201d.\r\n            It is \u201csend the right person with the right context\u201d.\r\n            That logic scales: fast triage, correct dispatch, clear closure, and accountability at the end.\r\n          <\/p>\r\n\r\n          <div class=\"psp-tags\" aria-label=\"Design principles tags\">\r\n            <span class=\"psp-tag\"><span class=\"psp-tag-dot\" aria-hidden=\"true\"><\/span>Triage first<\/span>\r\n            <span class=\"psp-tag\"><span class=\"psp-tag-dot\" aria-hidden=\"true\"><\/span>Correct dispatch<\/span>\r\n            <span class=\"psp-tag\"><span class=\"psp-tag-dot\" aria-hidden=\"true\"><\/span>Clear scope<\/span>\r\n            <span class=\"psp-tag\"><span class=\"psp-tag-dot\" aria-hidden=\"true\"><\/span>Safe workmanship<\/span>\r\n            <span class=\"psp-tag\"><span class=\"psp-tag-dot\" aria-hidden=\"true\"><\/span>Clean closure<\/span>\r\n            <span class=\"psp-tag\"><span class=\"psp-tag-dot\" aria-hidden=\"true\"><\/span>Built to scale<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <aside class=\"psp-right psp-reveal\" aria-label=\"Realities we design around\" style=\"--d: 180ms;\">\r\n        <div class=\"psp-right-head\">\r\n          <h3 class=\"psp-right-h\">The realities we design around<\/h3>\r\n          <p class=\"psp-right-sub\">These constraints show up in every city, and they shape how repairs should be delivered.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"psp-cards\">\r\n          <div class=\"psp-card psp-reveal\" style=\"--d: 240ms;\">\r\n            <div class=\"psp-card-h\"><span class=\"psp-dot\"><\/span>Access and timing constraints<\/div>\r\n            <p class=\"psp-card-p\">Apartments, building rules, and access windows mean planning and fast routing matter.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"psp-card psp-reveal\" style=\"--d: 300ms;\">\r\n            <div class=\"psp-card-h\"><span class=\"psp-dot\"><\/span>Mixed infrastructure<\/div>\r\n            <p class=\"psp-card-p\">Older systems behave differently. Correct diagnosis and safe workmanship matter more than speed alone.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"psp-card psp-reveal\" style=\"--d: 360ms;\">\r\n            <div class=\"psp-card-h\"><span class=\"psp-dot\"><\/span>Urgency escalates fast<\/div>\r\n            <p class=\"psp-card-p\">Leaks, power issues, and blockages can become damage. Triage and correct dispatch reduce stress and cost.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"psp-card psp-reveal\" style=\"--d: 420ms;\">\r\n            <div class=\"psp-card-h\"><span class=\"psp-dot\"><\/span>Closure builds trust<\/div>\r\n            <p class=\"psp-card-p\">A job is finished when the outcome is confirmed and next steps are clear, not when someone leaves.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"psp-foot\">Local-first is how you win quality. A scalable system is how you grow.<\/div>\r\n      <\/aside>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    (function(){\r\n      \"use strict\";\r\n      var roots = document.querySelectorAll(\"[data-ps-porto]\");\r\n      if(!roots || !roots.length) return;\r\n\r\n      var prefersReduced = false;\r\n      try{\r\n        prefersReduced = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n      }catch(e){ prefersReduced = false; }\r\n\r\n      roots.forEach(function(root){\r\n        if(prefersReduced){\r\n          root.classList.add(\"is-in\");\r\n          return;\r\n        }\r\n\r\n        if(root.dataset && root.dataset.psIn === \"1\"){\r\n          return;\r\n        }\r\n\r\n        var io = new IntersectionObserver(function(entries){\r\n          entries.forEach(function(entry){\r\n            if(entry.isIntersecting){\r\n              root.classList.add(\"is-in\");\r\n              if(root.dataset) root.dataset.psIn = \"1\";\r\n              io.unobserve(root);\r\n            }\r\n          });\r\n        }, { threshold: 0.18 });\r\n\r\n        io.observe(root);\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-852b83e e-con-full e-flex e-con e-parent\" data-id=\"852b83e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9fd402 elementor-widget elementor-widget-html\" data-id=\"c9fd402\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ps-finalcta\" data-ps-finalcta>\r\n  <style>\r\n    .ps-finalcta{\r\n      --ps-accent: var(--prohf-accent, #E1A134);\r\n      --ps-ink: rgba(255,255,255,0.96);\r\n      --ps-muted: rgba(255,255,255,0.72);\r\n      --ps-border: rgba(255,255,255,0.12);\r\n      --ps-max: 1140px;\r\n      --ps-radius: 20px;\r\n      --ps-shadow: 0 18px 46px rgba(0,0,0,0.46);\r\n      --ps-shadow-soft: 0 12px 28px rgba(0,0,0,0.38);\r\n      --ps-ease: cubic-bezier(.2,.8,.2,1);\r\n\r\n      color: var(--ps-ink);\r\n      background: #0E0D0B;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    .ps-finalcta .psf-wrap{\r\n      max-width: var(--ps-max);\r\n      margin: 0 auto;\r\n      padding: 44px 18px;\r\n    }\r\n\r\n    .ps-finalcta .psf-shell{\r\n      border-radius: var(--ps-radius);\r\n      border: 1px solid rgba(255,255,255,0.10);\r\n      background:\r\n        radial-gradient(900px 420px at 10% 0%, rgba(225,161,52,0.20), rgba(225,161,52,0.00) 62%),\r\n        radial-gradient(700px 380px at 90% 30%, rgba(255,255,255,0.06), rgba(255,255,255,0.00) 60%),\r\n        linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.04));\r\n      box-shadow: var(--ps-shadow);\r\n      overflow: hidden;\r\n      position: relative;\r\n    }\r\n\r\n    .ps-finalcta .psf-inner{\r\n      padding: 22px 22px;\r\n      display: grid;\r\n      grid-template-columns: 1.15fr 0.85fr;\r\n      gap: 16px;\r\n      align-items: center;\r\n    }\r\n\r\n    .ps-finalcta .psf-kicker{\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n      color: rgba(255,255,255,0.70);\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .ps-finalcta .psf-kicker::before{\r\n      content:\"\";\r\n      width: 28px;\r\n      height: 3px;\r\n      border-radius: 99px;\r\n      background: var(--ps-accent);\r\n      display:inline-block;\r\n    }\r\n\r\n    .ps-finalcta .psf-h{\r\n      margin: 0;\r\n      font-size: clamp(22px, 2.8vw, 34px);\r\n      line-height: 1.12;\r\n      letter-spacing: -0.02em;\r\n      color: rgba(255,255,255,0.98);\r\n    }\r\n\r\n    .ps-finalcta .psf-p{\r\n      margin: 10px 0 0 0;\r\n      max-width: 74ch;\r\n      color: var(--ps-muted);\r\n      line-height: 1.6;\r\n      font-size: 15.5px;\r\n    }\r\n\r\n    .ps-finalcta .psf-actions{\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 10px;\r\n      justify-content: center;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .ps-finalcta .psf-btn{\r\n      appearance: none;\r\n      border: 1px solid var(--ps-border);\r\n      border-radius: 999px;\r\n      padding: 13px 16px;\r\n      font-weight: 950;\r\n      font-size: 14px;\r\n      line-height: 1;\r\n      cursor: pointer;\r\n      text-decoration: none;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      transition: transform 160ms var(--ps-ease), box-shadow 160ms var(--ps-ease), border-color 160ms var(--ps-ease), background 160ms var(--ps-ease);\r\n      user-select: none;\r\n      background: transparent;\r\n      color: var(--ps-ink);\r\n      box-shadow: none;\r\n      width: 100%;\r\n    }\r\n\r\n    .ps-finalcta .psf-btn:focus{\r\n      outline: none;\r\n      box-shadow: 0 0 0 4px rgba(225,161,52,0.22);\r\n    }\r\n\r\n    .ps-finalcta .psf-btn-primary{\r\n      background: var(--ps-accent);\r\n      border-color: transparent;\r\n      color: #111;\r\n      box-shadow: var(--ps-shadow-soft);\r\n    }\r\n\r\n    .ps-finalcta .psf-btn-primary:hover{\r\n      transform: translateY(-1px);\r\n      box-shadow: var(--ps-shadow);\r\n    }\r\n\r\n    .ps-finalcta .psf-btn-ghost{\r\n      background: rgba(255,255,255,0.06);\r\n      border-color: rgba(255,255,255,0.14);\r\n      color: rgba(255,255,255,0.90);\r\n    }\r\n\r\n    .ps-finalcta .psf-btn-ghost:hover{\r\n      transform: translateY(-1px);\r\n      box-shadow: var(--ps-shadow-soft);\r\n      border-color: rgba(255,255,255,0.20);\r\n    }\r\n\r\n    .ps-finalcta .psf-micro{\r\n      margin-top: 10px;\r\n      font-size: 12.5px;\r\n      line-height: 1.45;\r\n      color: rgba(255,255,255,0.70);\r\n      display: flex;\r\n      gap: 8px;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .ps-finalcta .psf-dot{\r\n      width: 10px;\r\n      height: 10px;\r\n      border-radius: 999px;\r\n      background: var(--ps-accent);\r\n      flex: 0 0 auto;\r\n      margin-top: 4px;\r\n      box-shadow: 0 0 0 0 rgba(225,161,52,0.35);\r\n      transform: translateZ(0);\r\n    }\r\n\r\n    @keyframes psfPulse{\r\n      0%   { box-shadow: 0 0 0 0 rgba(225,161,52,0.35); }\r\n      100% { box-shadow: 0 0 0 12px rgba(225,161,52,0.00); }\r\n    }\r\n\r\n    .ps-finalcta.is-in .psf-dot{\r\n      animation: psfPulse 1.7s var(--ps-ease) infinite;\r\n    }\r\n\r\n    @media (max-width: 980px){\r\n      .ps-finalcta .psf-wrap{ padding: 34px 16px; }\r\n      .ps-finalcta .psf-inner{\r\n        grid-template-columns: 1fr;\r\n        padding: 18px 16px;\r\n      }\r\n      .ps-finalcta .psf-actions{\r\n        flex-direction: column;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce){\r\n      .ps-finalcta .psf-btn{ transition: none; }\r\n      .ps-finalcta.is-in .psf-dot{ animation: none !important; }\r\n    }\r\n  <\/style>\r\n\r\n  <section class=\"psf-wrap\">\r\n    <div class=\"psf-shell\" role=\"region\" aria-label=\"Final call to action\">\r\n      <div class=\"psf-inner\">\r\n        <div>\r\n          <div class=\"psf-kicker\">Ready when you are<\/div>\r\n          <h2 class=\"psf-h\">Need help now? We\u2019ll route you correctly in minutes.<\/h2>\r\n          <p class=\"psf-p\">\r\n            Call or message us and we\u2019ll do fast triage, then route the right technician category. Clear scope, clean finish, and proper closure.\r\n          <\/p>\r\n\r\n          <div class=\"psf-micro\">\r\n            <span class=\"psf-dot\" aria-hidden=\"true\"><\/span>\r\n            <div>Fast triage first, correct dispatch second. That\u2019s how we keep response time high and outcomes clean.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"psf-actions\" aria-label=\"Contact actions\">\r\n          <a class=\"psf-btn psf-btn-primary\" href=\"tel:+351923224674\" data-cta=\"finalcta-call\">\r\n            Ligar j\u00e1\r\n          <\/a>\r\n\r\n          <button class=\"psf-btn psf-btn-ghost\" type=\"button\" data-ps-wa data-cta=\"finalcta-wa\">\r\n            WhatsApp\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    (function () {\r\n      \"use strict\";\r\n\r\n      var root = document.querySelector('[data-ps-finalcta]');\r\n      if (!root) return;\r\n\r\n      \/\/ In-view trigger (for pulse)\r\n      var reduced = false;\r\n      try {\r\n        reduced = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n      } catch (e) {\r\n        reduced = false;\r\n      }\r\n\r\n      function enter() {\r\n        if (!root.classList.contains('is-in')) root.classList.add('is-in');\r\n      }\r\n\r\n      if (reduced) {\r\n        enter();\r\n      } else if ('IntersectionObserver' in window) {\r\n        var io = new IntersectionObserver(function (entries) {\r\n          entries.forEach(function (e) {\r\n            if (e.isIntersecting) {\r\n              enter();\r\n              io.disconnect();\r\n            }\r\n          });\r\n        }, { threshold: 0.18 });\r\n        io.observe(root);\r\n      } else {\r\n        enter();\r\n      }\r\n\r\n      \/\/ WhatsApp open (your existing bubble)\r\n      var waBtn = root.querySelector('[data-ps-wa]');\r\n      if (!waBtn) return;\r\n\r\n      waBtn.addEventListener('click', function () {\r\n        var toggle = document.querySelector('#whatsapp-toggle');\r\n        if (toggle && typeof toggle.click === 'function') {\r\n          toggle.click();\r\n        }\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Pronto Solu\u00e7\u00f5es Home repairs, delivered with a real system. Pronto Solu\u00e7\u00f5es connects you with vetted professionals, then manages the job end to end, fast triage, clear scope, and accountable closure. Built in Porto, designed to scale anywhere. The Pronto System Intake \u2192 Dispatch \u2192 Closure 1 Intake (triage) Quick questions to classify the problem. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4905","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/prontosolucoes.pt\/pt\/wp-json\/wp\/v2\/pages\/4905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prontosolucoes.pt\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/prontosolucoes.pt\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/prontosolucoes.pt\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prontosolucoes.pt\/pt\/wp-json\/wp\/v2\/comments?post=4905"}],"version-history":[{"count":109,"href":"https:\/\/prontosolucoes.pt\/pt\/wp-json\/wp\/v2\/pages\/4905\/revisions"}],"predecessor-version":[{"id":5041,"href":"https:\/\/prontosolucoes.pt\/pt\/wp-json\/wp\/v2\/pages\/4905\/revisions\/5041"}],"wp:attachment":[{"href":"https:\/\/prontosolucoes.pt\/pt\/wp-json\/wp\/v2\/media?parent=4905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}