/* ============================================================
   INNER.CSS — Shared styles for all inner pages
   PureNova Credit Union
   ============================================================ */

/* RESET */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

/* ROOT VARIABLES */
:root{
  --navy:#22815c;--navy-lgt:#1a4d8f;--navy-drk:#22815c;
  --gold:#b8860b;--gold-lgt:#d4a017;--gold-pale:#f5e9c8;
  --white:#fff;--off-white:#f6f8fc;--border:#dde2eb;
  --text-dark:#0d1f3c;--text-mid:#3d5068;--text-muted:#6b7c93;--text-light:#9aabb8;
  --shadow-sm:0 1px 4px rgba(0,27,74,.07);
  --shadow-md:0 4px 20px rgba(0,27,74,.11);
  --shadow-lg:0 12px 48px rgba(0,27,74,.18);
  --r:8px;--r-lg:14px;--r-xl:20px;
}

/* BASE */
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text-dark);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}

/* CONTAINER */
.container{max-width:1240px;margin:0 auto;padding:0 32px}

/* ============================================================
   TYPOGRAPHY
   ============================================================ */
.lbl{display:inline-flex;align-items:center;gap:8px;font-size:.68rem;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.lbl::before{content:'';width:20px;height:2px;background:var(--gold);border-radius:2px;flex-shrink:0}
.h2{font-size:2.4rem;font-weight:800;color:var(--navy);line-height:1.15;letter-spacing:-.4px}
.sub{font-size:1.02rem;color:var(--text-muted);line-height:1.8;max-width:560px}

/* ============================================================
   BUTTONS
   ============================================================ */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:var(--r);font-weight:700;font-size:.9rem;letter-spacing:.3px;cursor:pointer;border:none;transition:all .2s;white-space:nowrap;font-family:inherit}
.btn-gold{background:var(--gold);color:#fff;box-shadow:0 2px 12px rgba(184,134,11,.3)}
.btn-gold:hover{background:var(--gold-lgt);box-shadow:0 4px 18px rgba(184,134,11,.4)}
.btn-navy{background:var(--navy);color:#fff}
.btn-navy:hover{background:var(--navy-lgt)}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55)}
.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
.btn-outline{background:transparent;color:var(--navy);border:1.5px solid var(--navy)}
.btn-outline:hover{background:var(--navy);color:#fff}
.btn-sm{padding:10px 22px;font-size:.82rem}

/* ============================================================
   PAGE HERO
   ============================================================ */
.ip-hero{position:relative;min-height:420px;display:flex;align-items:center;overflow:hidden}
.ip-hero-bg{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  transform:scale(1.04);
  animation:ipHeroBgZoom 14s ease forwards;
}
@keyframes ipHeroBgZoom{to{transform:scale(1)}}
.ip-hero-bg::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(110deg,rgba(8,46,32,.94) 0%,rgba(12,65,44,.84) 40%,rgba(5,40,28,.60) 70%,rgba(0,20,12,.42) 100%);
}
.ip-hero-bg::before{
  content:'';position:absolute;inset:0;z-index:1;
  background-image:radial-gradient(rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:30px 30px;
}
.ip-hero .container{position:relative;z-index:2;padding-top:80px;padding-bottom:80px}
.ip-hero-content{max-width:680px}

/* BREADCRUMB */
.ip-breadcrumb{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.72rem;font-weight:600;letter-spacing:.4px;
  color:rgba(255,255,255,.52);margin-bottom:20px;
}
.ip-breadcrumb a{color:rgba(255,255,255,.52);transition:color .2s}
.ip-breadcrumb a:hover{color:var(--gold-lgt)}
.ip-breadcrumb span{color:rgba(255,255,255,.36)}
.ip-breadcrumb span:last-child{color:rgba(255,255,255,.65)}

/* HERO TEXT */
.ip-hero-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:.68rem;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;
  color:var(--gold-lgt);margin-bottom:16px;
  animation:hRight .65s .05s both;
}
.ip-hero-eyebrow span{width:24px;height:2px;background:var(--gold-lgt);border-radius:2px;display:block;flex-shrink:0}
.ip-hero-title{font-size:3rem;font-weight:900;color:#fff;line-height:1.08;letter-spacing:-.6px;margin-bottom:18px;animation:hUp .75s .15s both}
.ip-hero-sub{font-size:1.02rem;color:rgba(255,255,255,.68);line-height:1.8;margin-bottom:32px;max-width:560px;animation:hUp .75s .28s both}
.ip-hero-btns{display:flex;gap:14px;flex-wrap:wrap;animation:hUp .75s .42s both}

@keyframes hUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes hRight{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:none}}

