/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 18 2026 | 12:07:19 */
  .prod-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
    max-width:1360px;
    margin:0 auto;
  }
  .pc{
    background:var(--white);
    border:1px solid #e3e3e3;
    border-radius:2px;
    overflow:hidden;
    text-decoration:none;
    display:block;
    cursor:pointer;
    transition:transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s cubic-bezier(.22,1,.36,1), border-color .35s;
  }
  .pc:hover{
    transform:translateY(-4px);
    box-shadow:0 20px 48px rgba(10,37,64,0.14);
    border-color:#ffffff;
  }
  .pc-body{
    padding:28px 28px 22px;
    background:#F6F6F7	;
  }
  .pc-series{
    font-family:'barlow condensed',sans-serif;
    font-size:13px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#2a4370;
    margin-bottom:10px;
  }
  .pc-title{
    display:flex;
    align-items:center;
    gap:8px;
    font-family:'Barlow Condensed',sans-serif;
    font-weight:700;
    font-size:22px;
    line-height:1.15;
    color:#16181b;
    margin-bottom:14px;
    transition:color .3s ease;
  }
  .pc-arrow{
    font-size:20px;
    line-height:1;
    transition:transform .35s cubic-bezier(.22,1,.36,1), color .3s ease;
    color:#16181b;
    flex-shrink:0;
  }
  .pc:hover .pc-title{color:#2a4370;}
  .pc:hover .pc-arrow{ transform:translateX(6px); color:#2a4370; }
  .pc-desc{
    line-height: 1.6; color: #5c5c64;
	   font-family:'Barlow',sans-serif;
}
.pc-desc1{
    line-height: 1.6; color: #5c5c64;
	   font-family:'Barlow',sans-serif;
	margin-bottom:25px;
}

  .pc-img-wrap{
    background:var(--white);
    height:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    position:relative;
  }
  .pc-img-wrap::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 60%,rgba(10,37,64,0.04) 100%);
    opacity:0;
    transition:opacity .35s ease;
  }
  .pc:hover .pc-img-wrap::after{ opacity:1; }
  .pc-img-wrap img{
    width:100%;
    height:100%;
    object-fit:contain;
    transition:transform .5s cubic-bezier(.22,1,.36,1);
  }
  .pc:hover .pc-img-wrap img{
    transform:scale(1.06);
  }
 
  @media(max-width:900px){
    .prod-grid{grid-template-columns:1fr;}
    body{padding:48px 20px;}
  }


.apps-wrap{margin:0 auto; }
  
 
  .apps-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
	   font-family:'Barlow Condensed',sans-serif;
  }
  .app-card{
    background:#ffffff;
    border:1px solid #e3e3e3;
    text-decoration:none;
    display:block;
    cursor:pointer;
    overflow:hidden;
    transition:transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s cubic-bezier(.22,1,.36,1), border-color .3s;
    position:relative;
  }
  .app-card:hover{
    transform:translateY(-4px);
    box-shadow:0 20px 40px rgba(10,37,64,0.14);
    border-color:#ffffff;
  }
  .app-img{
    background:linear-gradient(135deg,var(--img-bg) 0%,var(--img-bg-2) 100%);
    aspect-ratio:1.2/1;
    position:relative;
    overflow:hidden;
  }
  .app-img::after{
    content:'';
    position:absolute; inset:0;
    background:linear-gradient(180deg,transparent 55%,rgba(10,37,64,0.06) 100%);
    opacity:0;
    transition:opacity .35s ease;
  }
  .app-card:hover .app-img::after{ opacity:1; }
  .app-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .5s cubic-bezier(.22,1,.36,1);
  }
  .app-card:hover .app-img img{ transform:scale(1.06); }
  .app-body{
    padding:18px 20px 22px;
  }
  .app-title{
    font-size:17px; font-weight:700; color:#16181b;
    margin-bottom:6px;
    transition:color .3s ease;font-family:'Barlow Condensed',sans-serif;
  }
  .app-card:hover .app-title{ color:var(--blue); }
  .app-desc{
    font-size:14px; line-height:1.55; color: #5c5c64;
	   font-family:'Barlow',sans-serif;
  }
 
  /* CTA tile */
  .app-cta{
    background:#16181b;
    border:1px solid #16181b;
    padding:26px 24px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-decoration:none;
    transition:transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s cubic-bezier(.22,1,.36,1);
    position:relative;
  }
  .app-cta:hover{
    transform:translateY(-4px);
    box-shadow:0 20px 40px rgba(10,37,64,0.32);
  }
  .app-cta-eyebrow{
    font-size:11px; font-weight:500; letter-spacing:.14em; text-transform:uppercase;
    color:#c6d2e8; margin-bottom:10px;
  }
  .app-cta-title{
    font-family:'Barlow Condensed',sans-serif; font-weight:600;
    font-size:20px; color:#ffffff; line-height:1.1; margin-bottom:10px;
  }
  .app-cta-desc{
    font-size:14px; line-height:1.55; color:#f0f0f0; margin-bottom:18px;font-family:'Barlow',sans-serif;
  }
  .app-cta-link{
    font-size:13px; font-weight:600; letter-spacing:.06em; text-transform:uppercase;
    color:#c6d2e8; display:inline-flex; align-items:center; gap:6px;font-family:'Barlow Condensed',sans-serif;
  }
  .app-cta-arrow{ transition:transform .35s cubic-bezier(.22,1,.36,1); }
  .app-cta:hover .app-cta-arrow{ transform:translateX(6px); }
 
  @media(max-width:1000px){
    .apps-grid{ grid-template-columns:repeat(2,1fr); }
  }
