/* Modelo: produto */

.pd-hub-c img.pd-ws-s {
  width: 32% !important;
  margin-bottom: 8px !important;
}

.pd-hub-c img.pd-ws-w {
  width: 62% !important;
  height: auto;
  margin: 0 0 4px !important;
}

.pd-hub-w {
  width: clamp(150px,12.5vw,180px) !important;
}

.pd {
  font-family: 'DM Sans',system-ui,sans-serif;
}

.pd-hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  min-height: clamp(380px,30vw,520px);
  display: flex;
  align-items: center;
  background: radial-gradient(ellipse 45% 90% at 100% 0%,rgba(20,110,110,.35) 0%,rgba(4,27,42,0) 70%),linear-gradient(110deg,#031B2A 0%,#04212F 55%,#05283A 100%);
}

.pd-hero-img {
  width: 60% !important;
}

.pd-hero-in {
  position: relative;
  z-index: 1;
  width: 100%;
  box-sizing: border-box;
  padding: clamp(28px,2.6vw,48px) max(clamp(24px,3.6vw,64px),calc((100% - 1320px)/2));
}

.pd-hero-txt {
  max-width: min(660px,56%);
}

.pd-brand {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px 16px;
  margin: 4px 0 14px;
}

.pd-logo {
  height: clamp(30px,2.4vw,40px);
  width: auto;
  display: block;
}

.pd-logo2 {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pd-logo2 img:first-child {
  height: clamp(40px,3vw,50px);
}

.pd-logo2 img:last-child {
  height: clamp(22px,1.7vw,28px);
}

.pd-tagline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  border-radius: 99px;
  border: 1.5px solid rgba(110,240,220,.4);
  background: rgba(6,40,52,.55);
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .16em;
  color: #fff;
}

.pd-tagline::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #B6E85E;
  box-shadow: 0 0 10px #B6E85E;
}

.pd-hero h1 {
  margin: 0;
  font-family: Manrope,sans-serif;
  font-weight: 800;
  font-size: clamp(2rem,3.2vw,3.6rem);
  line-height: 1.06;
  letter-spacing: -0.04em;
  text-shadow: 0 2px 24px rgba(0,0,0,.35);
}

.pd-hero h1 span {
  color: #B6E85E;
}

.pd-sub-p {
  margin: 16px 0 0;
  font-size: clamp(1.02rem,1.15vw,1.25rem);
  line-height: 1.55;
  color: #CFE0EA;
  max-width: 34em;
}

.pd-chips {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
}

.pd-chips li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px 8px 8px;
  border-radius: 99px;
  border: 1.5px solid rgba(110,240,220,.35);
  background: rgba(6,40,52,.55);
  font-size: 14px;
  font-weight: 600;
  color: #E3ECF0;
}

.pd-chips li span {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #B6E85E;
  color: #061224;
}

.pd-light .pd-chips {
  flex-direction: column;
  align-items: flex-start;
}

.pd-light .pd-chips li {
  background: #fff;
  border-color: #DCEBF3;
  color: #0E2A4A;
  box-shadow: 0 6px 18px rgba(30,90,140,.06);
  border-radius: 14px;
}

.pd-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

@media (max-width:900px) {
  .pd-hero {
    flex-direction: column;
    align-items: stretch;
  }
  .pd-hero-img {
    position: relative !important;
    width: 100% !important;
    height: 240px;
    order: 2;
  }
  .pd-hero-txt {
    max-width: none;
  }
}

.pd-sub {
  position: sticky;
  top: 0;
  z-index: 30;
  background: rgba(3,27,42,.92);
  backdrop-filter: blur(10px);
  border-top: 1px solid rgba(110,240,220,.15);
  border-bottom: 1px solid rgba(110,240,220,.15);
}

.pd-sub-in {
  max-width: 1320px;
  margin: 0 auto;
  display: flex;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 10px clamp(24px,3.6vw,64px);
}

.pd-sub-in::-webkit-scrollbar {
  display: none;
}

.pd-sub a {
  flex: none;
  padding: 8px 14px;
  border-radius: 99px;
  color: #CFE3EC;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  border: 1px solid transparent;
}

.pd-sub a:hover {
  color: #fff;
  border-color: rgba(182,232,94,.5);
  background: rgba(182,232,94,.08);
}

.pd-sec {
  padding: clamp(56px,5vw,100px) clamp(24px,3.6vw,64px);
  scroll-margin-top: 52px;
}