/* ============================================================
   SECTIONS
   ============================================================ */
.ip-section{padding:88px 0}
.ip-section--gray{background:var(--off-white)}
.ip-section--dark{background:var(--navy)}
.ip-section--darkest{background:#04111e}
.ip-section--white{background:#fff}

/* SECTION HEADER */
.ip-hd{text-align:center;margin-bottom:56px}
.ip-hd-lbl{display:inline-flex;align-items:center;gap:8px;font-size:.68rem;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.ip-hd-lbl::before{content:'';width:20px;height:2px;background:var(--gold);border-radius:2px;flex-shrink:0}
.ip-hd-title{font-size:2.4rem;font-weight:800;color:var(--navy);line-height:1.15;letter-spacing:-.4px;margin-bottom:14px}
.ip-hd-sub{font-size:1rem;color:var(--text-muted);line-height:1.8;max-width:600px;margin:0 auto}
.ip-hd--white .ip-hd-title{color:#fff}
.ip-hd--white .ip-hd-sub{color:rgba(255,255,255,.6)}
.ip-hd--white .ip-hd-lbl{color:var(--gold-lgt)}
.ip-hd--white .ip-hd-lbl::before{background:var(--gold-lgt)}

/* ============================================================
   FEATURE CARDS
   ============================================================ */
.ip-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ip-cards-grid--4{grid-template-columns:repeat(4,1fr)}
.ip-cards-grid--2{grid-template-columns:repeat(2,1fr)}

.ip-fcard{
  background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);
  padding:32px 28px;transition:transform .25s,box-shadow .25s,border-color .25s;
  display:flex;flex-direction:column;
}
.ip-fcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent}
.ip-fcard-ico{margin-bottom:20px}
.ip-fcard-title{font-size:1rem;font-weight:800;color:var(--navy);margin-bottom:10px}
.ip-fcard-text{font-size:.875rem;color:var(--text-muted);line-height:1.7;flex:1}
.ip-fcard-meta{font-size:.78rem;font-weight:700;color:var(--gold);margin-top:16px}
.ip-fcard-link{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:var(--navy);margin-top:18px;transition:gap .2s}
.ip-fcard-link:hover{gap:10px}
.ip-fcard-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.5}

/* ============================================================
   ICON CIRCLE
   ============================================================ */
.ip-ico{width:64px;height:64px;border-radius:50%;background:rgba(34,129,92,.08);display:flex;align-items:center;justify-content:center}
.ip-ico svg{width:28px;height:28px;fill:none;stroke:var(--navy);stroke-width:1.8}
.ip-ico--gold{background:rgba(184,134,11,.08)}
.ip-ico--gold svg{stroke:var(--gold)}
.ip-ico--lg{width:80px;height:80px}
.ip-ico--lg svg{width:36px;height:36px}

/* ============================================================
   SPLIT SECTION
   ============================================================ */
.ip-split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.ip-split--rev{direction:rtl}
.ip-split--rev>*{direction:ltr}
.ip-split-img{border-radius:var(--r-xl);overflow:hidden;position:relative}
.ip-split-img img{width:100%;height:100%;object-fit:cover;min-height:400px;display:block}
.ip-split-body{}
.ip-split-body .lbl{color:var(--gold)}
.ip-split-title{font-size:2rem;font-weight:800;color:var(--navy);line-height:1.2;letter-spacing:-.3px;margin-bottom:16px}
.ip-split-text{font-size:.95rem;color:var(--text-muted);line-height:1.82;margin-bottom:24px}
.ip-split-list{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}
.ip-split-list li{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;color:var(--text-mid)}
.ip-split-list li::before{content:'';width:20px;height:20px;border-radius:50%;background:rgba(34,129,92,.1);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322815c' stroke-width='2.5'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size:11px;background-repeat:no-repeat;background-position:center;flex-shrink:0;margin-top:2px}

/* dark-bg split variant */
.ip-split--dark .ip-split-title{color:#fff}
.ip-split--dark .ip-split-text{color:rgba(255,255,255,.65)}
.ip-split--dark .ip-split-list li{color:rgba(255,255,255,.75)}
.ip-split--dark .ip-split-list li::before{
  background-color:rgba(255,255,255,.1);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4a017' stroke-width='2.5'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size:11px;background-repeat:no-repeat;background-position:center;}

/* ============================================================
   STATS ROW
   ============================================================ */
.ip-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ip-stat-card{
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);
  border-radius:var(--r-lg);padding:36px 24px;text-align:center;
  backdrop-filter:blur(4px);position:relative;overflow:hidden;
}
.ip-stat-card::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:48px;height:3px;background:var(--gold);border-radius:0 0 4px 4px}
.ip-stat-num{font-size:2.6rem;font-weight:900;color:#fff;line-height:1;letter-spacing:-.5px}
.ip-stat-sfx{color:var(--gold-lgt);font-size:1.3rem}
.ip-stat-lbl{font-size:.75rem;color:rgba(255,255,255,.5);margin-top:10px;text-transform:uppercase;letter-spacing:.6px}

/* light version for white/gray bg */
.ip-stats-row--light .ip-stat-card{background:#fff;border:1px solid var(--border);backdrop-filter:none}
.ip-stats-row--light .ip-stat-num{color:var(--navy)}
.ip-stats-row--light .ip-stat-sfx{color:var(--gold)}
.ip-stats-row--light .ip-stat-lbl{color:var(--text-muted)}

/* ============================================================
   STATS BG (full-width overlay like homepage)
   ============================================================ */
.ip-stats-section{position:relative;padding:88px 0}
.ip-stats-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-attachment:fixed}
.ip-stats-bg::after{content:'';position:absolute;inset:0;background:rgba(0,26,58,.88)}
.ip-stats-section .container{position:relative;z-index:2}

/* ============================================================
   CTA BAND
   ============================================================ */
.ip-cta{position:relative;overflow:hidden;padding:88px 0}
.ip-cta-bg{position:absolute;inset:0;background-size:cover;background-position:center top}
.ip-cta-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(0,26,58,.97) 0%,rgba(0,43,92,.90) 55%,rgba(0,43,92,.75) 100%)}
.ip-cta .container{position:relative;z-index:2;text-align:center;max-width:740px;margin:0 auto}
.ip-cta-lbl{font-size:.68rem;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:var(--gold-lgt);margin-bottom:16px}
.ip-cta-title{font-size:2.6rem;font-weight:900;color:#fff;line-height:1.1;letter-spacing:-.5px;margin-bottom:16px}
.ip-cta-sub{font-size:1rem;color:rgba(255,255,255,.62);line-height:1.75;margin-bottom:36px}
.ip-cta-btns{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}

/* ============================================================
   ACCORDION / FAQ
   ============================================================ */
.ip-faq-list{max-width:820px;margin:0 auto}
.ip-faq-item{border-bottom:1px solid var(--border);overflow:hidden}
.ip-faq-item:first-child{border-top:1px solid var(--border)}
.ip-faq-btn{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  padding:20px 0;background:none;border:none;cursor:pointer;font-family:inherit;
  font-size:.95rem;font-weight:600;color:var(--text-dark);text-align:left;gap:16px;
  transition:color .2s;
}
.ip-faq-btn:hover{color:var(--navy)}
.ip-faq-btn.open{color:var(--navy)}
.ip-faq-icon{width:28px;height:28px;border-radius:50%;background:rgba(34,129,92,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,transform .2s}
.ip-faq-btn.open .ip-faq-icon{background:var(--navy);transform:rotate(45deg)}
.ip-faq-icon svg{width:14px;height:14px;fill:none;stroke:var(--navy);stroke-width:2.5}
.ip-faq-btn.open .ip-faq-icon svg{stroke:#fff}
.ip-faq-body{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1)}
.ip-faq-body.open{max-height:400px}
.ip-faq-inner{padding:0 0 20px 0;font-size:.9rem;color:var(--text-muted);line-height:1.8}

/* dark bg faq */
.ip-faq--dark .ip-faq-item{border-color:rgba(255,255,255,.1)}
.ip-faq--dark .ip-faq-btn{color:rgba(255,255,255,.85)}
.ip-faq--dark .ip-faq-btn:hover,.ip-faq--dark .ip-faq-btn.open{color:#fff}
.ip-faq--dark .ip-faq-icon{background:rgba(255,255,255,.1)}
.ip-faq--dark .ip-faq-btn.open .ip-faq-icon{background:var(--gold)}
.ip-faq--dark .ip-faq-icon svg{stroke:#fff}
.ip-faq--dark .ip-faq-inner{color:rgba(255,255,255,.6)}

/* ============================================================
   TABLE
   ============================================================ */
.ip-table-wrap{overflow-x:auto;border-radius:var(--r-lg);border:1px solid var(--border);background:#fff}
.ip-table{width:100%;border-collapse:collapse}
.ip-table th{background:var(--navy);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:16px 20px;text-align:left;white-space:nowrap}
.ip-table td{padding:16px 20px;border-bottom:1px solid var(--border);font-size:.9rem;color:var(--text-mid)}
.ip-table tr:last-child td{border-bottom:none}
.ip-table tr:nth-child(even) td{background:var(--off-white)}
.ip-table tr:hover td{background:rgba(34,129,92,.04)}
.ip-table .ip-table-rate{font-weight:700;color:var(--navy);font-size:1rem}
.ip-table .ip-table-featured{background:rgba(34,129,92,.06)!important}

/* ============================================================
   TEAM CARDS
   ============================================================ */
.ip-team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ip-team-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;transition:transform .25s,box-shadow .25s}
.ip-team-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.ip-team-img{height:240px;overflow:hidden}
.ip-team-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.ip-team-card:hover .ip-team-img img{transform:scale(1.07)}
.ip-team-body{padding:22px 20px}
.ip-team-name{font-size:.95rem;font-weight:800;color:var(--navy);margin-bottom:4px}
.ip-team-role{font-size:.78rem;color:var(--text-muted)}

/* ============================================================
   TIMELINE
   ============================================================ */
.ip-timeline{max-width:780px;margin:0 auto;position:relative;padding-left:32px}
.ip-timeline::before{content:'';position:absolute;left:14px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--navy),var(--gold))}
.ip-tl-item{position:relative;margin-bottom:40px;padding-left:36px}
.ip-tl-item:last-child{margin-bottom:0}
.ip-tl-dot{position:absolute;left:-50px;top:4px;width:28px;height:28px;border-radius:50%;background:var(--navy);border:3px solid #fff;box-shadow:0 0 0 2px var(--navy);display:flex;align-items:center;justify-content:center}
.ip-tl-dot span{font-size:.65rem;font-weight:800;color:#fff}
.ip-tl-title{font-size:.95rem;font-weight:700;color:var(--navy);margin-bottom:6px}
.ip-tl-text{font-size:.875rem;color:var(--text-muted);line-height:1.7}

/* dark version */
.ip-timeline--dark .ip-tl-title{color:#fff}
.ip-timeline--dark .ip-tl-text{color:rgba(255,255,255,.6)}
.ip-timeline--dark .ip-tl-dot{border-color:var(--navy);box-shadow:0 0 0 2px var(--gold)}

/* ============================================================
   CARD PRODUCT (credit cards, loan cards etc)
   ============================================================ */
.ip-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.ip-product-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);padding:36px 28px;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column;position:relative;overflow:hidden}
.ip-product-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--navy);transition:background .2s}
.ip-product-card.featured{border-color:var(--gold);box-shadow:var(--shadow-md)}
.ip-product-card.featured::before{background:linear-gradient(90deg,var(--gold),var(--gold-lgt))}
.ip-product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.ip-product-badge{position:absolute;top:18px;right:18px;background:var(--gold);color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:4px 10px;border-radius:20px}
.ip-product-title{font-size:1.1rem;font-weight:800;color:var(--navy);margin-bottom:8px}
.ip-product-rate{font-size:2rem;font-weight:900;color:var(--navy);letter-spacing:-.4px;margin:16px 0 4px}
.ip-product-rate span{font-size:.85rem;font-weight:600;color:var(--text-muted)}
.ip-product-features{margin:18px 0 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.ip-product-features li{display:flex;align-items:flex-start;gap:10px;font-size:.87rem;color:var(--text-mid)}
.ip-product-features li::before{
  content:'';width:18px;height:18px;border-radius:50%;flex-shrink:0;margin-top:1px;
  background:rgba(34,129,92,.1);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322815c' stroke-width='2.5'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size:10px;background-repeat:no-repeat;background-position:center;
}

/* ============================================================
   NEWS CARD
   ============================================================ */
.ip-news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ip-ncard{border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--border);transition:transform .25s,box-shadow .25s}
.ip-ncard:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.ip-ncard-img{height:192px;overflow:hidden}
.ip-ncard-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.ip-ncard:hover .ip-ncard-img img{transform:scale(1.07)}
.ip-ncard-body{padding:22px 20px}
.ip-ncard-tag{display:inline-block;font-size:.63rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--navy);background:rgba(34,129,92,.07);padding:4px 10px;border-radius:20px;margin-bottom:12px}
.ip-ncard-title{font-size:.925rem;font-weight:700;color:var(--text-dark);line-height:1.45;margin-bottom:10px}
.ip-ncard-title a{color:inherit;transition:color .2s}
.ip-ncard-title a:hover{color:var(--navy)}
.ip-ncard-exc{font-size:.8rem;color:var(--text-muted);line-height:1.65}

/* ============================================================
   JOBS / OPENINGS
   ============================================================ */
.ip-jobs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.ip-job-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:28px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;transition:box-shadow .2s,border-color .2s}
.ip-job-card:hover{box-shadow:var(--shadow-md);border-color:var(--navy)}
.ip-job-info{}
.ip-job-title{font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:6px}
.ip-job-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ip-job-tag{font-size:.72rem;font-weight:600;color:var(--text-muted);background:var(--off-white);padding:4px 10px;border-radius:20px;border:1px solid var(--border)}

