/* ── HERO ── */
.pt-hero{background-image:linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%);padding:68px 0 72px;overflow:hidden}
.pt-hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.pt-eyebrow{font-size:.74rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--blue);margin-bottom:12px;display:block}
[dir="rtl"] .pt-eyebrow{letter-spacing:0;font-size:.8rem}
.pt-hero h1{font-size:clamp(1.8rem,3.8vw,2.7rem);font-weight:900;color:var(--txt);margin:0 0 16px;line-height:1.25;text-wrap:balance}
.pt-hero h1 span{color:var(--blue)}
.pt-hero-lead{font-size:1rem;color:var(--txt2);max-width:560px;margin:0;line-height:1.85;text-wrap:pretty}
.pt-hero-cta{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}

.pt-card{background:var(--card);border:1px solid var(--bdr);border-radius:var(--rl);box-shadow:var(--shadow-md),14px 14px 0 0 var(--blue-glow);padding:26px 24px}
.pt-card-hd{display:flex;align-items:center;gap:14px;padding-bottom:18px;margin-bottom:16px;border-bottom:1px solid var(--bdr2)}
.pt-card-hd b{display:block;font-size:1.02rem;font-weight:800;color:var(--txt)}
.pt-card-hd small{display:block;font-size:.8rem;color:var(--txt3);margin-top:2px}
.pt-card ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pt-card li{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:700;color:var(--txt2)}
.pt-tick{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:rgba(31,98,142,.1);color:var(--blue);display:flex;align-items:center;justify-content:center}
.pt-tick svg{width:16px;height:16px}

/* brand-style icon: blue tile, white strokes (same as the extension icons) */
.pt-ico{flex-shrink:0;width:46px;height:46px;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-primary-filled);color:#fff;display:flex;align-items:center;justify-content:center}
.pt-ico svg{width:100%;height:100%}
.pt-ico-lg{width:54px;height:54px;border-radius:var(--md-sys-shape-corner-large)}

/* ── SECTIONS ── */
section.pt-sec{padding:80px 0}
section.pt-sec.alt{background:var(--bg2);border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr)}
.pt-sec-hd{max-width:640px;margin:0 auto 36px;text-align:center}
.pt-sec-hd h2{font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:900;color:var(--txt);margin:0 0 12px;line-height:1.3;text-wrap:balance}
.pt-sec-hd p{font-size:.95rem;color:var(--txt2);line-height:1.85;margin:0;text-wrap:pretty}

/* benefits: the headline section, larger cards */
.pt-gain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pt-gain{display:flex;flex-direction:column;gap:14px;background:var(--card);border:1px solid var(--bdr);border-top:3px solid var(--blue);border-radius:var(--rl);padding:28px 24px}
.pt-gain b{font-size:1.08rem;font-weight:800;color:var(--txt)}
.pt-gain p{font-size:.88rem;color:var(--txt2);line-height:1.75;margin:0;text-wrap:pretty}

/* services you offer */
.pt-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pt-svc{display:flex;flex-direction:column;gap:12px;background:var(--card);border:1px solid var(--bdr);border-radius:var(--rl);padding:22px}
.pt-svc b{font-size:.98rem;font-weight:800;color:var(--txt)}
.pt-svc p{font-size:.84rem;color:var(--txt2);line-height:1.7;margin:0;text-wrap:pretty}
.pt-quote{margin:26px 0 0;background:var(--card);border:1px solid var(--bdr);border-inline-start:4px solid var(--blue);border-radius:var(--r);padding:20px 24px;font-size:.95rem;font-weight:700;color:var(--txt);line-height:1.8;text-wrap:pretty}

/* growth path: horizontal timeline */
.pt-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative}
.pt-steps::before{content:"";position:absolute;top:22px;inset-inline:16.66%;height:2px;background:var(--bdr2)}
.pt-steps li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.pt-num{width:44px;height:44px;border-radius:50%;background:var(--md-sys-color-primary-filled);color:#fff;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px var(--bg);margin-bottom:8px}
.pt-steps li > div{display:flex;flex-direction:column;align-items:center;gap:4px}
.pt-steps li b{font-size:1rem;font-weight:800;color:var(--txt)}
.pt-steps li span.pt-step-tx{font-size:.86rem;color:var(--txt2);line-height:1.6;max-width:260px}

.pt-steps-cta{margin-top:40px;text-align:center}

/* final CTA */
section.pt-final{padding:72px 0}
.pt-final-box{background:linear-gradient(135deg,var(--blue),var(--dark));border-radius:var(--rl);padding:44px 32px;text-align:center;color:#fff}
.pt-final-box h2{font-size:clamp(1.3rem,2.6vw,1.8rem);font-weight:900;margin:0 0 12px;line-height:1.35;color:#fff;text-wrap:balance}
.pt-final-box p{font-size:.95rem;color:rgba(255,255,255,.75);max-width:560px;margin:0 auto 26px;line-height:1.8;text-wrap:balance}
.pt-final-box .btn-p{background:#fff;color:var(--blue);box-shadow:none}

@media(max-width:900px){
  .pt-hero-in{grid-template-columns:1fr;gap:44px}
  .pt-card{max-width:460px;margin-inline:auto;width:100%}
  .pt-gain-grid{grid-template-columns:1fr}
  .pt-gain{flex-direction:row;align-items:flex-start;padding:22px}
  .pt-gain > div{display:flex;flex-direction:column;gap:6px}
  .pt-svc-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .pt-hero{padding:40px 0 52px}
  .pt-hero-cta .btn-p{width:100%;justify-content:center}
  /* the card repeats the benefits section right below it */
  .pt-hero-in > .pt-card{display:none}
  .pt-svc-grid{grid-template-columns:1fr}
  section.pt-sec{padding:56px 0}
  /* timeline turns vertical */
  .pt-steps{grid-template-columns:1fr;gap:22px}
  .pt-steps::before{top:22px;bottom:22px;inset-inline:21px auto;width:2px;height:auto}
  .pt-steps li{flex-direction:row;align-items:flex-start;text-align:start;gap:14px}
  .pt-steps li > div{align-items:flex-start;padding-top:9px}
  .pt-num{margin-bottom:0;flex-shrink:0}
  .pt-final-box{padding:34px 20px}
}