/* ==========================================================================
   Font Face Declarations
   ========================================================================== */

@font-face {
  font-family: 'Inter';
  src: url('../fonts/static/Inter-Regular.woff2') format('woff2'), url('../fonts/static/Inter-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/static/Inter-Medium.woff2') format('woff2'), url('../fonts/static/Inter-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/static/Inter-SemiBold.woff2') format('woff2'), url('../fonts/static/Inter-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
    --c-bg: #fff;
    --c-bg-2: #f5f5f3;
    --c-bg-3: #faf9f7;
    --c-bg-4: #EBEEFF;
    --c-text: #131314;
    --c-text-2: #4d5660;
    --c-text-3: #8a8a8e;
    --c-border: rgba(19, 19, 20, 0.1);
    --c-border-2: rgba(19, 19, 20, 0.18);
    --c-accent: #634AFC;
    --c-accent-lgt:#b8a8ee;
    --c-success: #2a7a4c;
    --c-elite: #2a4a7a;
    --c-elite-bg: #e8ecf3;
    --c-prplgt: #f0f1ff;
    --c-drks: #2C2853;
    --r-md: 8px;
    --r-lg: 12px;
    --r-xl: 16px;
    --font-sans: 'Inter', Helvetica, Arial, sans-serif;
    --muted:#5f6068;
    --drk-bg:#1A163C;
   --drk-bg2: #020823;
}
* {
    box-sizing: border-box;
}
body {
    margin: 0;
    font-family: var(--font-sans);
    color: var(--c-text);
    background: var(--c-bg);
    font-size: 16px;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
}

ul{margin:0px}
a {
    color: inherit;
    text-decoration: none;
}
a.regular {
  text-decoration: none;
  color: var(--c-accent);
 

  
  font-weight: 500;
}
a.regular:after{
    content: " →";
    font-size: 13px;
    transition: transform 0.15s;
}
a.arrwgo {

  display:inline-block;
  color: var(--c-text);
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
  line-height: 20px;
}
a.arrwgo:after{content:"\2197";
font-size:18px;}
img {
    max-width: 100%;
    height: auto;
    display: block;
}
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 ;
}
h1,h2,h3,h4,h5,h6,p {
    margin: 0;
    color: var(--c-text);
}
h1 {
    font-size: clamp(40px, 5.6vw, 74px);
    font-weight: 400;
    line-height: 1.03;
  letter-spacing: -0.03em;
    margin: 0 0 24px;
  
}
h1.guide{font-size: clamp(40px, 5.6vw, 64px);}
h1 span,h2 span{color: var(--c-accent);}
h2 {
    font-size: 40px;
   font-weight: 400;
  letter-spacing: -0.02em;
  font-size: clamp(28px, 3vw, 38px);

  line-height: 1.15;
   
}

h4{font-size:18px;}
h5{font-size:16px;
}
h5 span{font-weight: 400;}

.fnt-sml {
    font-size: 13px !important;
}
.muted {
    color: var(--c-text-2);
}
.text-center {
    text-align: center;
}
.center-block {
    margin-left: auto;
    margin-right: auto;
}

.mw-640{max-width: 640px;}
.mt-8{margin-top: 8px;}
.mt-10{margin-top:10px !important;}
.mt-12{margin-top: 12px !important;}
.mt-16{margin-top: 16px !important;}
  .mt-20{margin-top: 20px;}
  .mt-24{margin-top: 24px;}
  .mt-28{margin-top: 28px;}
   .mt-36{margin-top: 36px;}

   .mt-96{margin-top:96px;}
  .mt-152{margin-top:152px;}

  .mb-8{margin-bottom: 8px;}

  .me-8{margin-right:8px;}
  .py-42{padding-top: 42px;padding-bottom: 42px;}
  .py-96{padding-top: 96px;padding-bottom: 96px;}

  .p-16{padding:16px}
  .p-24{padding:24px}
  .p-30{padding:30px;}
  .p-36{padding:36px}

    .pt-12{padding-top:12px;}
    .pt-26{padding-top:26px;}
     .pt-32{padding-top:32px;}
  .mx-8{margin-left:8px;margin-right:8px;}
  .mx-62{margin-left: 62px;margin-right: 62px;}
  .mx-qrt{margin-left: 20%;margin-right: 20%;}

  .w760{width:760px;margin:0px auto;}
  .w920{width:920px; margin:0px auto;}
  .w980{width:980px; margin:0px auto;}
  .text-end{text-align: end;
  }
.text-left{text-align: start;}


  .intent-card{display:flex;flex-direction: column;}
  .intent-cta{font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:6px}

.intent-cta::after{content:"\2192";font-weight:500}
  .rad-18{border-radius: 18px;}
  .rad-24{border-radius: 24px;}
.textSect p{margin-bottom:20px;}
.tick{list-style:none;padding:0;font-size:15px;color:var(--c-text-2);line-height:1.7}
.tick li{padding:0 0 8px 24px;position:relative}
.tick li::before{content:"✓";position:absolute;left:0;top:-3px;color:var(--c-success);font-weight:500;font-size:18px}
.tick strong{color:var(--c-text)}

.icn{width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  color: var(--c-accent);
  background: var(--c-prplgt);
  border-radius: 12px;}
  .icn img{width:24px;height:24px;}

  .box-white{background: var(--c-bg);border: 0.5px solid #e7e5f6;box-shadow: 0 12px 32px rgba(66, 52, 130, 0.055);}
  .box-white h4{
  font-size: 19px;
  line-height: 1.3;
font-weight:400;}
.box-white p{margin: 0;
  color: var(--muted);
  font-size: 14px;}
.group{border: 1px solid oklch(0.9 0.008 220);
  border-radius: 20px;
  overflow: hidden;
gap: 1px !important;
  background: oklch(0.9 0.008 220);}
.group .box-white {border:0px;gap:0px;box-shadow:none;}
.group .p-16{padding:30px 26px;}
  .box-grey{background: var(--c-bg-2);border: 0.5px solid var(--c-border);}
   .box-blue{background: var(--c-prplgt);border: 0.5px solid var(--c-border);}

.box-drk{background: var(--drk-bg2);border: 0.5px solid var(--c-bg-2);}

   .step-num{font-size: 12px;
  color: var(--c-accent);
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 8px;}
.breadcrumb{display: inline-block;
  padding: 2px 12px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: var( --c-bg-4);
  color: var(--c-accent);
font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;}
.specs span{ color: var(--c-accent);
display:block;
font-weight: 500;}







.faq-item{padding:22px 0;border-bottom:.5px solid var(--c-border)}.faq-item:last-child{border-bottom:0}details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:19px;font-weight:500}details summary::-webkit-details-marker{display:none}details[open] summary .faq-toggle{transform:rotate(45deg)}.faq-toggle{font-size:22px;line-height:1;color:var(--c-accent);transition:transform .15s}.faq-answer{font-size:16px;color:var(--c-text-2);margin-top:12px;line-height:1.65}.faq-answer a{color:var(--c-text);text-decoration:underline}



 
.trustPilot {
  background-image: url(../images/trustPilot.webp);
  background-repeat: no-repeat;
  
  color: #5E71EC;
  padding-left: 160px;
  height: 34px;
 font-family: var(--font-sans);

  line-height: 34px;
text-decoration: none;
display:inline-block;
}
.trusted {
  color: #5E71EC;
  height: 34px;
 font-family: var(--font-sans);
font-size:14px;
  line-height: 34px;
display: inline-block;
background-image: url(../images/svg/trusted.svg);
  background-repeat: no-repeat;
  padding-left: 42px;
}


.logos {
  overflow: hidden;
  padding: 20px 0;
  background: #FDFDFD;
  white-space: nowrap;
  position: relative;
  display:flex;
}
@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.logos:before,
.logos:after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 2;
}

.logos:before {
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), #FDFDFD);
}

.logos:after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #FDFDFD);
}

.logos:hover .logos-slide {
  animation-play-state: paused;
}

.logos-slide {
  display: flex;
  animation: 35s slide infinite linear;
  flex-shrink: 0;
}