.pd-wrap {
  max-width: 1320px;
  margin: 0 auto;
}

.pd-light {
  background: radial-gradient(ellipse 35% 50% at 0% 0%,rgba(120,200,240,.18) 0%,rgba(240,248,253,0) 70%),linear-gradient(180deg,#F3F9FD 0%,#EEF6FB 100%);
  color: #3A5470;
}

.pd-dark {
  background: radial-gradient(ellipse 45% 60% at 100% 0%,rgba(20,110,110,.28) 0%,rgba(4,27,42,0) 70%),linear-gradient(180deg,#05202D 0%,#04212F 100%);
  color: #BFD0DA;
}

.pd h2 {
  margin: 14px 0 14px;
  font-family: Manrope,sans-serif;
  font-weight: 800;
  font-size: clamp(1.9rem,2.8vw,3.1rem);
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.pd-light h2 {
  color: #0E2A4A;
}

.pd-light h2 span {
  color: #6DB521;
}

.pd-dark h2 {
  color: #fff;
}

.pd-dark h2 span {
  color: #B6E85E;
}

.pd-sec p {
  font-size: clamp(1rem,1.08vw,1.12rem);
  line-height: 1.62;
  margin: 0 0 12px;
}

.pd-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 880px;
  margin: 0 auto clamp(28px,2.6vw,44px);
}

.pd-head.pd-left {
  align-items: flex-start;
  text-align: left;
  margin: 0 0 20px;
  max-width: none;
}

.pd-two {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: clamp(28px,4vw,72px);
  align-items: center;
}

.pd-two.pd-top {
  align-items: start;
}

.pd-two.pd-wide {
  grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr);
}

.pd-two.pd-wide.pd-rev {
  grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr);
}

@media (max-width:980px) {
  .pd-two,
  .pd-two.pd-wide,
  .pd-two.pd-wide.pd-rev {
    grid-template-columns: 1fr;
  }
  .pd-rev > :first-child {
    order: 2;
  }
}

.pd-cards {
  display: grid;
  gap: clamp(14px,1.2vw,22px);
}

.pd-c3 {
  grid-template-columns: repeat(3,minmax(0,1fr));
}

.pd-c2 {
  grid-template-columns: repeat(2,minmax(0,1fr));
}

@media (max-width:980px) {
  .pd-c3 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width:620px) {
  .pd-c3,
  .pd-c2 {
    grid-template-columns: 1fr;
  }
}

.pd-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: clamp(22px,1.8vw,30px);
  border-radius: 20px;
}

.pd-light .pd-card {
  background: #fff;
  border: 1px solid #DCEBF3;
  box-shadow: 0 10px 30px rgba(30,90,140,.06);
}

.pd-dark .pd-card {
  border: 1.5px solid rgba(110,240,220,.28);
  background: linear-gradient(165deg,rgba(10,52,64,.75),rgba(3,26,38,.9));
  box-shadow: inset 0 0 22px rgba(60,220,200,.08);
}

.pd-ic {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  margin-bottom: 4px;
}

.pd-light .pd-ic {
  background: #E3F5EF;
  color: #0E6B57;
}

.pd-dark .pd-ic {
  background: rgba(182,232,94,.12);
  color: #B6E85E;
  border: 1px solid rgba(182,232,94,.3);
}

.pd-card b {
  font-family: Manrope,sans-serif;
  font-size: 1.1rem;
}

.pd-light .pd-card b {
  color: #0E2A4A;
}

.pd-dark .pd-card b {
  color: #fff;
}

.pd-card p {
  margin: 0;
  font-size: .97rem;
  line-height: 1.55;
}

.pd-n {
  position: absolute;
  top: 18px;
  right: 22px;
  font-family: Manrope,sans-serif;
  font-weight: 800;
  font-size: 1.6rem;
}

.pd-light .pd-n {
  color: #E2EEF4;
}

.pd-dark .pd-n {
  color: rgba(110,240,220,.18);
}

.pd-q {
  font-style: normal;
  font-weight: 700;
  font-size: .92rem;
  color: #0E7C66;
  background: #EAF7DA;
  border-radius: 10px;
  padding: 6px 10px;
  align-self: flex-start;
}

.pd-compact .pd-card {
  padding: 18px 20px;
  gap: 4px;
}

.pd-compact .pd-ic {
  width: 42px;
  height: 42px;
  border-radius: 12px;
}

