/* =================================================================
   V5 — CONSULTING PREMIUM — SHARED INNER PAGE STYLES
   Used by: about5, solutions5, industries5, resources5, contact5
   ================================================================= */

/* ---------- Page Hero (inner pages, ~60vh) ---------- */
.p5-hero{position:relative;min-height:60vh;overflow:hidden;display:flex;align-items:flex-end;}
.p5-hero-media{position:absolute;inset:0;}
.p5-hero-media img{width:100%;height:100%;object-fit:cover;display:block;}
.p5-hero-media::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,20,60,.95) 0%,rgba(0,20,60,.65) 50%,rgba(0,20,60,.2) 100%);}
.p5-hero-content{position:relative;z-index:1;padding:0 0 56px;width:100%;}

/* ---------- Typography ---------- */
.p5-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#86bc25;margin-bottom:14px;}
.p5-hero-headline{font-size:clamp(2rem,4vw,3.25rem);font-weight:200;color:#fff;letter-spacing:-.03em;line-height:1.15;margin-bottom:16px;}
.p5-hero-headline strong{font-weight:700;}
.p5-hero-sub{font-size:.9375rem;color:rgba(255,255,255,.65);line-height:1.7;max-width:680px;}
.p5-section-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#86bc25;margin-bottom:16px;}
.p5-section-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:200;color:#1a1a1a;letter-spacing:-.03em;line-height:1.2;margin-bottom:24px;}
.p5-section-title strong{font-weight:700;color:#002776;}
.p5-section-title--white{color:#fff;}
.p5-section-title--white strong{color:#86bc25;}
.p5-body{font-size:.9375rem;color:#666;line-height:1.8;margin-bottom:16px;}
.p5-feat-list{display:flex;flex-direction:column;gap:12px;margin-top:24px;}
.p5-feat{display:flex;align-items:flex-start;gap:12px;font-size:.875rem;color:#555;line-height:1.5;}
.p5-feat svg{color:#86bc25;flex-shrink:0;margin-top:2px;}

/* ---------- Buttons ---------- */
.p5-btn-p{display:inline-block;padding:13px 28px;background:#86bc25;color:#002776;font-size:.875rem;font-weight:700;border-radius:3px;text-decoration:none;transition:background .2s;}
.p5-btn-p:hover{background:#9dd42d;}
.p5-btn-o{display:inline-block;padding:13px 28px;background:transparent;color:#fff;font-size:.875rem;font-weight:600;border-radius:3px;border:1px solid rgba(255,255,255,.3);text-decoration:none;transition:border-color .2s;}
.p5-btn-o:hover{border-color:#fff;}
.p5-btn-dark{display:inline-block;padding:13px 28px;background:#002776;color:#fff;font-size:.875rem;font-weight:600;border-radius:3px;text-decoration:none;transition:background .2s;}
.p5-btn-dark:hover{background:#001d5e;}
.p5-btn-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px;align-items:center;}

/* ---------- Stats Bar ---------- */
.p5-stats{padding:60px 0;background:#fff;border-bottom:1px solid #ebebeb;}
.p5-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.p5-stat{padding:24px 32px;border-right:1px solid #ebebeb;position:relative;}
.p5-stat:last-child{border-right:none;}
.p5-stat::before{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:#86bc25;transition:height .5s ease;}
.p5-stat:hover::before{height:100%;}
.p5-stat-num{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:200;color:#002776;letter-spacing:-.05em;line-height:1;}
.p5-stat-num b{color:#86bc25;font-weight:400;}
.p5-stat-label{font-size:.8125rem;font-weight:700;color:#1a1a1a;margin-top:8px;}
.p5-stat-note{font-size:.8125rem;color:#aaa;margin-top:4px;}

/* ---------- Mission / Vision ---------- */
.p5-mv{background:#002776;padding:64px 0;}
.p5-mv-inner{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:rgba(255,255,255,.06);}
.p5-mv-panel{background:#002776;padding:48px;}
.p5-mv-panel:first-child{background:#001d5e;}
.p5-mv-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.p5-mv-icon--a{background:rgba(134,188,37,.2);color:#86bc25;}
.p5-mv-icon--b{background:rgba(255,255,255,.1);color:rgba(255,255,255,.7);}
.p5-mv-label{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#86bc25;margin-bottom:14px;}
.p5-mv-panel:last-child .p5-mv-label{color:rgba(255,255,255,.5);}
.p5-mv-text{font-size:.9375rem;color:rgba(255,255,255,.65);line-height:1.8;}

/* ---------- Values Grid ---------- */
.p5-values{padding:96px 0;background:#f8f9fc;}
.p5-val-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background:transparent;margin-top:48px;}
.p5-val{background:#fff;padding:40px 36px;position:relative;overflow:hidden;}
.p5-val::before{content:attr(data-num);position:absolute;top:-10px;right:16px;font-size:6rem;font-weight:900;color:rgba(44,51,133,.04);line-height:1;letter-spacing:-.05em;}
.p5-val-icon{width:52px;height:52px;border-radius:12px;background:rgba(44,51,133,.07);display:flex;align-items:center;justify-content:center;color:#2c3385;margin-bottom:16px;}
.p5-val-title{font-size:1rem;font-weight:700;color:#002776;margin-bottom:10px;}
.p5-val-desc{font-size:.875rem;color:#777;line-height:1.7;}

/* ---------- Why / Horizontal Scroll ---------- */
.p5-why{padding:96px 0;background:#fff;overflow:hidden;}
.p5-why-scroll{display:flex;overflow-x:auto;gap:0;margin-top:48px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;scrollbar-width:none;cursor:grab;}
.p5-why-scroll:active{cursor:grabbing;}
.p5-why-scroll::-webkit-scrollbar{display:none;}
.p5-why-item{min-width:280px;flex-shrink:0;padding:48px 40px;border-right:1px solid #f0f0f0;transition:background .2s;}
.p5-why-item:hover{background:#f8f9fc;}
.p5-why-icon{width:56px;height:56px;border-radius:12px;background:rgba(44,51,133,.07);display:flex;align-items:center;justify-content:center;color:#2c3385;margin-bottom:20px;}
.p5-why-num{font-size:.7rem;font-weight:800;letter-spacing:.12em;color:#86bc25;margin-bottom:8px;}
.p5-why-title{font-size:1.0625rem;font-weight:700;color:#002776;margin-bottom:12px;}
.p5-why-desc{font-size:.875rem;color:#777;line-height:1.7;}

/* ---------- Image Block ---------- */
.p5-img-block{position:relative;border-radius:4px;overflow:hidden;}
.p5-img-block img{width:100%;height:460px;object-fit:cover;display:block;}
.p5-img-block::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,39,118,.25),transparent);}
.p5-img-badge{position:absolute;z-index:1;bottom:24px;left:24px;background:rgba(0,39,118,.9);backdrop-filter:blur(12px);border-left:3px solid #86bc25;padding:16px 20px;border-radius:4px;}
.p5-img-badge-num{font-size:1.75rem;font-weight:200;color:#fff;letter-spacing:-.04em;}
.p5-img-badge-num b{color:#86bc25;}
.p5-img-badge-label{font-size:.72rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;}

/* ---------- CTA Section ---------- */
.p5-cta{padding:80px 0;background:#002776;}
.p5-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:48px;flex-wrap:wrap;}
.p5-cta-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:200;color:#fff;letter-spacing:-.02em;margin-bottom:12px;}
.p5-cta-title strong{font-weight:700;}
.p5-cta-body{font-size:.9375rem;color:rgba(255,255,255,.6);line-height:1.7;max-width:480px;}
.p5-cta-actions{display:flex;gap:14px;flex-shrink:0;flex-wrap:wrap;align-items:center;}

/* ---------- Contact 2-col ---------- */
.p5-contact{display:grid;grid-template-columns:1fr 1fr;}
.p5-contact-left{padding:80px 60px;background:#002776;}
.p5-contact-right{padding:80px 60px;background:#f8f9fc;}
.p5-contact-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#86bc25;margin-bottom:16px;}
.p5-contact-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:200;color:#fff;letter-spacing:-.02em;line-height:1.2;margin-bottom:16px;}
.p5-contact-title strong{font-weight:700;}
.p5-contact-body{font-size:.9375rem;color:rgba(255,255,255,.6);line-height:1.75;margin-bottom:32px;}
.p5-contact-items{display:flex;flex-direction:column;gap:16px;}
.p5-contact-item{display:flex;align-items:center;gap:14px;}
.p5-contact-item-icon{width:40px;height:40px;border-radius:50%;background:rgba(134,188,37,.15);border:1px solid rgba(134,188,37,.25);display:flex;align-items:center;justify-content:center;color:#86bc25;flex-shrink:0;}
.p5-contact-item-text strong{display:block;font-size:.8125rem;font-weight:700;color:rgba(255,255,255,.85);}
.p5-contact-item-text span,.p5-contact-item-text a{font-size:.8125rem;color:rgba(255,255,255,.4);text-decoration:none;}

/* ---------- Form ---------- */
.p5-form{display:flex;flex-direction:column;gap:16px;}
.p5-form-title{font-size:1.25rem;font-weight:300;color:#1a1a1a;margin-bottom:4px;}
.p5-form-title strong{font-weight:700;color:#002776;}
.p5-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.p5-form-group{display:flex;flex-direction:column;gap:6px;}
.p5-form-group label{font-size:.72rem;font-weight:600;color:#888;letter-spacing:.08em;text-transform:uppercase;}
.p5-form-group input,.p5-form-group select,.p5-form-group textarea{background:#fff;border:1px solid #e0e0e0;border-radius:3px;color:#1a1a1a;padding:12px 16px;font-size:.875rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;}
.p5-form-group input:focus,.p5-form-group select:focus,.p5-form-group textarea:focus{outline:none;border-color:#86bc25;box-shadow:0 0 0 3px rgba(134,188,37,.12);}
.p5-form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23717171' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer;}
.p5-form-submit{padding:14px 32px;background:#86bc25;color:#002776;font-size:.875rem;font-weight:700;border:none;border-radius:3px;cursor:pointer;transition:background .2s;}
.p5-form-submit:hover{background:#9dd42d;}

/* ---------- Responsive ---------- */
@media(max-width:1100px){
  .p5-stats-grid{grid-template-columns:1fr 1fr;}
  .p5-stat{border-bottom:1px solid #ebebeb;}
  .p5-contact{grid-template-columns:1fr;}
  .p5-val-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:900px){
  .p5-mv-inner{grid-template-columns:1fr;}
  .p5-val-grid{grid-template-columns:1fr 1fr;}
  .p5-values{padding:64px 0;}
  .p5-why{padding:64px 0;}
  .p5-stats{padding:40px 0;}
  .p5-mv{padding:48px 0;}
  .p5-mv-panel{padding:36px 32px;}
  .p5-cta{padding:56px 0;}
  .p5-cta-inner{flex-direction:column;align-items:flex-start;gap:28px;}
  .p5-img-block img{height:300px;}
  .p5-contact-left,.p5-contact-right{padding:60px 40px;}
  .p5-btn-actions{margin-top:24px;}
}
@media(max-width:640px){
  .p5-hero-content{padding:0 0 40px;}
  .p5-hero-headline{font-size:clamp(1.65rem,7vw,2.5rem);}
  .p5-hero-sub{font-size:.875rem;}
  .p5-values{padding:48px 0;}
  .p5-why{padding:48px 0;}
  .p5-stats{padding:32px 0;}
  .p5-mv{padding:40px 0;}
  .p5-mv-panel{padding:28px 20px;}
  .p5-cta{padding:48px 0;}
  .p5-val-grid{grid-template-columns:1fr;gap:16px;margin-top:32px;}
  .p5-val{padding:28px 20px;}
  .p5-val::before{font-size:5rem;}
  .p5-why-item{min-width:200px;padding:36px 24px;}
  .p5-form-row{grid-template-columns:1fr;}
  .p5-contact-left,.p5-contact-right{padding:40px 20px;}
  .p5-stats-grid{grid-template-columns:1fr 1fr;}
  .p5-stat{padding:20px 16px;}
  .p5-img-block img{height:240px;}
  .p5-btn-actions{flex-direction:column;align-items:stretch;}
  .p5-btn-p,.p5-btn-o,.p5-btn-dark{text-align:center;display:block;}
  .p5-cta-actions{flex-direction:column;align-items:stretch;width:100%;}
}
