/* HOTFIX329 — ad-first public home page. Keeps the first viewport focused and avoids repeating the same workflow story. */
.pm-ad-first-hero{
  width:min(1480px,100%)!important;
  max-width:1480px!important;
  min-height:0!important;
  padding:30px 30px 38px!important;
  grid-template-columns:minmax(560px,1.16fr) minmax(420px,.84fr)!important;
  gap:34px!important;
  align-items:center!important;
}
.pm-home-video-card{
  min-width:0;
  padding:14px;
  border:1px solid #dbe5f2;
  border-radius:24px;
  background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%);
  box-shadow:0 26px 70px rgba(15,23,42,.14),0 2px 8px rgba(15,23,42,.05);
}
.pm-home-video-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:6px 5px 12px}
.pm-home-video-head .eyebrow{margin:0 0 4px!important;font-size:.67rem!important;letter-spacing:.12em!important;color:#58708f!important}
.pm-home-video-head h2{margin:0;color:#101f38;font-size:clamp(1.1rem,1.45vw,1.45rem);line-height:1.18;letter-spacing:-.025em}
.pm-video-live-badge{flex:none;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #dbe5f2;border-radius:999px;background:#fff;color:#51657f;font-size:.64rem;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.pm-video-live-badge i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.11)}
.pm-home-video-frame{position:relative;overflow:hidden;border-radius:17px;background:#071321;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.pm-home-video-frame video{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;background:#071321}
.pm-home-video-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:10px}
.pm-home-video-proof span{min-width:0;padding:9px 10px;border:1px solid #e2e9f3;border-radius:12px;background:rgba(255,255,255,.88)}
.pm-home-video-proof b,.pm-home-video-proof small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-home-video-proof b{color:#21324b;font-size:.73rem}.pm-home-video-proof small{margin-top:2px;color:#708199;font-size:.64rem}
.pm-home-paths{gap:9px!important;justify-items:start!important;text-align:left!important;margin:0!important;max-width:none!important}
.pm-home-paths .hero-brand-logo{width:52px!important;height:52px!important}
.pm-home-paths h1{max-width:650px!important;font-size:clamp(2.35rem,3.2vw,3.7rem)!important;line-height:1.02!important}
.pm-home-paths>p{max-width:650px!important;margin:0 0 7px!important;font-size:.94rem!important;line-height:1.52!important}
.pm-home-paths .audience-choice-grid{width:100%;max-width:none;margin:8px 0 5px;gap:9px;grid-template-columns:1fr}
.pm-home-paths .audience-choice{grid-template-columns:44px minmax(0,1fr);padding:12px 13px;border-radius:16px;gap:10px;box-shadow:0 8px 22px rgba(15,23,42,.055)}
.pm-home-paths .audience-icon{width:42px;height:42px;border-radius:12px;font-size:.6rem}
.pm-home-paths .audience-choice small{font-size:.59rem}.pm-home-paths .audience-choice h3{font-size:.96rem!important}.pm-home-paths .audience-choice p{font-size:.74rem!important;margin-top:3px!important}
.pm-home-paths .audience-choice-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:1px}
.pm-home-paths .audience-choice-actions>*{min-height:34px!important;padding:7px 9px!important;font-size:.71rem!important}
.pm-home-paths .hero-compact-trust{margin-top:4px}
/* The product film replaces the previous oversized device collage + repeated journey story. */
.pm-ad-first-hero + .network-live-stats{margin-top:0!important}
@media(max-width:1180px){
  .pm-ad-first-hero{grid-template-columns:1fr!important;max-width:1000px!important;padding-top:24px!important}
  .pm-home-video-card{order:1}.pm-home-paths{order:2;max-width:900px!important;margin:0 auto!important;justify-items:center!important;text-align:center!important}
  .pm-home-paths>p{max-width:760px!important}.pm-home-paths .audience-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pm-home-paths .audience-choice{text-align:left!important}
}
@media(max-width:760px){
  .pm-ad-first-hero{padding:16px 12px 24px!important;gap:20px!important}
  .pm-home-video-card{padding:8px;border-radius:18px}
  .pm-home-video-head{align-items:flex-start;padding:5px 4px 9px}.pm-video-live-badge{display:none}
  .pm-home-video-head h2{font-size:1rem}.pm-home-video-frame{border-radius:12px}
  .pm-home-video-proof{gap:5px}.pm-home-video-proof span{padding:7px 7px;border-radius:10px}.pm-home-video-proof b{font-size:.65rem}.pm-home-video-proof small{font-size:.57rem}
  .pm-home-paths h1{font-size:clamp(2.15rem,10.5vw,3rem)!important}
  .pm-home-paths>p{font-size:.86rem!important}
  .pm-home-paths .audience-choice-grid{grid-template-columns:1fr}
}
@media(max-width:460px){
  .pm-home-video-proof{grid-template-columns:1fr 1fr}.pm-home-video-proof span:last-child{grid-column:1/-1}
  .pm-home-paths .audience-choice-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.pm-home-video-card{scroll-behavior:auto}.pm-home-video-card *{transition:none!important}}

/* HOTFIX340 — reusable workflow video selector. Media stays poster/image-only until played. */
.pm-workflow-video-section{padding-top:clamp(56px,6vw,88px)!important;padding-bottom:clamp(56px,6vw,88px)!important}
.pm-workflow-heading{max-width:820px!important;margin-bottom:24px!important}
.pm-workflow-shell{width:min(1180px,100%);margin:0 auto;display:grid;gap:14px}
.pm-workflow-selector{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:3px 2px 7px;scroll-snap-type:x proximity}
.pm-workflow-selector button{flex:0 0 auto;min-height:38px;padding:8px 13px;border:1px solid #d7e2ef;border-radius:999px;background:#fff;color:#52657c;font:inherit;font-size:.76rem;font-weight:900;cursor:pointer;scroll-snap-align:start;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.pm-workflow-selector button:hover{transform:translateY(-1px);border-color:#aac2e9}.pm-workflow-selector button.active{background:#101f38;border-color:#101f38;color:#fff}
.pm-workflow-stage{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:18px;align-items:stretch;padding:16px;border:1px solid #dce6f2;border-radius:22px;background:linear-gradient(145deg,#fff,#f7faff);box-shadow:0 16px 42px rgba(15,23,42,.08)}
.pm-workflow-copy{min-width:0;padding:10px 7px 10px 5px;display:flex;flex-direction:column}
.pm-workflow-copy h3{margin:6px 0 8px;font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.12;color:#102039}.pm-workflow-copy>p{margin:0;color:#62748b;font-size:.9rem;line-height:1.6}
.pm-workflow-feature-chips{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.pm-workflow-feature-chips span{padding:6px 8px;border:1px solid #dbe5f1;border-radius:999px;background:#fff;color:#38516f;font-size:.68rem;font-weight:800}
.pm-workflow-flow{list-style:none;margin:auto 0 0;padding:0;display:grid;gap:6px}.pm-workflow-flow li{display:grid;grid-template-columns:29px minmax(0,1fr);gap:8px;align-items:center;padding:7px 8px;border-radius:10px;background:#f4f7fb;color:#43566e;font-size:.75rem}.pm-workflow-flow b{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#e7effc;color:#214e9e;font-size:.62rem}
.pm-workflow-media{min-width:0;position:relative;overflow:hidden;border-radius:16px;background:#071321;border:1px solid rgba(15,23,42,.12)}.pm-workflow-media video,.pm-workflow-media img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:contain;background:#071321}.pm-workflow-media-image{margin:0}.pm-workflow-media-image figcaption,.pm-workflow-load-note{display:block;padding:8px 10px;background:#0e1d31;color:#cbd8ea;font-size:.65rem;line-height:1.35}.pm-workflow-media-image code{color:#fff}.pm-workflow-placeholder{min-height:260px;display:grid;place-items:center;color:#64748b}
.pm-workflow-noscript{width:min(1180px,100%);margin:12px auto 0;color:#64748b}
@media(max-width:900px){.pm-workflow-stage{grid-template-columns:1fr}.pm-workflow-copy{padding:4px}.pm-workflow-flow{margin-top:2px;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.pm-workflow-video-section{padding-inline:12px!important}.pm-workflow-stage{padding:9px;border-radius:17px;gap:11px}.pm-workflow-selector{margin-inline:-2px}.pm-workflow-selector button{min-height:40px;padding-inline:12px}.pm-workflow-flow{grid-template-columns:1fr}.pm-workflow-copy h3{font-size:1.25rem}.pm-workflow-copy>p{font-size:.82rem}.pm-workflow-feature-chips{margin:10px 0}.pm-workflow-media{border-radius:12px}}

/* HOTFIX342 — visible premium SaaS redesign. Functional hooks and backend IDs stay unchanged. */
.pm342-hero{
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 12%,rgba(52,116,255,.22),transparent 34%),
    radial-gradient(circle at 12% 85%,rgba(19,197,164,.12),transparent 28%),
    linear-gradient(135deg,#06101f 0%,#0a1830 48%,#0c1d39 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.pm342-hero .hero-inner{
  width:min(1240px,calc(100% - 40px))!important;
  margin:0 auto!important;
  padding:clamp(52px,6vw,86px) 0 clamp(40px,5vw,70px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr)!important;
  grid-template-areas:"copy media"!important;
  align-items:center!important;
  gap:clamp(28px,4vw,58px)!important;
}
.pm342-product-stage{grid-area:media!important;align-self:center!important;background:rgba(7,18,35,.72)!important;border:1px solid rgba(141,178,255,.23)!important;box-shadow:0 30px 80px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.025) inset!important;backdrop-filter:blur(14px)}
.pm342-product-stage .pm-home-video-head{color:#fff!important}.pm342-product-stage .pm-home-video-head h2{color:#fff!important;font-size:clamp(1rem,1.6vw,1.3rem)!important}.pm342-product-stage .pm-home-video-head p{margin:5px 0 0;color:#9fb0c9;font-size:.72rem;line-height:1.45}.pm342-product-stage .eyebrow{color:#75a7ff!important}.pm342-product-stage .pm-video-live-badge{background:rgba(36,209,170,.12)!important;color:#84f0d6!important;border-color:rgba(64,225,188,.26)!important}
.pm342-product-stage .pm-home-video-frame{background:#02060d!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 16px 42px rgba(0,0,0,.28)}
.pm342-product-stage .pm-home-video-proof span{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.07)!important}.pm342-product-stage .pm-home-video-proof b{color:#f5f9ff!important}.pm342-product-stage .pm-home-video-proof small{color:#8da1bd!important}
.pm342-hero .hero-copy{grid-area:copy!important;align-items:flex-start!important;text-align:left!important;max-width:610px!important;margin:0!important;color:#fff!important}
.pm342-product-badge{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px;padding:7px 10px;border:1px solid rgba(126,167,235,.2);border-radius:10px;background:rgba(255,255,255,.045);font-size:.68rem;letter-spacing:.06em}.pm342-product-badge span{color:#77a7ff;font-weight:900}.pm342-product-badge b{color:#fff}.pm342-product-badge small{color:#93a8c4;border-left:1px solid rgba(255,255,255,.12);padding-left:8px}
.pm342-hero .hero-copy>.eyebrow{color:#6fa4ff!important;letter-spacing:.13em!important}
.pm342-hero .hero-copy h1{margin:10px 0 16px!important;color:#fff!important;font-size:clamp(2.8rem,5.3vw,5.1rem)!important;line-height:.98!important;letter-spacing:-.055em!important;max-width:720px!important}.pm342-hero .hero-copy h1 span{display:block;margin-top:7px;background:linear-gradient(90deg,#72a5ff,#7fe2d0);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.pm342-hero-lead{max-width:610px!important;margin:0!important;color:#aebdd1!important;font-size:clamp(.95rem,1.25vw,1.08rem)!important;line-height:1.7!important}
.pm342-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:24px 0 18px}.pm342-hero-actions .primary{box-shadow:0 10px 30px rgba(45,101,230,.28)}.pm342-hero-actions .secondary{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.15)!important;color:#edf4ff!important}.pm342-text-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border:1px solid rgba(147,197,253,.62);border-radius:13px;background:linear-gradient(135deg,rgba(37,99,235,.92),rgba(29,78,216,.96));color:#fff!important;font-size:.82rem;font-weight:950;letter-spacing:.01em;text-decoration:none;cursor:pointer;box-shadow:0 10px 26px rgba(37,99,235,.28);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.pm342-text-cta:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 15px 34px rgba(37,99,235,.36)}.pm342-text-cta:focus-visible{outline:3px solid rgba(147,197,253,.55)!important;outline-offset:3px!important}
.pm342-capability-rail{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}.pm342-capability-rail span{padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);color:#a9b9cf;font-size:.66rem;font-weight:800}
.pm342-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important}.pm342-audience-grid .audience-choice{padding:13px!important;border-radius:15px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important}.pm342-audience-grid .audience-choice h3{color:#fff!important;font-size:.9rem!important}.pm342-audience-grid .audience-choice p{color:#8fa3be!important;font-size:.69rem!important}.pm342-audience-grid .audience-choice small{color:#6fa4ff!important}.pm342-audience-grid .audience-icon{background:#162a48!important;color:#8fb5ff!important;border:1px solid rgba(128,169,242,.18)}.pm342-audience-grid .audience-choice-actions{display:none!important}
.pm342-hero .hero-copy .hero-compact-trust{justify-content:flex-start!important;color:#8ea4c2!important}.pm342-hero .hero-copy .hero-compact-trust span{border-color:rgba(255,255,255,.08)!important;background:transparent!important}
.network-live-stats{width:min(1180px,calc(100% - 28px))!important;margin:-24px auto 30px!important;position:relative;z-index:3;border:1px solid #dbe6f3!important;border-radius:18px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 18px 50px rgba(13,35,68,.11)!important;overflow:hidden}.network-live-stats article{padding:15px 11px!important}.network-live-stats strong{font-size:clamp(1.15rem,2vw,1.55rem)!important;color:#102441!important}.network-live-stats small{color:#6f8096!important}

/* HOTFIX346: keep the original 10s promo and the new 40s demo as separate experiences. */

.pm342-ecosystem{padding-top:clamp(62px,7vw,94px)!important;padding-bottom:clamp(62px,7vw,92px)!important;background:#f5f8fc!important}.pm342-ecosystem-head{width:min(1180px,100%);margin:0 auto 25px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:40px;align-items:end}.pm342-ecosystem-head h2{margin:7px 0 0;max-width:760px;color:#0f223f;font-size:clamp(1.9rem,3.4vw,3.05rem);line-height:1.08;letter-spacing:-.035em}.pm342-ecosystem-head>p{margin:0;color:#61748d;font-size:.92rem;line-height:1.7}.pm342-flow-grid{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.pm342-flow-grid article{min-width:0;padding:18px 15px;border:1px solid #dce6f2;border-radius:17px;background:#fff;box-shadow:0 8px 28px rgba(17,40,72,.055)}.pm342-flow-grid article b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eaf1ff;color:#3267c8;font-size:.7rem}.pm342-flow-grid article span{display:block;margin-top:14px;color:#5880be;font-size:.61rem;font-weight:900;letter-spacing:.1em}.pm342-flow-grid article h3{margin:5px 0 7px;color:#172b49;font-size:.9rem;line-height:1.2}.pm342-flow-grid article p{margin:0;color:#708198;font-size:.72rem;line-height:1.5}
.pm342-core-features{padding-top:clamp(66px,7vw,96px)!important}.pm342-core-features .section-heading{max-width:780px!important}.pm342-core-features .r31-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.pm342-core-features .r31-feature-card{border-radius:18px!important;overflow:hidden!important;border:1px solid #dbe5f0!important;box-shadow:0 10px 32px rgba(15,35,62,.065)!important}.pm342-core-features .r31-feature-card img{aspect-ratio:16/10!important;object-fit:cover!important}.pm342-core-features .r31-feature-copy{padding:14px 14px 16px!important}.pm342-core-features .r31-feature-copy h3{font-size:1rem!important;line-height:1.2!important}.pm342-core-features .r31-feature-copy p{font-size:.76rem!important;line-height:1.52!important}.pm342-core-features .r31-feature-kicker{font-size:.58rem!important}
.pm-workflow-video-section{background:linear-gradient(180deg,#fff 0%,#f7f9fd 100%)!important}.pm-workflow-stage{border-radius:24px!important;box-shadow:0 20px 55px rgba(17,37,67,.09)!important}.pm-workflow-selector button.active{background:linear-gradient(135deg,#1b4da5,#346fdb)!important;border-color:#346fdb!important;box-shadow:0 6px 18px rgba(49,105,211,.2)}
#pricing{background:linear-gradient(180deg,#f6f9fd,#eef4fb)!important}.r29-price-grid{align-items:stretch!important}.r29-price-grid .price-card{border-radius:20px!important;border:1px solid #dae4f1!important;box-shadow:0 12px 34px rgba(15,35,62,.06)!important}.r29-price-grid .price-card.recommended,.r29-price-grid .price-card.featured{box-shadow:0 18px 48px rgba(38,92,188,.16)!important}

@media(max-width:1180px){
  .pm342-hero .hero-inner{width:min(1000px,calc(100% - 28px))!important;grid-template-columns:1fr!important;grid-template-areas:"copy" "media"!important;padding-top:36px!important}.pm342-hero .hero-copy{max-width:850px!important;margin:0 auto!important;align-items:center!important;text-align:center!important}.pm342-hero .hero-copy h1{max-width:900px!important}.pm342-hero-lead{max-width:770px!important}.pm342-hero-actions,.pm342-capability-rail,.pm342-hero .hero-copy .hero-compact-trust{justify-content:center!important}.pm342-product-stage{width:min(900px,100%)!important;margin:0 auto!important}.pm342-audience-grid{max-width:820px!important}.pm342-ecosystem-head{grid-template-columns:1fr;gap:12px}.pm342-flow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pm342-core-features .r31-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .pm342-hero .hero-inner{width:calc(100% - 24px)!important;padding-top:28px!important;gap:24px!important}.pm342-hero .hero-copy h1{font-size:clamp(2.25rem,11vw,3.45rem)!important}.pm342-product-badge{justify-content:center}.pm342-hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.pm342-hero-actions .pm342-text-cta{grid-column:1/-1}.pm342-audience-grid{grid-template-columns:1fr!important}.pm342-audience-grid .customer-choice{display:none!important}.pm342-product-stage .pm-home-video-head p{display:none}.network-live-stats{margin:-12px auto 20px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.network-live-stats article:nth-child(n+4){display:none}.pm342-ecosystem{padding-inline:12px!important}.pm342-ecosystem-head h2{font-size:1.75rem}.pm342-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pm342-flow-grid article:last-child{grid-column:1/-1}.pm342-core-features .r31-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pm342-core-features .r31-feature-card img{aspect-ratio:16/9!important}
}
@media(max-width:460px){
  .pm342-hero .hero-inner{width:calc(100% - 18px)!important;padding-top:22px!important}.pm342-hero .hero-copy h1{font-size:2.15rem!important}.pm342-hero-lead{font-size:.84rem!important;line-height:1.58!important}.pm342-hero-actions{grid-template-columns:1fr}.pm342-hero-actions .pm342-text-cta{grid-column:auto}.pm342-capability-rail{justify-content:flex-start!important;overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:4px}.pm342-capability-rail span{flex:0 0 auto}.pm342-audience-grid{display:none!important}.pm342-product-stage{padding:6px!important}.pm342-product-stage .pm-home-video-proof{grid-template-columns:repeat(3,minmax(0,1fr))!important}.pm342-product-stage .pm-home-video-proof span{padding:6px 4px!important}.pm342-product-stage .pm-home-video-proof small{display:none}.network-live-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;border-radius:14px!important}.network-live-stats article{padding:11px 4px!important}.network-live-stats small{font-size:.52rem!important}.pm342-flow-grid{grid-template-columns:1fr}.pm342-flow-grid article:last-child{grid-column:auto}.pm342-core-features .r31-feature-grid{grid-template-columns:1fr!important}
}
@media(min-width:1024px) and (max-height:720px){
  .pm342-hero .hero-inner{padding-top:30px!important;padding-bottom:42px!important;gap:32px!important}.pm342-hero .hero-copy h1{font-size:clamp(2.5rem,4.4vw,4rem)!important}.pm342-hero-lead{font-size:.9rem!important}.pm342-hero-actions{margin:17px 0 13px!important}.pm342-capability-rail{margin-bottom:10px!important}.pm342-audience-grid{display:none!important}.pm342-product-stage .pm-home-video-head{padding-bottom:7px!important}.pm342-product-stage .pm-home-video-proof{padding-top:6px!important}
}
@media(prefers-reduced-motion:reduce){.pm342-product-stage,.pm342-flow-grid article,.pm342-core-features .r31-feature-card{transition:none!important}}

/* Consolidated R7 — professional plan-payment methods presentation. */
.pm-payment-methods-section{padding-top:clamp(58px,6vw,86px)!important;padding-bottom:clamp(58px,6vw,86px)!important;background:linear-gradient(180deg,#ffffff 0%,#f6f9fd 100%)}
.pm-payment-methods-heading{max-width:860px!important}.pm-payment-methods-heading p{max-width:820px;line-height:1.65}
.pm-payment-methods-shell{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr);gap:16px;align-items:stretch}
.pm-payment-methods-live,.pm-payment-activation-card{border:1px solid #dbe5f1;border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(15,35,62,.07)}
.pm-payment-methods-live{padding:20px}.pm-payment-methods-label{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:9px;align-items:center;margin-bottom:15px}.pm-payment-methods-label b{font-size:.94rem;color:#102039}.pm-payment-methods-label small{grid-column:2;color:#718198;margin-top:2px}.pm-payment-status-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.11)}
.pm-payment-badge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pm-payment-badge{min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid #e1e8f1;border-radius:15px;background:#fbfdff}.pm-payment-badge b,.pm-payment-badge small{display:block}.pm-payment-badge b{font-size:.84rem;color:#102039}.pm-payment-badge small{margin-top:2px;font-size:.68rem;color:#718198}.pm-payment-badge em{font-style:normal;font-size:.6rem;font-weight:900;letter-spacing:.03em;padding:5px 7px;border-radius:999px;background:#e9f8e8;color:#22743a;white-space:nowrap}
.pm-pay-logo{width:52px;height:36px;display:grid;place-items:center;border-radius:10px;border:1px solid #e1e8f1;background:#fff;font-size:.67rem;font-weight:950;letter-spacing:-.02em;color:#17335d}.pm-pay-logo.qr{color:#d91c45}.pm-pay-logo.maya{background:#05e99b;color:#194a7d;font-size:.7rem}.pm-pay-logo.grab{color:#08a651}.pm-pay-logo.shopee{background:#ee4d2d;color:#fff;font-size:1.05rem}.pm-pay-logo.bpi{color:#9d1d2d}.pm-pay-logo.ubp{background:#ff6b00;color:#fff;font-size:.8rem}.pm-pay-logo.gcash{background:#0d62f7;color:#fff;font-size:1rem}.pm-pay-logo.card{background:#182a70;color:#fff;font-size:.62rem}
.pm-payment-activation-card{padding:20px;display:flex;flex-direction:column}.pm-payment-activation-card h3{margin:5px 0 12px;color:#102039;font-size:1.18rem}.pm-payment-activation-card>p{margin:auto 0 0;padding-top:12px;color:#718198;font-size:.73rem;line-height:1.5}.pm-payment-pending-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-top:1px solid #e6edf5}.pm-payment-pending-row b,.pm-payment-pending-row small{display:block}.pm-payment-pending-row b{color:#1b2b43;font-size:.8rem}.pm-payment-pending-row small{color:#8291a5;font-size:.66rem;margin-top:2px}
.pm-payment-trust-row{width:min(1180px,100%);margin:12px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pm-payment-trust-row span{padding:10px 12px;border:1px solid #dfe8f2;border-radius:12px;background:rgba(255,255,255,.86);color:#53677f;font-size:.7rem;font-weight:800;line-height:1.4}
@media(max-width:900px){.pm-payment-methods-shell{grid-template-columns:1fr}.pm-payment-activation-card{min-height:0}.pm-payment-trust-row{grid-template-columns:1fr 1fr}.pm-payment-trust-row span:last-child{grid-column:1/-1}}
@media(max-width:620px){.pm-payment-methods-section{padding-inline:12px!important}.pm-payment-methods-live,.pm-payment-activation-card{padding:13px;border-radius:17px}.pm-payment-badge-grid{grid-template-columns:1fr}.pm-payment-badge{grid-template-columns:48px minmax(0,1fr) auto;padding:10px}.pm-pay-logo{width:48px}.pm-payment-trust-row{grid-template-columns:1fr}.pm-payment-trust-row span:last-child{grid-column:auto}.pm-payment-methods-label{align-items:start}}