.logos-slide img {
  height: 52px;
  width: auto;
  margin: 0 10px;
}
.nav-wrap {
    background: var(--c-bg);
    border-bottom: 0.5px solid var(--c-border);
    position: sticky;
    top: 0;
    z-index: 100;
}
.nav-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--c-bg);
    z-index: 91;
}
.nav-row {
    position: relative;
    z-index: 95;
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 16px 24px;
    max-width: 1240px;
    margin: 0 auto;

}
.nav-holder {
    display: flex;
    align-items: center;
    gap: 28px;
    flex: 1;
}
.nav-logo {
    width:120px;
    font-weight: 500;
    font-size: 19px;
}
.nav-links {
    display: flex;
    gap: 26px;
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    color: var(--c-text-2);
}
.nav-links a:hover,
.nav-product-trigger:hover {
    color: var(--c-text);
}
.nav-links a.active {
    color: var(--c-text);
}
.nav-product-trigger {
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.nav-product-trigger::after {
    content: " \02C5";
    font-size: 11px;
    opacity: 0.6;
}
.nav-links .has-dropdown {
    position: relative;
    cursor: pointer;
}
.nav-links .has-dropdown::after {
    content: " \02C5";
    font-size: 11px;
    opacity: 0.6;
}
.nav-links .has-dropdown:hover .dropdown,
.nav-links .has-dropdown:focus-within .dropdown {
    display: block;
}
.nav-links .has-megamenu .megamenu {
    display: none;
    position: absolute;
    top: 100%;
    left: -12px;
    background: var(--c-bg);
    border: 0.5px solid var(--c-border);
    border-radius: var(--r-lg);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    padding: 18px;
    min-width: 480px;
    z-index: 90;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}
.nav-links .has-megamenu:hover .megamenu,
.nav-links .has-megamenu:focus-within .megamenu {
    display: grid;
}
.megamenu .mega-col-title {
    font-size: 11px;
    color: var(--c-text-3);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 500;
    margin: 0 0 8px 12px;
}
.megamenu .mega-col a {
    display: block;
    padding: 7px 12px;
    border-radius: var(--r-md);
    font-size: 14px;
    color: var(--c-text-2);
    white-space: nowrap;
}
.megamenu .mega-col a:hover {
    background: var(--c-bg-2);
    color: var(--c-text);
}
.megamenu .mega-col a.mega-cta {
    margin-top: 6px;
    padding-top: 10px;
    border-top: 0.5px solid var(--c-border);
    color: var(--c-text);
    font-weight: 500;
    font-size: 13px;
}
.dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: -12px;
    background: var(--c-bg);
    border: 0.5px solid var(--c-border);
    border-radius: var(--r-lg);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    padding: 8px;
    min-width: 180px;
    z-index: 90;
}
.dropdown a {
    display: block;
    padding: 8px 12px;
    border-radius: var(--r-md);
    font-size: 14px;
    color: var(--c-text-2);
}
.dropdown a:hover {
    background: var(--c-bg-2);
    color: var(--c-text);
}
.nav-cta {
    display: flex;
    gap: 10px;
}
.btn {
    display: inline-block;
    padding: 10px 18px;
    border-radius: var(--r-md);
    font-size: 14.5px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    transition:
        opacity 0.15s,
        background 0.15s;
    border: none;
    font-family: inherit;
    text-align: center;
   
}
.btn:hover {
    opacity: 0.9;
}
.btn-primary {
    background: var(--c-accent);
    color: #fff;
    border: 0.5px solid var(--c-accent);
}
.btn-secondary {
    background-color: var(--c-bg);
    color: var(--c-text);
    border: 0.5px solid var(--c-border-2);
}
.btn-secondary:hover {
    background: var(--c-bg-2);
}
.btn-elite {
    background: var(--c-elite);
    color: #fff;
    border: 0.5px solid var(--c-elite);
}
.btn-lg {
    padding: 13px 22px;
    font-size: 15px;
}
.btn-block {
    display: block;
    width: 100%;
}

