/* ===== SECTION 1 PRESETS ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
 
:root {
  --s1-bg: #0d0c0b;
  --s1-bg2: #111110;
  --s1-orange: #c97238;
  --s1-orange-light: #e07840;
  --s1-text: #f0ece6;
  --s1-text-muted: #8a8a8e;
  --s1-text-dim: #8a8a8e;
  --s1-border: rgba(200,180,150,0.10);
  --s1-green: #3fc87a;
  --s1-red: #e05050;
  --s1-card-bg: rgba(30,26,22,0.85);
  --s1-ticker-bg: #111110;
  --s1-font-head: 'DM Serif Display', 'Playfair Display', Georgia, serif;
  --s1-font-body: 'Inter', sans-serif;
  --s1-nav-h: 64px;
  --s1-ticker-h: 36px;
  --s1-radius: 10px;
  --s1-radius-sm: 6px;
}
 
/* ===== FULL PAGE BG WRAPPER ===== */
.s1-page-wrap {
  position: relative;
  min-height: 100vh;
  background-color: #0a0907;
  overflow: hidden;
}
.s1-page-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.s1-page-bg img {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  object-fit: cover;
  object-position: center center;
  opacity: 1;
  display: block;
  filter: brightness(0.85);
}
.s1-page-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  /* background: linear-gradient(
    100deg,
    rgba(6,5,4,0.90) 0%,
    rgba(6,5,4,0.72) 32%,
    rgba(6,5,4,0.22) 62%,
    rgba(6,5,4,0.04) 100%
  ); */
}
/* Ticker & Nav sit above bg */
.s1-ticker, .s1-nav, .s1-drawer, .s1-drawer-overlay {
  position: relative;
  z-index: 200;
}
.s1-ticker { position: sticky; top: 0; z-index: 300; background: rgba(8,7,5,0.55); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid var(--s1-border); height: var(--s1-ticker-h); display: flex; align-items: center; overflow: hidden; white-space: nowrap; }
.s1-nav { position: sticky; top: var(--s1-ticker-h); z-index: 200; background: rgba(8,7,5,0.45); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
 
 
.s1-ticker-inner {
  background: var(--s1-ticker-bg);
  border-bottom: 1px solid var(--s1-border);
  height: var(--s1-ticker-h);
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
}
.s1-ticker__live {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 16px;
  font-family: var(--s1-font-body);
  font-size: 11px;
  font-weight: 500;
  color: var(--s1-text);
  letter-spacing: 0.06em;
  flex-shrink: 0;
  border-right: 1px solid var(--s1-border);
  background: #070605;
  z-index: 1;
}
.s1-ticker__dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #e05050;
  box-shadow: 0 0 6px #e05050;
  animation: s1-pulse 1.4s ease-in-out infinite;
}
@keyframes s1-pulse {
  0%,100%{ opacity:1; } 50%{ opacity:0.4; }
}
.s1-ticker__scroll {
  display: flex;
  gap: 36px;
  animation: s1-scroll 35s linear infinite;
  padding-left: 24px;
}
@keyframes s1-scroll {
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-50%); }
}
.s1-ticker__item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--s1-font-body);
  font-size: 12px;
  color: var(--s1-text-muted);
}
.s1-ticker__sym { color: var(--s1-text); font-weight: 500; }
.s1-ticker__price { color: var(--s1-text); font-weight: 500; }
.s1-ticker__chg.up { color: var(--s1-green); }
.s1-ticker__chg.dn { color: var(--s1-red); }
 
/* ===== NAV ===== */
.s1-nav {
  position: sticky;
  top: var(--s1-ticker-h);
  z-index: 100;
  background: rgba(13,12,11,0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--s1-border);
  height: var(--s1-nav-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px;
}
.s1-nav span{
    display: flex;
}
.s1-nav__hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 6px;
  z-index: 310;
}
.s1-nav__hamburger span {
  display: block;
  width: 22px; height: 2px;
  background: var(--s1-text);
  border-radius: 2px;
  transition: all 0.3s;
}
.s1-nav__hamburger.open span:nth-child(1){ transform: translateY(7px) rotate(45deg); }
.s1-nav__hamburger.open span:nth-child(2){ opacity:0; }
.s1-nav__hamburger.open span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }
.s1-nav__logo {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.s1-nav__logo-img {
  display: block;
  height: 32px;
  width: auto;
  max-width: min(200px, 45vw);
  object-fit: contain;
  object-position: left center;
}
.s1-nav__links {
  display: flex;
  align-items: center;
  gap: 4px;
  list-style: none;
}
.s1-nav__links a {
  font-family: var(--s1-font-body);
  font-size: 13.5px;
  font-weight: 400;
  color: white;
  text-decoration: none;
  padding: 6px 14px;
  border-radius: var(--s1-radius-sm);
  transition: color 0.2s;
  display: flex;
  align-items: center;
  gap: 4px;
}
.s1-nav__links a:hover { color: var(--s1-text); }
.s1-nav__links a .s1-caret {
  font-size: 10px;
  opacity: 0.6;
}
.s1-nav__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.s1-btn-ghost {
  font-family: var(--s1-font-body);
  font-size: 13.5px;
  font-weight: 400;
  color: white;
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px 10px;
  text-decoration: none;
  transition: color 0.2s;
}
.s1-btn-ghost:hover{ color: var(--s1-text); }
.s1-btn-outline-orange {
  font-family: var(--s1-font-body);
  font-size: 13px;
  font-weight: 500;
  color: var(--s1-orange-light);
  background: none;
  border: 1.5px solid var(--s1-orange);
  border-radius: var(--s1-radius-sm);
  padding: 11px 15px;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}
.s1-btn-outline-orange:hover {
  background: var(--s1-orange);
  color: #fff;
}
 
/* ===== DRAWER ===== */
.s1-drawer-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  z-index: 290;
}
.s1-drawer-overlay.open{ display: block; }
.s1-drawer {
  position: fixed;
  top: 0; left: 0;
  width: 270px; height: 100vh;
  background: #131210;
  border-right: 1px solid var(--s1-border);
  z-index: 300;
  padding: 24px 20px;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.s1-drawer.open{ transform: translateX(0); }
.s1-drawer a {
  display: block;
  font-family: var(--s1-font-body);
  font-size: 15px;
  font-weight: 400;
  color: var(--s1-text-muted);
  text-decoration: none;
  padding: 11px 12px;
  border-radius: var(--s1-radius-sm);
  border-bottom: 1px solid var(--s1-border);
  transition: color 0.2s;
}
.s1-drawer a:hover{ color: var(--s1-text); }
.s1-drawer-actions {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
 
/* ===== HERO ===== */
.s1-hero {
  position: relative;
  min-height: calc(100vh - var(--s1-ticker-h) - var(--s1-nav-h));
  background: transparent;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: 1;
}
.s1-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.s1-hero__bg img {
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.45;
}
.s1-hero__bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(13,12,11,0.97) 0%,
    rgba(13,12,11,0.85) 40%,
    rgba(13,12,11,0.30) 70%,
    rgba(13,12,11,0.10) 100%
  );
}
.s1-hero__inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 64px 40px 17px;
  flex: 1;
  gap: 32px;
}
.s1-hero__left {
  flex: 0 0 auto;
  max-width: 45%;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.s1-hero__tag {
  font-family: var(--s1-font-body);
  font-size: 11px;
  font-weight: 500;
  color: var(--s1-orange);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.s1-hero__heading {
  font-family: var(--s1-font-head);
  font-size: clamp(36px, 4.5vw, 48px);
  font-weight: 400;
  line-height: 1.08;
  color: var(--s1-text);
  margin-bottom: 20px;
  letter-spacing: -0.01em;
}
.s1-hero__desc {
  font-family: var(--s1-font-body);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.65;
  color: var(--s1-text-muted);
  margin-bottom: 20px;
  max-width: 430px;
}
.s1-hero__btns {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.s1-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--s1-font-body);
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background: var(--s1-orange);
  border: 2px solid var(--s1-orange);
  border-radius: var(--s1-radius-sm);
  padding: 13px 28px;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.2s, transform 0.15s;
  letter-spacing: 0.01em;
}
.s1-btn-primary:hover{ background: var(--s1-orange-light); transform: translateY(-1px); }
.s1-btn-primary svg { width:16px; height:16px; }
.s1-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--s1-font-body);
  font-size: 14px;
  font-weight: 500;
  color: var(--s1-text);
  background: transparent;
  border: 1.5px solid rgba(200,180,150,0.25);
  border-radius: var(--s1-radius-sm);
  padding: 13px 24px;
  cursor: pointer;
  text-decoration: none;
  transition: border-color 0.2s, background 0.2s;
}
.s1-btn-secondary:hover{ border-color: rgba(200,180,150,0.5); background: rgba(255,255,255,0.04); }
.s1-btn-secondary svg { width:16px; height:16px; }
 
/* Stars & reviews */
.s1-hero__stars {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
}
.s1-stars-row {
  display: flex;
  gap: 3px;
}
.s1-star {
  color: #1f744b;
  font-size: 18px;
  line-height: 1;
}
.s1-star.half { position:relative; display:inline-block; }
.s1-hero__rating {
  font-family: var(--s1-font-body);
  font-size: 13px;
  font-weight: 400;
  color: var(--s1-text-muted);
}
.s1-hero__rating strong {
  color: var(--s1-text);
  font-weight: 500;
}
 
/* Testimonial card */
.s1-hero__testimonial {
  background: #131312;
  border: 1px solid var(--s1-border);
  border-radius: var(--s1-radius);
  padding: 22px 22px 22px 22px;
  display: flex;
  gap: 18px;
  align-items: flex-start;
  backdrop-filter: blur(8px);
  max-width: 63%;
}
.s1-hero__avatar {
      width: 25%;
    height: 25%;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid rgba(200,140,60,0.25);
  background: #2a2520;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  overflow: hidden;
}
.s1-hero__avatar img {
  width:100%; height:100%; object-fit:cover; border-radius:50%;
}
.s1-hero__quote-block {}
.s1-hero__quote {
  font-family: var(--s1-font-body);
  font-size: 13.5px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--s1-text-muted);
  margin-bottom: 12px;
}
.s1-hero__cite {
  font-family: var(--s1-font-body);
  font-size: 13px;
}
.s1-hero__cite-name {
  color: var(--s1-orange-light);
  font-weight: 500;
  display: block;
  margin-bottom: 1px;
}
.s1-hero__cite-title {
  color: var(--s1-text-dim);
  font-size: 12px;
  font-weight: 400;
}
 
/* ===== STATS BAR ===== */
.s1-stats {
  position: relative;
  z-index: 1;
  background: rgba(8,7,5,0.60);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-top: 1px solid var(--s1-border);
  border-bottom: 1px solid var(--s1-border);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
   padding: 28px 32px;
}
.s1-stats__item {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 0px 32px;
  border-right: 1px solid var(--s1-border);
}
.s1-stats__item:last-child { border-right: none; }
.s1-stats__icon {
  width: 38px; height: 38px;
  flex-shrink: 0;
  color: var(--s1-orange);
  display: flex;
  align-items: center;
  justify-content: center;
}
.s1-stats__icon svg { width:32px; height:32px; }
.s1-stats__num {
  font-family: sans-serif;
  font-size: 21px;
  font-weight: 400;
  color: var(--s1-text);
  line-height: 1;
  margin-bottom: 4px;
}
.s1-stats__label {
  font-family: var(--s1-font-body);
  font-size: 12.5px;
  color: var(--s1-text-dim);
  font-weight: 400;
}
 
