/* ABOUT PAGE: extracted styles from about.html */

/* Core variables (fallbacks) */
:root{
  --brand-indigo:#4f5eaf;
  --brand-orange:#ff5400;
  --ink-dark:#0f172a;
  --hero-bg:linear-gradient(135deg,#0a0f23 0%,#0f1a3d 50%,#0a0f23 100%);
}

/* Hero */
.about-hero{position:relative;min-height:100vh;display:flex;align-items:center;background-image:linear-gradient(105deg,rgba(10,15,35,0.96) 0%,rgba(25,38,80,0.88) 50%,rgba(10,15,35,0.96) 100%),url('../images/about-hero.jpg');background-size:cover;background-position:center;overflow:hidden;padding-top:96px}
.about-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(79,94,175,0.18) 0%,transparent 60%),radial-gradient(circle at 80% 20%,rgba(255,84,0,0.10) 0%,transparent 50%);pointer-events:none}
.about-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(79,94,175,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(79,94,175,0.07) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}
.about-hero-content{position:relative;z-index:2}
.about-hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:rgba(79,94,175,0.15);border:1px solid rgba(79,94,175,0.4);border-radius:999px;padding:.45rem 1.25rem;font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#9fa8da;margin-bottom:1.75rem}
.about-hero-eyebrow i{color:var(--brand-orange);font-size:.7rem}
.about-hero h1{font-size:clamp(2.4rem,5.5vw,4rem);font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.03em;margin-bottom:1.5rem}
.about-hero h1 span{background:linear-gradient(135deg,#9fa8da 0%,var(--brand-orange) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.about-hero p{font-size:clamp(1rem,1.8vw,1.2rem);color:#cbd5e1;max-width:52rem;line-height:1.75;margin-bottom:2.5rem}
.about-hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3.5rem}
.hero-trust-bar{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,0.1)}
.hero-trust-item{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.82rem;font-weight:500}
.hero-trust-item i{color:var(--brand-orange)}
.hero-stat-stack{display:grid;gap:1rem}
.hero-stat-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(16px);border-radius:12px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}
.hero-stat-card:hover{background:rgba(79,94,175,0.15);border-color:rgba(79,94,175,0.4);transform:translateX(4px)}
.hero-stat-icon{width:3rem;height:3rem;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.hsi-indigo{background:rgba(79,94,175,0.2);color:#9fa8da}
.hsi-orange{background:rgba(255,84,0,0.15);color:#ff8040}
.hsi-green{background:rgba(16,185,129,0.15);color:#34d399}
.hsi-blue{background:rgba(59,130,246,0.15);color:#60a5fa}
.hero-stat-num{font-size:1.6rem;font-weight:800;color:#fff;line-height:1}
.hero-stat-lbl{font-size:.78rem;color:#94a3b8;font-weight:500;margin-top:.2rem}

/* Breadcrumb */
.page-breadcrumb{background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:.875rem 0}
.breadcrumb-inner{display:flex;align-items:center;gap:.5rem;font-size:.82rem}
.breadcrumb-inner a{color:var(--brand-indigo);font-weight:500}
.breadcrumb-inner a:hover{color:var(--brand-orange)}
.breadcrumb-inner .sep{color:#cbd5e1}
.breadcrumb-inner .current{color:#94a3b8}

/* Section utilities */
.section-dark{background:var(--hero-bg);color:#fff;position:relative;overflow:hidden}
.section-light{background:#fff}
.section-slate{background:#f8fafc}
.section-dark .section-head h2{color:#fff}
.section-dark .section-head p{color:#94a3b8}
.pattern-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(79,94,175,0.15) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}
.pattern-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(79,94,175,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(79,94,175,0.06) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}

/* Overview */
.overview-section{background:#fff}
.overview-lead{font-size:1.2rem;color:#1e293b;font-weight:600;line-height:1.65;margin-bottom:1.25rem}
.overview-body{color:#4b5563;line-height:1.85;margin-bottom:1.5rem;font-size:.97rem}
.overview-pills{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem;margin-bottom:1.75rem}
.overview-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:6px;font-size:.82rem;font-weight:600;background:rgba(79,94,175,0.08);border:1px solid rgba(79,94,175,0.18);color:var(--brand-indigo);transition:all .2s ease}
.overview-pill:hover{background:var(--brand-indigo);color:#fff;border-color:var(--brand-indigo)}
.overview-img-wrap{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 40px 80px -20px rgba(0,0,0,0.2)}
.overview-img-wrap img{width:100%;height:520px;object-fit:cover;display:block}
.overview-badge{position:absolute;bottom:-1.25rem;right:-1.25rem;background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,0.12);padding:1.1rem 1.4rem;display:flex;align-items:center;gap:.85rem;min-width:200px}
.overview-badge-icon{width:3rem;height:3rem;border-radius:10px;background:rgba(255,84,0,0.1);color:var(--brand-orange);display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.overview-badge-title{font-size:1.1rem;font-weight:700;color:var(--ink-dark);line-height:1.2}
.overview-badge-sub{font-size:.78rem;color:#6b7280;font-weight:500}
.overview-exp-card{position:absolute;top:1.5rem;left:-1.5rem;background:var(--brand-indigo);color:#fff;border-radius:12px;padding:1rem 1.25rem;text-align:center;box-shadow:0 16px 32px rgba(79,94,175,0.35);z-index:1}
.overview-exp-num{font-size:2rem;font-weight:800;line-height:1}
.overview-exp-label{font-size:.72rem;font-weight:600;opacity:.85;text-transform:uppercase;letter-spacing:.08em;margin-top:.2rem}

/* Philosophy */
.philosophy-section{background:linear-gradient(135deg,#0a0f23 0%,#0f1a3d 50%,#0a0f23 100%);color:#fff;position:relative;overflow:hidden}
.philosophy-glow-1{position:absolute;top:-5rem;left:-5rem;width:30rem;height:30rem;border-radius:50%;background:var(--brand-indigo);filter:blur(120px);opacity:.12;pointer-events:none}
.philosophy-glow-2{position:absolute;bottom:-5rem;right:-5rem;width:25rem;height:25rem;border-radius:50%;background:var(--brand-orange);filter:blur(120px);opacity:.08;pointer-events:none}
.philosophy-card{position:relative;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:2.5rem 2rem;height:100%;transition:all .4s cubic-bezier(.25,.46,.45,.94);overflow:hidden;cursor:default}
.philosophy-card::before{content:"";position:absolute;inset:0;border-radius:20px;opacity:0;transition:opacity .4s ease}
.philosophy-card.pc-commitment::before{background:linear-gradient(135deg,rgba(79,94,175,0.15),rgba(79,94,175,0.05))}
.philosophy-card.pc-consistency::before{background:linear-gradient(135deg,rgba(255,84,0,0.12),rgba(255,84,0,0.04))}
.philosophy-card.pc-concern::before{background:linear-gradient(135deg,rgba(16,185,129,0.12),rgba(16,185,129,0.04))}
.philosophy-card:hover{transform:translateY(-10px);border-color:rgba(255,255,255,0.15);box-shadow:0 40px 80px rgba(0,0,0,0.4)}
.philosophy-card:hover::before{opacity:1}
.philosophy-big-letter{font-size:6rem;font-weight:900;line-height:1;letter-spacing:-.05em;opacity:.06;position:absolute;top:1rem;right:1.5rem;pointer-events:none;user-select:none}
.pc-commitment .philosophy-big-letter{color:var(--brand-indigo)}
.pc-consistency .philosophy-big-letter{color:var(--brand-orange)}
.pc-concern .philosophy-big-letter{color:#10b981}
.philosophy-icon-wrap{width:4rem;height:4rem;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1.5rem}
.pc-commitment .philosophy-icon-wrap{background:rgba(79,94,175,0.2);color:#9fa8da}
.pc-consistency .philosophy-icon-wrap{background:rgba(255,84,0,0.15);color:#ff8040}
.pc-concern .philosophy-icon-wrap{background:rgba(16,185,129,0.15);color:#34d399}
.philosophy-card h3{font-size:1.6rem;font-weight:800;color:#fff;margin-bottom:.5rem;letter-spacing:-.02em}
.philosophy-tagline{font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.25rem;opacity:.7}
.pc-commitment .philosophy-tagline{color:#9fa8da}
.pc-consistency .philosophy-tagline{color:#ff8040}
.pc-concern .philosophy-tagline{color:#34d399}
.philosophy-card p{color:#94a3b8;line-height:1.75;font-size:.93rem;margin-bottom:1.5rem}
.philosophy-features{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.philosophy-features li{display:flex;align-items:flex-start;gap:.6rem;font-size:.85rem;color:#cbd5e1;font-weight:500}
.philosophy-features li i{margin-top:.15rem;font-size:.75rem;flex-shrink:0}
.pc-commitment .philosophy-features li i{color:#9fa8da}
.pc-consistency .philosophy-features li i{color:#ff8040}
.pc-concern .philosophy-features li i{color:#34d399}

/* Stats */
.stats-section{background:linear-gradient(135deg,#0f172a 0%,#1e2d5a 50%,#0f172a 100%);color:#fff;position:relative;overflow:hidden}
.about-stat-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:2rem 1.5rem;text-align:center;height:100%;transition:all .35s ease;position:relative;overflow:hidden}
.about-stat-card::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--brand-indigo);transform:scaleX(0);transition:transform .35s ease}
.about-stat-card:hover{background:rgba(79,94,175,0.12);border-color:rgba(79,94,175,0.3);transform:translateY(-6px);box-shadow:0 30px 60px rgba(0,0,0,0.3)}
.about-stat-card:hover::after{transform:scaleX(1)}
.stat-icon-ring{width:4.5rem;height:4.5rem;border-radius:50%;border:2px solid rgba(79,94,175,0.3);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;font-size:1.4rem;color:#9fa8da;background:rgba(79,94,175,0.1);transition:all .35s ease}
.about-stat-card:hover .stat-icon-ring{border-color:var(--brand-indigo);background:var(--brand-indigo);color:#fff;transform:rotate(10deg)}
.about-counter{font-size:2.8rem;font-weight:800;color:#fff;line-height:1;margin-bottom:.3rem;letter-spacing:-.02em}
.about-counter-suffix{font-size:1.8rem;font-weight:800;color:var(--brand-orange)}
.about-stat-label{font-size:.88rem;color:#94a3b8;font-weight:500;margin:0}

/* VM */
.vm-section{background:#f8fafc}
.vm-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:2.5rem 2rem;height:100%;transition:all .35s ease;position:relative;overflow:hidden}
.vm-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:height .35s ease}
.vm-vision::before{background:linear-gradient(90deg,var(--brand-indigo),#2563eb)}
.vm-mission::before{background:linear-gradient(90deg,var(--brand-orange),#f59e0b)}
.vm-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(0,0,0,0.1);border-color:transparent}
.vm-icon{width:4.5rem;height:4.5rem;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:1.5rem}
.vm-vision .vm-icon{background:rgba(79,94,175,0.1);color:var(--brand-indigo)}
.vm-mission .vm-icon{background:rgba(255,84,0,0.1);color:var(--brand-orange)}
.vm-card h3{font-size:1.4rem;font-weight:800;color:var(--ink-dark);margin-bottom:1rem;letter-spacing:-.02em}
.vm-card p{color:#4b5563;line-height:1.8;font-size:.97rem;margin:0}

/* CEO */
.ceo-section{background:#fff}
.ceo-inner{background:linear-gradient(135deg,#0f172a 0%,#1a2650 100%);border-radius:24px;overflow:hidden;position:relative}
.ceo-inner::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 70% 50%,rgba(79,94,175,0.15) 0%,transparent 60%);pointer-events:none}
.ceo-photo-wrap{height:100%;min-height:500px;position:relative}
.ceo-photo-wrap img{width:100%;height:100%;min-height:500px;object-fit:cover;object-position:top center;display:block}
.ceo-photo-overlay{position:absolute;inset:0;background:linear-gradient(to right,transparent 60%,#0f172a 100%)}
.ceo-content-col{position:relative;z-index:1;padding:3.5rem 3rem 3.5rem 2rem;display:flex;flex-direction:column;justify-content:center}
.ceo-label{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,84,0,0.12);border:1px solid rgba(255,84,0,0.25);color:#ff8040;border-radius:6px;padding:.4rem .9rem;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem;width:fit-content}
.ceo-quote-mark{font-size:6rem;color:rgba(255,84,0,0.15);font-family:Georgia,serif;line-height:.7;margin-bottom:.5rem;display:block}
.ceo-quote{font-size:clamp(1.1rem,2vw,1.35rem);color:#e2e8f0;line-height:1.75;font-style:italic;font-weight:400;margin-bottom:1.5rem}
.ceo-body{font-size:.9rem;color:#94a3b8;line-height:1.8;margin-bottom:2rem}
.ceo-sig-block{border-top:1px solid rgba(255,255,255,0.1);padding-top:1.5rem;display:flex;align-items:center;gap:1rem}
.ceo-sig-avatar{width:3.5rem;height:3.5rem;border-radius:50%;border:2px solid rgba(255,84,0,0.4);overflow:hidden;flex-shrink:0}
.ceo-sig-avatar img{width:100%;height:100%;object-fit:cover}
.ceo-sig-name{font-size:1rem;font-weight:700;color:#fff;margin:0}
.ceo-sig-title{font-size:.78rem;color:#94a3b8;margin:0}
.ceo-sig-dots{display:flex;gap:.35rem;margin-left:auto}
.ceo-sig-dot{width:.35rem;height:.35rem;border-radius:50%;background:rgba(255,84,0,0.5)}

/* Team */
.leadership-section{background:#f8fafc}
.team-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;overflow:hidden;transition:all .35s ease;height:100%}
.team-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(0,0,0,0.12);border-color:rgba(79,94,175,0.2)}
.team-photo{position:relative;overflow:hidden;height:260px}
.team-photo img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .4s ease}
.team-card:hover .team-photo img{transform:scale(1.05)}
.team-photo-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,23,42,0.7) 0%,transparent 50%);opacity:0;transition:opacity .35s ease}
.team-card:hover .team-photo-overlay{opacity:1}
.team-linkedin{position:absolute;bottom:1rem;right:1rem;width:2.5rem;height:2.5rem;background:#0077b5;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;opacity:0;transform:translateY(.5rem);transition:all .35s ease}
.team-card:hover .team-linkedin{opacity:1;transform:translateY(0)}
.team-body{padding:1.5rem}
.team-designation{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-orange);margin-bottom:.4rem}
.team-name{font-size:1.15rem;font-weight:700;color:var(--ink-dark);margin-bottom:.75rem;letter-spacing:-.01em}
.team-desc{font-size:.83rem;color:#6b7280;line-height:1.65;margin:0}

/* Map */
.india-map-wrap{position:relative;margin:0 auto}
.india-map-wrap svg{width:100%;height:auto}
.city-marker{cursor:pointer;position:relative}
.marker-pulse{animation:markerPulse 2s ease-in-out infinite}
@keyframes markerPulse{0%,100%{r:6;opacity:.15}50%{r:10;opacity:.05}}
.city-tooltip{position:absolute;background:var(--ink-dark);color:#fff;padding:.4rem .85rem;border-radius:6px;font-size:.78rem;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(4px);transition:all .2s ease;top:-2.5rem;left:50%;transform:translateX(-50%) translateY(4px);z-index:10}
.city-tooltip::after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:8px;height:8px;background:var(--ink-dark);clip-path:polygon(0 0,100% 0,50% 100%)}
.city-marker:hover .city-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}
.map-cities-list{display:grid;gap:.75rem}
.map-city-item{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;transition:all .25s ease}
.map-city-item:hover{background:rgba(79,94,175,0.06);border-color:rgba(79,94,175,0.2)}
.city-dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--brand-indigo);flex-shrink:0;position:relative}
.city-dot::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(79,94,175,0.3);animation:cityPing 2s ease-in-out infinite}
@keyframes cityPing{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.4);opacity:0}}
.city-name{font-size:.9rem;font-weight:600;color:var(--ink-dark)}
.city-tag{margin-left:auto;font-size:.72rem;font-weight:600;color:var(--brand-indigo);background:rgba(79,94,175,0.08);padding:.2rem .6rem;border-radius:4px}

/* Why Choose */
.why-choose-section{background:linear-gradient(135deg,#0f172a 0%,#1e2d5a 60%,#0f172a 100%);color:#fff;position:relative;overflow:hidden}
.why-choose-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:2rem 1.75rem;height:100%;transition:all .35s ease;position:relative;overflow:hidden}
.why-choose-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-indigo),var(--brand-orange));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.why-choose-card:hover{background:rgba(79,94,175,0.1);border-color:rgba(79,94,175,0.25);transform:translateY(-6px);box-shadow:0 30px 60px rgba(0,0,0,0.35)}
.why-choose-card:hover::before{transform:scaleX(1)}
.wc-icon{width:3.5rem;height:3.5rem;border-radius:12px;background:rgba(79,94,175,0.15);color:#9fa8da;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:1.25rem;transition:all .35s ease}
.why-choose-card:hover .wc-icon{background:var(--brand-indigo);color:#fff}
.why-choose-card h4{font-size:1.05rem;font-weight:700;color:#e2e8f0;margin-bottom:.6rem}
.why-choose-card p{font-size:.85rem;color:#94a3b8;line-height:1.7;margin:0}

/* Partners */
.partners-section{background:#f8fafc}
.partner-logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e5e7eb;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}
.partner-logo-cell{background:#fff;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;min-height:100px;transition:all .3s ease;cursor:default}
.partner-logo-cell:hover{background:#f8fafc;transform:scale(1.02);z-index:1;box-shadow:0 8px 24px rgba(0,0,0,0.08)}
.partner-logo-name{font-size:1.1rem;font-weight:800;color:#c0c9d8;letter-spacing:-.01em;transition:color .3s ease;text-align:center}
.partner-logo-cell:hover .partner-logo-name{color:var(--brand-indigo)}

/* Trust & CTA */
.trust-section{background:var(--hero-bg);color:#fff;position:relative;overflow:hidden}
.industry-trust-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:1.75rem 1.5rem;text-align:center;transition:all .3s ease}
.industry-trust-card:hover{background:rgba(79,94,175,0.12);border-color:rgba(79,94,175,0.3);transform:translateY(-4px)}
.industry-icon{width:3.5rem;height:3.5rem;border-radius:12px;background:rgba(79,94,175,0.15);color:#9fa8da;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin:0 auto 1rem}
.industry-trust-card h4{font-size:.95rem;font-weight:700;color:#e2e8f0;margin-bottom:.4rem}
.industry-trust-card p{font-size:.78rem;color:#64748b;margin:0}
.trust-metrics-row{border-top:1px solid rgba(255,255,255,0.08);padding-top:3rem;margin-top:3rem}
.trust-metric{text-align:center}
.trust-metric-num{font-size:2.2rem;font-weight:800;color:#fff;letter-spacing:-.02em}
.trust-metric-num span{color:var(--brand-orange)}
.trust-metric-label{font-size:.82rem;color:#64748b;font-weight:500;margin-top:.25rem}

.final-cta-section{background:linear-gradient(135deg,#0f172a 0%,#1a2650 100%);color:#fff;position:relative;overflow:hidden}
.final-cta-section::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 50% 50%,rgba(79,94,175,0.2) 0%,transparent 65%);pointer-events:none}
.cta-inner{position:relative;z-index:1;text-align:center;max-width:700px;margin:0 auto}
.cta-inner h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#fff;letter-spacing:-.03em;margin-bottom:1.25rem}
.cta-inner p{font-size:1.1rem;color:#94a3b8;margin-bottom:2.5rem;line-height:1.7}
.cta-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}
.btn-cta-primary{background:var(--brand-orange);color:#fff;padding:1rem 2rem;border-radius:8px;font-weight:700;font-size:1rem;border:none;display:inline-flex;align-items:center;gap:.6rem;transition:all .3s ease;box-shadow:0 10px 30px rgba(255,84,0,0.3)}
.btn-cta-primary:hover{background:#e04a00;color:#fff;transform:translateY(-2px);box-shadow:0 16px 40px rgba(255,84,0,0.4)}
.btn-cta-secondary{background:rgba(255,255,255,0.06);color:#fff;padding:1rem 2rem;border-radius:8px;font-weight:700;font-size:1rem;border:1px solid rgba(255,255,255,0.15);display:inline-flex;align-items:center;gap:.6rem;transition:all .3s ease;backdrop-filter:blur(8px)}
.btn-cta-secondary:hover{background:rgba(255,255,255,0.12);color:#fff;border-color:rgba(255,255,255,0.3);transform:translateY(-2px)}

/* Responsive tweaks */
@media (max-width:991.98px){.ceo-content-col{padding:2rem}.overview-badge{bottom:1rem;right:1rem}.overview-exp-card{left:1rem;top:1rem}.partner-logo-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:767.98px){.about-hero{min-height:auto;padding:7rem 0 3rem}.ceo-photo-wrap{min-height:300px}.ceo-photo-wrap img{min-height:300px}.partner-logo-grid{grid-template-columns:repeat(2,1fr)}}

/* Utility & page-specific helpers */
.nav-link-active{color:var(--brand-indigo);font-weight:700}
.section-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;letter-spacing:-0.02em;margin-top:.5rem;margin-bottom:1rem}
.section-title-light{color:var(--ink-dark)}
.section-title-dark{color:#fff}
.section-subtitle{max-width:48rem;margin:0 auto}
.section-subtitle-light{color:#4b5563}
.section-subtitle-dark{color:#94a3b8}
.section-badge--indigo{background:rgba(79,94,175,0.15);border-color:rgba(79,94,175,0.4);color:#9fa8da}
.section-badge--orange{background:rgba(255,84,0,0.12);border-color:rgba(255,84,0,0.3);color:#ff8040}
.pill-group{display:flex;gap:.75rem;flex-wrap:wrap}
.pill{font-size:.78rem;font-weight:600;padding:.3rem .75rem;border-radius:5px}
.pill--indigo{color:var(--brand-indigo);background:rgba(79,94,175,0.08)}
.pill--orange{color:var(--brand-orange);background:rgba(255,84,0,0.08)}
.team-photo-img{object-fit:cover;width:100%;height:100%}
.team-photo-left{object-position:left top}
.team-photo-center{object-position:50% top}
.team-photo-right{object-position:right top}
.city-dot--orange{background:var(--brand-orange)}
.city-dot--green{background:#10b981}
.section-subhead{font-size:1.5rem;font-weight:800;color:var(--ink-dark);margin-bottom:.5rem}
.section-subhead-light{color:var(--ink-dark)}
.section-paragraph{color:#6b7280;margin-bottom:2rem;font-size:.93rem;line-height:1.7}
.section-paragraph-light{color:#6b7280}
.partners-note{font-size:.85rem;color:#9ca3af;font-weight:500}
.text-accent-orange{color:var(--brand-orange)}
.badge-inline{margin-bottom:1.5rem;display:inline-block}

/* ============================================================
   VIEWPORT OPTIMISATION — 1340px display
   Targets medium-density desktop screens (e.g. 1340×768)
   ============================================================ */
@media (max-width: 1440px) and (min-width: 992px) {

  /* Hero height — about page */
  .about-hero {
    min-height: 85vh;
    padding-top: 80px;
  }

  /* Stats */
  .about-counter { font-size: 2.2rem; }
  .about-counter-suffix { font-size: 1.4rem; }
  .stat-icon-ring { width: 3.75rem; height: 3.75rem; }

  /* Philosophy cards */
  .philosophy-card { padding: 1.75rem 1.5rem; }
  .philosophy-big-letter { font-size: 4.5rem; }
  .philosophy-card h3 { font-size: 1.35rem; }
  .philosophy-icon-wrap { width: 3.25rem; height: 3.25rem; font-size: 1.2rem; margin-bottom: 1.1rem; }

  /* Vision/Mission cards */
  .vm-card { padding: 2rem 1.75rem; }
  .vm-icon { width: 3.75rem; height: 3.75rem; font-size: 1.35rem; margin-bottom: 1.1rem; }
  .vm-card h3 { font-size: 1.2rem; }

  /* CEO section */
  .ceo-content-col { padding: 2.5rem 2rem 2.5rem 1.5rem; }
  .ceo-quote { font-size: 1.1rem; }
  .ceo-quote-mark { font-size: 4.5rem; }
  .ceo-photo-wrap, .ceo-photo-wrap img { min-height: 420px; }

  /* Team cards */
  .team-photo { height: 220px; }
  .team-name { font-size: 1rem; }

  /* Why choose */
  .why-choose-card { padding: 1.65rem 1.4rem; }
  .wc-icon { width: 3rem; height: 3rem; font-size: 1.05rem; margin-bottom: 1rem; }
  .why-choose-card h4 { font-size: 0.97rem; }

  /* Trust metrics */
  .trust-metric-num { font-size: 1.85rem; }

  /* Partner grid */
  .partner-logo-cell { padding: 1.5rem 1rem; min-height: 80px; }
  .partner-logo-name { font-size: 0.95rem; }

  /* Hero stat cards */
  .hero-stat-card { padding: 1rem 1.2rem; }
  .hero-stat-num { font-size: 1.35rem; }
  .hero-stat-icon { width: 2.5rem; height: 2.5rem; font-size: 1rem; }

  /* CTA */
  .cta-inner h2 { font-size: 2.25rem; }
  .btn-cta-primary,
  .btn-cta-secondary { padding: 0.85rem 1.65rem; font-size: 0.9rem; }
}