/* ============================================================
   SCROLL ANIMATIONS
   ============================================================ */
[data-anim]{opacity:0;transform:translateY(28px);transition:opacity .72s cubic-bezier(.4,0,.2,1),transform .72s cubic-bezier(.4,0,.2,1)}
[data-anim="left"]{transform:translateX(-28px)}
[data-anim="right"]{transform:translateX(28px)}
[data-anim="zoom"]{transform:scale(.94)}
[data-anim].in{opacity:1;transform:none}
[data-delay="1"]{transition-delay:.1s}
[data-delay="2"]{transition-delay:.2s}
[data-delay="3"]{transition-delay:.3s}
[data-delay="4"]{transition-delay:.4s}
[data-delay="5"]{transition-delay:.5s}
[data-delay="6"]{transition-delay:.6s}

/* ============================================================
   FOOTER BAR
   ============================================================ */
.hp-fbar{background:var(--navy-drk);padding:32px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.hp-fbar .container{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.hp-fbar-item{display:flex;align-items:center;gap:14px}
.hp-fbar-ico{width:46px;height:46px;background:rgba(255,255,255,.09);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hp-fbar-ico img{width:20px;height:20px;filter:brightness(0) invert(1)}
.hp-fbar-lbl{font-size:.66rem;text-transform:uppercase;letter-spacing:.8px;color:rgba(255,255,255,.4)}
.hp-fbar-val{font-size:.875rem;font-weight:600;color:#fff}
.hp-fbar-val a{color:#fff;transition:color .2s}
.hp-fbar-val a:hover{color:var(--gold-lgt)}

/* ============================================================
   FOOTER
   ============================================================ */
.hp-footer{background:#04111e;color:rgba(255,255,255,.65);padding:68px 0 0}
.hp-footer-main{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:52px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.07)}
.hp-footer-about{font-size:.85rem;line-height:1.8;color:rgba(255,255,255,.48);margin-bottom:16px}
.hp-footer-addr{font-size:.78rem;color:rgba(255,255,255,.28)}
.hp-fcol-title{font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.28);margin-bottom:20px}
.hp-fcol-links{display:flex;flex-direction:column;gap:12px}
.hp-fcol-links a{font-size:.875rem;color:rgba(255,255,255,.58);transition:color .2s}
.hp-fcol-links a:hover{color:#fff}
.hp-footer-bottom{padding:24px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.hp-footer-copy{font-size:.78rem;color:rgba(255,255,255,.28)}
.hp-footer-policy{display:flex;gap:20px;margin-top:8px}
.hp-footer-policy a{font-size:.78rem;color:rgba(255,255,255,.28);transition:color .2s}
.hp-footer-policy a:hover{color:rgba(255,255,255,.7)}
.hp-footer-logos{display:flex;align-items:center;gap:14px}
.hp-footer-logos img{height:30px;opacity:.5}
.hp-ncua{font-size:.72rem;color:rgba(255,255,255,.28)}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1100px){
  .ip-cards-grid--4{grid-template-columns:repeat(2,1fr)}
  .ip-stats-row{grid-template-columns:repeat(2,1fr)}
  .ip-product-grid{grid-template-columns:repeat(2,1fr)}
  .ip-news-grid{grid-template-columns:repeat(2,1fr)}
  .ip-team-grid{grid-template-columns:repeat(2,1fr)}
  .hp-footer-main{grid-template-columns:1fr 1fr;gap:36px}
  .hp-fbar .container{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  .ip-split{grid-template-columns:1fr;gap:40px}
  .ip-split--rev{direction:ltr}
  .ip-split-img img{min-height:280px}
  .ip-cards-grid{grid-template-columns:repeat(2,1fr)}
  .ip-jobs-grid{grid-template-columns:1fr}
  .ip-timeline{padding-left:24px}
}
@media(max-width:768px){
  .h2{font-size:1.8rem}
  .ip-hd-title{font-size:1.8rem}
  .ip-hero-title{font-size:2.2rem}
  .ip-cta-title{font-size:2rem}
  .ip-stats-bg{background-attachment:scroll}
  .ip-stats-row{grid-template-columns:repeat(2,1fr)}
  .ip-section{padding:64px 0}
  .container{padding:0 20px}
}
@media(max-width:560px){
  .ip-cards-grid{grid-template-columns:1fr}
  .ip-cards-grid--4{grid-template-columns:1fr}
  .ip-product-grid{grid-template-columns:1fr}
  .ip-news-grid{grid-template-columns:1fr}
  .ip-stats-row{grid-template-columns:1fr 1fr}
  .hp-fbar .container{grid-template-columns:1fr}
  .hp-footer-main{grid-template-columns:1fr}
  .ip-hero-title{font-size:1.9rem}
  .ip-cta-title{font-size:1.8rem}
  .ip-table th,.ip-table td{padding:12px 14px}
}