/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
  .s1-nav { padding: 0 24px; }
  .s1-hero__inner { padding: 48px 24px 17px; padding: 20px 18px; }
  .s1-stats__item { padding: 0px 18px; gap: 12px; }
  .s1-stats__num { font-size: 22px; }
}
@media (max-width: 768px) {
  /* Nav mobile */
  .s1-nav { padding: 0 16px; position: sticky; justify-content: space-between; }
  .s1-nav__links, .s1-nav__actions { display: none; }
  .s1-nav__hamburger { display: flex; order: -1; }
  .s1-nav__logo { position: absolute; left: 50%; transform: translateX(-50%); }
  .s1-nav__sub { display: none; }
  /* Hero */
  .s1-hero__inner { padding: 40px 16px 36px; flex-direction: column; align-items: flex-start; }
  .s1-hero__left { max-width: 100%; }
  .s1-hero__bg::after {
    background: linear-gradient(
      to bottom,
      rgba(13,12,11,0.92) 0%,
      rgba(13,12,11,0.80) 60%,
      rgba(13,12,11,0.70) 100%
    );
  }
  .s1-hero__heading { font-size: 34px; }
  .s1-hero__desc { font-size: 14px; }
  .s1-hero__btns { flex-direction: column; align-items: flex-start; }
  .s1-btn-primary, .s1-btn-secondary { width: 100%; justify-content: center; }
  .s1-hero__testimonial { max-width: 100%; }
  /* Stats */
  .s1-stats { grid-template-columns: repeat(2,1fr);  padding: 18px 16px;}
  .s1-stats__item { padding: 0px 16px; border-right: 1px solid var(--s1-border); border-bottom: 1px solid var(--s1-border); }
  .s1-stats__item:nth-child(2){ border-right:none; }
  .s1-stats__item:nth-child(3){ border-bottom:none; }
  .s1-stats__item:last-child{ border-right:none; border-bottom:none; }
}
@media (max-width: 480px) {
  .s1-hero__heading { font-size: 28px; }
  .s1-stats { grid-template-columns: repeat(2,1fr); }
}