@media(max-width:560px){
    .apps-grid{ grid-template-columns:1fr; }
    body{ padding:48px 20px; }
  }

  .pei-faq{
   
    background:#ffffff;
    padding:80px 40px;
    box-sizing:border-box;
	     width:100%;
    max-width:100%;
  
  }
.pei-faq *{ box-sizing:border-box !important; min-width:0; }
  .pei-faq .pei-faq-wrap{
    max-width:1360px;
      margin:0 auto;
    display:grid !important;
    grid-template-columns:0.85fr 1.15fr !important;
    gap:80px;
    align-items:start !important;
  }
 
  /* LEFT COLUMN */
  .pei-faq .pei-faq-left{
    padding-right:8px;
    position:-webkit-sticky !important;
    position:sticky !important;
    top:100px !important; /* lower this if your site header is shorter, raise it if taller */
    align-self:start !important;
    min-width:0;
    max-width:100%;
  }
  .pei-faq .pei-faq-eyebrow-row{
    display:flex !important; align-items:center !important; gap:10px;
    margin-bottom:22px;
  }
  .pei-faq .pei-faq-eyebrow-mark{
    width:28px; height:2px; background:#E83038;; flex-shrink:0;
  }
  .pei-faq .pei-faq-eyebrow{
    font-size:16px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;font-family:'Barlow Condensed',sans-serif;
    color:#1e3155; margin:0;
  }
  .pei-faq .pei-faq-title{
    font-family:'Barlow Condensed',sans-serif; font-weight:600;
    font-size:clamp(30px,3.4vw,48px); color:#16181B; line-height:1.08;
    margin:0 0 20px;
  }
  .pei-faq .pei-faq-sub{
    font-size:17px; line-height:1.7; color:#5c5c64; max-width:420px;
    margin:0 0 36px;font-family:'Barlow',sans-serif;
  }
  .pei-faq .pei-faq-divider{
    border:none; border-top:1px solid #ededed;
    margin:0 0 36px;
  }
  .pei-faq .pei-faq-block-title{
    font-family:'Barlow Condensed',sans-serif; font-weight:600;
    font-size:22px; color:#16181B; margin:0 0 12px;
  }
  .pei-faq .pei-faq-block-desc{
    font-size:14.5px; line-height:1.65; color:#5c5c64;  max-width:420px;
    margin:0 0 26px;font-family:'Barlow',sans-serif;
  }
  .pei-faq .pei-faq-cta{
    display:inline-flex; align-items:center; gap:10px;
    background:#2a4370;
    color:#ffffff;
    text-decoration:none;
    font-size:14px; font-weight:600; letter-spacing:.08em; text-transform:uppercase;
    padding:16px 24px;
    transition:background .3s ease, transform .3s ease; font-family:'Barlow Condensed',sans-serif; 
  }
  .pei-faq .pei-faq-cta:hover{ background:#1e3155; transform:translateY(-2px); color:#ffffff; }
  .pei-faq .pei-faq-cta-arrow{ transition:transform .35s cubic-bezier(.22,1,.36,1); }
  .pei-faq .pei-faq-cta:hover .pei-faq-cta-arrow{ transform:translateX(5px); }
 
  /* RIGHT COLUMN */
  .pei-faq .pei-faq-right{ border-top:1px solid #ededed; }
  .pei-faq .pei-faq-item{
    border-bottom:1px solid #ededed;
  }
  .pei-faq .pei-faq-q{
     width:100% !important;
    background:none !important;
    background-color:transparent !important;
    border:none !important;
    outline:none !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    text-align:left !important;
    cursor:pointer;
    display:block !important;
    position:relative !important;
    padding:22px 44px 22px 4px !important; /* right padding reserves space for the icon, independent of flex */
    font-family:'Barlow Condensed',sans-serif; 
    font-size:17px;
    font-weight:600;
    color:#16181b;
     transition:color .25s ease;
    margin:0 !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
    word-break:break-word !important;
    float:none !important;
  }
.pei-faq .pei-faq-q span:first-child{ min-width:0; flex:1 1 auto; }
  .pei-faq .pei-faq-q:hover{ color:#1e3155; }
  .pei-faq .pei-faq-icon{
     display:block !important;
    position:absolute !important;
    top:50% !important;
    right:4px !important;
    left:auto !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
    width:10px !important; height:10px !important;
    margin:0 !important;
    float:none !important;
color:#1e3155;
  }
  .pei-faq .pei-faq-icon::before, .pei-faq .pei-faq-icon::after{
    content:'';
   position:absolute !important;
    background:#1e3155;
     transition:transform .3s ease, background .25s ease, opacity .3s ease;
  }
  .pei-faq .pei-faq-icon::before{
       top:50% !important; left:0 !important; width:100% !important; height:2px !important; transform:translateY(-50%) !important;
  }
  .pei-faq .pei-faq-icon::after{
    left:50% !important; top:0 !important; width:2px !important; height:100% !important; transform:translateX(-50%) !important;
  }
  .pei-faq .pei-faq-item.pei-open .pei-faq-icon::after{ transform:translateX(-50%) rotate(90deg) !important; opacity:0; }
  .pei-faq .pei-faq-item.pei-open .pei-faq-icon::before{ background:#1e3155; }
  .pei-faq .pei-faq-q:hover .pei-faq-icon::before,
  .pei-faq .pei-faq-q:hover .pei-faq-icon::after{ background:#1e3155; }
 
  .pei-faq .pei-faq-a-wrap{
     max-height:0;
    overflow:hidden !important;
    transition:max-height .4s cubic-bezier(.22,1,.36,1);
  }
  .pei-faq .pei-faq-item.pei-open .pei-faq-a-wrap{ max-height:400px; }
  .pei-faq .pei-faq-a{
    font-size:16px;
    line-height:1.75;
    color:#5c5c64;
    padding:0 4px 26px !important;
    max-width:640px;
    margin:0 !important;
font-family:'Barlow',sans-serif; 
  }
 
  .pei-faq .pei-faq-more{
    padding:26px 4px 4px;
    font-size:15px;
    color:#5c5c64;font-family:'Barlow',sans-serif; 
  }
  .pei-faq .pei-faq-more a{ color:#2a4370; font-weight:600; text-decoration:underline; }
 

  @media(max-width:900px){
    .pei-faq{ padding:56px 24px !important; }
    .pei-faq .pei-faq-wrap{ grid-template-columns:1fr !important; gap:40px !important; }
    .pei-faq .pei-faq-left{ position:static !important; top:auto !important; padding-right:0 !important; }
    .pei-faq .pei-faq-sub,
    .pei-faq .pei-faq-block-desc{ max-width:none !important; }
    .pei-faq .pei-faq-cta{ width:100% !important; justify-content:center !important; }
  }
 
  @media(max-width:520px){
    .pei-faq{ padding:44px 18px !important; }
    .pei-faq .pei-faq-title{ font-size:28px !important; }
    .pei-faq .pei-faq-q{ font-size:14px !important; padding:18px 34px 18px 2px !important; }
    .pei-faq .pei-faq-a{ font-size:13.5px !important; padding-bottom:20px !important; }
    .pei-faq .pei-faq-icon{ width:10px !important; height:10px !important; }
  }

  .pei-insights .pei-ins-wrap{ margin:0 auto; padding-top:30px }
 
  .pei-insights .pei-ins-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:32px;
    margin-bottom:44px;
    flex-wrap:wrap;
  }
  .pei-insights .pei-ins-intro{
    font-size:17px;
    line-height:1.6;
    color:#5C5C64;
    max-width:640px;
    margin:0;font-family: 'Barlow', sans-serif;
  }
  .pei-insights .pei-ins-viewall{
    display:inline-flex;
    align-items:center;
	  font-family: "Barlow Condensed", Sans-serif;
    gap:10px;
    background:#ffffff;
    border:1px solid #16181B;
    color:#16181B;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    letter-spacing:.1em;
    text-transform:uppercase;
    padding:12px 24px;
    white-space:nowrap;
    transition:background .3s ease, color .3s ease, transform .3s ease;
    flex-shrink:0;
  }
  .pei-insights .pei-ins-viewall:hover{
    background:#ffffff;
    color:#1e3155;
    transform:translateY(-2px);
  }
  .pei-insights .pei-ins-viewall-arrow{ transition:transform .35s cubic-bezier(.22,1,.36,1); }
  .pei-insights .pei-ins-viewall:hover .pei-ins-viewall-arrow{ transform:translateX(5px); }
 
  .pei-insights .pei-ins-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
  }
  .pei-insights .pei-ins-card{
    background:#ffffff;
    border:1px solid #16181b1f;
    padding:32px 28px 30px;
    text-decoration:none;
    display:flex;
    flex-direction:column;
    transition:transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s cubic-bezier(.22,1,.36,1), border-color .3s ease;
  }
  .pei-insights .pei-ins-card:hover{
    transform:translateY(-4px);
    box-shadow:0 20px 40px rgba(10,37,64,0.14);
    border-color:var(--blue);
  }
  .pei-insights .pei-ins-num{
    font-family:'Barlow Condensed',sans-serif;
    font-weight:700;
    font-size:40px;
    color:#E4EAF5;
    line-height:1;
    margin-bottom:26px;
    transition:color .3s ease;
  }
  .pei-insights .pei-ins-card:hover .pei-ins-num{ color:var(--blue); }
  .pei-insights .pei-ins-title{
    font-family:'Barlow Condensed',sans-serif;
    font-weight:600;
    font-size:19px;
    line-height:1.2;
    color:#16181B;
    margin:0 0 14px;
    transition:color .3s ease;
  }
  .pei-insights .pei-ins-card:hover .pei-ins-title{ color:#2A4370; }
  .pei-insights .pei-ins-desc{
    font-size:15px;
    line-height:1.65;
    color:#5C5C64;
	  font-family: 'Barlow', sans-serif;
    margin:0 0 24px;
    flex-grow:1;
  }
  .pei-insights .pei-ins-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:13px;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#2A4370;
	     font-family:'Barlow Condensed',sans-serif;
  }
  .pei-insights .pei-ins-link-arrow{ transition:transform .35s cubic-bezier(.22,1,.36,1); }
  .pei-insights .pei-ins-card:hover .pei-ins-link-arrow{ transform:translateX(5px); }
 
  @media(max-width:1000px){
    .pei-insights .pei-ins-grid{ grid-template-columns:repeat(2,1fr); }
  }
  @media(max-width:560px){
    .pei-insights{ padding:2px; }
    .pei-insights .pei-ins-grid{ grid-template-columns:1fr; }
    .pei-insights .pei-ins-viewall{ width:100%; justify-content:center; }
  }

.pei-logos{
  
    --border:#E7ECF3;
    --muted:#B7C0CE;
    --white:#FFFFFF;
   
    background:var(--white);
    padding:0 40px 20px;
    box-sizing:border-box;
  }
  .pei-logos *{ box-sizing:border-box; }
  .pei-logos .pei-logos-wrap{
    max-width:1360px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    border:1px solid var(--border);
  }
  .pei-logos .pei-logo-item{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px 20px;
    border-right:1px solid var(--border);
    font-size:12px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--muted);
    text-align:center;
    transition:color .3s ease, background .3s ease;
  }
  .pei-logos .pei-logo-item:last-child{ border-right:none; }
  .pei-logos .pei-logo-item.pei-logo-active{
    color:#ffffff;
    font-weight:700;
  }
  .pei-logos .pei-logo-item:hover{
    color:var(--navy);
    background:#ffffff;
  }
 
  @media(max-width:900px){
    .pei-logos .pei-logos-wrap{ grid-template-columns:repeat(3,1fr); }
    .pei-logos .pei-logo-item{ border-bottom:1px solid var(--border); }
    .pei-logos .pei-logo-item:nth-child(3n){ border-right:none; }
  }
  @media(max-width:560px){
    .pei-logos{ padding:10px; }
    .pei-logos .pei-logos-wrap{ grid-template-columns:repeat(2,1fr); }
    .pei-logos .pei-logo-item:nth-child(2n){ border-right:none; }
    .pei-logos .pei-logo-item:nth-child(3n){ border-right:1px solid var(--border); }
  }


.pei-stats{
    --navy:#0A2540;
    --navy-deep:#16181b;
    --blue:#e83038;
    --white:#FFFFFF;
    --muted:#9FB0C7;
    --divider:rgba(255,255,255,0.12);
     font-family:'Barlow Condensed',sans-serif;
    background:var(--navy-deep);
    padding:56px 40px 0;
    box-sizing:border-box;
  }
  .pei-stats *{ box-sizing:border-box; }
  .pei-stats .pei-stats-wrap{ max-width:1320px; margin:0 auto; }
 
  .pei-stats .pei-stats-row{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    padding-bottom:40px;
  }
  .pei-stats .pei-stat{
    padding:0 32px;
    border-left:1px solid var(--divider);
  }
  .pei-stats .pei-stat:first-child{
    border-left:none;
    padding-left:0;
  }
  .pei-stats .pei-stat-num{
    font-family:'Barlow Condensed',sans-serif;
    font-weight:700;
    font-size:clamp(30px,3.4vw,42px);
    color:var(--white);
    line-height:1;
    margin-bottom:8px;
  }
  .pei-stats .pei-stat-label{
    font-size:15px;
    color:var(--muted);
	   font-family:'Barlow',sans-serif;
  }
 
  .pei-stats .pei-badges-row{
    border-top:1px solid var(--divider);
    padding:22px 0;
    display:flex;
    flex-wrap:wrap;
    gap:32px;
    row-gap:12px;
  }
  .pei-stats .pei-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:14px;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--white);
  }
  .pei-stats .pei-badge-mark{
    width:8px;
    height:8px;
    background:var(--blue);
    flex-shrink:0;
  }
 
  @media(max-width:900px){
    .pei-stats .pei-stats-row{ grid-template-columns:repeat(2,1fr); row-gap:28px; }
    .pei-stats .pei-stat:nth-child(3){ border-left:none; padding-left:0; }
  }
  @media(max-width:560px){
    .pei-stats{ padding:44px 20px 0; }
    .pei-stats .pei-stats-row{ grid-template-columns:1fr; }
    .pei-stats .pei-stat{ border-left:none !important; padding-left:0 !important; }
    .pei-stats .pei-badges-row{ flex-direction:column; gap:12px; }
  }

a {
    background-color: transparent;
    text-decoration: none;
    color: #16243F ;
}

.elementor-1099 .elementor-element.elementor-element-e6e0048 .pp-timeline-marker {
    font-family: "Roboto Condensed", Sans-serif;
    color: #ffffff;
    background-color: #16243F;
}

 
 
.peih-page{
  --navy:#16181b;
  --blue:#2a4370;
  --blue-hover:#1e3155;
  --accent:#e83038;
  --muted:#5c5c64;
  --border:#e3e3e3;
  --border-soft:#ededed;
  --bg-tint:#F6F6F7;
  --white:#ffffff;
  background:var(--white);
  font-family:'Barlow',sans-serif;
}
.peih-page *{ box-sizing:border-box !important; min-width:0; }
 
/* ---------- shared section scaffolding ---------- */
.peih-section{ padding:70px 40px; }
.peih-section-inner{ max-width:1360px; margin:0 auto; }
.peih-section.peih-tint{ background:var(--bg-tint); }
.peih-section.peih-dark{ background:var(--navy); }
 
.peih-kicker-row{ display:flex !important; align-items:center !important; gap:10px; margin-bottom:16px; }
.peih-kicker-mark{ width:28px; height:2px; background:var(--accent); flex-shrink:0; }
.peih-kicker{
  font-size:13px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:var(--blue); font-family:'Barlow Condensed',sans-serif;
}
.peih-h2{
  font-family:'Barlow Condensed',sans-serif; font-weight:600;
  font-size:clamp(28px,3.2vw,40px); color:var(--navy); line-height:1.12;
  margin:0 0 18px; overflow-wrap:break-word;
}
.peih-lead{
  font-size:16px; line-height:1.7; color:var(--muted); max-width:780px;
  margin:0 0 20px; overflow-wrap:break-word;
}
.peih-body p{ font-size:15px; line-height:1.75; color:var(--muted); margin:0 0 16px; max-width:820px; }
.peih-body p:last-child{ margin-bottom:0; }
 
/* ---------- buttons (generic, reusable across page) ---------- */
.peih-btn-row{ display:flex !important; flex-wrap:wrap; gap:16px; margin-top:8px; }
.peih-btn{
  display:inline-flex !important; align-items:center !important; gap:10px;
  font-family:'Barlow Condensed',sans-serif; font-size:14px; font-weight:600;
  letter-spacing:.08em; text-transform:uppercase; text-decoration:none !important;
  padding:16px 26px; transition:background .3s ease, color .3s ease, transform .3s ease, border-color .3s ease;
  white-space:normal; overflow-wrap:break-word;
}
.peih-btn-primary{ background:var(--blue); color:var(--white) !important; border:1px solid var(--blue); }
.peih-btn-primary:hover{ background:var(--blue-hover); border-color:var(--blue-hover); transform:translateY(-2px); }
.peih-btn-outline{ background:var(--white); color:var(--navy) !important; border:1px solid var(--navy); }
.peih-btn-outline:hover{ background:var(--navy); color:var(--white) !important; transform:translateY(-2px); }
.peih-btn-arrow{ transition:transform .35s cubic-bezier(.22,1,.36,1); }
.peih-btn:hover .peih-btn-arrow{ transform:translateX(5px); }
 
/* ---------- breadcrumb ---------- */
.peih-breadcrumb{
  font-size:13px; color:var(--muted); font-family:'Barlow',sans-serif;
  margin-bottom:24px; overflow-wrap:break-word;
}
.peih-breadcrumb a{ color:var(--muted); text-decoration:none; }
.peih-breadcrumb a:hover{ color:var(--blue); text-decoration:underline; }
.peih-breadcrumb span.peih-crumb-sep{ margin:0 8px; color:#c7c7cc; }
.peih-breadcrumb span.peih-crumb-current{ color:var(--navy); font-weight:600; }
 
/* ---------- hero ---------- */
.peih-hero{ padding:56px 40px 70px; background:var(--white); }
.peih-hero-wrap{
  max-width:1360px; margin:0 auto;
  display:grid !important; grid-template-columns:1.05fr 0.95fr !important; gap:60px;
  align-items:center !important;
}
.peih-h1{
  font-family:'Barlow Condensed',sans-serif; font-weight:700;
  font-size:clamp(34px,4.2vw,54px); color:var(--navy); line-height:1.06;
  margin:0 0 18px; overflow-wrap:break-word;
}
.peih-tagline{
  font-family:'Barlow',sans-serif; font-style:italic; font-size:18px; line-height:1.55;
  color:var(--blue); margin:0 0 22px; overflow-wrap:break-word;
}
.peih-hero-desc p{ font-size:15.5px; line-height:1.75; color:var(--muted); margin:0 0 16px;}
 
/* ---------- hero product gallery: one large photo + 2x2 detail grid ---------- */
.peih-hero-gallery{
  display:grid !important;
  grid-template-columns:1.5fr 1fr !important;
  gap:14px;
  align-items:stretch !important;
}
.peih-hero-main{
  background:linear-gradient(135deg,#E9EDF3 0%,#DCE3EE 100%);
  border-radius:6px;
  overflow:hidden;
  position:relative;
  min-height:420px;
}
.peih-hero-main img{ width:100%; height:100%; object-fit:cover; display:block; }
.peih-hero-detail-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  grid-template-rows:1fr 1fr !important;
  gap:14px;
}
.peih-hero-detail{
  background:linear-gradient(135deg,#E9EDF3 0%,#DCE3EE 100%);
  border-radius:6px;
  overflow:hidden;
  position:relative;
  aspect-ratio:1/1;
}
.peih-hero-detail img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s cubic-bezier(.22,1,.36,1); }
.peih-hero-detail:hover img{ transform:scale(1.06); }
 
/* legacy single-image hero (kept in case any page still references it) */
.peih-hero-img-wrap{
  background:linear-gradient(135deg,#E9EDF3 0%,#DCE3EE 100%);
  aspect-ratio:1.1/1; overflow:hidden; position:relative; border-radius:6px;
}
.peih-hero-img-wrap img{ width:100%; height:100%; object-fit:cover; display:block; }
 
/* ---------- quick machine range strip ---------- */
.peih-quickrange{ border:1px solid var(--border); border-top:3px solid var(--blue); background:var(--white); margin-top:36px; }
.peih-quickrange-grid{ display:grid !important; grid-template-columns:repeat(4,1fr) !important; }
.peih-qr-item{ padding:20px 22px; border-right:1px solid var(--border); }
.peih-qr-item:last-child{ border-right:none; }
.peih-qr-label{
  font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase;
  color:var(--muted); font-family:'Barlow Condensed',sans-serif; margin-bottom:8px;
}
.peih-qr-value{ font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:19px; color:var(--navy); overflow-wrap:break-word; }
 
/* ---------- series card extra meta (used inside .pc-body from the existing product-card CSS) ---------- */
.peih-pc-meta{ display:flex !important; flex-wrap:wrap; gap:8px 18px; margin-bottom:14px; }
.peih-pc-meta-item{ font-size:12.5px; color:var(--muted); font-family:'Barlow',sans-serif; }
.peih-pc-meta-item b{ color:var(--navy); font-weight:600; }
 
/* ---------- tonnage directory (E/C/H model listing) ---------- */
.peih-tonnage-wrap{ border-top:1px solid var(--border-soft); margin-top:8px; }
.peih-tonnage-row{
  display:grid !important; grid-template-columns:220px 1fr 190px !important; gap:24px;
  align-items:center !important; padding:20px 4px; border-bottom:1px solid var(--border-soft);
}
.peih-tonnage-name{ font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:17px; color:var(--navy); overflow-wrap:break-word; }
.peih-tonnage-desc{ font-size:14px; line-height:1.6; color:var(--muted); overflow-wrap:break-word; }
.peih-tonnage-link{
  display:inline-flex !important; align-items:center !important; gap:8px; justify-self:end;
  font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:600; letter-spacing:.06em;
  text-transform:uppercase; color:var(--blue) !important; text-decoration:none !important; white-space:nowrap;
}
.peih-tonnage-row:hover .peih-tonnage-link{ color:var(--blue-hover) !important; }
.peih-tonnage-row:hover .peih-tonnage-name{ color:var(--blue); }
 
/* ---------- dark CTA band ---------- */
.peih-ctaband{ background:var(--navy); padding:64px 40px; }
.peih-ctaband-inner{ max-width:820px; margin:0 auto; text-align:center; }
.peih-ctaband-eyebrow{ font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#9aa6b8; margin-bottom:14px; font-family:'Barlow Condensed',sans-serif; }
.peih-ctaband-title{ font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:clamp(24px,2.8vw,34px); color:var(--white); margin:0 0 16px; overflow-wrap:break-word; }
.peih-ctaband-desc{ font-size:15px; line-height:1.7; color:#c6d2e8; margin:0 0 28px; overflow-wrap:break-word; }
.peih-ctaband .peih-btn-row{ justify-content:center; }
 
/* ---------- video section ---------- */
.peih-video-wrap{ max-width:1000px; margin:0 auto; }
.peih-video-box{
  aspect-ratio:16/9; background:var(--navy); position:relative; overflow:hidden;
  display:flex !important; align-items:center !important; justify-content:center !important;
}
.peih-video-play{
  width:74px; height:74px; border-radius:50%; background:rgba(255,255,255,0.14);
  border:2px solid var(--white); display:flex !important; align-items:center !important; justify-content:center !important;
  cursor:pointer; transition:transform .3s ease, background .3s ease;
}
.peih-video-play:hover{ transform:scale(1.08); background:rgba(255,255,255,0.24); }
.peih-video-play::after{ content:''; border-style:solid; border-width:12px 0 12px 20px; border-color:transparent transparent transparent #fff; margin-left:5px; }
.peih-video-caption{ font-size:13.5px; color:var(--muted); margin-top:16px; text-align:center; }
 
/* ---------- reasons grid (why choose Pratishna) ---------- */
.peih-reasons-grid{ display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:24px; }
.peih-reason-card{
  background:var(--white); border:1px solid var(--border); padding:30px 26px;
  transition:transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s cubic-bezier(.22,1,.36,1), border-color .3s ease;
}
.peih-reason-card:hover{ transform:translateY(-4px); box-shadow:0 20px 40px rgba(10,37,64,0.12); border-color:var(--blue); }
.peih-reason-title{ font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:18px; color:var(--navy); margin:0 0 12px; overflow-wrap:break-word; }
.peih-reason-desc{ font-size:14px; line-height:1.65; color:var(--muted); overflow-wrap:break-word; }
 
/* ---------- numbered step process ---------- */
.peih-steps{ counter-reset:peih-step; margin-top:24px; }
.peih-step{ display:grid !important; grid-template-columns:44px 1fr !important; gap:18px; padding:16px 0; border-bottom:1px solid var(--border-soft); }
.peih-step:last-child{ border-bottom:none; }
.peih-step-num{
  width:36px; height:36px; border-radius:50%; background:var(--blue); color:var(--white) !important;
  font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:15px;
  display:flex !important; align-items:center !important; justify-content:center !important;
}
.peih-step-text{ font-size:15px; line-height:1.65; color:var(--muted); padding-top:6px; overflow-wrap:break-word; }
 
/* ---------- comparison / data tables ---------- */
.peih-table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; margin-top:20px; }
.peih-table{ width:100%; border-collapse:collapse; min-width:560px; }
.peih-table th{
  text-align:left; font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:13px;
  letter-spacing:.06em; text-transform:uppercase; color:var(--white); background:var(--navy);
  padding:14px 18px;
}
.peih-table td{ padding:16px 18px; border-bottom:1px solid var(--border-soft); font-size:14px; line-height:1.6; color:var(--muted); vertical-align:top; }
.peih-table tr:nth-child(even) td{ background:var(--bg-tint); }
.peih-table td:first-child{ color:var(--navy); font-weight:600; white-space:nowrap; }
 
/* ---------- info list (Q/A style rows, non-accordion) ---------- */
.peih-info-list{ border-top:1px solid var(--border-soft); margin-top:20px; }
.peih-info-row{ display:grid !important; grid-template-columns:280px 1fr !important; gap:24px; padding:20px 4px; border-bottom:1px solid var(--border-soft); }
.peih-info-q{ font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:15px; color:var(--navy); overflow-wrap:break-word; }
.peih-info-a{ font-size:14px; line-height:1.65; color:var(--muted); overflow-wrap:break-word; }
 
/* ---------- checklist (advantages) ---------- */
.peih-checklist{ list-style:none; margin:20px 0 0; padding:0; display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:16px 32px; }
.peih-check-item{ display:flex !important; gap:12px; align-items:flex-start !important; font-size:14.5px; line-height:1.6; color:var(--muted); overflow-wrap:break-word; }
.peih-check-icon{
  flex-shrink:0; width:20px; height:20px; border-radius:50%; background:var(--blue); color:var(--white);
  display:flex !important; align-items:center !important; justify-content:center !important; font-size:12px; font-weight:700; margin-top:2px;
}
 
/* ---------- resource / guide cards (3-col and 4-col variants of one pattern) ---------- */
.peih-cards-grid{ display:grid !important; gap:24px; }
.peih-cards-grid.peih-cols-3{ grid-template-columns:repeat(3,1fr) !important; }
.peih-cards-grid.peih-cols-4{ grid-template-columns:repeat(4,1fr) !important; }
.peih-res-card{
  background:var(--white); border:1px solid var(--border); padding:28px 24px; display:flex !important; flex-direction:column;
  transition:transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s cubic-bezier(.22,1,.36,1), border-color .3s ease;
}
.peih-res-card:hover{ transform:translateY(-4px); box-shadow:0 20px 40px rgba(10,37,64,0.12); border-color:var(--blue); }
.peih-res-num{ font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:32px; color:#E4EAF5; line-height:1; margin-bottom:18px; }
.peih-res-title{ font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:17px; color:var(--navy); margin:0 0 12px; overflow-wrap:break-word; }
.peih-res-desc{ font-size:13.5px; line-height:1.6; color:var(--muted); margin:0 0 20px; flex-grow:1; overflow-wrap:break-word; }
.peih-res-link{ display:inline-flex !important; align-items:center !important; gap:8px; font-size:12.5px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--blue) !important; text-decoration:none !important; font-family:'Barlow Condensed',sans-serif; }
.peih-res-card:hover .peih-res-link{ color:var(--blue-hover) !important; }
 
/* ---------- final enquiry section ---------- */
.peih-enquiry{ background:var(--bg-tint); padding:70px 40px; }
.peih-enquiry-wrap{ max-width:1360px; margin:0 auto; display:grid !important; grid-template-columns:0.8fr 1.2fr !important; gap:60px; align-items:start !important; }
.peih-contact-list{ margin-top:26px; }
.peih-contact-row{ display:flex !important; justify-content:space-between; gap:16px; padding:14px 0; border-bottom:1px solid var(--border-soft); font-size:14.5px; }
.peih-contact-label{ color:var(--muted); }
.peih-contact-value{ color:var(--navy); font-weight:600; }
.peih-contact-value a{ color:var(--navy) !important; text-decoration:none; }
.peih-contact-value a:hover{ color:var(--blue) !important; }
 
.peih-form{ background:var(--white); border:1px solid var(--border); padding:32px; }
.peih-form-grid{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:18px; }
.peih-field{ display:flex !important; flex-direction:column; gap:6px; }
.peih-field.peih-field-full{ grid-column:1 / -1 !important; }
.peih-field label{ font-size:12.5px; font-weight:600; letter-spacing:.03em; color:var(--navy); font-family:'Barlow Condensed',sans-serif; }
.peih-field input,
.peih-field select,
.peih-field textarea{
  font-family:'Barlow',sans-serif; font-size:14px; color:var(--navy);
  border:1px solid var(--border); background:var(--white); padding:11px 14px; width:100%;
}
.peih-field textarea{ resize:vertical; min-height:100px; }
.peih-field input:focus, .peih-field select:focus, .peih-field textarea:focus{ outline:none; border-color:var(--blue); }
.peih-consent{ display:flex !important; align-items:flex-start !important; gap:10px; font-size:13px; color:var(--muted); margin-top:4px; }
.peih-consent input{ margin-top:3px; flex-shrink:0; }
.peih-form-submit{ margin-top:22px; display:flex !important; flex-wrap:wrap; gap:14px; }
 
/* =====================================================================
   RESPONSIVE — 900px and 520px breakpoints, matching the site standard
   ===================================================================== */
@media(max-width:900px){
  .peih-section{ padding:48px 24px !important; }
  .peih-hero{ padding:40px 24px 48px !important; }
  .peih-hero-wrap{ grid-template-columns:1fr !important; gap:36px !important; }
  .peih-hero-gallery{ grid-template-columns:1fr !important; }
  .peih-hero-main{ min-height:280px; }
  .peih-hero-detail-grid{ grid-template-columns:repeat(4,1fr) !important; grid-template-rows:1fr !important; }
  .peih-quickrange-grid{ grid-template-columns:repeat(2,1fr) !important; }
  .peih-qr-item:nth-child(2){ border-right:none !important; }
  .peih-reasons-grid{ grid-template-columns:repeat(2,1fr) !important; }
  .peih-cards-grid.peih-cols-3,
  .peih-cards-grid.peih-cols-4{ grid-template-columns:repeat(2,1fr) !important; }
  .peih-tonnage-row{ grid-template-columns:1fr !important; gap:8px; }
  .peih-tonnage-link{ justify-self:start !important; }
  .peih-info-row{ grid-template-columns:1fr !important; gap:6px; }
  .peih-enquiry-wrap{ grid-template-columns:1fr !important; gap:36px !important; }
  .peih-form-grid{ grid-template-columns:1fr !important; }
  .peih-checklist{ grid-template-columns:1fr !important; }
  .peih-ctaband{ padding:48px 24px !important; }
}
@media(max-width:520px){
  .peih-section{ padding:40px 18px !important; }
  .peih-hero{ padding:32px 18px 40px !important; }
  .peih-h1{ font-size:30px !important; }
  .peih-h2{ font-size:26px !important; }
  .peih-quickrange-grid{ grid-template-columns:1fr !important; }
  .peih-qr-item{ border-right:none !important; border-bottom:1px solid var(--border); }
  .peih-qr-item:last-child{ border-bottom:none; }
  .peih-reasons-grid{ grid-template-columns:1fr !important; }
  .peih-cards-grid.peih-cols-3,
  .peih-cards-grid.peih-cols-4{ grid-template-columns:1fr !important; }
  .peih-table{ min-width:480px; }
  .peih-hero-detail-grid{ grid-template-columns:repeat(2,1fr) !important; grid-template-rows:repeat(2,1fr) !important; }
}