/* Mega-menu */
.megamenu-wrap {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    z-index: 90;
}
.megamenu-wrap.open {
    display: block;
}
.megamenu-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--c-bg);
    border-bottom: 0.5px solid var(--c-border);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
    z-index: 1;
}
.megamenu-wrap::after {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 0;
}
.megamenu-inner {
position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 220px 1fr 240px;
    gap: 0;
    max-width: 1240px;
    margin: 0 auto;
    padding: 32px 24px;
}
.megamenu-rail {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-right: 24px;
    border-right: 0.5px solid var(--c-border);
}
.rail-item {
    display: block;
    padding: 14px 16px;
    border-radius: var(--r-md);
    cursor: pointer;
    font-size: 14.5px;
    color: var(--c-text-2);
    text-decoration: none;
    transition:
        background 0.12s,
        color 0.12s;
}
.rail-item:hover {
    color: var(--c-text);
    background: var(--c-bg-3);
}
.rail-item.active {
    background: var(--c-prplgt);
    color: var(--c-text);
    font-weight: 500;
}
.rail-item .rail-sub {
    display: block;
    font-size: 11.5px;
    color: var(--c-text-3);
    margin-top: 2px;
    font-weight: 400;
}
.megamenu-grid {
    padding: 0 32px;
}
.grid-panel {
    display: none;
}
.grid-panel.active {
    display: block;
}
.panel-header {
    margin-bottom: 18px;
}
.panel-eyebrow {
    font-size: 11px;
    color: var(--c-text-3);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 4px;
    font-weight: 500;
}
.panel-title {
    font-size: 16px;
    color: var(--c-text);
    font-weight: 500;
}
.panel-title a {
    color: var(--c-text-2);
    font-weight: 400;
    margin-left: 8px;
    font-size: 14px;
}
.panel-title a:hover {
    color: var(--c-text);
    text-decoration: underline;
}
.feature-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 18px;
}
.feature-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    text-decoration: none;
    color: inherit;
    padding: 10px;
    border-radius: var(--r-md);
    transition: background 0.12s;
}
.feature-item:hover {
    background: var(--c-bg-3);
}
.feature-icon {
    width: 36px;
    height: 36px;
    background: var(--c-bg-2);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.feature-icon svg {
    width: 18px;
    height: 18px;
    stroke: var(--c-text);
    fill: none;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.feature-text .feature-name {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 3px;
}
.feature-text .feature-desc {
    color: var(--c-text-2);
    font-size: 12.5px;
    line-height: 1.45;
}
.feature-tag {
    display: inline-block;
    font-size: 10px;
    color: #5b3eb8;
    background: #ece8f7;
    padding: 2px 7px;
    border-radius: 99px;
    margin-left: 6px;
    font-weight: 500;
}
.spotlight {
    background: linear-gradient(180deg, var(--c-bg-3) 0%, var(--c-prplgt) 100%);
    border-radius: var(--r-lg);
    padding: 24px;
    display: flex;
    flex-direction: column;
    border: 0.5px solid var(--c-border);
}
.spotlight.grid-panel {
    display: none;
}
.spotlight.grid-panel.active {
    display: flex;
}
.spotlight-tag {
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 500;
    color: var(--c-text-3);
    margin-bottom: 10px;
}
.spotlight h4 {
    font-size: 17px;
    font-weight: 500;
    margin: 0 0 8px;
    line-height: 1.3;
}
.spotlight p {
    font-size: 13px;
    color: var(--c-text-2);
    margin: 0 0 14px;
    line-height: 1.55;
    flex: 1;
}
.spotlight .spotlight-link {
    font-size: 13.5px;
    color: var(--c-text);
    font-weight: 500;
    text-decoration: underline;
}

.subnav {
    background: var(--c-bg);
    border-bottom: 0.5px solid var(--c-border);
    position: sticky;
    top: 65px;
    z-index: 99;
}
.subnav-row {
    display: flex;
    gap: 20px;
    padding: 14px 24px;
    max-width: 1200px;
    margin: 0 auto;
    overflow-x: auto;
    font-size: 13.5px;
}
.subnav-row a {
    color: var(--c-text-2);
    white-space: nowrap;
    padding: 4px 0;
    border-bottom: 2px solid transparent;
}
.subnav-row a.active {
    color: var(--c-text);
    font-weight: 500;
    border-bottom-color: var(--c-accent);
}
.subnav-row a:hover {
    color: var(--c-text);
}

/* Hero */
.eyebrow {
    font-size: 12px;
    color: var(--c-text-3);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 14px;
    font-weight: 500;
}
.h1 {
    font-size: clamp(40px, 5.6vw, 74px);
    font-weight: 400;
    line-height: 1.03;
  letter-spacing: -0.03em;
    margin: 0 0 24px;
    max-width: 780px;
}
.h2 {
    font-size: clamp(30px, 4.6vw, 56px);
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: -0.01em;
    margin: 0 0 14px;
}
.h3 {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.35;
    margin: 0 0 8px;
}
.lead {
  
    color: var(--c-text-2);
    font-size: clamp(17px, 1.6vw, 20px);
  line-height: 1.55;

  max-width: 620px;
margin:0px auto;

}
.muted {
    color: var(--c-text-2);
}
.text-center {
    text-align: center;
}
.center-block {
    margin-left: auto;
    margin-right: auto;
}
  .mt-20{margin-top: 20px;}
  .mt-152{margin-top:152px;}


  .text-end{text-align: end;
  }


/* Burger menu */
.burger-menu {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 8px;
    margin-left: auto;
}
.burger-menu span {
    display: block;
    width: 24px;
    height: 2px;
    background: var(--c-text);
    transition: all 0.3s ease;
    border-radius: 2px;
}
.burger-menu.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}
.burger-menu.active span:nth-child(2) {
    opacity: 0;
}
.burger-menu.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* ==========================================================================
   Footer
   ========================================================================== */  
   .footer{
  border-radius: 16px;
  background: linear-gradient(174deg, #2C2853 0%, #1A163C 100%);
  box-shadow: 0px 2px 8px 0px rgba(32, 24, 54, 0.05);
margin-left:20px;
margin-right:20px;
margin-bottom:20px;
padding:32px 0px;

}
.socials{display:flex;
    gap:8px;
margin-top:16px;}
.footer-grid {
  display: grid;
  grid-template-columns: 0.3fr 1fr;
  gap: 36px;
  padding-bottom:20px;
  border-bottom: .5px solid var(--c-bg-2);
}
.footM-grid{display:grid;
gap:24px;
grid-template-columns: 1fr 1fr 1fr 1fr;}
.logoFt{width: 120px;
 
margin-bottom: 10px;
display:inline-block;}
.footer p{color:var( --c-bg-3);font-size:14px;margin:0px;
line-height:16px;}

.footer h5 {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 14px;
color:var(--c-bg);
}
.footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12.5px;
  color: var(--c-bg);
  line-height: 2;
}
.footer ul a{color:var(--c-bg) !important;font-weight: 500 !important;}
.copyright{font-size:12px;
color: var(--c-bg-3);}
.copyright A{color:var(--c-bg-3);margin-left:16px;}


@media (max-width: 1200px) {
    .subnav{display:none;}
    .nav-links,
    .nav-cta {
        display: none;
    }
    .burger-menu {
        display: flex;
    }
    .nav-wrap.mobile-open .nav-row {
        flex-wrap: wrap;
    }
    .nav-wrap.mobile-open .nav-links {
        display: flex;
        flex-direction: column;
        width: 100%;
        order: 3;
        padding: 16px 0;
        gap: 0;
    }
    .nav-wrap.mobile-open .nav-links a,
    .nav-wrap.mobile-open .nav-links .has-dropdown,
    .nav-wrap.mobile-open .nav-links .has-megamenu,
    .nav-wrap.mobile-open .nav-links .nav-product-trigger {
        padding: 12px 16px;
        border-radius: var(--r-md);
    }
    .nav-wrap.mobile-open .nav-links a:hover,
    .nav-wrap.mobile-open .nav-links .has-dropdown:hover,
    .nav-wrap.mobile-open .nav-links .has-megamenu:hover,
    .nav-wrap.mobile-open .nav-links .nav-product-trigger:hover {
        background: var(--c-bg-2);
    }
    .nav-wrap.mobile-open .nav-cta {
        display: flex;
        flex-direction: column;
        width: 100%;
        order: 4;
        padding: 0 0 16px;
        gap: 8px;
    }

    /* Mobile dropdown positioning */
    /* Override desktop hover/focus rules completely on mobile */
    .nav-wrap.mobile-open .has-dropdown .dropdown,
    .nav-wrap.mobile-open .has-megamenu .megamenu {
        display: none !important;
    }

    /* Only show when .open class is present */
    .nav-wrap.mobile-open .dropdown.open {
        display: block !important;
    }
    .nav-wrap.mobile-open .megamenu.open {
        display: grid !important;
    }

    .nav-wrap.mobile-open .nav-product-trigger {
        position: relative;
        display: block;
    }
    .nav-wrap.mobile-open .megamenu-wrap {
        position: static;
        border: none;
        box-shadow: none;
        margin: 8px 0 4px 0;
        padding: 0;
        display: none !important;
        width: 100%;
    }
    .nav-wrap.mobile-open .megamenu-wrap.open {
        display: block !important;
    }
    .nav-wrap.mobile-open .megamenu-inner {
        padding: 12px 0;
        grid-template-columns: 1fr;
        gap: 0;
    }
    .nav-wrap.mobile-open .megamenu-rail {
        display: none;
    }
    .nav-wrap.mobile-open .megamenu-grid {
        padding: 0;
        margin-top: 0;
    }
    .nav-wrap.mobile-open .megamenu-spotlight {
        display: none;
    }

    /* Accordion-style panels on mobile */
    .nav-wrap.mobile-open .grid-panel {
        display: block !important;
        margin-bottom: 8px;
    }
    .nav-wrap.mobile-open .panel-header {
        cursor: pointer;
        padding: 12px 16px;
        background: var(--c-bg-2);
        border-radius: var(--r-md);
        margin-bottom: 0;
        position: relative;
    }
    .nav-wrap.mobile-open .panel-header::after {
        content: "+";
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 20px;
        font-weight: 300;
        transition: transform 0.2s;
    }
    .nav-wrap.mobile-open .grid-panel.active .panel-header::after {
        transform: translateY(-50%) rotate(45deg);
    }
    .nav-wrap.mobile-open .panel-eyebrow {
        font-size: 10px;
    }
    .nav-wrap.mobile-open .panel-title {
        font-size: 14px;
    }
    .nav-wrap.mobile-open .panel-title a {
        display: none;
    }
    .nav-wrap.mobile-open .feature-grid {
        display: none;
        margin-top: 8px;
        grid-template-columns: 1fr;
    }
    .nav-wrap.mobile-open .grid-panel.active .feature-grid {
        display: grid;
    }

    .nav-wrap.mobile-open .has-dropdown {
        position: relative;
        display: block;
        width: 100%;
    }
    .nav-wrap.mobile-open .dropdown {
        position: static;
        border: none;
        box-shadow: none;
        background: transparent;
        padding: 0;
        margin: 4px 0;
        width: 100%;
    }
    .nav-wrap.mobile-open .dropdown a {
        padding: 10px 24px;
        font-size: 13.5px;
        background: var(--c-bg-3);
        margin-bottom: 2px;
        display: block;
    }

    .nav-wrap.mobile-open .has-megamenu {
        display: block;
        width: 100%;
    }
    .nav-wrap.mobile-open .has-megamenu .megamenu {
        position: static;
        border: none;
        box-shadow: none;
        background: transparent;
        padding: 8px 0;
        margin: 4px 0;
        grid-template-columns: 1fr;
        width: 100%;
    }
    .nav-wrap.mobile-open .has-megamenu .megamenu .mega-col {
        margin-bottom: 12px;
    }
    .nav-wrap.mobile-open .has-megamenu .megamenu .mega-col-title {
        margin-left: 24px;
        font-size: 10px;
    }
    .nav-wrap.mobile-open .has-megamenu .megamenu .mega-col a {
        padding: 10px 24px;
        font-size: 13.5px;
        background: var(--c-bg-3);
        margin-bottom: 2px;
        display: block;
    }

    .nav-wrap.mobile-open .nav-holder {
        display: block;
        float: none;
        position: fixed;
        top: 64px;
        bottom: 0;
        height: calc(100vh - 64px);
        background: rgba(255, 255, 255, 1);
        backdrop-filter: blur(20px);
        width: 100%;
        padding-bottom: 15px;
        margin-bottom: 0px;
        border-bottom: 1px solid #cccccc;
        overflow-y: auto;
        left: 0px;
        padding-left: 16px;
        padding-right: 16px;
        z-index: 90;
    }
}
@media (max-width: 1024px) {
    .megamenu-inner {
        grid-template-columns: 1fr;
    }
    .tiers-grid {
        grid-template-columns: 1fr;
    }
    .free-grid,
    .hardware-grid {
        grid-template-columns: 1fr 1fr;
    }
    .h1 {
        font-size: 40px;
    }
    .h2 {
        font-size: 26px;
    }
}
@media (max-width: 768px) {

    .order-0{order:0 !important;}
    .order-1{order:1 !important;}
    .foot-grid {
        grid-template-columns: 1fr 1fr;
    }
    .h1 {
        font-size: 32px;
    }
    .hero,
    .tiers-section {
        padding: 48px 0;
    }
    .free-band,
    .compare-section,
    .hardware-section,
    .faq-section,
    .final-cta {
        padding: 48px 0;
    }
    .free-grid,
    .hardware-grid {
        grid-template-columns: 1fr;
    }
    .compare-table th,
    .compare-table td {
        padding: 10px 8px;
        font-size: 12px;
    }
    .tier {
        padding: 24px;
    }
    .feature-grid {
        grid-template-columns: 1fr;
    }
}


/* Hero */
.hero { padding: 88px 0 64px; background: var(--c-bg); }
.hero-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 56px; align-items: center; }
.hero .breadcrumb {
   font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center; 
display: inline-block;
  padding: 2px 12px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: var(--c-prplgt, #EBEEFF);
  color: var(--c-accent);}
.hero .trust { display: flex; flex-wrap: wrap; gap: 22px; font-size: 14px; color: var(--c-text-2); margin: 28px 0 32px; }
.hero .trust strong { color: var(--c-text); font-weight: 500; }
.hero .cta-row { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.hero .cta-note { font-size: 13px; color: var(--c-text-3); }
.hero-image { background: var(--c-bg-2); border-radius: var(--r-lg);  display: flex; align-items: center; justify-content: center; overflow: hidden; }
.hero-image img { width: 100%; height: 100%; object-fit: cover; }

/* general stuff */
.testimonail{display:flex;justify-content: center;}
.tst-img{margin-right:20px;}
.testimonail h3{font-size:24px;font-style: italic;}
.align-items-center{align-items: center;}
.justify-center{justify-content: center;}
.two-offset-grid{display:grid;grid-template-columns:1.1fr 1fr;
gap:64px;}

.chk{display: flex;
  gap: 16px;}
  .img-grid{display:grid;grid-template-columns:1fr 1fr ;gap:64px;}
  .img-gridRev{display:grid;grid-template-columns:1fr 1fr ;gap:64px;}
.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.three-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;}
.four-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:24px;}
.six-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;}
.five-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:24px;}
.five-grid-auto{display:grid;grid-template-columns:repeat(5, auto);gap:24px;}