/* section2 start  */
   /* ============================================
           SECTION 2 CSS - PRIME TERMINAL DESIGN
           ============================================ */

        /* --- SCOPED COMPONENT PRESETS --- */
        .pmt-overview-section {
            --pmt-bg-color: #0b0b0b;
            --pmt-text-main: #ffffff;
            --pmt-text-muted: #8a8a8e;
            --pmt-accent-orange: #d97a5c; /* Bronze/Orange brand color asset */
            --pmt-accent-green: #10b981;
            --pmt-border-color: #1c1c1e;
            
            background-color: var(--pmt-bg-color);
            color: var(--pmt-text-main);
            font-family: 'Inter', sans-serif;
            padding: 80px 4%;
            box-sizing: border-box;
            overflow: hidden;
        }

        .pmt-overview-section * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        /* --- MAIN LAYOUT GRID --- */
        .pmt-container {
            max-width: 1400px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 35% 2fr; /* Matched asymmetry from the reference image */
            gap: 60px;
            align-items: start;
        }

        /* --- LEFT COLUMN: CONTENT & FEATURES --- */
        .pmt-left-content {
            display: flex;
            flex-direction: column;
        }

        .pmt-tagline {
            color: var(--pmt-accent-orange);
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 500;
            margin-bottom: 10px;
        }

        .pmt-main-heading {
            font-family: 'DM Serif Display', 'Playfair Display', Georgia, serif;
            font-size: 3rem;
            font-weight: 400;
            line-height: 1.1;
            margin-bottom: 12px;
        }

        .pmt-main-heading span.italic-text {
            font-style: italic;
        }

        .pmt-description {
            color: var(--pmt-text-muted);
            font-size: 1.02rem;
            line-height: 1.4;
            margin-bottom: 25px;
            font-weight: 300;
        }

        /* Feature List Styling */
        .pmt-features-list {
            display: flex;
            flex-direction: column;
            gap: 20px;
            margin-bottom: 30px;
        }

        .pmt-feature-item {
            display: flex;
            gap: 20px;
            align-items: flex-start;
        }

        .pmt-icon-box {
            border: 1px solid var(--pmt-border-color);
            border-radius: 8px;
            padding: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 44px;
            height: 44px;
            color: var(--pmt-accent-orange);
            font-size: 1.1rem;
            background: linear-gradient(145deg, #161618, #0e0e10);
        }

        .pmt-feature-text h3 {
            font-size: 1rem;
            font-weight: 300;
            margin-bottom: 6px;
            color: var(--pmt-text-main);
        }

        .pmt-feature-text p {
            color: var(--pmt-text-muted);
            font-size: 0.9rem;
            line-height: 1.4;
            font-weight: 300;
        }

        /* Status Pill Bar */
        .pmt-status-bar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            border: 1px solid var(--pmt-border-color);
            border-radius: 6px;
            padding: 14px 20px;
            background-color: #111112;
            max-width: 77%;
        }

        .pmt-status-left {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 0.8rem;
            font-weight: 300;
        }

        .pmt-pulse-dot {
            width: 10px;
            height: 10px;
            background-color: var(--pmt-accent-green);
            border-radius: 50%;
            box-shadow: 0 0 10px var(--pmt-accent-green);
        }

        .pmt-status-arrow {
            color: var(--pmt-text-muted);
            font-size: 0.8rem;
        }

        /* --- RIGHT COLUMN: INTERACTIVE DASHBOARD CONTAINER --- */
        .pmt-right-column {
            display: flex;
            flex-direction: column;
            width: 100%;
        }

        .pmt-terminal-wrapper {
            width: 100%;
            border-radius: 8px;
            border: 1px solid #232325;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8);
            overflow: hidden;
            background-color: #0d0d0f;
        }

        .pmt-terminal-image {
            width: 100%;
            height: auto;
            display: block;
            object-fit: cover;
        }

        /* --- METRICS ROW RIGHT BELOW THE ASSIGNED DISPLAY IMAGE --- */
        .pmt-bottom-metrics {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 16px;
            padding-top: 32px;
            margin-top: 8px;
            width: 100%;
        }

        .pmt-metric-card {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .pmt-metric-icon {
            color: var(--pmt-accent-orange);
            font-size: 1.3rem; 
            display: flex;
            align-items: center;
            justify-content: center;
            width: 24px;
        }

        .pmt-metric-content {
            display: flex;
            flex-direction: column;
            gap: 2px;
        }

        .pmt-metric-title {
            font-size: 0.8rem;
            font-weight: 400;
            color: var(--pmt-text-main);
            line-height: 1.2;
        }

        .pmt-metric-desc {
            color: var(--pmt-text-muted);
            font-size: 0.70rem;
            font-weight: 300;
            line-height: 1.2;
        }


        /* --- RESPONSIVE MEDIA QUERIES --- */

        /* Tablet View (Max 1024px) */
        @media (max-width: 1024px) {
            .pmt-container {
                grid-template-columns: 1fr;
                gap: 50px;
            }

            .pmt-main-heading {
                font-size: 2.5rem;
            }

            .pmt-bottom-metrics {
                grid-template-columns: repeat(2, 1fr);
                gap: 24px;
                padding-top: 24px;
            }
        }

        /* Mobile View (Max 500px) */
        @media (max-width: 500px) {
            .pmt-overview-section {
                padding: 50px 20px;
            }

            .pmt-main-heading {
                font-size: 2rem;
            }

            .pmt-bottom-metrics {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .pmt-status-bar {
                max-width: 100%;
            }
        }







        /* section 3 css */

        /* --- SCOPED PREFIX PRESETS TO PREVENT CSS CONFLICTS --- */
        .pmt-sec3-wrapper {
            --bg-dark: #0a0a0b;
            --text-white: #ffffff;
            --text-gray: #8e8e93;
            --accent-bronze: #d97706; /* Core branding orange/bronze */
            --card-border: rgba(255, 255, 255, 0.05);
            --card-bg: rgba(20, 20, 22, 0.65);
            
            background-color: var(--bg-dark);
            color: var(--text-white);
            font-family: 'Inter', sans-serif;
            padding: 50px 4% 60px 4%;
            box-sizing: border-box;
            position: relative;
            overflow: hidden;
        }

        .pmt-sec3-wrapper * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        /* --- SPLIT HERO CONTAINER with Image Blend --- */
        .pmt-sec3-hero {
            max-width: 1400px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1.2fr 1fr;
            gap: 40px;
            align-items: center;
            position: relative;
        }

        /* Left side content spacing */
        .pmt-sec3-header-content {
            z-index: 2;
            /* padding-right: 20px; */
        }

        .pmt-sec3-tagline {
            color: var(--accent-bronze);
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 500;
            margin-bottom: 20px;
            display: inline-block;
        }

        .pmt-sec3-title {
            font-family: 'DM Serif Display', 'Playfair Display', Georgia, serif;
            font-size: 3.5rem;
            font-weight: 400;
            line-height: 1.15;
            margin-bottom: 28px;
            letter-spacing: -0.5px;
        }

        .pmt-sec3-desc {
            color: var(--text-gray);
            font-size: 1.15rem;
            line-height: 1.6;
            font-weight: 300;
            max-width: 520px;
        }

        .pmt-sec3-desc span {
            display: block;
            margin-top: 1px;
        }

        /* Right side asset image wrapper with gradient fade/merge mask */
        .pmt-sec3-image-area {
            position: relative;
            width: 100%;
            height: 420px;
            display: flex;
            justify-content: flex-end;
        }

        .pmt-sec3-bg-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 4px;
            opacity: 0.85;
            /* Creates the seamless dark fade/merge into the left background */
            mask-image: linear-gradient(to left, rgba(0,0,0,1) 65%, rgba(0,0,0,0) 100%);
            -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,1) 65%, rgba(0,0,0,0) 100%);
        }

        /* --- 4 CORE FEATURE BOXES GRID --- */
        .pmt-sec3-grid {
            max-width: 1400px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
            /* margin-bottom: 60px; */
            position: relative;
            z-index: 2;
            margin-top: -42px;
        }

        .pmt-sec3-card {
            background: #131312;
            border: 1px solid var(--card-border);
            border-radius: 12px;
            padding: 36px 28px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            min-height: 290px;
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
            cursor: pointer;
            text-decoration: none;
            color: inherit;
            box-sizing: border-box;
        }

        .pmt-sec3-card:hover {
            transform: translateY(-5px);
            border-color: rgba(217, 119, 6, 0.3);
            background: rgba(25, 25, 28, 0.85);
            box-shadow: 0 20px 40px rgba(0,0,0,0.5);
        }

        /* Spherical orb container around icons */
        .pmt-sec3-icon-orb {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background: radial-gradient(circle at 35% 35%, rgba(45, 45, 50, 0.8) 0%, rgba(20, 20, 22, 1) 100%);
            box-shadow: inset 0 1px 3px rgba(255,255,255,0.1), 0 4px 12px rgba(0,0,0,0.4);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--accent-bronze);
            font-size: 1.25rem;
            margin-bottom: 32px;
            border: 1px solid rgba(255,255,255,0.03);
        }

        .pmt-sec3-card-title {
            font-size: 1.2rem;
            font-weight: 400;
            color: var(--text-white);
            margin-bottom: 12px;
            letter-spacing: -0.3px;
        }

        .pmt-sec3-card-desc {
            color: var(--text-gray);
            font-size: 0.92rem;
            line-height: 1.5;
            font-weight: 300;
            margin-bottom: 10px;
        }

        /* Subtle functional bottom arrow link */
        .pmt-sec3-arrow-link {
            color: var(--accent-bronze);
            font-size: 1rem;
            display: inline-block;
            transition: transform 0.3s ease;
            margin-top: auto;
        }

        .pmt-sec3-card:hover .pmt-sec3-arrow-link {
            transform: translateX(4px);
        }

        /* --- FOOTER STATEMENT STATEMENT --- */
        .pmt-sec3-footer {
            max-width: 1400px;
            margin: 0 auto;
            border-top: 1px solid rgba(255, 255, 255, 0.05);
            padding-top: 28px;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 12px;
            color: var(--text-gray);
            font-size: 0.88rem;
            font-weight: 400;
        }

        .pmt-sec3-footer-icon {
            color: var(--accent-bronze);
            font-size: 1rem;
        }


        /* --- EXACT RESPONSIVE BREAKPOINTS --- */

        /* Tablet View (Max 1100px) */
        @media (max-width: 1100px) {
            .pmt-sec3-hero {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .pmt-sec3-image-area {
                height: 300px;
                order: -1; /* Pushes imagery to top on tablet display layouts */
            }

            .pmt-sec3-bg-img {
                mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
                -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
            }

            .pmt-sec3-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
            }
            
            .pmt-sec3-title {
                font-size: 2.8rem;
            }
        }

        /* Mobile View (Max 650px) */
        @media (max-width: 650px) {
            .pmt-sec3-wrapper {
                padding: 60px 24px;
            }

            .pmt-sec3-title {
                font-size: 2.2rem;
            }

            .pmt-sec3-grid {
                grid-template-columns: 1fr;
                gap: 16px;
            }

            .pmt-sec3-card {
                min-height: auto;
                padding: 28px 24px;
            }

            .pmt-sec3-image-area {
                height: 220px;
            }

            .pmt-sec3-footer {
                text-align: center;
                line-height: 1.4;
            }
            .pmt-sec3-desc{
                font-size: 0.9rem;
                line-height: 1.4;
                font-weight: 300;
            }
            .pmt-sec3-grid{
               margin-top: 25px;
            }
        }




        /* section 4  css start */
        /* --- SCOPED COMPONENT PRESETS FOR SECTION 4 --- */
        .pmt-sec4-body {
            --bg-deep-black: #080809;
            --card-surface: #111113;
            --terminal-surface: #161619;
            --text-pure-white: #ffffff;
            --text-slate-gray: #8e8e93;
            --brand-bronze: #d97706;
            --indicator-green: #10b981;
            --indicator-red: #ef4444;
            --border-dim: #222225;
            
            background-color: var(--bg-deep-black);
            color: var(--text-pure-white);
            font-family: 'Inter', sans-serif;
            padding: 90px 4%;
            box-sizing: border-box;
        }

        .pmt-sec4-body * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        .pmt-sec4-container {
            max-width: 1400px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        /* --- INTRO TOP HEADER CONTAINER --- */
        .pmt-sec4-header-row {
            display: grid;
            grid-template-columns: 1.2fr 1fr;
            gap: 40px;
            align-items: flex-end;
        }

        .pmt-sec4-tagline {
            color: var(--brand-bronze);
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 500;
            margin-bottom: 16px;
            display: inline-block;
        }

        .pmt-sec4-heading {
            font-family: 'DM Serif Display', 'Playfair Display', Georgia, serif;
            font-size: 3rem;
            font-weight: 400;
            line-height: 1.2;
            letter-spacing: -0.5px;
        }

        .pmt-sec4-lead-text {
            color: var(--text-slate-gray);
            font-size: 1.05rem;
            line-height: 1.6;
            font-weight: 300;
            padding-bottom: 5px;
        }

        .pmt-sec4-lead-text span {
            display: block;
            /* margin-top: 10px; */
        }

        /* --- 3-STEP FRAMEWORK ROW SYSTEM --- */
        .pmt-sec4-framework-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            width: 100%;
        }

        .pmt-sec4-step-card {
            background-color: var(--card-surface);
            border: 1px solid var(--border-dim);
            border-radius: 12px;
            padding: 32px 24px;
            width: 31%;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            min-height: 540px;
        }

        .pmt-sec4-card-meta {
            /* margin-bottom: 24px; */
        }

        .pmt-sec4-step-num {
            font-family: 'DM Serif Display', 'Playfair Display', Georgia, serif;
            color: var(--brand-bronze);
            font-size: 1.6rem;
            margin-right: 12px;
            font-weight: 400;
        }

        .pmt-sec4-step-title {
            font-size: 1.3rem;
            font-weight: 400;
            display: inline-block;
        }

        .pmt-sec4-step-desc {
            color: var(--text-slate-gray);
            font-size: 0.9rem;
            line-height: 1.5;
            font-weight: 300;
            margin-top: 12px;
            min-height: 68px;
        }

        /* Connecting Flow Arrows */
        .pmt-sec4-flow-arrow {
            color: var(--brand-bronze);
            font-size: 1.2rem;
            opacity: 0.6;
            flex-shrink: 0;
            user-select: none;
        }

        /* --- INTERNAL MINI TERMINAL BLOCKS --- */
        .pmt-sec4-mini-terminal {
            background-color: var(--terminal-surface);
            border: 1px solid rgba(255,255,255,0.03);
            border-radius: 6px;
            padding: 16px;
            margin-top: auto;
            font-size: 0.78rem;
            color: #d1d1d6;
            margin-top: 10px;
        }

        .pmt-sec4-term-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid rgba(255,255,255,0.05);
            padding-bottom: 10px;
            margin-bottom: 12px;
            font-weight: 500;
            letter-spacing: 0.5px;
        }

        .pmt-sec4-live-indicator {
            display: flex;
            align-items: center;
            gap: 6px;
            color: var(--text-slate-gray);
            font-size: 0.7rem;
            text-transform: uppercase;
        }

        .pmt-sec4-live-indicator::before {
            content: '';
            width: 6px;
            height: 6px;
            background-color: var(--indicator-green);
            border-radius: 50%;
            display: inline-block;
        }

        /* UI Terminal Row Element Layouts */
        .pmt-sec4-term-row {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            padding: 8px 0;
            border-bottom: 1px solid rgba(255,255,255,0.02);
        }

        .pmt-sec4-term-row:last-child {
            border-bottom: none;
        }

        .pmt-sec4-badge {
            font-size: 0.65rem;
            font-weight: 700;
            padding: 2px 4px;
            border-radius: 3px;
            text-transform: uppercase;
            min-width: 32px;
            text-align: center;
        }

        .pmt-sec4-badge.red { background-color: rgba(239,68,68,0.15); color: var(--indicator-red); }
        .pmt-sec4-badge.orange { background-color: rgba(217,119,6,0.15); color: var(--brand-bronze); }
        .pmt-sec4-badge.green { background-color: rgba(16,185,129,0.15); color: var(--indicator-green); }

        .pmt-sec4-term-text-block {
            flex-grow: 1;
            padding: 0 10px;
            line-height: 1.3;
        }

        .pmt-sec4-term-subtext {
            color: var(--text-slate-gray);
            font-size: 0.7rem;
            margin-top: 2px;
        }

        .pmt-sec4-term-time {
            color: var(--text-slate-gray);
            white-space: nowrap;
        }

        .pmt-sec4-term-footer-link {
            display: block;
            color: var(--text-slate-gray);
            text-decoration: none;
            margin-top: 12px;
            font-size: 0.72rem;
        }

        .pmt-sec4-term-footer-link i {
            margin-left: 4px;
            font-size: 0.65rem;
        }

        /* Terminal UI Step 2: Validate Data Layouts */
        .pmt-sec4-flex-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px;
            margin-bottom: 12px;
        }

        .pmt-sec4-bias-title { font-size: 0.7rem; color: var(--text-slate-gray); text-transform: uppercase; margin-bottom: 4px;}
        .pmt-sec4-bias-value { font-size: 1.1rem; font-weight: 500; color: var(--indicator-green); display: flex; align-items: center; gap: 6px;}
        .pmt-sec4-bias-value.red { color: var(--indicator-red); }
        
        .pmt-sec4-driver-list { display: flex; flex-direction: column; gap: 5px; }
        .pmt-sec4-driver-item { display: flex; justify-content: space-between; align-items: center; font-size: 0.72rem; color: #a2a2a9;}
        .pmt-sec4-dot-matrix { display: flex; gap: 3px; }
        .pmt-sec4-dot { width: 4px; height: 4px; border-radius: 50%; background-color: #3a3a3c; }
        .pmt-sec4-dot.active-green { background-color: var(--indicator-green); }
        .pmt-sec4-dot.active-orange { background-color: var(--brand-bronze); }

        .pmt-sec4-table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 0.72rem; }
        .pmt-sec4-table td { padding: 5px 0; border-bottom: 1px solid rgba(255,255,255,0.02); }
        .pmt-sec4-table tr:last-child td { border-bottom: none; }
        .pmt-sec4-table-val { text-align: right; font-weight: 500; }
        .pmt-sec4-table-val.green { color: var(--indicator-green); }
        .pmt-sec4-table-val.red { color: var(--indicator-red); }

        /* Terminal UI Step 3: Execute Layouts */
        .pmt-sec4-chart-placeholder {
            width: 100%;
            height: 110px;
            border-bottom: 1px dashed rgba(255,255,255,0.1);
            position: relative;
            margin-bottom: 12px;
            background: linear-gradient(180deg, rgba(22,22,25,0) 0%, rgba(16,185,129,0.03) 100%);
        }

        .pmt-sec4-chart-line-svg {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }

        .pmt-sec4-chart-label {
            position: absolute;
            right: 0;
            font-size: 0.65rem;
            padding: 1px 4px;
            border-radius: 2px;
            font-weight: 500;
        }
        .pmt-sec4-chart-label.tp { top: 15px; color: var(--indicator-green); background-color: rgba(16,185,129,0.1); }
        .pmt-sec4-chart-label.entry { top: 48px; color: var(--indicator-green); background-color: #10b981; color: #000; }
        .pmt-sec4-chart-label.sl { top: 80px; color: var(--indicator-red); background-color: rgba(239,68,68,0.1); }

        .pmt-sec4-btn-order {
            width: 100%;
            background-color: var(--brand-bronze);
            color: var(--text-pure-white);
            border: none;
            padding: 10px;
            border-radius: 4px;
            font-weight: 500;
            font-size: 0.78rem;
            margin-top: 12px;
            cursor: pointer;
            text-align: center;
        }

        /* --- BOTTOM FIXED FOOTER METRICS BAR --- */
        .pmt-sec4-metrics-bar {
            border: 1px solid var(--border-dim);
            background-color: #0e0e10;
            border-radius: 12px;
            padding: 24px 40px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            margin-top: 15px;
        }

        .pmt-sec4-metric-item {
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .pmt-sec4-metric-icon {
            color: var(--brand-bronze);
            font-size: 1.9rem;
        }

        .pmt-sec4-metric-num {
            font-size: 1.20rem;
            font-weight: 500;
            line-height: 1.2;
        }

        .pmt-sec4-metric-label {
            color: var(--text-slate-gray);
            font-size: 0.82rem;
            font-weight: 300;
            margin-top: 2px;
        }


        /* --- RESPONSIVE STRUCTURAL MEDIA BREAKPOINTS --- */

        /* Tablet Layout (Max 1100px) */
        @media (max-width: 1100px) {
            .pmt-sec4-header-row {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .pmt-sec4-framework-row {
                flex-direction: column;
                gap: 32px;
            }

            .pmt-sec4-step-card {
                width: 100%;
                min-height: auto;
            }

            .pmt-sec4-flow-arrow {
                transform: rotate(90deg);
                margin: 0 auto;
                padding: 10px 0;
            }

            .pmt-sec4-metrics-bar {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 30px;
                padding: 30px;
            }
        }

        /* Mobile Layout (Max 650px) */
        @media (max-width: 650px) {
            .pmt-sec4-body {
                padding: 60px 20px;
            }

            .pmt-sec4-heading {
                font-size: 2.2rem;
            }

            .pmt-sec4-metrics-bar {
                grid-template-columns: 1fr;
                gap: 24px;
                padding: 24px;
            }
        }



        /* section5 css start */
        /* --- BRANDED NAMESPACE PRESETS FOR SECTION 5 --- */
        .pmt-s5-viewport {
            --cl-bg-solid: #060607;
            --cl-accent: #ff7a00;
            --cl-accent-muted: #b55a00;
            --cl-text-main: #ffffff;
            --cl-text-muted: #9a9a9f;
            --cl-emerald: #10b981;
            --panel-glass: rgba(18, 18, 20, 0.55);
            --panel-border: rgba(255, 255, 255, 0.05);
            
            position: relative;
            background-color: var(--cl-bg-solid);
            
            /* The linear gradient establishes a solid left wall that merges seamlessly into the background image scene */
            background-image: 
                linear-gradient(to right, 
                    rgba(6, 6, 7, 1) 5%, 
                    rgba(6, 6, 7, 0.98) 52%, 
                    rgba(6, 6, 7, 0.85) 44%, 
                    rgba(6, 6, 7, 0.4) 55%, 
                    rgba(6, 6, 7, 0) 22%), 
                url('../images/section5-bg.png');
                
            background-size: cover;
            background-position: center right;
            background-repeat: no-repeat;
            color: var(--cl-text-main);
            font-family: 'Inter', sans-serif;
            padding: 100px 4% 60px 4%;
            box-sizing: border-box;
            width: 100%;
        }

        /* Scoped Structural Reset */
        .pmt-s5-viewport * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        .pmt-s5-boundless {
            max-width: 1360px;
            margin: 0 auto;
            position: relative;
            z-index: 6;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        /* --- SPLIT DESKTOP COLUMN GRID MATRIX --- */
        .pmt-s5-layout-split {
            display: grid;
            grid-template-columns: 55% 45%; /* Keeps content aligned over the dark merged background zone */
            align-items: flex-start;
        }

        .pmt-s5-content-stack {
            display: flex;
            flex-direction: column;
        }

        /* --- TYPOGRAPHY HEADER SYSTEM --- */
        .pmt-s5-label {
            color: var(--cl-accent);
            font-size: 0.78rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 700;
            margin-bottom: 18px;
        }

        .pmt-s5-headline {
            font-family: 'DM Serif Display', 'Playfair Display', Georgia, serif;
            font-size: 3.2rem;
            font-weight: 400;
            line-height: 1.15;
            margin-bottom: 20px;
            letter-spacing: -0.5px;
        }

        .pmt-s5-paragraph {
            color: var(--cl-text-muted);
            font-size: 1.05rem;
            line-height: 1.55;
            font-weight: 300;
            margin-bottom: 30px;
        }

        /* --- MULTI-METRIC RATING ROW BADGE --- */
        .pmt-s5-rating-strip {
            background-color: rgba(20, 20, 22, 0.75);
            border: 1px solid var(--panel-border);
            border-radius: 6px;
            padding: 12px 20px;
            display: inline-flex;
            align-items: center;
            gap: 20px;
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            margin-bottom: 15px;
            align-self: flex-start;
        }

        .pmt-s5-stars {
            display: flex;
            gap: 4px;
            color: var(--cl-emerald);
            font-size: 0.9rem;
        }

        .pmt-s5-metric-lbl {
            font-size: 0.88rem;
            color: var(--cl-text-main);
            font-weight: 400;
        }

        .pmt-s5-metric-lbl span {
            color: var(--cl-text-muted);
            margin-left: 2px;
        }

        .pmt-s5-divider {
            width: 1px;
            height: 14px;
            background-color: rgba(255, 255, 255, 0.12);
        }

        .pmt-s5-secure-status {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 0.85rem;
            color: var(--cl-text-muted);
        }
        
        .pmt-s5-secure-status i {
            color: var(--cl-emerald);
        }

        /* --- THREE TESTIMONIAL GLASS PANEL ELEMENTS --- */
        .pmt-s5-cards-cluster {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
            width: 100%;
        }

        .pmt-s5-testimonial-card {
            background: var(--panel-glass);
            border: 1px solid var(--panel-border);
            border-radius: 8px;
            padding: 24px;
            backdrop-filter: blur(15px);
            -webkit-backdrop-filter: blur(15px);
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            min-height: 270px;
        }

        /* User Identity Block */
        .pmt-s5-author-row {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 16px;
        }

        .pmt-s5-avatar-circle {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            overflow: hidden;
            background-color: #242426;
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        .pmt-s5-author-name {
            font-size: 0.95rem;
            font-weight: 500;
            color: var(--cl-text-main);
        }

        .pmt-s5-author-title {
            font-size: 0.75rem;
            color: var(--cl-accent);
            font-weight: 400;
            margin-top: 1px;
        }

        /* Blockquote Internal Stylings */
        .pmt-s5-quote-icon {
            color: var(--cl-accent);
            font-size: 1.1rem;
            font-family: serif;
            line-height: 1;
            margin-bottom: 6px;
            display: block;
        }

        .pmt-s5-quote-body {
            color: #d1d1d6;
            font-size: 0.85rem;
            line-height: 1.45;
            font-weight: 300;
        }

        /* Spacer to protect display visuals on right side desk backdrop */
        .pmt-s5-screen-clearance {
            width: 100%;
            height: 100%;
            pointer-events: none;
        }

        /* --- BOTTOM HORIZONTAL METRICS BLOCK GRID RUNNING FULL WIDTH --- */
        .pmt-s5-totals-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 5px;
            width: 100%;
            margin-top: 5px;
        }

        .pmt-s5-total-box {
            background: var(--panel-glass);
            border: 1px solid var(--panel-border);
            border-radius: 8px;
            padding: 30px 40px;
            backdrop-filter: blur(15px);
            -webkit-backdrop-filter: blur(15px);
            display: flex;
            gap: 24px;
            align-items: center;
        }

        .pmt-s5-total-icon {
            color: var(--cl-accent);
            font-size: 1.7rem;
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 32px;
        }

        .pmt-s5-total-num {
            font-size: 1.75rem;
            font-weight: 500;
            color: var(--cl-text-main);
            letter-spacing: -0.5px;
            margin-bottom: 2px;
        }

        .pmt-s5-total-tag {
            font-size: 0.9rem;
            font-weight: 500;
            color: #e5e5ea;
            margin-bottom: 4px;
        }

        .pmt-s5-total-desc {
            color: var(--cl-text-muted);
            font-size: 0.82rem;
            line-height: 1.4;
            font-weight: 300;
        }

        /* --- LOWER FOOTER LINE --- */
        .pmt-s5-legal-sub {
            text-align: left;
            color: rgba(255, 255, 255, 0.2);
            font-size: 0.78rem;
            font-weight: 400;
        }


        /* --- MULTI-VIEWPORT RESPONSIVE BREAKPOINTS --- */

        /* Tablet Breakpoint Adjustments */
        @media (max-width: 1250px) {
            .pmt-s5-layout-split {
                grid-template-columns: 1fr; 
            }

            .pmt-s5-viewport {
                /* On smaller screens, modify gradient flow to layer overlay vertically */
                background-image: 
                    linear-gradient(to bottom, 
                        rgba(6, 6, 7, 1) 0%, 
                        rgba(6, 6, 7, 0.9) 50%, 
                        rgba(6, 6, 7, 0.4) 100%), 
                    url('../images/section5-bg.png');
                background-position: center left 20%;
            }

            .pmt-s5-cards-cluster {
                grid-template-columns: repeat(2, 1fr);
            }

            .pmt-s5-screen-clearance {
                display: none;
            }
        }

        @media (max-width: 900px) {
            .pmt-s5-totals-grid {
                grid-template-columns: 1fr;
                gap: 16px;
            }
            
            .pmt-s5-total-box {
                padding: 24px 30px;
            }
        }

        /* Smartphone Breakpoint Adjustments */
        @media (max-width: 650px) {
            .pmt-s5-viewport {
                padding: 60px 20px 40px 20px;
            }

            .pmt-s5-headline {
                font-size: 2.3rem;
            }

            .pmt-s5-rating-strip {
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
                width: 100%;
            }

            .pmt-s5-divider {
                width: 100%;
                height: 1px;
            }

            .pmt-s5-cards-cluster {
                grid-template-columns: 1fr;
                gap: 16px;
            }

            .pmt-s5-testimonial-card {
                min-height: auto;
                padding: 20px;
            }

            .pmt-s5-total-box {
                flex-direction: column;
                align-items: flex-start;
                gap: 12px;
                padding: 24px;
            }
        }


        /* section6 css start */
        /* --- SCOPED PRESETS FOR SECTION 6 (AVOIDS CSS GLOBAL CONFLICTS) --- */
        .pmt-sec6-viewport {
            --s6-bg-base: #060607;
            --s6-brand-orange: #ff7a00;
            --s6-text-light: #ffffff;
            --s6-text-dim: #9a9a9f;
            --s6-border-glass: rgba(255, 255, 255, 0.04);
            
            position: relative;
            background-color: var(--s6-bg-base);
            
            /* High fidelity smooth left background color merge with the right side desktop graphic asset */
            background-image: 
                linear-gradient(to right, 
                    rgba(6, 6, 7, 1) 0%, 
                    rgba(6, 6, 7, 1) 34%, 
                    rgba(6, 6, 7, 0.96) 50%, 
                    rgba(6, 6, 7, 0.7) 53%, 
                    rgba(6, 6, 7, 0.2) 46%,
                    rgba(6, 6, 7, 0) 75%), 
                url('../images/section6-bg.png');
                
            background-size: cover;
            background-position: center right;
            background-repeat: no-repeat;
            color: var(--s6-text-light);
            font-family: 'Inter', sans-serif;
            padding: 120px 4% 90px 4%;
            box-sizing: border-box;
            width: 100%;
            min-height: auto;
            overflow: hidden;
        }

        /* Scoped Structural System Reset */
        .pmt-sec6-viewport * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        .pmt-sec6-boundless {
            max-width: 1360px;
            margin: 0 auto;
            position: relative;
            z-index: 5;
        }

        /* --- DESKTOP GRID LAYOUT SPLIT MATRIX --- */
        .pmt-sec6-split-grid {
            display: grid;
            grid-template-columns: 49% 54%; /* Exact area restriction matching left text container layout */
            align-items: flex-start;
        }

        /* Left Side Content Workspace Wrapper */
        .pmt-sec6-info-stack {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }

        /* --- CORE TYPOGRAPHY ENGINE --- */
        .pmt-sec6-eyebrow {
            color: var(--s6-brand-orange);
            font-size: 0.78rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 500;
            margin-bottom: 24px;
        }

        .pmt-sec6-headline {
            font-family: 'DM Serif Display', 'Playfair Display', Georgia, serif;
            font-size: 3.8rem;
            font-weight: 400;
            line-height: 1.12;
            margin-bottom: 35px;
            letter-spacing: -0.5px;
        }

        .pmt-sec6-paragraph {
            color: var(--s6-text-dim);
            font-size: 1.05rem;
            line-height: 1.65;
            font-weight: 300;
            margin-bottom: 25px;
            max-width: 75%;
        }
        
        .pmt-sec6-paragraph.pmt-sec6-para-spacing {
            margin-bottom: 40px; /* Precise vertical space leading down to the bottom features blocks grid */
        }

        /* --- LOWER SUB BOXES GRID CONFIGURATION --- */
        .pmt-sec6-features-row {
            display: grid;
            grid-template-columns: repeat(4, 1fr); /* 4 horizontal columns for the lower boxes system */
            width: 100%;
            /* border-top: 1px solid var(--s6-border-glass); */
            padding-top: 10px;
            gap: 15px;
        }

        /* Individual Feature Box Item Wrapper */
        .pmt-sec6-feature-box {
            display: flex;
            flex-direction: column;
            align-items:center;
            text-align: center;
            position: relative;
        }
        
        /* Subtle right boundary line between boxes matching the seamless grid system */
        .pmt-sec6-feature-box:not(:last-child)::after {
            content: '';
            position: absolute;
            right: -7px;
            top: 10px;
            width: 1px;
            height: 70%;
            background-color: rgba(255, 255, 255, 0.135);
        }

        /* Icon Component Wrap */
        .pmt-sec6-icon-container {
            color: var(--s6-brand-orange);
            font-size: 1.45rem;
            margin-bottom: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 24px;
        }

        .pmt-sec6-box-title {
            font-size: 1.05rem;
            font-weight: 500;
            color: var(--s6-text-light);
            margin-bottom: 8px;
            letter-spacing: -0.2px;
        }

        .pmt-sec6-box-desc {
            color: var(--s6-text-dim);
            font-size: 0.84rem;
            line-height: 1.45;
            font-weight: 300;
            max-width: 90%;
        }

        /* Right Side Invisible Workspace Safety Clearance Layer */
        .pmt-sec6-graphics-clearance {
            width: 100%;
            height: 100%;
            pointer-events: none;
        }


        /* --- MULTI-VIEWPORT RESPONSIVE MEDIA QUERIES --- */

        /* Small Desktop / Laptop Scale Optimization */
        @media (max-width: 1350px) {
            .pmt-sec6-split-grid {
                grid-template-columns: 52% 48%;
            }
            .pmt-sec6-headline {
                font-size: 3.3rem;
            }
            .pmt-sec6-features-row {
                grid-template-columns: repeat(2, 1fr);
                gap: 24px;
            }
            .pmt-sec6-feature-box::after {
                display: none; /* Hide standard inline boundaries when wrapping items */
            }
        }

        /* Tablet Responsive Transformation Viewport */
        @media (max-width: 1100px) {
            .pmt-sec6-split-grid {
                grid-template-columns: 1fr; /* Switch to a stacked column system */
            }

            .pmt-sec6-viewport {
                /* Dynamically modify the color gradient overlay to layer smoothly to the bottom over tablet viewports */
                background-image: 
                    linear-gradient(to bottom, 
                        rgba(6, 6, 7, 1) 0%, 
                        rgba(6, 6, 7, 0.96) 50%, 
                        rgba(6, 6, 7, 0.7) 75%, 
                        rgba(6, 6, 7, 0.3) 100%), 
                    url('../images/section6-bg.png');
                background-position: center left 30%;
                padding: 90px 6% 70px 6%;
            }

            .pmt-sec6-graphics-clearance {
                display: none;
            }

           .pmt-sec6-paragraph {
                max-width: 95%;
            }
            .pmt-sec6-paragraph.pmt-sec6-para-spacing {
                margin-bottom: 50px;
            }
        }

        @media (max-width: 768px) {
            .pmt-sec6-headline {
                font-size: 2.8rem;
            }
            .pmt-sec6-features-row {
                grid-template-columns: repeat(2, 1fr);
                gap: 24px 16px;
            }
             .pmt-sec6-paragraph {
                max-width: 100%;
            }
        }

        /* Mobile Smartphone Viewport Optimization */
        @media (max-width: 550px) {
            .pmt-sec6-viewport {
                padding: 70px 24px 50px 24px;
            }

            .pmt-sec6-eyebrow {
                margin-bottom: 16px;
            }

            .pmt-sec6-headline {
                font-size: 2.25rem;
                line-height: 1.18;
                margin-bottom: 24px;
            }

            .pmt-sec6-paragraph {
                font-size: 0.98rem;
                line-height: 1.6;
            }

            .pmt-sec6-paragraph.pmt-sec6-para-spacing {
                margin-bottom: 40px;
            }

            .pmt-sec6-features-row {
                grid-template-columns: 1fr; /* Single column stack parameters on modern mobile views */
                gap: 28px;
                padding-top: 30px;
            }
            
            .pmt-sec6-icon-container {
                margin-bottom: 12px;
            }
            
            .pmt-sec6-box-desc {
                max-width: 100%;
            }
        }

        /* seven css start */
        /* --- SCOPED PREFIX PRESETS FOR SECTION 7 (PREVENTS GLOBAL CONFLICTS) --- */
        .pmt-sec7-viewport {
            --s7-bg: #060607;
            --s7-brand-orange: #ff7a00;
            --s7-text-primary: #ffffff;
            --s7-text-secondary: #9a9a9f;
            --s7-glass-card: rgba(14, 14, 16, 0.45);
            --s7-border-subtle: rgba(255, 255, 255, 0.05);
            
            /* High Fidelity Impact Status Colors */
            --s7-color-high: #ef4444;
            --s7-color-med: #f97316;
            --s7-color-low: #10b981;

            background-color: var(--s7-bg);
            color: var(--s7-text-primary);
            font-family: 'Inter', sans-serif;
            padding: 120px 4% 65px 4%;
            box-sizing: border-box;
            width: 100%;
            position: relative;
            overflow: hidden;
        }

        /* Scoped Native Layout Reset */
        .pmt-sec7-viewport * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        .pmt-sec7-boundless {
            max-width: 1360px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 25px; /* Perfect block separation layer spacing */
        }

        /* --- TWO-COLUMN HERO MATRIX SPLIT --- */
        .pmt-sec7-split-layout {
            display: grid;
            grid-template-columns: 53% 44%;
            gap: 35px;
            align-items: stretch;
        }

        .pmt-sec7-left-stack {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 45px;
        }

        /* Hero Typography Scales */
        .pmt-sec7-eyebrow {
            color: var(--s7-brand-orange);
            font-size: 0.78rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 700;
            margin-bottom: 22px;
            display: block;
        }

        .pmt-sec7-headline {
            font-family: 'DM Serif Display', 'Playfair Display', Georgia, serif;
            font-size: 3.3rem;
            font-weight: 400;
            line-height: 1.15;
            margin-bottom: 26px;
            letter-spacing: -0.5px;
            max-width: 87%;
        }

        .pmt-sec7-description {
            color: var(--s7-text-secondary);
            font-size: 1.05rem;
            line-height: 1.65;
            font-weight: 400;
            max-width: 94%;
        }

        /* Four Infrastructure Pillars Grid Sub-system */
        .pmt-sec7-pillars-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 11px;
            width: 100%;
        }

        .pmt-sec7-pillar-box {
            background: #151515;
            border: 1px solid var(--s7-border-subtle);
            border-radius: 8px;
            padding: 11px 10px;
            display: flex;
            flex-direction: column;
            gap: 11px;
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            transition: border-color 0.25s ease;
        }

        .pmt-sec7-pillar-box:hover {
            border-color: rgba(255, 255, 255, 0.12);
        }

        .pmt-sec7-pillar-icon {
            color: var(--s7-brand-orange);
            font-size: 1.4rem;
            height: 24px;
            display: flex;
            align-items: center;
        }

        .pmt-sec7-pillar-title {
            font-size: 0.90rem;
            font-weight: 400;
            color: var(--s7-text-primary);
            line-height: 1.3;
        }

        .pmt-sec7-pillar-desc {
            color: var(--s7-text-secondary);
            font-size: 0.78rem;
            line-height: 1.48;
            font-weight: 400;
        }

        /* --- RIGHT SIDE: LIVE MARKET NEWS HUB --- */
        .pmt-sec7-news-container {
            background: #151515;
            border: 1px solid var(--s7-border-subtle);
            border-radius: 12px;
            padding: 32px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            backdrop-filter: blur(25px);
            -webkit-backdrop-filter: blur(25px);
        }

        .pmt-sec7-news-top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
            padding-bottom: 22px;
        }

        .pmt-sec7-news-branding {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 1.05rem;
            font-weight: 500;
            letter-spacing: -0.2px;
        }

        .pmt-sec7-news-branding span {
            color: var(--s7-brand-orange);
            font-size: 0.72rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-weight: 700;
            background: rgba(255, 122, 0, 0.1);
            padding: 3px 7px;
            border-radius: 3px;
        }

        .pmt-sec7-view-all-cta {
            color: var(--s7-brand-orange);
            font-size: 0.88rem;
            text-decoration: none;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 6px;
            transition: opacity 0.2s ease;
        }

        .pmt-sec7-view-all-cta:hover {
            opacity: 0.85;
        }

        /* News Stream Real-time List System */
        .pmt-sec7-news-list-stack {
            display: flex;
            flex-direction: column;
        }

        .pmt-sec7-news-list-item {
            display: grid;
            grid-template-columns: 75px 1fr 150px;
            align-items: center;
            padding: 15px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.03);
            gap: 16px;
        }

        .pmt-sec7-news-list-item:last-child {
            border-bottom: none;
            padding-bottom: 4px;
        }

        .pmt-sec7-item-timestamp {
            font-size: 0.88rem;
            color: var(--s7-text-secondary);
            font-weight: 400;
        }

        .pmt-sec7-item-headline {
            font-size: 0.80rem;
            color: rgba(255, 255, 255, 0.9);
            line-height: 1.48;
            font-weight: 400;
        }

        /* Impact Status Label Nodes */
        .pmt-sec7-impact-node {
            font-size: 0.50rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            padding: 8px 10px;
            border-radius: 4px;
            text-align: center;
            width: fit-content;
            justify-self: end;
        }

        .pmt-sec7-impact-node.pmt-impact-high {
            color: var(--s7-color-high);
            background: rgba(239, 68, 68, 0.08);
            border: 1px solid rgba(239, 68, 68, 0.15);
        }

        .pmt-sec7-impact-node.pmt-impact-med {
            color: var(--s7-color-med);
            background: rgba(249, 115, 22, 0.08);
            border: 1px solid rgba(249, 115, 22, 0.15);
        }

        .pmt-sec7-impact-node.pmt-impact-low {
            color: var(--s7-color-low);
            background: rgba(16, 185, 129, 0.08);
            border: 1px solid rgba(16, 185, 129, 0.15);
        }

        .pmt-sec7-news-bottom-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-top: 1px solid rgba(255, 255, 255, 0.05);
            padding-top: 20px;
            margin-top: 8px;
        }

        .pmt-sec7-footer-motto {
            font-size: 0.82rem;
            color: var(--s7-text-secondary);
        }

        .pmt-sec7-live-radar {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 0.8rem;
            color: var(--s7-text-secondary);
        }

        .pmt-sec7-radar-blip {
            width: 6px;
            height: 6px;
            background-color: var(--s7-color-low);
            border-radius: 50%;
            box-shadow: 0 0 8px var(--s7-color-low);
            animation: pmtBlipPulse 2s infinite ease-in-out;
        }

        @keyframes pmtBlipPulse {
            0% { opacity: 0.4; transform: scale(0.9); }
            50% { opacity: 1; transform: scale(1.1); box-shadow: 0 0 12px var(--s7-color-low); }
            100% { opacity: 0.4; transform: scale(0.9); }
        }

        /* --- LOWER HORIZONTAL COMPLIANCE & ACCREDITATION FOOTER PANEL --- */
        .pmt-sec7-compliance-matrix {
            background: #151515;
            border: 1px solid var(--s7-border-subtle);
            border-radius: 12px;
            padding: 32px 40px;
            display: grid;
            grid-template-columns: 1.15fr 1fr 1fr 100px;
            align-items: center;
            gap: 40px;
            backdrop-filter: blur(15px);
            -webkit-backdrop-filter: blur(15px);
        }

        .pmt-sec7-matrix-item {
            display: flex;
            gap: 20px;
            align-items: flex-start;
        }

        .pmt-sec7-matrix-icon {
            color: var(--s7-brand-orange);
            font-size: 1.5rem;
            padding-top: 2px;
        }

        .pmt-sec7-matrix-heading {
            font-size: 1rem;
            font-weight: 500;
            color: var(--s7-text-primary);
            margin-bottom: 6px;
        }

        .pmt-sec7-matrix-desc {
            color: var(--s7-text-secondary);
            font-size: 0.82rem;
            line-height: 1.45;
            font-weight: 400;
        }

        /* High-Fidelity SOC 2 Vector Compliance Badge Element */
        .pmt-sec7-compliance-badge-soc2 {
            border: 1px solid rgba(255, 255, 255, 0.14);
            border-radius: 6px;
            padding: 10px 12px;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 4px;
            height: fit-content;
            background: rgba(255, 255, 255, 0.01);
            justify-self: end;
            min-width: 95px;
        }

        .pmt-sec7-soc2-main-lbl {
            font-size: 0.72rem;
            font-weight: 700;
            color: var(--s7-text-primary);
            letter-spacing: 0.5px;
            line-height: 1.1;
        }

        .pmt-sec7-soc2-sub-lbl {
            font-size: 0.52rem;
            font-weight: 500;
            color: var(--s7-text-secondary);
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .pmt-sec7-compliance-badge-soc2 i {
            color: var(--s7-color-low);
            font-size: 0.65rem;
            margin-top: 2px;
        }

        /* --- BOTTOM LEGAL BOUNDARY ROW --- */
        .pmt-sec7-risk-disclosure-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: rgba(255, 255, 255, 0.22);
            font-size: 0.76rem;
            line-height: 1.5;
            /* border-top: 1px solid rgba(255, 255, 255, 0.04); */
            /* padding-top: 22px; */
            margin-top: -5px;
            gap: 30px;
        }

        .pmt-sec7-risk-paragraph {
            max-width: 82%;
        }


        /* --- MULTI-VIEWPORT RESPONSIVE INTEGRITY RULES --- */

        /* Tablet Responsive Viewport Adaptations */
        @media (max-width: 1260px) {
            .pmt-sec7-headline { font-size: 2.85rem;max-width: 100%; }
            .pmt-sec7-split-layout { grid-template-columns: 1fr; gap: 50px; }
            .pmt-sec7-left-stack { gap: 35px; }
            .pmt-sec7-description { max-width: 100%; }
            .pmt-sec7-compliance-matrix { grid-template-columns: repeat(2, 1fr); gap: 32px 24px; }
            .pmt-sec7-compliance-badge-soc2 { justify-self: start; }
        }

        @media (max-width: 950px) {
            .pmt-sec7-pillars-grid { grid-template-columns: repeat(2, 1fr); gap: 11px; }
            .pmt-sec7-pillar-box { padding: 26px; }
        }

        /* Smartphone Mobile Responsive Viewport Adaptations */
        @media (max-width: 680px) {
            .pmt-sec7-viewport { padding: 75px 20px 45px 20px; }
            .pmt-sec7-headline { font-size: 2.15rem; line-height: 1.2; max-width: 100%;}
            .pmt-sec7-news-container { padding: 22px; }
            .pmt-sec7-news-list-item { grid-template-columns: 60px 1fr; gap: 10px 16px; padding: 15px 0; }
            .pmt-sec7-impact-node { grid-column: 2; justify-self: start; margin-top: -2px; }
            .pmt-sec7-compliance-matrix { grid-template-columns: 1fr; gap: 30px; padding: 26px 24px; }
            .pmt-sec7-risk-disclosure-row { flex-direction: column; align-items: flex-start; gap: 14px; }
            .pmt-sec7-risk-paragraph { max-width: 100%; }
        }





        /* section 8 css start */

        /* --- SCOPED PREFIX PRESETS FOR SECTION 8 (ELIMINATES GLOBAL CONFLICTS) --- */
        .pmt-sec8-container {
            --s8-bg-dark: #060607;
            --s8-brand-orange: #ff7a00;
            --s8-text-white: #ffffff;
            --s8-text-gray: #9a9a9f;
            --s8-card-bg: rgba(18, 18, 22, 0.45);
            --s8-card-border: rgba(255, 255, 255, 0.05);
            --s8-card-hover-border: rgba(255, 255, 255, 0.12);
            --s8-footer-bg: rgba(255, 122, 0, 0.04);
            --s8-footer-border: rgba(255, 122, 0, 0.15);

            background-color: var(--s8-bg-dark);
            background-image: linear-gradient(to right, rgba(6, 6, 7, 0.95) 40%, rgba(6, 6, 7, 0.4) 70%, rgba(6, 6, 7, 0.1) 100%), 
                              url('../images/section8-bg.png');
            background-size: contain;
            background-position: right center;
            background-repeat: no-repeat;
            color: var(--s8-text-white);
            font-family: 'Inter', sans-serif;
            padding: 100px 4% 60px 4%;
            box-sizing: border-box;
            width: 100%;
            position: relative;
            overflow: hidden;
        }

        /* Scoped Internal Architecture Standardizer Reset */
        .pmt-sec8-container * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        .pmt-sec8-layout-wrapper {
            max-width: 1360px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        /* --- LEFT SIDE BRAND TEXT STACK --- */
        .pmt-sec8-header-block {
            max-width: 620px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

        .pmt-sec8-eyebrow {
            color: var(--s8-brand-orange);
            font-size: 0.78rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 700;
            margin-bottom: 24px;
            display: block;
        }

        .pmt-sec8-title {
            font-family: 'DM Serif Display', 'Playfair Display', Georgia, serif;
            font-size: 3.4rem;
            font-weight: 400;
            line-height: 1.15;
            margin-bottom: 24px;
            letter-spacing: -0.5px;
        }

        .pmt-sec8-subtitle {
            color: var(--s8-text-gray);
            font-size: 1.05rem;
            line-height: 1.65;
            font-weight: 400;
            margin-bottom: 34px;
        }

        /* --- ACTIONABLE CTA BUTTON MATRIX --- */
        .pmt-sec8-primary-btn {
            background-color: var(--s8-brand-orange);
            color: var(--s8-text-white);
            font-family: 'Inter', sans-serif;
            font-size: 0.92rem;
            font-weight: 500;
            padding: 15px 28px;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 12px;
            text-decoration: none;
            transition: background-color 0.2s ease, transform 0.15s ease;
            box-shadow: 0 4px 14px rgba(255, 122, 0, 0.2);
        }

        .pmt-sec8-primary-btn:hover {
            background-color: #e06c00;
        }

        .pmt-sec8-primary-btn:active {
            transform: scale(0.98);
        }

        /* --- SIX BOXES BALANCED GRID SYSTEM --- */
        .pmt-sec8-grid-matrix {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            width: 100%;
        }

        .pmt-sec8-card-node {
            background: var(--s8-card-bg);
            border: 1px solid var(--s8-card-border);
            border-radius: 8px;
            padding: 24px;
            display: flex;
            gap: 20px;
            align-items: flex-start;
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            transition: border-color 0.25s ease, background-color 0.25s ease;
        }

        .pmt-sec8-card-node:hover {
            border-color: var(--s8-card-hover-border);
            background: rgba(22, 22, 26, 0.6);
        }

        /* Left-Side Mini Mockup Visual Box */
        .pmt-sec8-card-visual {
            width: 110px;
            height: 86px;
            background-color: rgba(10, 10, 12, 0.8);
            border: 1px solid rgba(255, 255, 255, 0.06);
            border-radius: 4px;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }

        /* Content Context Layout */
        .pmt-sec8-card-content {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            min-height: 86px;
            width: 100%;
        }

        .pmt-sec8-card-meta-label {
            font-size: 0.68rem;
            color: var(--s8-text-gray);
            text-transform: uppercase;
            letter-spacing: 1px;
            font-weight: 500;
            margin-bottom: 6px;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .pmt-sec8-card-meta-label i {
            color: var(--s8-brand-orange);
            font-size: 0.75rem;
        }

        .pmt-sec8-card-title {
            font-size: 1.05rem;
            font-weight: 500;
            color: var(--s8-text-white);
            margin-bottom: 8px;
            line-height: 1.35;
        }

        .pmt-sec8-card-desc {
            color: var(--s8-text-gray);
            font-size: 0.85rem;
            line-height: 1.5;
            font-weight: 400;
            margin-bottom: 14px;
        }

        /* Compact Inline Action Link */
        .pmt-sec8-inline-link {
            color: var(--s8-brand-orange);
            font-size: 0.85rem;
            font-weight: 500;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            width: fit-content;
            transition: opacity 0.2s ease;
        }

        .pmt-sec8-inline-link:hover {
            opacity: 0.85;
        }

        /* --- EXACT SIMULATED MINI VISUAL INTERFACES FOR EACH CARD --- */
        
        /* Box 1 UI: Video Thumbnail style */
        .pmt-ui-video {
            background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('../images/section8-bg.png');
            background-size: cover;
            background-position: center;
        }
        .pmt-ui-play-icon {
            width: 26px;
            height: 26px;
            background: rgba(255, 255, 255, 0.2);
            border: 1px solid var(--s8-text-white);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--s8-text-white);
            font-size: 0.65rem;
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
        }
        .pmt-ui-timestamp {
            position: absolute;
            bottom: 4px;
            left: 4px;
            font-size: 0.55rem;
            background: rgba(0,0,0,0.75);
            padding: 1px 3px;
            border-radius: 2px;
            color: rgba(255,255,255,0.8);
        }

        /* Box 2 UI: Step Checklist Interface */
        .pmt-ui-checklist {
            flex-direction: column;
            align-items: flex-start;
            padding: 8px;
            gap: 4px;
        }
        .pmt-ui-check-row {
            display: flex;
            align-items: center;
            gap: 4px;
            font-size: 0.48rem;
            color: rgba(255,255,255,0.5);
            width: 100%;
            border-bottom: 1px solid rgba(255,255,255,0.03);
            padding-bottom: 2px;
        }
        .pmt-ui-check-row i { color: #10b981; font-size: 0.45rem; }
        .pmt-ui-check-row.pmt-active { color: var(--s8-text-white); }
        .pmt-ui-check-row.pmt-active i { color: var(--s8-brand-orange); }

        /* Box 3 UI: Smart Bias Mock Mini Graphics */
        .pmt-ui-bias-graphic {
            flex-direction: column;
            padding: 8px;
            justify-content: space-between;
            align-items: stretch;
        }
        .pmt-ui-bias-header {
            font-size: 0.45rem;
            color: rgba(255,255,255,0.4);
            display: flex;
            justify-content: space-between;
        }
        .pmt-ui-bias-pill {
            background: rgba(255, 122, 0, 0.1);
            border: 1px solid rgba(255, 122, 0, 0.2);
            color: var(--s8-brand-orange);
            font-size: 0.55rem;
            font-weight: 700;
            text-align: center;
            padding: 3px 0;
            border-radius: 2px;
            letter-spacing: 0.5px;
        }

        /* Box 4 UI: Chart Interface Mini Mock */
        .pmt-ui-chart {
            background: radial-gradient(circle at center, rgba(255,122,0,0.05), transparent);
            padding: 6px;
        }
        .pmt-ui-chart svg {
            width: 100%;
            height: 100%;
            stroke: var(--s8-brand-orange);
            stroke-width: 1.5;
            fill: none;
        }

        /* Box 5 UI: News Setup Streams */
        .pmt-ui-news-setup {
            flex-direction: column;
            gap: 4px;
            padding: 6px;
            align-items: stretch;
        }
        .pmt-ui-news-row {
            height: 12px;
            background: rgba(255,255,255,0.03);
            border-radius: 2px;
            display: flex;
            align-items: center;
            padding: 0 4px;
            justify-content: space-between;
        }
        .pmt-ui-news-dot { width: 3px; height: 3px; background: var(--s8-brand-orange); border-radius: 50%; }
        .pmt-ui-news-line { width: 75%; height: 2px; background: rgba(255,255,255,0.15); border-radius: 1px; }

        /* Box 6 UI: Workspace Grid Layout mini icon */
        .pmt-ui-workspace-layout {
            display: grid;
            grid-template-columns: 40% 60%;
            grid-template-rows: 40% 60%;
            gap: 3px;
            padding: 6px;
            width: 100%;
            height: 100%;
        }
        .pmt-ui-box { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.06); border-radius: 2px; }
        .pmt-ui-box.pmt-highlight { border-color: rgba(255,122,0,0.3); background: rgba(255,122,0,0.03); }
        .pmt-ui-box:nth-child(3) { grid-column: span 2; }


        /* --- LOWER HORIZONTAL REFRESH INFRASTRUCTURE ACCREDITATION ROW --- */
        .pmt-sec8-resource-footer {
            background: var(--s8-footer-bg);
            border: 1px solid var(--s8-footer-border);
            border-radius: 6px;
            padding: 20px 28px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .pmt-sec8-footer-left-info {
            display: flex;
            align-items: center;
            gap: 16px;
            font-size: 0.92rem;
            color: rgba(255, 255, 255, 0.9);
        }

        .pmt-sec8-footer-left-info i {
            color: var(--s8-brand-orange);
            font-size: 1.2rem;
        }

        .pmt-sec8-footer-left-info span {
            color: var(--s8-text-gray);
        }

        .pmt-sec8-footer-cta-anchor {
            color: var(--s8-brand-orange);
            font-size: 0.88rem;
            text-decoration: none;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 8px;
            transition: transform 0.2s ease;
        }

        .pmt-sec8-footer-cta-anchor:hover {
            transform: translateX(3px);
        }

        /* --- LOWER LEGAL COMPLIANCE FOOTER DISCLAIMER --- */
        .pmt-sec8-risk-disclosure-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: rgba(255, 255, 255, 0.22);
            font-size: 0.76rem;
            line-height: 1.5;
            border-top: 1px solid rgba(255, 255, 255, 0.04);
            padding-top: 22px;
            margin-top: 10px;
            gap: 30px;
        }

        .pmt-sec8-risk-text-block {
            max-width: 80%;
        }


        /* --- RESPONSIVE CROSS-VIEWPORT ARCHITECTURE RULES --- */

        /* Laptop Breakpoint Adaptations */
        @media (max-width: 1200px) {
            .pmt-sec8-grid-matrix { grid-template-columns: repeat(2, 1fr); gap: 18px; }
        }

        /* Tablet Breakpoint Adaptations */
        @media (max-width: 992px) {
            .pmt-sec8-container {
                background-image: linear-gradient(to bottom, rgba(6, 6, 7, 0.98) 50%, rgba(6, 6, 7, 0.85) 100%), 
                                  url('../images/section8-bg.png');
                background-position: center center;
                padding: 80px 4% 50px 4%;
            }
            .pmt-sec8-title { font-size: 2.85rem; }
            .pmt-sec8-header-block { max-width: 100%; }
            .pmt-sec8-resource-footer { flex-direction: column; align-items: flex-start; gap: 16px; }
        }

        /* Smartphone Mobile Breakpoint Adaptations */
        @media (max-width: 640px) {
            .pmt-sec8-container { padding: 60px 20px 40px 20px; }
            .pmt-sec8-layout-wrapper { gap: 40px; }
            .pmt-sec8-title { font-size: 2.1rem; line-height: 1.25; }
            .pmt-sec8-grid-matrix { grid-template-columns: 1fr; gap: 14px; }
            .pmt-sec8-card-node { padding: 18px; gap: 16px; }
            .pmt-sec8-card-visual { width: 90px; height: 80px; }
            .pmt-sec8-card-content { min-height: 80px; }
            .pmt-sec8-card-title { font-size: 0.98rem; }
            .pmt-sec8-risk-disclosure-bar { flex-direction: column; align-items: flex-start; gap: 12px; }
            .pmt-sec8-risk-text-block { max-width: 100%; }
        }


    /* section 9 css start */
    /* Section 9 Preset - Reset and Base Styles */
        .section9 * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        .section9 {
            background-color: #0a0a0a;
            color: #ffffff;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
            padding: 80px 20px 100px;
            position: relative;
            overflow: hidden;
        }

        /* Background Image */
        .section9-bg {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background-image: url(/images/section9-bg.png);
            background-size: contain;
            background-position: right top;
            background-repeat: no-repeat;
            opacity: 1;
            z-index: 0;
        }

        .section9-container {
            max-width: 1400px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        /* Main Heading */
        .section9-heading {
            font-size: 48px;
            font-weight: 400;
            line-height: 1.2;
            margin-bottom: 20px;
            letter-spacing: -0.5px;
        }

        .section9-heading .accent {
            color: #ff6b35;
        }

        /* Description Text */
        .section9-description {
            font-size: 18px;
            line-height: 1.6;
            color: #b8b8b8;
            max-width: 42%;
            margin-bottom: 35px;
        }

        /* Stats Grid */
        .section9-stats {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
            margin-bottom: 25px;
        }

        .section9-stat-card {
            background: rgba(20, 20, 20, 0.6);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 12px;
            padding: 12px 25px;
            display: flex;
            align-items: center;
            gap: 20px;
            transition: all 0.3s ease;
        }

        .section9-stat-card:hover {
            background: rgba(30, 30, 30, 0.7);
            border-color: rgba(255, 107, 53, 0.3);
            transform: translateY(-2px);
        }

        .section9-stat-icon {
            width: 48px;
            height: 48px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .section9-stat-icon svg {
            width: 36px;
            height: 36px;
            stroke: #ff6b35;
            fill: none;
            stroke-width: 2;
        }

        .section9-stat-content {
            flex: 1;
            border-left: 1px solid rgb(50, 50, 50);
            border-block-end: blue;
            padding: 0px 40px;
        }

        .section9-stat-number {
            font-size: 36px;
            font-weight: 300;
            color: #ffffff;
            line-height: 1;
            margin-bottom: 8px;
        }

        .section9-stat-label {
            font-size: 15px;
            color: #b8b8b8;
            font-weight: 400;
        }

        /* Team Cards Grid */
        .section9-team-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
            margin-bottom: 50px;
        }

        .section9-team-card {
            background: rgba(20, 20, 20, 0.6);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 12px;
            overflow: hidden;
            transition: all 0.3s ease;
        }

        .section9-team-card:hover {
            border-color: rgba(255, 107, 53, 0.3);
            transform: translateY(-4px);
        }

        .section9-team-image {
            width: 100%;
            height: 220px;
            background-size: cover;
            background-position: center;
            position: relative;
        }

        .section9-team-content {
            padding: 28px 24px;
        }

        .section9-team-title {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 16px;
        }

        .section9-team-icon {
            width: 24px;
            height: 24px;
        }

        .section9-team-icon svg {
            width: 100%;
            height: 100%;
            stroke: #ff6b35;
            fill: none;
            stroke-width: 2;
        }

        .section9-team-name {
            font-size: 22px;
            font-weight: 400;
            color: #ffffff;
        }

        .section9-team-description {
            font-size: 15px;
            line-height: 1.6;
            color: #b8b8b8;
        }

        .section9-team-underline {
            width: 100%;
            height: 2px;
            background: linear-gradient(90deg, #ff6b35 0%, transparent 100%);
            margin-top: 20px;
        }

        /* Bottom Message */
        .section9-footer {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 16px;
            /* padding: 30px; */
            /* background: rgba(20, 20, 20, 0.4);
            border: 1px solid rgba(255, 255, 255, 0.06); */
            border-radius: 12px;
            /* margin-top: 20px; */
        }

        .section9-footer-icon {
            width: 28px;
            height: 28px;
        }

        .section9-footer-icon svg {
            width: 100%;
            height: 100%;
            stroke: #ff6b35;
            fill: none;
            stroke-width: 2;
        }

        .section9-footer-text {
            font-size: 16px;
            color: #b8b8b8;
            text-align: center;
        }

        /* Tablet Styles */
        @media (max-width: 1024px) {
            .section9 {
                padding: 60px 20px 80px;
            }

            .section9-bg {
                width: 60%;
            }

            .section9-heading {
                font-size: 48px;
            }

            .section9-stats,
            .section9-team-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
            }

            .section9-description {
                font-size: 16px;
                max-width: 500px;
            }
        }

        /* Mobile Styles */
        @media (max-width: 768px) {
            .section9 {
                padding: 50px 16px 60px;
            }

            .section9-bg {
                width: 100%;
                opacity: 0.3;
            }

            .section9-heading {
                font-size: 36px;
                margin-bottom: 20px;
            }

            .section9-description {
                font-size: 15px;
                margin-bottom: 40px;
            }

            .section9-stats,
            .section9-team-grid {
                grid-template-columns: 1fr;
                gap: 16px;
            }

            .section9-stat-card {
                padding: 24px 20px;
            }

            .section9-stat-number {
                font-size: 32px;
            }

            .section9-team-image {
                height: 200px;
            }

            .section9-team-content {
                padding: 20px 18px;
            }

            .section9-footer {
                flex-direction: column;
                padding: 24px;
                gap: 12px;
            }

            .section9-footer-text {
                font-size: 14px;
            }
        }

        @media (max-width: 480px) {
            .section9-heading {
                font-size: 28px;
            }

            .section9-stat-number {
                font-size: 28px;
            }

            .section9-stat-label {
                font-size: 14px;
            }

            .section9-team-name {
                font-size: 20px;
            }

            .section9-team-description {
                font-size: 14px;
            }
        }


        /* section 10 css start */
        /* Section 10 Preset - Reset and Base Styles */
        .section10 * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        .section10 {
            background-color: #0a0a0a;
            color: #ffffff;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
            padding: 80px 20px 60px;
            position: relative;
            overflow: hidden;
        }

        /* Background Image */
        .section10-bg {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 55%;
            height: 60%;
            background-image: url('../images/section10-bg.png');
            background-size: cover;
            background-position: right center;
            background-repeat: no-repeat;
            opacity: 0.85;
            z-index: 0;
        }

        .section10-container {
            max-width: 1400px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        /* Header Section */
        .section10-header {
            margin-bottom: 10px;
        }

        .section10-label {
            font-size: 13px;
            font-weight: 500;
            letter-spacing: 1.5px;
            color: #ff6b35;
            margin-bottom: 20px;
            text-transform: uppercase;
        }
        .sec10-heading{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .section10-heading {
            font-size: 48px;
            font-weight: 400;
            line-height: 1.2;
            margin-bottom: 0;
            letter-spacing: -0.5px;
            max-width: 900px;
        }

        .section10-heading .accent {
            color: #ff6b35;
        }

        /* Toggle Switch */
        .section10-toggle-container {
            display: block;
            align-items: center;
            justify-content: flex-end;
            gap: 16px;
            margin-bottom: 40px;
        }
       .section10-toggle-container-inner{
            display: flex;
            align-items: center;
             gap: 16px;
        }

        .section10-toggle-label {
            font-size: 15px;
            color: #b8b8b8;
        }

        .section10-toggle-label.active {
            color: #ffffff;
        }

        .section10-toggle-switch {
            position: relative;
            width: 56px;
            height: 28px;
            background: #ff6b35;
            border-radius: 20px;
            cursor: pointer;
            transition: background 0.3s ease;
        }

        .section10-toggle-switch::after {
            content: '';
            position: absolute;
            top: 3px;
            left: 3px;
            width: 22px;
            height: 22px;
            background: #ffffff;
            border-radius: 50%;
            transition: transform 0.3s ease;
            transform: translateX(28px);
        }

        .section10-toggle-badge {
            font-size: 12px;
            font-weight: 500;
            color: #ff6b35;
            background: rgba(255, 107, 53, 0.15);
            padding: 4px 10px;
            border-radius: 4px;
            border: 1px solid rgba(255, 107, 53, 0.3);
            float: right;
            margin-top: 10px;
        }

        /* Pricing Cards Grid */
        .section10-pricing-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
             max-width: 90%;
             margin: 30px auto;
        }

        .section10-pricing-card {
            background: rgba(20, 20, 20, 0.6);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 16px;
            padding: 20px 25px;
            position: relative;
            transition: all 0.3s ease;
        }

        .section10-pricing-card:hover {
            border-color: rgba(255, 107, 53, 0.3);
            transform: translateY(-4px);
        }

        .section10-pricing-card.featured {
            border: 2px solid #ff6b35;
            background: rgba(30, 20, 15, 0.7);
        }

        .section10-best-value {
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            background: #ff6b35;
            color: #ffffff;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.5px;
            padding: 6px 16px;
            border-radius: 4px;
            text-transform: uppercase;
        }

        .section10-plan-name {
            font-size: 20px;
            font-weight: 400;
            color: #ffffff;
            margin-bottom: 6px;
        }

        .section10-price-container {
            margin-bottom: 12px;
        }

        .section10-price {
            font-size: 40px;
            font-weight: 300;
            color: #ffffff;
            line-height: 1;
        }

        .section10-price-unit {
            font-size: 18px;
            color: #888;
            font-weight: 400;
        }

        .section10-billing-info {
            font-size: 14px;
            color: #888;
            padding-bottom: 20px;
            margin-bottom: 20px;
            line-height: 1.5;
            border-bottom: 1px solid rgb(83, 83, 83);
        }

        .section10-billing-info .highlight {
            color: #ff6b35;
            font-weight: 500;
        }

        .section10-features {
            list-style: none;
            margin-bottom: 32px;
        }

        .section10-feature {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            margin-bottom: 8px;
            font-size: 15px;
            color: #b8b8b8;
            line-height: 1.5;
        }

        .section10-feature-icon {
            width: 20px;
            height: 20px;
            flex-shrink: 0;
            margin-top: 2px;
        }

        .section10-feature-icon svg {
            width: 100%;
            height: 100%;
            stroke: #ff6b35;
            fill: none;
            stroke-width: 2.5;
        }

        .section10-cta-button {
            width: 100%;
            padding: 16px 24px;
            font-size: 15px;
            font-weight: 500;
            color: #ffffff;
            background: transparent;
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: 8px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            text-decoration: none;
            box-sizing: border-box;
        }

        .section10-cta-button:hover {
            background: rgba(255, 255, 255, 0.05);
            border-color: rgba(255, 255, 255, 0.3);
        }

        .section10-cta-button.featured {
            background: #ff6b35;
            border-color: #ff6b35;
        }

        .section10-cta-button.featured:hover {
            background: #ff7d4d;
            border-color: #ff7d4d;
        }

        .section10-cta-arrow {
            width: 16px;
            height: 16px;
        }

        /* Stats Section */
        .section10-stats {
            background: rgba(20, 20, 20, 0.5);
            border: 1px solid rgba(255, 255, 255, 0.06);
            border-radius: 16px;
            padding: 30px 60px;
            margin-bottom: 20px;
        }

        .section10-stats-label {
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 1.2px;
            color: #ff6b35;
            margin-bottom: 30px;
            text-transform: uppercase;
        }

        .section10-stats-grid {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 2fr;
            gap: 60px;
        }

        .section10-stat-item {
            display: flex;
            flex-direction: column;
            border-right: 1px solid #2e2e2e;
        }

        .section10-stat-number {
            display: flex;
            /* justify-content: center; */
            align-items: center;
            font-size: 30px;
            font-weight: 300;
            color: #ffffff;
            line-height: 1;
            margin-bottom: 12px;
        }

        .section10-stat-description {
            font-size: 15px;
            color: #888;
            line-height: 1.4;
        }

        .section10-stat-stars {
            display: flex;
            gap: 6px;
            margin-left: 12px;
        }

        .section10-stat-stars svg {
            width: 20px;
            height: 20px;
            fill: #ffa500;
        }

        /* Help Section */
        .section10-help-section {
            /* background: rgba(20, 20, 20, 0.5);
            border: 1px solid rgba(255, 255, 255, 0.06);
            border-radius: 16px;
            padding: 40px 50px; */
            /* display: flex;
            align-items: center;
            gap: 30px; */
            /* margin-bottom: 50px; */
        }
        .section10-help-section-inner{
            display: flex;
            gap: 30px;
            margin-bottom:20px;
        }

        .section10-help-icon {
            width: 56px;
            height: 56px;
            flex-shrink: 0;
        }

        .section10-help-icon svg {
            width: 100%;
            height: 100%;
            stroke: #ff6b35;
            fill: none;
            stroke-width: 2;
        }

        .section10-help-content {
            flex: 1;
        }

        .section10-help-title {
            font-size: 20px;
            font-weight: 500;
            color: #ffffff;
            margin-bottom: 8px;
        }

        .section10-help-text {
            font-size: 15px;
            color: #888;
            line-height: 1.5;
        }

        .section10-help-button {
            padding: 14px 28px;
            font-size: 15px;
            font-weight: 500;
            color: #ff6b35;
            background: transparent;
            border: 1px solid #ff6b35;
            border-radius: 8px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            gap: 8px;
            text-decoration: none;
            box-sizing: border-box;
            white-space: nowrap;
            margin-top: 10px;
        }

        .section10-help-button:hover {
            background: rgba(255, 107, 53, 0.1);
            border-color: #ff6b35;
        }

        /* Bottom CTA Section */
        .section10-bottom-cta {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: rgba(20, 20, 20, 0.4);
            border: 1px solid rgba(255, 255, 255, 0.06);
            border-radius: 12px;
            padding: 32px 40px;
        }

        .section10-bottom-cta-content {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .section10-bottom-cta-icon {
            width: 48px;
            height: 48px;
            flex-shrink: 0;
        }

        .section10-bottom-cta-icon svg {
            width: 100%;
            height: 100%;
            stroke: #ff6b35;
            fill: none;
            stroke-width: 2;
        }

        .section10-bottom-cta-text {
            flex: 1;
        }

        .section10-bottom-cta-title {
            font-size: 18px;
            font-weight: 500;
            color: #ffffff;
            margin-bottom: 4px;
        }

        .section10-bottom-cta-subtitle {
            font-size: 14px;
            color: #888;
        }

        .section10-bottom-cta-buttons {
            display: flex;
            gap: 16px;
        }

        .section10-bottom-button {
            padding: 14px 32px;
            font-size: 15px;
            font-weight: 500;
            border-radius: 8px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            gap: 8px;
            white-space: nowrap;
            text-decoration: none;
            box-sizing: border-box;
        }

        .section10-bottom-button.primary {
            background: #ff6b35;
            color: #ffffff;
            border: 1px solid #ff6b35;
        }

        .section10-bottom-button.primary:hover {
            background: #ff7d4d;
            border-color: #ff7d4d;
        }

        .section10-bottom-button.secondary {
            background: transparent;
            color: #ffffff;
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .section10-bottom-button.secondary:hover {
            background: rgba(255, 255, 255, 0.05);
            border-color: rgba(255, 255, 255, 0.3);
        }

        /* Tablet Styles */
        @media (max-width: 1024px) {
            .section10 {
                padding: 60px 20px 50px;
            }

            .section10-bg {
                width: 65%;
                height: 55%;
            }
            .sec10-heading{
              display: block;
            }
            .section10-heading {
                font-size: 48px;
            }

            .section10-pricing-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .section10-stats-grid {
                grid-template-columns: 1fr 1fr 1fr 2fr;
                gap: 40px;
            }

            .section10-stats {
                padding: 40px 40px;
            }

            .section10-help-section {
                flex-direction: column;
                align-items: flex-start;
                padding: 30px 30px;
            }

            .section10-help-button {
                align-self: stretch;
                justify-content: center;
            }

            .section10-bottom-cta {
                flex-direction: column;
                gap: 24px;
            }

            .section10-bottom-cta-buttons {
                width: 100%;
            }

            .section10-bottom-button {
                flex: 1;
                justify-content: center;
            }
        }

        /* Mobile Styles */
        @media (max-width: 768px) {
            .section10 {
                padding: 50px 16px 40px;
            }

            .section10-bg {
                width: 100%;
                height: 45%;
                opacity: 0.4;
            }

            .section10-heading {
                font-size: 32px;
            }
             .sec10-heading{
              display: block;
               margin-bottom: 20px; 
            }
            .section10-toggle-badge{
                float: left;
                /* margin-bottom: 20px; */
            }

            .section10-toggle-container {
                flex-direction: column;
                align-items: flex-start;
                gap: 12px;
            }

            .section10-price {
                font-size: 48px;
            }

            .section10-stats {
                padding: 30px 20px;
            }

            .section10-stats-grid {
                grid-template-columns: 1fr;
                gap: 30px;
            }

            .section10-stat-number {
                font-size: 40px;
            }

            .section10-help-section {
                padding: 24px 20px;
                gap: 20px;
            }

            .section10-help-icon {
                width: 48px;
                height: 48px;
            }

            .section10-bottom-cta {
                padding: 24px 20px;
            }

            .section10-bottom-cta-content {
                flex-direction: column;
                align-items: flex-start;
                width: 100%;
            }

            .section10-bottom-cta-buttons {
                flex-direction: column;
                width: 100%;
            }

            .section10-bottom-button {
                width: 100%;
            }
        }

        @media (max-width: 480px) {
            .section10-heading {
                font-size: 28px;
            }

            .section10-plan-name {
                font-size: 20px;
            }

            .section10-price {
                font-size: 42px;
            }

            .section10-stat-number {
                font-size: 36px;
            }
        }