.pd-compact .pd-card b {
  font-size: 1.02rem;
}

.pd-compact .pd-card p {
  font-size: .93rem;
}

.pd-mt {
  margin-top: clamp(28px,2.6vw,44px);
}

.pd-checks {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.pd-checks li {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 16px 18px;
  border-radius: 16px;
}

.pd-dark .pd-checks li {
  border: 1.5px solid rgba(110,240,220,.26);
  background: linear-gradient(165deg,rgba(10,52,64,.7),rgba(3,26,38,.88));
}

.pd-ci {
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(182,232,94,.14);
  color: #B6E85E;
}

.pd-checks b {
  display: block;
  color: #fff;
  font-family: Manrope,sans-serif;
  font-size: 1.05rem;
  margin-bottom: 2px;
}

.pd-checks p {
  margin: 0 !important;
  font-size: .95rem !important;
  color: #BFD0DA;
}

.pd-photo {
  position: relative;
  margin-top: 20px;
  border-radius: 22px;
  overflow: hidden;
  aspect-ratio: 16/10;
  box-shadow: 0 24px 60px rgba(0,0,0,.3);
}

.pd-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.pd-photo-l {
  margin-top: 0;
  overflow: visible;
  aspect-ratio: 4/3;
}

.pd-photo-l img {
  border-radius: 22px;
  box-shadow: 0 24px 60px rgba(5,40,60,.2);
}

.pd-dark .pd-photo {
  border: 1.5px solid rgba(110,240,220,.3);
}

.pd-sim {
  position: absolute;
  right: -14px;
  bottom: -22px;
  width: min(280px,70%);
  padding: 16px 18px;
  border-radius: 18px;
  background: linear-gradient(160deg,#0B3A48,#04212F);
  border: 1.5px solid rgba(110,240,220,.45);
  box-shadow: 0 20px 50px rgba(5,40,60,.35);
  color: #CFE3EC;
  font-size: 14px;
}

.pd-sim small {
  display: block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #5FF0D0;
  margin-bottom: 8px;
}

.pd-sim div {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  border-bottom: 1px dashed rgba(110,240,220,.2);
}

.pd-sim b {
  color: #fff;
}

.pd-sim .pd-sim-r {
  border: 0;
  padding-top: 10px;
}

.pd-sim .pd-sim-r b {
  color: #B6E85E;
  font-size: 1.25rem;
  font-family: Manrope,sans-serif;
}

@media (max-width:620px) {
  .pd-sim {
    right: 8px;
    bottom: -30px;
  }
}

.pd-hub {
  position: relative;
  aspect-ratio: 1.45/1;
  min-height: 360px;
}

.pd-hub-l {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.pd-hub-c {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: clamp(120px,11vw,160px);
  aspect-ratio: 1;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  background: radial-gradient(circle,#0B3A48 0,#04212F 100%);
  border: 2px solid rgba(182,232,94,.6);
  box-shadow: 0 0 0 12px rgba(182,232,94,.1),0 0 60px rgba(182,232,94,.3);
}

.pd-hub-c img {
  width: 40%;
  height: auto;
  margin-bottom: 4px;
}

.pd-hub-c b {
  font-family: Manrope,sans-serif;
  color: #fff;
  font-size: 1rem;
  letter-spacing: .04em;
}

.pd-hub-c small {
  font-size: .75rem;
  color: #B6E85E;
}

.pd-hub-w {
  background: radial-gradient(circle,#fff 0,#EAF5FB 100%);
}

.pd-hub-w b {
  color: #123A8C;
}

.pd-hub-w small {
  color: #3E6E1A;
}

.pd-hub-c img.pd-ws-s {
  width: 44%;
  margin-bottom: 2px;
}

.pd-node {
  position: absolute;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px 10px 10px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #DCEBF3;
  box-shadow: 0 12px 30px rgba(30,90,140,.1);
  width: max-content;
  max-width: 210px;
}

.pd-node > span {
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #E3F5EF;
  color: #0E6B57;
}

.pd-node b {
  display: block;
  font-family: Manrope,sans-serif;
  font-size: .95rem;
  color: #0E2A4A;
  line-height: 1.2;
}

.pd-node small {
  display: block;
  font-size: .8rem;
  color: #5B7590;
  line-height: 1.3;
}

@media (max-width:1180px) {
  .pd-node small {
    display: none;
  }
}

@media (max-width:620px) {
  .pd-hub {
    aspect-ratio: auto;
    min-height: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .pd-hub-l {
    display: none;
  }
  .pd-hub-c {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    grid-column: 1/-1;
    justify-self: center;
    margin-bottom: 8px;
    width: 120px;
  }
  .pd-node {
    position: relative;
    left: auto !important;
    top: auto !important;
    transform: none;
    max-width: none;
    width: auto;
  }
}

.pd-mini {
  margin: 4px 0 10px !important;
  font-size: 12.5px !important;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #0E7C66;
}

.pd-asks {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pd-asks li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 14px 14px 14px 4px;
  background: #fff;
  border: 1px solid #DCEBF3;
  color: #0E2A4A;
  font-weight: 600;
  box-shadow: 0 6px 18px rgba(30,90,140,.06);
}

.pd-asks li svg {
  flex: none;
  color: #6DB521;
}

.pd-note {
  margin: 10px 0 0 !important;
  font-size: .85rem !important;
  color: #6E8597;
}

.pd-dark .pd-note {
  color: #8FA7B5;
}

.pd-shot {
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #DCEBF3;
  box-shadow: 0 30px 70px rgba(5,40,60,.18);
}

.pd-shot img {
  display: block;
  width: 100%;
  height: auto;
}

.pd-band {
  margin-top: clamp(28px,2.6vw,44px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 18px 18px 26px;
  border-radius: 18px;
  border: 1.5px solid rgba(182,232,94,.45);
  background: linear-gradient(135deg,rgba(182,232,94,.12),rgba(31,216,184,.06));
}

.pd-band b {
  font-family: Manrope,sans-serif;
  font-size: clamp(1.05rem,1.3vw,1.3rem);
}

.pd-dark .pd-band b {
  color: #fff;
}

.pd-light .pd-band b {
  color: #0E2A4A;
}

.pd-light .pd-band {
  background: linear-gradient(135deg,#F1FBE6,#E7F7F1);
  border-color: #B9E38A;
}

.pd-panels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(14px,1.6vw,28px);
}

@media (max-width:820px) {
  .pd-panels {
    grid-template-columns: 1fr;
  }
}

.pd-panel {
  padding: clamp(22px,2vw,34px);
  border-radius: 22px;
  background: #fff;
  border: 1px solid #DCEBF3;
  box-shadow: 0 14px 40px rgba(30,90,140,.07);
}

.pd-panel-h {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-bottom: 16px;
  margin-bottom: 6px;
  border-bottom: 1px solid #E6F0F5;
}

.pd-panel-h span {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(160deg,#0B3A48,#05202D);
  color: #B6E85E;
}

.pd-panel-h b {
  font-family: Manrope,sans-serif;
  font-size: 1.4rem;
  color: #0E2A4A;
}

.pd-row {
  display: flex;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px dashed #E6F0F5;
}

.pd-row:last-child {
  border: 0;
}

.pd-row > span {
  flex: none;
  width: 24px;
  height: 24px;
  margin-top: 2px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #B6E85E;
  color: #061224;
}

.pd-row b {
  display: block;
  color: #0E2A4A;
  font-family: Manrope,sans-serif;
}

.pd-row p {
  margin: 0 !important;
  font-size: .95rem !important;
}

.pd-segs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 14px;
}

@media (max-width:1000px) {
  .pd-segs {
    grid-template-columns: repeat(3,1fr);
  }
}

@media (max-width:520px) {
  .pd-segs {
    grid-template-columns: 1fr 1fr;
  }
}

.pd-segs li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 26px 12px;
  border-radius: 20px;
  text-align: center;
  border: 1.5px solid rgba(110,240,220,.28);
  background: linear-gradient(165deg,rgba(10,52,64,.75),rgba(3,26,38,.9));
  color: #fff;
  font-family: Manrope,sans-serif;
  font-weight: 700;
}

.pd-segs li span {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(182,232,94,.12);
  color: #B6E85E;
  border: 1px solid rgba(182,232,94,.35);
}

.pd-final {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: clamp(28px,3.4vw,56px);
  border-radius: 28px;
  border: 1.5px solid rgba(110,240,220,.42);
  background: radial-gradient(ellipse 60% 120% at 100% 0%,rgba(20,110,110,.45) 0%,rgba(4,27,42,0) 70%),linear-gradient(140deg,#0B3442,#04212F);
  box-shadow: 0 30px 70px rgba(5,40,60,.25);
  color: #CFE3EC;
}

.pd-final > div:first-child {
  flex: 1 1 520px;
}

.pd-final h2 {
  color: #fff !important;
  font-size: clamp(1.8rem,2.6vw,2.8rem);
}

.pd-final h2 span {
  color: #B6E85E !important;
}

.pd-final p {
  max-width: 40em;
}

.pd-final-s {
  color: #9FB6C3;
}

.pd-final-b {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 0 1 320px;
}

.pd-final-b a {
  justify-content: center;
}

.pd-final-b small {
  font-size: .85rem;
  color: #8FA7B5;
  text-align: center;
}

.pd-pillars {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: stretch;
  gap: 12px;
}

.pd-pillar {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: clamp(24px,2vw,34px);
  border-radius: 22px;
  background: #fff;
  border: 1px solid #DCEBF3;
  box-shadow: 0 14px 40px rgba(30,90,140,.08);
}

.pd-pillar small {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #0E7C66;
}

.pd-pillar b {
  font-family: Manrope,sans-serif;
  font-size: 1.35rem;
  color: #0E2A4A;
}

.pd-pillar p {
  margin: 0 !important;
}

.pd-pillar:nth-of-type(3) {
  background: linear-gradient(160deg,#0B3A48,#04212F);
  border: 1.5px solid rgba(182,232,94,.5);
  color: #CFE3EC;
}

.pd-pillar:nth-of-type(3) b {
  color: #fff;
}

.pd-pillar:nth-of-type(3) small {
  color: #B6E85E;
}

.pd-pillar:nth-of-type(3) .pd-ic {
  background: rgba(182,232,94,.15);
  color: #B6E85E;
}

.pd-plus {
  align-self: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #B6E85E;
  color: #061224;
  font-weight: 800;
  font-size: 1.5rem;
}

@media (max-width:900px) {
  .pd-pillars {
    grid-template-columns: 1fr;
  }
  .pd-plus {
    justify-self: center;
  }
}

.pd-eq {
  margin-top: 12px;
  display: flex;
  justify-content: center;
  position: relative;
}

.pd-eq::before {
  content: "";
  position: absolute;
  inset: 18% 12% 4%;
  background: radial-gradient(ellipse at center,rgba(182,232,94,.28),rgba(31,216,184,.08) 55%,transparent 72%);
  filter: blur(10px);
}

.pd-eq img {
  position: relative;
  width: min(440px,90%);
  height: auto;
  filter: drop-shadow(0 30px 40px rgba(0,0,0,.45));
}

.pd-hl {
  margin-top: clamp(20px,2vw,32px);
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 20px 24px;
  border-radius: 18px;
  background: linear-gradient(140deg,#0B3442,#04212F);
  border: 1.5px solid rgba(110,240,220,.42);
  color: #CFE3EC;
}

.pd-hl > span {
  flex: none;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #B6E85E;
  color: #061224;
}

.pd-hl b {
  display: block;
  color: #fff;
  font-family: Manrope,sans-serif;
  font-size: 1.15rem;
}

.pd-hl p {
  margin: 2px 0 0 !important;
}

.pd-chat {
  border-radius: 22px;
  overflow: hidden;
  background: #F7FBFD;
  border: 1.5px solid rgba(110,240,220,.45);
  box-shadow: 0 0 0 8px rgba(182,232,94,.06),0 30px 70px rgba(0,0,0,.4);
}

.pd-chat-h {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  background: linear-gradient(160deg,#0B3A48,#05202D);
  color: #fff;
}

.pd-chat-h img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.pd-chat-h b {
  display: block;
  font-family: Manrope,sans-serif;
}

.pd-chat-h small {
  color: #9FC7D2;
  font-size: .82rem;
}

.pd-on {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .8rem;
  color: #B6E85E;
}

.pd-on::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #B6E85E;
  box-shadow: 0 0 8px #B6E85E;
}

.pd-chat-b {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
}

.pd-msg {
  max-width: 86%;
  padding: 12px 16px;
  font-size: .97rem;
  line-height: 1.5;
}

.pd-me {
  align-self: flex-end;
  border-radius: 16px 16px 4px 16px;
  background: #0E6B57;
  color: #fff;
  font-weight: 600;
}

.pd-bot {
  align-self: flex-start;
  border-radius: 16px 16px 16px 4px;
  background: #fff;
  border: 1px solid #DCEBF3;
  color: #26425C;
}

.pd-bot-n {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
  font-size: .78rem;
  font-weight: 800;
  color: #0E7C66;
}

.pd-bot-n img {
  width: 18px;
  height: 18px;
}

.pd-chat-in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 20px 20px;
  padding: 10px 10px 10px 16px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #DCEBF3;
  color: #8AA0B0;
  font-size: .92rem;
}

.pd-chat-in i {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #B6E85E;
  color: #061224;
}

.pd-segp {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: clamp(14px,1.2vw,22px);
}

@media (max-width:1000px) {
  .pd-segp {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width:560px) {
  .pd-segp {
    grid-template-columns: 1fr;
  }
}

.pd-segc {
  border-radius: 20px;
  overflow: hidden;
  border: 1.5px solid rgba(110,240,220,.28);
  background: linear-gradient(165deg,rgba(10,52,64,.75),rgba(3,26,38,.9));
}

.pd-segi {
  aspect-ratio: 16/10;
  overflow: hidden;
}

.pd-segi img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s;
}

.pd-segc:hover .pd-segi img {
  transform: scale(1.05);
}

.pd-segt {
  padding: 18px 20px 22px;
}

.pd-segt b {
  display: block;
  color: #fff;
  font-family: Manrope,sans-serif;
  font-size: 1.08rem;
  margin-bottom: 6px;
}

.pd-segt p {
  margin: 0 !important;
  font-size: .95rem !important;
}

.pd-also {
  text-align: center;
  margin-top: 24px !important;
  color: #9FB6C3;
}

.pd-faq {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pd-faq details {
  border-radius: 16px;
  border: 1.5px solid rgba(110,240,220,.26);
  background: linear-gradient(165deg,rgba(10,52,64,.7),rgba(3,26,38,.88));
  overflow: hidden;
}

.pd-faq details[open] {
  border-color: rgba(182,232,94,.5);
}

.pd-faq summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  color: #fff;
  font-family: Manrope,sans-serif;
  font-weight: 700;
  font-size: 1.05rem;
}

.pd-faq summary::-webkit-details-marker {
  display: none;
}

.pd-faq summary i {
  flex: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(182,232,94,.15);
  position: relative;
}

.pd-faq summary i::before,
.pd-faq summary i::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 2px;
  background: #B6E85E;
  transform: translate(-50%,-50%);
}

.pd-faq summary i::after {
  transform: translate(-50%,-50%) rotate(90deg);
  transition: transform .2s;
}

.pd-faq details[open] summary i::after {
  transform: translate(-50%,-50%) rotate(0);
}

.pd-faq details p {
  margin: 0 !important;
  padding: 0 20px 18px;
  color: #BFD0DA;
}

.pd-hero {
  min-height: clamp(320px,26vw,440px);
}

.pd-hero-in {
  padding-top: clamp(22px,2vw,36px);
  padding-bottom: clamp(24px,2.2vw,40px);
}

.pd-hero-txt {
  max-width: min(720px,58%);
}

.pd-brand {
  margin: 0 0 10px;
}

.pd-hero h1 {
  font-size: clamp(1.9rem,2.7vw,3.1rem);
}

.pd-sub-p {
  max-width: 38em;
  margin-top: 12px;
  font-size: clamp(1rem,1.05vw,1.15rem);
  line-height: 1.5;
}

.pd-hero .pd-chips {
  margin-top: 14px;
  gap: 6px 8px;
}

.pd-hero .pd-chips li {
  padding: 6px 12px 6px 6px;
  font-size: 13px;
}

.pd-hero .pd-chips li span {
  width: 20px;
  height: 20px;
}

.pd-ctas {
  margin-top: 18px;
}

@media (max-width:900px) {
  .pd-hero-txt {
    max-width: none;
  }
}

.pd-photo,
.pv-mob {
  aspect-ratio: 3/2 !important;
}

.pd-photo img {
  object-fit: contain !important;
  background: #0A1B26;
}

.pd-photo-l {
  aspect-ratio: 3/2 !important;
}

.pd-photo-l img {
  object-fit: cover;
}

.pd-segi {
  aspect-ratio: 3/2 !important;
  background: #0A1B26;
}

.pd-video {
  max-width: 980px;
  margin: 0 auto;
  padding: clamp(10px,1vw,16px);
  border-radius: 26px;
  background: linear-gradient(160deg,#0B3A48,#04212F);
  border: 1.5px solid rgba(110,240,220,.42);
  box-shadow: 0 0 0 8px rgba(182,232,94,.06),0 30px 70px rgba(5,40,60,.25);
}

.pd-video-h {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px 8px 4px;
}

.pd-video-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #B6E85E;
  box-shadow: 0 0 10px #B6E85E;
}

.pd-video-h b {
  color: #fff;
  font-family: Manrope,sans-serif;
  font-size: clamp(1.05rem,1.2vw,1.25rem);
}

.pd-video-h small {
  color: #9FC7D2;
  font-size: .9rem;
}

.pd-video-l {
  margin-left: auto;
  color: #B6E85E;
  font-size: .9rem;
  font-weight: 700;
  text-decoration: none;
}

.pd-video-l:hover {
  text-decoration: underline;
}

.pd-video-f {
  position: relative;
  padding-top: 56.25%;
  border-radius: 16px;
  overflow: hidden;
  background: #021620;
}

.pd-video-f iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.pd-vsec {
  padding-top: clamp(44px,4vw,72px) !important;
}

.pd-vsec .pd-head p {
  margin-top: 14px !important;
}

@media (max-width:900px) {
  .pd-hub-w {
    width: 150px !important;
  }
}

.pd-sub a.on {
  color: #B6E85E;
  border-color: rgba(182,232,94,.55);
  background: rgba(182,232,94,.1);
}

.pd-dark .pd-final {
  border-color: rgba(182,232,94,.45);
}

.pd em,
.lc-r em {
  font-style: normal;
}

.pd-final-b small {
  order: 3;
}

.pd-sub {
  top: var(--cw-hh,92px) !important;
}

.pd-sec,
.cw-page [id] {
  scroll-margin-top: calc(var(--cw-hh,92px) + 60px);
}

.pd-sub {
  top: calc(var(--cw-tb,38px) + var(--cw-hh,92px)) !important;
}

.pd-sec,
.cw-page [id] {
  scroll-margin-top: calc(var(--cw-tb,38px) + var(--cw-hh,92px) + 60px) !important;
}

.pd-dark .so-tag {
  color: #fff;
}

.pd-dark .so-tag span {
  color: #B6E85E;
}

.pd-c4,
.so-c4 {
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
}

@media (max-width:1000px) {
  .so-c4 {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width:560px) {
  .so-c4 {
    grid-template-columns: 1fr !important;
  }
}

.so-tag {
  margin: clamp(22px,2vw,32px) 0 0 !important;
  text-align: center;
  font-family: Manrope,sans-serif;
  font-weight: 800;
  font-size: clamp(1.1rem,1.4vw,1.4rem) !important;
  color: #0E2A4A;
}

.so-tag span {
  color: #6DB521;
}

.cw-page.pd .pd-sec {
  padding-top: clamp(40px,3.6vw,64px);
  padding-bottom: clamp(40px,3.6vw,64px);
}

.cw-page.pd .pd-head {
  margin-bottom: clamp(20px,2vw,30px);
}

.cw-page.pd .pd-head {
  max-width: 1000px;
}

.cw-page.pd .pd-head h2 {
  line-height: 1.1;
}

.cw-page.pd .pd-cards {
  gap: clamp(12px,1.2vw,18px);
}

.cw-page.pd .pd-cards:not(.so-ben) .pd-card {
  display: grid;
  grid-template-columns: 52px 1fr;
  column-gap: 16px;
  row-gap: 3px;
  align-items: center;
  padding: 18px 20px;
  min-height: 0;
}

.cw-page.pd .pd-cards:not(.so-ben) .pd-card .pd-ic {
  grid-row: 1/span 3;
  align-self: center;
  width: 52px;
  height: 52px;
  margin: 0;
}

.cw-page.pd .pd-cards:not(.so-ben) .pd-card b {
  margin: 0;
  align-self: end;
  font-size: 1.06rem;
}

.cw-page.pd .pd-cards:not(.so-ben) .pd-card p {
  margin: 0;
  align-self: start;
  font-size: .92rem;
  line-height: 1.45;
}

.cw-page.pd .pd-cards:not(.so-ben) .pd-card:has(.pd-n) {
  padding-right: 58px;
}

.cw-page.pd .pd-cards:not(.so-ben) .pd-card .pd-n {
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.4rem;
}

.cw-page.pd .pd-band {
  margin-top: clamp(18px,1.8vw,26px);
}

.cw-page.pd .pd-two {
  gap: clamp(24px,3vw,56px);
}