.gap-0{gap:0px ;}
.gap-36{gap:72px 36px ;}
.gap-72{gap:72px;}
.lg-bg{background: var(--c-prplgt);
border-top:1px solid var(--c-border);
border-bottom:1px solid var(--c-border);
}

.lg-bg .breadcrumb{border:0.5px solid var(--c-accent);}

.drk-bg{
    background:radial-gradient(circle at 100% 0, rgba(136, 115, 255, 0.5), transparent 38%), #171423;;
    color:var(--c-bg);
    position:relative;
    overflow:hidden;
}

.drk-bg::after{  content: "";
  position: absolute;
  width: 230px;
  height: 230px;
  right: -130px;
  bottom: -130px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  box-shadow: 0 0 0 42px rgba(255, 255, 255, 0.025), 0 0 0 84px rgba(255, 255, 255, 0.018);
}
.drk-bg h2,.drk-bg p,.drk-bg h3{color:var(--c-bg);}

.drk2-bg{ background: var(--drk-bg2);color:var(--c-bg);}
.drk2-bg h2,.drk2-bg p,.drk2-bg .breadCrmb{color:var(--c-bg);}
.drk2-bg .btn-secondary{background: var(--drk-bg2);color:var(--c-bg);border-color:var(--c-bg);}
.drk2-bg .box-white{background: var(--drk-bg) !important;border-color:var(--c-bg);}
.drk2-bg h4{color:var(--c-accent-lgt);font-size:2.4rem;}


.breadCrmb{text-transform: uppercase;font-size:.8rem}
/* 
blog stuff */

.meta{display: flex;align-items: center;}

.authorIcn {
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 30px;
  background-size: 100%;
  background-color: #555;
}

.auth-sam-radford{background-image:url('/assets/images/authors/auth5.png') !important;}
.auth-sense{background-image:url('/assets/images/authors/auth1.png') !important;}
.auth-abbi-melville{background-image:url('/assets/images/authors/auth7.png') !important;}
.auth-john-crowley{background-image:url('/assets/images/authors/auth8.png') !important;}
.auth-bharat-jain{background-image:url('/assets/images/authors/auth11.png') !important;}
.auth-petru-tinca{background-image:url('/assets/images/authors/auth12.png') !important;}
.auth-ilia-tsvetkov{background-image:url('/assets/images/authors/auth14.png') !important;}
.auth-professor-sir-cary-cooper{background-image:url('/assets/images/authors/auth13.png') !important;}
.auth-sat-sindhar{background-image:url('/assets/images/authors/auth9.png') !important;}
.authorLnk A {
  color: var(--c-drks);
  font-weight: 400;
}

.article  h2{
    margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.4;
  color: var(--c-drks);
}
.article  h3{
    margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.4;
  color: var(--c-drks);
}
.article p{line-height: 1.9;font-size:1.1rem}
.article a.category{display: inline-block;
  padding: 2px 12px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: var( --c-bg-4);
  color: var(--c-accent);
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
margin:8px}

.articleBody H2,.articleBody H3,.articleBody H4,.articleBody H5{margin-top:24px;}
.articleBody p{margin-top:12px;}
.articleBody a{text-decoration:underline;color:var(--c-accent);}
.articleBody table{width:100%;margin-top:24px;border-collapse:collapse;background:var(--c-bg);border:.5px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden;font-size:15px;}
.articleBody thead{display:table-header-group;}
.articleBody th,.articleBody td{padding:14px 18px;text-align:left;border-bottom:.5px solid var(--c-border);vertical-align:top;line-height:1.6;}
.articleBody th{font-weight:500;font-size:13px;color:var(--c-text-3);text-transform:uppercase;letter-spacing:.06em;background:var(--c-bg-2);}
.articleBody tbody tr:last-child td{border-bottom:0;}
.articleBody tbody tr:nth-child(even){background:var(--c-bg-2);}
.articleBody tbody tr:hover td{background:var(--c-bg-4);}
.articleBody table caption{caption-side:bottom;padding-top:10px;font-size:13px;color:var(--c-text-3);text-align:left;}
@media(max-width:768px){
  .articleBody table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-md);}
  .articleBody th,.articleBody td{padding:10px 14px;font-size:14px;white-space:nowrap;}
}
     .navigation ul{display: flex;justify-content:center;}
   .navigation ul li{list-style-type:none ;line-height:38px;}
   .navigation ul li A{color:#5C5980;display: inline-block;height: 38px;margin:4px;min-width:20px;;padding:0px 16px;font-size:14px;line-height: 38px;border-radius:20px;}
   .navigation ul li.active A{color:#ffffff;background-color: var(--c-accent);}

.post-nav{display:flex;justify-content:space-between;gap:24px;padding:48px 0;border-top:1px solid #e8e8f0;}
.post-nav > div{flex:1;}
.post-nav > div:last-child{text-align:right;}
.post-nav-link{display:inline-flex;flex-direction:column;gap:6px;text-decoration:none;max-width:340px;}
.post-nav-label{font-size:13px;color:#9896b0;font-weight:500;}
.post-nav-title{font-size:15px;color:#1a1830;font-weight:600;line-height:1.4;}
.post-nav-link:hover .post-nav-title{color:var(--c-accent);}

/* Pricing tiers */
.tiers-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:20px;align-items:stretch;}
.tier{background:var(--c-bg);border:.5px solid var(--c-border);border-radius:18px;padding:36px;display:flex;flex-direction:column;}
.tier-featured{border:2px solid var(--c-elite);}
.tier-head{margin-bottom:16px;}
.tier-name{font-size:13px;font-weight:500;color:var(--c-text-3);text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:4px;}
.tier-name-elite{color:var(--c-elite);}
.tier-subtag{font-size:12px;color:var(--c-text-3);font-weight:500;}
.tier-subtag-elite{color:var(--c-elite);font-weight:500;}
.tier h2{font-size:26px;font-weight:500;margin:8px 0 10px;line-height:1.2;}
.tier-pitch{font-size:15px;color:var(--c-text-2);margin:0 0 22px;line-height:1.55;}
.price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:6px;}
.price-from{font-size:14px;color:var(--c-text-2);}
.price{font-size:52px;font-weight:500;line-height:1;letter-spacing:-.02em;}
.price-unit{font-size:14px;color:var(--c-text-2);}
.price-foot{font-size:13px;color:var(--c-text-3);margin-bottom:22px;}
.diff-callout{background:var(--c-bg-2);border:.5px solid var(--c-border);border-radius:var(--r-md);padding:14px 16px;margin:0 0 18px;font-size:13.5px;line-height:1.55;}
.diff-row{padding:5px 0 5px 24px;position:relative;color:var(--c-text-2);}
.diff-row strong{color:var(--c-text);font-weight:500;}
.diff-icon{position:absolute;left:0;color:var(--c-success);font-weight:500;font-size:14px;}
.ai-included{background:#f4f0ff;border:.5px solid #e3dbf7;border-radius:var(--r-lg);padding:16px 18px;margin:0 0 18px;}
.ai-included-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;}
.ai-included-eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#5d4dbf;font-weight:500;}
.ai-included-pill{font-size:10.5px;background:#5d4dbf;color:#fff;padding:3px 9px;border-radius:99px;font-weight:500;white-space:nowrap;}
.ai-included-list{margin:0;padding:0;list-style:none;font-size:13.5px;line-height:1.55;color:var(--c-text-2);}
.ai-included-list li{padding:5px 0 5px 32px;position:relative;}
.ai-included-list li::before{content:"AI";position:absolute;left:0;top:6px;font-size:9px;font-weight:500;color:#5d4dbf;letter-spacing:.04em;}
.ai-included-list strong{color:var(--c-text);font-weight:500;}
.ai-included-foot{margin:10px 0 0;font-size:12.5px;color:var(--c-text-3);line-height:1.55;}
.dataloader-callout{background:#eefaf3;border:.5px solid #c4e3d0;border-radius:var(--r-lg);padding:16px 18px;margin:0 0 18px;}
.dataloader-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;}
.dataloader-eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#1f6b48;font-weight:500;}
.dataloader-pill{font-size:10.5px;background:var(--c-success);color:#fff;padding:3px 9px;border-radius:99px;font-weight:500;white-space:nowrap;}
.dataloader-title{font-size:15px;font-weight:500;color:var(--c-text);margin:0 0 6px;}
.dataloader-body{font-size:13.5px;color:var(--c-text-2);line-height:1.55;margin:0 0 8px;}
.dataloader-body strong{color:var(--c-text);font-weight:500;}
.dataloader-foot{font-size:12px;color:var(--c-text-3);margin:0;font-style:italic;}
.slider-card{background:var(--c-bg-2);border:.5px solid var(--c-border);border-radius:var(--r-lg);padding:20px 22px;margin:0 0 18px;}
.slider-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;font-size:13.5px;color:var(--c-text-2);}
.headcount{font-size:22px;font-weight:500;color:var(--c-text);letter-spacing:-.01em;}
.slider-card input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:4px;background:var(--c-bg-2);border-radius:99px;outline:none;border:.5px solid var(--c-border)}
.slider-card input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--c-text);border-radius:50%;cursor:pointer;border:2px solid var(--c-bg)}
.slider-card input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--c-text);border-radius:50%;cursor:pointer;border:2px solid var(--c-bg)}

.totals{margin-top:16px;padding-top:14px;border-top:.5px solid var(--c-border);}
.total-num{font-size:28px;font-weight:500;line-height:1;margin-bottom:4px;letter-spacing:-.02em;}
.total-label{font-size:11px;color:var(--c-text-3);text-transform:uppercase;letter-spacing:.06em;font-weight:500;}
.band-table{width:100%;font-size:13px;border-collapse:collapse;margin:0 0 18px;}
.band-table th{text-align:left;padding:9px 8px 7px;font-size:11px;color:var(--c-text-3);text-transform:uppercase;letter-spacing:.07em;font-weight:500;border-bottom:.5px solid var(--c-border-2);}
.band-table td{padding:10px 8px;border-bottom:.5px solid var(--c-border);font-variant-numeric:tabular-nums;}
.band-table td:first-child{font-weight:500;}
.band-table tr.active td{background:var(--c-bg-2);color:var(--c-text);font-weight:500;}
.band-table tr:last-child td{border-bottom:0;}
.fwa-callout{background:#fff4d4;border:.5px solid #ecd58a;border-left:3px solid #b06a00;border-radius:var(--r-md);padding:14px 16px;margin:0 0 14px;font-size:13px;line-height:1.55;}
.fwa-eyebrow{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:#7a4a00;font-weight:500;margin-bottom:4px;}
.fwa-callout p{margin:0;color:#5a3a00;}
.fwa-callout strong{color:#3a2400;font-weight:500;}
.addon-card{background:#fff8ec;border:.5px solid #f3eadf;border-radius:var(--r-lg);padding:18px 20px;margin:0 0 20px;position:relative;}
.addon-discount-pill{position:absolute;top:-10px;right:14px;background:var(--c-success);color:#fff;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:500;padding:4px 10px;border-radius:99px;}
.addon-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:8px;}
.addon-title{font-size:15px;font-weight:500;color:var(--c-text);display:flex;align-items:center;gap:8px;}
.addon-pill{font-size:10px;background:#f3eadf;color:#a8631c;padding:3px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:.06em;font-weight:500;}
.addon-sub{font-size:12.5px;color:var(--c-text-3);margin-top:3px;}
.addon-price{text-align:right;flex-shrink:0;}
.addon-price-was{font-size:13px;color:var(--c-text-3);text-decoration:line-through;margin-bottom:2px;}
.addon-price-num{font-size:22px;font-weight:500;line-height:1;letter-spacing:-.02em;}
.addon-price-unit{font-size:11.5px;color:var(--c-text-3);margin-top:3px;}
.addon-note{font-size:12.5px;color:var(--c-text-2);margin:6px 0 0;line-height:1.55;}
.addon-note strong{color:var(--c-text);font-weight:500;}
.feature-list-title{font-size:12px;color:var(--c-text-3);text-transform:uppercase;letter-spacing:.08em;font-weight:500;margin:0 0 14px;padding-top:18px;border-top:.5px solid var(--c-border);}
.feature-list{list-style:none;padding:0;margin:0 0 22px;font-size:14.5px;color:var(--c-text-2);line-height:1.55;}
.feature-list li{padding:7px 0 7px 26px;position:relative;}
.feature-list li::before{content:"\2713";position:absolute;left:0;color:var(--c-success);font-weight:500;font-size:15px;}
.feature-list li.callout::before{color:var(--c-elite);}
.feature-list strong{color:var(--c-text);font-weight:500;}
.elite-promise{background:linear-gradient(135deg,#0e1620 0%,#1a2c47 100%);color:#fff;border-radius:var(--r-lg);padding:24px 26px;margin:0 0 22px;}
.ep-eyebrow{font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:#9bc1e8;font-weight:500;margin-bottom:10px;}
.ep-headline{font-size:20px;font-weight:500;line-height:1.18;margin:0 0 6px;color:#fff;}
.ep-headline strong{color:#9bc1e8;font-weight:500;}
.ep-sub{font-size:14px;color:rgba(255,255,255,.72);line-height:1.5;margin:0 0 16px;}
.ep-list{list-style:none;padding:0;margin:0 0 14px;font-size:13px;color:rgba(255,255,255,.78);}
.ep-list li{padding:5px 0 5px 22px;position:relative;line-height:1.5;}
.ep-list li::before{content:"\2713";position:absolute;left:0;color:#9bc1e8;font-weight:500;}
.ep-list strong{color:#fff;font-weight:500;}
.ep-foot{font-size:11.5px;color:rgba(255,255,255,.45);margin:14px 0 0;padding-top:14px;border-top:.5px solid rgba(255,255,255,.12);}
.tier-cta-row{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:24px;}
.cta-sub{font-size:12.5px;color:var(--c-text-3);text-align:center;}
.tiers-footnote{font-size:13px;color:var(--c-text-3);text-align:center;margin-top:28px;}
@media(max-width:1024px){.tiers-grid{grid-template-columns:1fr;}}
@media(max-width:768px){.tier{padding:24px;}.price{font-size:40px;}}

/* ==========================================================================
   Pricing page redesign — ported verbatim from articles/new.html, scoped
   under .pricing-page so it can only ever affect the pricing page.
   ========================================================================== */
.pricing-page{
  --ink:#0d1b2a;
  --ink-2:#3c4a5a;
  --muted:#6b7a8c;
  --line:#e3e8ef;
  --bg:#ffffff;
  --bg-soft:#f6f8fb;
  --brand:#1f4fd8;
  --brand-dark:#173bA6;
  --brand-soft:#eef3ff;
  --accent:#00a37a;
  --accent-soft:#e6f7f1;
  --warn:#b45309;
  --warn-soft:#fff5e6;
  --radius:14px;
  --shadow:0 1px 2px rgba(13,27,42,.04),0 8px 24px rgba(13,27,42,.06);
  --shadow-lg:0 2px 4px rgba(13,27,42,.05),0 18px 48px rgba(13,27,42,.12);
  color:var(--ink);
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
.pricing-page *{box-sizing:border-box}
.pricing-page .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.pricing-page a{color:var(--brand);text-decoration:none}
.pricing-page a:hover{text-decoration:underline}
.pricing-page h1,.pricing-page h2,.pricing-page h3,.pricing-page h4{line-height:1.2;margin:0 0 .5em;letter-spacing:-.02em}
.pricing-page h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800}
.pricing-page h2{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:800}
.pricing-page h3{font-size:1.25rem;font-weight:700}
.pricing-page p{margin:0 0 1rem}
.pricing-page .eyebrow{
  display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--brand);background:var(--brand-soft);
  padding:.35rem .7rem;border-radius:999px;margin-bottom:1rem;
}
.pricing-page .lede{font-size:1.12rem;color:var(--ink-2);max-width:62ch}
.pricing-page .muted{color:var(--muted)}
.pricing-page .small{font-size:.85rem}
.pricing-page .center{text-align:center}
.pricing-page .mx-auto{margin-left:auto;margin-right:auto}

/* buttons (scoped — site-wide .btn is untouched) */
.pricing-page .btn{
  display:inline-block;padding:.72rem 1.25rem;border-radius:10px;font-weight:600;
  font-size:.95rem;border:1px solid transparent;cursor:pointer;text-align:center;
  transition:transform .12s ease,box-shadow .12s ease,background .12s ease;
}
.pricing-page .btn:hover{text-decoration:none;transform:translateY(-1px)}
.pricing-page .btn-primary{background:var(--brand);color:#fff;box-shadow:0 4px 14px rgba(31,79,216,.25)}
.pricing-page .btn-primary:hover{background:var(--brand-dark);color:#fff}
.pricing-page .btn-ghost{background:#fff;color:var(--ink);border-color:var(--line)}
.pricing-page .btn-ghost:hover{border-color:var(--ink-2);color:var(--ink)}
.pricing-page .btn-block{display:block;width:100%}

/* sections */
.pricing-page section{padding:72px 0}
.pricing-page section.soft{background:var(--bg-soft)}
.pricing-page .section-head{max-width:64ch;margin-bottom:40px}
.pricing-page .section-head.center{margin-left:auto;margin-right:auto;text-align:center}

/* hero */
.pricing-page .hero{padding:80px 0 56px;background:linear-gradient(180deg,var(--brand-soft) 0%,#fff 100%)}
.pricing-page .hero .lede{font-size:1.2rem}
.pricing-page .hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.pricing-page .pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.4rem .9rem;font-size:.86rem;font-weight:600;color:var(--ink-2);box-shadow:var(--shadow)}

/* pricing grid */
.pricing-page .tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch}
@media(max-width:1080px){.pricing-page .tiers{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.pricing-page .tiers{grid-template-columns:1fr}}
.pricing-page .tiers .tier{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:26px 22px 24px;display:flex;flex-direction:column;box-shadow:var(--shadow);position:relative;
}
.pricing-page .tiers .tier.featured{border-color:var(--brand);box-shadow:var(--shadow-lg);border-width:2px}
.pricing-page .tiers .tier .flag{
  position:absolute;top:-12px;left:22px;background:var(--brand);color:#fff;
  font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:.3rem .65rem;border-radius:999px;
}
.pricing-page .tiers .tier .flag.alt{background:var(--ink)}
.pricing-page .tier-name{font-size:1.3rem;font-weight:800;margin:0 0 2px}
.pricing-page .tier-tag{font-size:.82rem;color:var(--muted);font-weight:600;margin-bottom:16px;display:block}
.pricing-page .price{display:flex;align-items:baseline;gap:6px;margin:4px 0 2px}
.pricing-page .price .amount{font-size:2.5rem;font-weight:800;letter-spacing:-.04em}
.pricing-page .price .unit{font-size:.85rem;color:var(--muted);font-weight:600}
.pricing-page .price-note{font-size:.8rem;color:var(--muted);margin-bottom:18px;min-height:2.4em}
.pricing-page .tier-desc{font-size:.92rem;color:var(--ink-2);margin-bottom:18px}
.pricing-page .feat-title{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.pricing-page ul.feats{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:9px}
.pricing-page ul.feats li{position:relative;padding-left:24px;font-size:.9rem;color:var(--ink-2)}
.pricing-page ul.feats li::before{
  content:"";position:absolute;left:0;top:.42em;width:14px;height:14px;border-radius:50%;
  background:var(--accent-soft);
}
.pricing-page ul.feats li::after{
  content:"";position:absolute;left:4.2px;top:.66em;width:5.5px;height:2.6px;
  border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);
  transform:rotate(-45deg);
}
.pricing-page ul.feats li b,.pricing-page ul.feats li strong{color:var(--ink);font-weight:700}
.pricing-page .tiers .tier .spacer{flex:1}
.pricing-page .tiers .tier .foot-note{font-size:.76rem;color:var(--muted);margin-top:10px;text-align:center}

/* bands */
.pricing-page .band-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:start}
@media(max-width:900px){.pricing-page .band-grid{grid-template-columns:1fr}}
.pricing-page .band-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.pricing-page table.data{width:100%;min-width:460px;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;font-size:.92rem}
.pricing-page table.data th,.pricing-page table.data td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line)}
.pricing-page table.data thead th{background:var(--bg-soft);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}
.pricing-page table.data tbody tr:last-child td{border-bottom:none}
.pricing-page table.data td.num{font-variant-numeric:tabular-nums;font-weight:600}
.pricing-page .sub{display:block;font-size:.76rem;color:var(--muted);font-weight:500}
@media(max-width:480px){
  .pricing-page table.data{min-width:400px;font-size:.82rem}
  .pricing-page table.data th,.pricing-page table.data td{padding:9px 10px}
}

/* calculator */
.pricing-page .calc{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
.pricing-page .calc label{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pricing-page .calc .size{font-size:2rem;font-weight:800;letter-spacing:-.03em;margin:2px 0 14px}
.pricing-page input[type=range]{width:100%;accent-color:var(--brand);margin-bottom:20px}
.pricing-page .calc-out{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.pricing-page .calc-out div{background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.pricing-page .calc-out .k{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.pricing-page .calc-out .v{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pricing-page .calc-out .p{font-size:.76rem;color:var(--muted)}
@media(max-width:420px){
  .pricing-page .calc{padding:18px}
  .pricing-page .calc-out{grid-template-columns:1fr}
}

/* comparison */
.pricing-page .table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.pricing-page table.compare{width:100%;border-collapse:collapse;min-width:880px;font-size:.9rem}
.pricing-page table.compare th,.pricing-page table.compare td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:center}
.pricing-page table.compare th:first-child,.pricing-page table.compare td:first-child{text-align:left;min-width:280px}
.pricing-page table.compare thead th{background:var(--bg-soft);position:sticky;top:0;z-index:2}
.pricing-page table.compare thead .tname{display:block;font-weight:800;font-size:1rem}
.pricing-page table.compare thead .tprice{display:block;font-size:.76rem;color:var(--muted);font-weight:600}
.pricing-page table.compare tr.group td{
  background:var(--ink);color:#fff;font-weight:700;font-size:.74rem;
  letter-spacing:.1em;text-transform:uppercase;
}
.pricing-page .yes{color:var(--accent);font-weight:800}
.pricing-page .no{color:#c3ccd6;font-weight:700}
.pricing-page .val{font-size:.82rem;font-weight:600;color:var(--ink-2)}

/* generic cards */
.pricing-page .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.pricing-page .cards{grid-template-columns:1fr}}
.pricing-page .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.pricing-page .card h3{margin-bottom:.35em}
.pricing-page .card p{margin:0;font-size:.92rem;color:var(--ink-2)}

/* promise */
.pricing-page .promise{background:var(--ink);color:#fff;border-radius:var(--radius);padding:44px}
.pricing-page .promise h2{color:#fff}
.pricing-page .promise p{color:#c8d2de}
.pricing-page .promise ul{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:800px){.pricing-page .promise ul{grid-template-columns:1fr}.pricing-page .promise{padding:28px}}
.pricing-page .promise li{padding-left:22px;position:relative;color:#dbe3ec;font-size:.93rem}
.pricing-page .promise li::before{content:"→";position:absolute;left:0;color:#5b8cff;font-weight:700}
.pricing-page .promise li b,.pricing-page .promise li strong{color:#fff}



/* final cta */
.pricing-page .final{background:linear-gradient(135deg,var(--brand) 0%,#0f2f8f 100%);color:#fff;border-radius:var(--radius);padding:52px 32px;text-align:center}
.pricing-page .final h2{color:#fff}
.pricing-page .final p{color:#d5e0ff;max-width:56ch;margin-left:auto;margin-right:auto}
.pricing-page .final .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.pricing-page .final .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.pricing-page .final .btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff}
.pricing-page .final .btn-primary{background:#fff;color:var(--brand)}
.pricing-page .final .btn-primary:hover{background:#eef3ff;color:var(--brand)}

.pricing-page .footnote{font-size:.82rem;color:var(--muted);margin-top:22px}

/* Apply partners section */
.apply-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:flex-start;}
.apply-pitch .lead{font-size:16px;color:var(--c-text-2);line-height:1.6;}
.apply-bullets{list-style:none;padding:0;margin:0;font-size:15px;color:var(--c-text-2);line-height:1.7;}
.apply-bullets li{padding:10px 0 10px 0;border-top:.5px solid var(--c-border);position:relative;}
.apply-bullets li:first-child{border-top:0;}
.apply-bullets strong{color:var(--c-text);font-weight:500;display:block;}
.apply-form-card{background:var(--c-bg-2);border:.5px solid var(--c-border);padding:36px 32px;}
.apply-form-card h3{font-size:22px;font-weight:500;}
.form-sub{font-size:14.5px;color:var(--c-text-2);}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-row{display:flex;flex-direction:column;}
.form-row.full{grid-column:1/-1;}
.form-row label{font-size:13px;color:var(--c-text-2);margin-bottom:6px;font-weight:500;}
.form-row input,.form-row select,.form-row textarea{padding:11px 14px;border:.5px solid var(--c-border-2);border-radius:var(--r-md);font-size:14.5px;font-family:inherit;background:var(--c-bg);color:var(--c-text);}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:var(--c-text);}
.form-row textarea{min-height:80px;resize:vertical;}
.form-consent{font-size:12.5px;color:var(--c-text-3);line-height:1.5;}
.form-consent a{color:var(--c-text);text-decoration:underline;}
@media(max-width:1024px){.apply-grid{grid-template-columns:1fr;gap:32px;}}
@media(max-width:768px){.apply-form-card{padding:24px 20px;}.form-grid{grid-template-columns:1fr;}}
.form-row input.field-error,.form-row select.field-error,.form-row textarea.field-error{border-color:#c0392b;}
.field-error-msg{display:block;font-size:12px;color:#c0392b;margin-top:4px;}
.apply-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;gap:12px;}
.apply-success-icon{font-size:48px;line-height:1;}
.apply-success h3{font-size:24px;font-weight:500;margin:0;}
.apply-success p{font-size:16px;color:var(--c-text-2);margin:0;}

/* Compare table */
.compare-table-wrap{overflow-x:auto;}
.compare-table{width:100%;border-collapse:collapse;background:var(--c-bg);border:.5px solid var(--c-border);border-radius:18px;overflow:hidden;}
.compare-table th,.compare-table td{padding:14px 18px;text-align:left;border-bottom:.5px solid var(--c-border);font-size:14.5px;vertical-align:top;}
.compare-table th{font-weight:500;font-size:13px;color:var(--c-text-3);text-transform:uppercase;letter-spacing:.08em;padding-top:20px;padding-bottom:20px;background:var(--c-bg-2);}
.compare-table td.compare-feature{font-weight:500;color:var(--c-text);}
.compare-table tbody tr:last-child td{border-bottom:0;}
.compare-table td.check{color:var(--c-success);font-size:18px;text-align:center;}
.compare-table td.cross{color:var(--c-text-3);font-size:18px;text-align:center;}
.compare-table td.partial{color:var(--c-text-2);font-size:13px;font-style:italic;text-align:center;}
.compare-table .section-row td{background:var(--c-bg-2);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-3);}
@media(max-width:768px){.compare-table th,.compare-table td{padding:10px 12px;font-size:13px;}}

/* Partner tracks */
:root {
  --c-track-a: #2a7a4c;
  --c-track-b: #2a4a7a;
  --c-track-c: #7a2a4a;
}
.tracks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;}
.track-card{background:var(--c-bg);border:0.5px solid var(--c-border);border-radius:18px;padding:32px;display:flex;flex-direction:column;border-top-width:3px;}
.track-card.track-a{border-top-color:var(--c-track-a);}
.track-card.track-b{border-top-color:var(--c-track-b);}
.track-card.track-c{border-top-color:var(--c-track-c);}
.track-tag{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:500;margin-bottom:10px;}
.track-card.track-a .track-tag{color:var(--c-track-a);}
.track-card.track-b .track-tag{color:var(--c-track-b);}
.track-card.track-c .track-tag{color:var(--c-track-c);}
.track-pitch{font-size:14.5px;color:var(--c-text-2);line-height:1.6;}
.track-features{list-style:none;padding:0;margin:18px 0 22px;font-size:14px;color:var(--c-text-2);line-height:1.55;border-top:.5px solid var(--c-border);padding-top:18px;}
.track-features li{padding:7px 0 7px 26px;position:relative;}
.track-features li::before{content:"\2713";position:absolute;left:0;font-weight:500;font-size:15px;}
.track-card.track-a .track-features li::before{color:var(--c-track-a);}
.track-card.track-b .track-features li::before{color:var(--c-track-b);}
.track-card.track-c .track-features li::before{color:var(--c-track-c);}
.track-features strong{color:var(--c-text);font-weight:500;}
.track-cta{margin-top:auto;}

/* Spend table */
.spend-wrap{overflow-x:auto;margin-top:32px;}
.spend-table{width:100%;border-collapse:collapse;font-size:14.5px;}
.spend-table th{text-align:left;padding:12px 20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.07em;color:var(--c-text-3);border-bottom:1px solid var(--c-border);white-space:nowrap;}
.spend-table td{padding:14px 20px;border-bottom:.5px solid var(--c-border);vertical-align:top;font-weight:500;}
.spend-table tbody tr:last-child td{border-bottom:0;}
.spend-table td:first-child{color:var(--c-text-2);font-weight:400;}
.spend-table .muted{color:var(--c-text-3);font-weight:400;}
.spend-pepm{display:block;font-size:11.5px;font-weight:400;color:var(--c-text-3);margin-top:3px;}
.spend-save{display:block;font-size:11.5px;font-weight:400;color:var(--c-success);margin-top:3px;}
.spend-foot{font-size:12.5px;color:var(--c-text-3);margin-top:20px;max-width:780px;}
@media(max-width:768px){.spend-table th,.spend-table td{padding:10px 12px;font-size:13px;}}
@media(max-width:1024px){.tracks-grid{grid-template-columns:1fr;}}

/* Counsel Band */
.counsel-pill{display:inline-block;background:rgba(91,62,184,.22);color:#c9bbf0;padding:6px 14px;border-radius:99px;font-size:12.5px;font-weight:500;}
.counsel-soon{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.07);color:#fff;padding:6px 14px;border-radius:99px;font-size:12.5px;font-weight:500;border:.5px solid rgba(255,255,255,.18);}
.counsel-soon::before{content:"";width:7px;height:7px;border-radius:50%;background:#ffce4e;flex-shrink:0;}
.csav-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.5);font-weight:500;margin-bottom:12px;}
.csav-row{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:.5px dashed rgba(255,255,255,.12);font-size:13px;}
.csav-row--last{border-bottom:0;}
.csav-k{color:rgba(255,255,255,.7);}
.csav-them{color:rgba(255,255,255,.35);text-decoration:line-through;text-decoration-thickness:1px;}
.csav-us{color:#b8a8ee;font-weight:500;}
.csav-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;padding-top:12px;border-top:.5px solid rgba(255,255,255,.18);}
.csav-total-k{font-size:13px;color:rgba(255,255,255,.78);}
.csav-total-v{font-size:22px;font-weight:500;color:#b8a8ee;letter-spacing:-.01em;}
.counsel-foot{color:rgba(255,255,255,.5);max-width:700px;margin-left:auto;margin-right:auto;text-align:center;}


.tp-badge{display:inline-flex;align-items:center;gap:10px;background:#EBEEFF;border:.5px solid #4931DC;border-radius:99px;padding:8px 18px 8px 12px;font-size:13.5px;color:v#4931DC;margin-bottom:22px}.tp-badge .stars{display:flex;gap:2px}.tp-badge .star{width:16px;height:16px;background:#00b67a;border-radius:3px;position:relative}.tp-badge .star::before{content:"";position:absolute;inset:3px;background:#EBEEFF;clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)}.tp-badge strong{color:var(--c-text);font-weight:500}

.case-card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-xl);overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}
.case-card:hover{border-color:var(--c-border-2)}
.case-card .case-image{aspect-ratio:16/9;background:var(--c-bg-3);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;border-bottom:.5px solid var(--c-border);padding:24px;text-align:center}
.case-card .case-image strong{color:#fff;display:block;font-weight:500;font-size:18px;margin-bottom:4px}
.case-card .case-body{padding:28px 28px 32px;flex:1;display:flex;flex-direction:column}
.case-card .case-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.case-card .case-meta span{font-size:11px;background:var(--c-prplgt);padding:3px 10px;border-radius:99px;color:var(--c-text-3);font-weight:500;text-transform:uppercase;letter-spacing:.06em}
.case-card h3{font-size:22px;font-weight:500;margin:0 0 10px;line-height:1.25;letter-spacing:-.01em}
.case-card .case-lead{font-size:14.5px;color:var(--c-text-2);margin:0 0 18px;line-height:1.6}
.case-card .case-quote{font-size:15.5px;color:var(--c-text);line-height:1.5;border-left:3px solid var(--c-text);padding-left:14px;margin:0 0 18px;font-style:italic}
.case-card .case-stats{display:flex;gap:24px;margin:0 0 20px;padding:14px 0;border-top:.5px solid var(--c-border);border-bottom:.5px solid var(--c-border)}
.case-card .case-stat .stat-num{font-size:22px;font-weight:500;line-height:1;letter-spacing:-.02em;margin-bottom:4px}
.case-card .case-stat .stat-label{font-size:11.5px;color:var(--c-text-3);text-transform:uppercase;letter-spacing:.06em;font-weight:500}
.case-card .case-author{font-size:13px;color:var(--c-text-3);margin-top:auto}
.case-card .case-author strong{color:var(--c-text);font-weight:500;display:block;margin-bottom:2px}
.quote-card{background:var(--c-bg);border:.5px solid var(--c-border);border-radius:var(--r-lg);padding:26px 24px;display:flex;flex-direction:column}
.quote-card blockquote{margin:0 0 16px;font-size:14.5px;color:var(--c-text-2);line-height:1.6;flex:1}
.quote-card blockquote::before{content:"\201C";font-size:30px;color:var(--c-text-3);display:block;line-height:1;margin-bottom:4px;font-family:Georgia,serif}
.quote-card .quote-author{font-size:13px;color:var(--c-text-3);border-top:.5px solid var(--c-border);padding-top:14px}
.quote-card .quote-author strong{color:var(--c-text);font-weight:500;display:block;margin-bottom:2px}

.aboutus{

    padding: 80px;
  border-radius: 16px;
  border: 1px solid  #EBEEFF;
  background: #F8F7FB;
  box-shadow: 0px 2px 8px 0px rgba(32, 24, 54, 0.05);
}
.about-grid{display: grid;grid-template-columns: 0.2fr 0.8fr;}
.team-grid{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid #CFD3FF;}
 .teamControl{padding:0px;margin:0px;}
    .teamControl li{list-style-type: none;;}
    .teamControl li A{padding:4px 12px;font-size:14px;font-weight: 400;color:#2C2853;display: inline-block;cursor:pointer;}
    .teamControl li.active A{background-color: #DCDFFF;color:#634AFC;border-radius:8px;font-weight:600;}
    .person{text-align: center;line-height:32px;margin-bottom:40px;}
    .person img{display: block;width:104px;height: 104px;border-radius:52px;margin:0px auto}
    .person span{font-size:13px;line-height: 16px;display: block;height:32px;}
 .what-list{list-style:none;padding:0;margin:24px 0 0;font-size:15.5px;line-height:1.7}.what-list li{padding:10px 0 10px 34px;position:relative;border-top:.5px solid var(--c-border)}.what-list li:first-child{border-top:0}.what-list li::before{content:"\2713";position:absolute;left:0;top:11px;color:var(--c-success);font-size:18px;font-weight:500}.what-list li strong{color:var(--c-text);font-weight:500;display:block;margin-bottom:2px;font-size:15.5px}
.form-send-error{
    text-align: center;
  font-size: 1.2rem;
  padding-top: 10px;
  color: rgb(224, 78, 78);
}

.frmConsuel {display:grid;grid-template-columns: .7fr .3fr;gap: 8px;padding-top:18px;}

/* ==========================================================================
   Responsive — Tablet  ≤ 1024px
   ========================================================================== */
@media (max-width: 1024px) {
    .container {
        padding: 0 24px;
    }
    .hero-grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }
    .two-offset-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    .img-grid,
    .img-gridRev {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .four-grid {
        grid-template-columns: 1fr 1fr;
    }
    .five-grid,
    .five-grid-auto {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .six-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .about-grid {
        grid-template-columns: 1fr;
    }
    .team-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .w760,
    .w920,
    .w980 {
        width: 100%;
    }
    .mx-qrt {
        margin-left: 5%;
        margin-right: 5%;
    }
    .mx-62 {
        margin-left: 20px;
        margin-right: 20px;
    }
    .aboutus {
        padding: 48px 36px;
    }
    .mt-152 {
        margin-top: 96px;
    }
}

/* ==========================================================================
   Responsive — Mobile  ≤ 768px
   ========================================================================== */
@media (max-width: 768px) {
    .container {
        padding: 0 16px;
    }
    h1 {
        font-size: 32px;
        line-height: 1.2;
    }
    h2 {
        font-size: 28px;
    }
    .h1 {
        font-size: 28px;
    }
    .h2 {
        font-size: 22px;
    }
    .lead {
        font-size: 16px;
    }
    .two-grid {
        grid-template-columns: 1fr;
    }
    .three-grid {
        grid-template-columns: 1fr;
    }
    .four-grid {
        grid-template-columns: 1fr;
    }
    .five-grid,
    .five-grid-auto {
        grid-template-columns: 1fr 1fr;
    }
    .six-grid {
        grid-template-columns: 1fr 1fr;
    }
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .footM-grid {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    .team-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .w760,
    .w920,
    .w980 {
        width: 100%;
    }
    .mx-qrt,
    .mx-62 {
        margin-left: 0;
        margin-right: 0;
    }
    .mt-96 {
        margin-top: 48px;
    }
    .mt-152 {
        margin-top: 64px;
    }
    .py-96 {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .aboutus {
        padding: 32px 20px;
        border-radius: 12px;
    }
    .about-grid {
        grid-template-columns: 1fr;
    }
    .frmConsuel {
        grid-template-columns: 1fr;
    }
    .footer {
        margin-left: 10px;
        margin-right: 10px;
        border-radius: 12px;
    }
    .hero-image {
        min-height: 240px;
    }
    .post-nav {
        flex-direction: column;
        gap: 16px;
    }
    .post-nav > div:last-child {
        text-align: left;
    }
    .two-offset-grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   Responsive — Small phones  ≤ 480px
   ========================================================================== */
@media (max-width: 480px) {
    h1 {
        font-size: 26px;
    }
    h2 {
        font-size: 22px;
    }
    .five-grid,
    .five-grid-auto,
    .six-grid {
        grid-template-columns: 1fr;
    }
    .footM-grid {
        grid-template-columns: 1fr;
    }
    .team-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .btn-lg {
        padding: 12px 18px;
        font-size: 14px;
    }
    .aboutus {
        padding: 24px 16px;
    }
}

/* ==========================================================================
   Pricing page redesign — scoped overrides for the reused generic sections
   (spend-table, compare-table, counsel-band, grid-cards, cta-dark, faq) so
   they visually match articles/new.html on the pricing page only.
   ========================================================================== */
.pricing-page .container{max-width:1180px;padding:0 24px;}


.pricing-page .lg-bg{background:var(--bg-soft);border-top:0;border-bottom:0;}

.pricing-page .box-white{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);}
.pricing-page .rad-18{border-radius:var(--radius);}

/* spend table */
.pricing-page .spend-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.pricing-page .spend-table{width:100%;min-width:600px;border-collapse:collapse;font-size:.92rem;}
.pricing-page .spend-table th,.pricing-page .spend-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);}
.pricing-page .spend-table thead th{background:var(--bg-soft);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;}
.pricing-page .spend-table tbody tr:last-child td{border-bottom:0;}
.pricing-page .spend-pepm{display:block;font-size:.76rem;color:var(--muted);font-weight:500;}
.pricing-page .spend-save{display:block;font-size:.76rem;color:var(--accent);font-weight:600;}
.pricing-page .spend-foot{font-size:.82rem;color:var(--muted); text-align:center;max-width:100%;}
@media(max-width:480px){
  .pricing-page .spend-table{min-width:520px;font-size:.82rem;}
  .pricing-page .spend-table th,.pricing-page .spend-table td{padding:9px 10px;}
}

/* compare table */
.pricing-page .compare-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff;}
.pricing-page .compare-table{width:100%;border-collapse:collapse;min-width:880px;font-size:.9rem;}
.pricing-page .compare-table th,.pricing-page .compare-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:center;}
.pricing-page .compare-table th:first-child,.pricing-page .compare-table td:first-child{text-align:left;min-width:260px;}
.pricing-page .compare-table thead th{background:var(--bg-soft);font-weight:700;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.pricing-page .compare-table .compare-feature{font-weight:600;color:var(--ink);text-align:left;}
.pricing-page .compare-table .section-row td{background:var(--ink);color:#fff;font-weight:700;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;text-align:left;}
.pricing-page .compare-table .check{color:var(--accent);font-weight:800;font-size:1.1rem;}
.pricing-page .compare-table .cross{color:#c3ccd6;font-weight:700;font-size:1.1rem;}
.pricing-page .compare-table .partial{font-size:.82rem;font-weight:600;color:var(--ink-2);font-style:normal;}
@media(max-width:480px){
  .pricing-page .compare-table{min-width:720px;font-size:.82rem;}
  .pricing-page .compare-table th,.pricing-page .compare-table td{padding:9px 10px;}
  .pricing-page .compare-table th:first-child,.pricing-page .compare-table td:first-child{min-width:200px;}
}

/* counsel band (light, matching sample "soft" section rather than the dark theme) */
.pricing-page .drk2-bg{background:var(--bg-soft);color:var(--ink);}
.pricing-page .drk2-bg h2,.pricing-page .drk2-bg p,.pricing-page .drk2-bg .breadCrmb{color:var(--ink);}
.pricing-page .drk2-bg .lede,.pricing-page .drk2-bg p{color:var(--ink-2);}
.pricing-page .counsel-pill{
  display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--brand);background:var(--brand-soft);
  padding:.35rem .7rem;border-radius:999px;
}
.pricing-page .box-drk{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);}
.pricing-page .csav-label{color:var(--muted);}
.pricing-page .csav-row{border-bottom:.5px dashed var(--line);}
.pricing-page .csav-k{color:var(--ink-2);}
.pricing-page .csav-them{color:var(--muted);}
.pricing-page .csav-us{color:var(--accent);font-weight:700;}
.pricing-page .csav-total{border-top:1px solid var(--line);}
.pricing-page .csav-total-k{color:var(--ink-2);}
.pricing-page .csav-total-v{color:var(--accent);}
.pricing-page .counsel-foot{color:var(--muted);max-width:100%;}

/* grid-cards: included-everywhere + hardware cards */
.pricing-page .box-white h4{font-size:1.15rem;font-weight:700;margin:0 0 .35em;color:var(--ink);}
.pricing-page .box-white p{color:var(--ink-2);font-size:.92rem;}
.pricing-page .five-grid > div,.pricing-page .four-grid > div{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);overflow:hidden;
}
.pricing-page .five-grid > div h4,.pricing-page .four-grid > div h4{font-size:1.05rem;font-weight:700;margin:0 0 .35em;color:var(--ink);}
.pricing-page .five-grid > div p,.pricing-page .four-grid > div p{color:var(--ink-2);font-size:.88rem;}


/* a11y: nav triggers as real buttons (visuals unchanged) */
button.nav-product-trigger{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:inherit;}
.dd-toggle{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;}
.skip-link{position:absolute;left:-9999px;top:0;background:#fff;color:#000;padding:8px 16px;z-index:9999;border-radius:0 0 6px 0;}
.skip-link:focus{left:0;}
/* headings demoted for correct outline keep their old look */
.stat-h{font-size:16px;font-weight:bold;}
.stat-h span{font-weight:400;}
.footer .stat-h{font-size:14px;font-weight:500;margin:0 0 14px;color:var(--c-bg);}
.h4-style{font-size:18px;}