/* ═══════════════════════════════════════════════════════
   DIE EXPERT ENGINEERING — SHARED STYLESHEET
   Used across all 6 pages
═══════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700;800;900&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Rajdhani:wght@400;500;600;700&display=swap');

/* ── TOKENS ── */
:root {
  --navy:      #080f1a;
  --navy2:     #0f1b2d;
  --navy3:     #1a2a3f;
  --red:       #e31b23;
  --red2:      #ff2e3b;
  --reddark:   #b30e15;
  --white:     #ffffff;
  --off:       #f6f8fb;
  --silver:    #e8edf5;
  --gray:      #6c7d93;
  --mid:       #2b3a4a;
  --dark:      #050a12;
  --shadow:    0 12px 40px rgba(0,0,0,.06);
  --shadow-lg: 0 24px 60px rgba(0,0,0,.12);
  --ease:      .3s cubic-bezier(.25,1,.5,1);
}

/* ── RESET ── */
*,*::before,*::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:16px; }
body { font-family:'Barlow',sans-serif; color:var(--dark); background:#fff; overflow-x:hidden; }
img  { max-width:100%; height:auto; display:block; }
a    { text-decoration:none; color:inherit; }
ul   { list-style:none; }
button { font-family:inherit; cursor:pointer; border:none; background:none; }
input, select, textarea { font-family:inherit; }

/* ── CURSOR ── */
.cur-dot  { width:8px; height:8px; background:var(--red); border-radius:50%; position:fixed; pointer-events:none; z-index:99999; transform:translate(-50%,-50%); transition:width .2s,height .2s; }
.cur-ring { width:36px; height:36px; border:1.5px solid rgba(200,16,46,.4); border-radius:50%; position:fixed; pointer-events:none; z-index:99998; transform:translate(-50%,-50%); }
.cur-dot.big  { width:14px; height:14px; }
.cur-ring.big { width:52px; height:52px; border-color:rgba(200,16,46,.65); }
@media(hover:none) { .cur-dot,.cur-ring { display:none; } body { cursor:auto; } }
@media(hover:hover) { body { cursor:none; } }

/* ── TOPBAR ── */
#topbar { background:var(--navy); border-bottom:1px solid rgba(255,255,255,.04); padding:9px 0; font-size:12.5px; color:#4a6888; }
.tb-wrap { max-width:1340px; margin:0 auto; padding:0 clamp(16px,4vw,44px); display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.tb-left  { display:flex; gap:18px; align-items:center; flex-wrap:wrap; }
.tb-right { display:flex; gap:12px; align-items:center; }
.tb-left a, .tb-right a { color:#fff; transition:color var(--ease); }
.tb-left a:hover, .tb-right a:hover { color:var(--red2); }
.tb-left span{ color:#fff; }
.tb-right span{ color:#fff; }
.tb-sep   { color:#fff; }
.tb-socials { display:flex; gap:5px; }
.tb-socials a { width:26px; height:26px; border:1px solid #1a2e44; display:flex; align-items:center; justify-content:center; font-size:11px; color:#4a6888; transition:var(--ease); border-radius:2px; }
.tb-socials a:hover { background:var(--red); border-color:var(--red); color:#fff; transform:translateY(-2px); }
@media(max-width:768px) { #topbar { display:none; } }

/* ── NAVBAR ── */
#navbar { position:sticky; top:0; z-index:1000; background:rgba(255,255,255,.94); backdrop-filter:blur(20px); border-bottom:1px solid rgba(0,0,0,.06); box-shadow:0 8px 30px rgba(0,0,0,.03); transition:all var(--ease); }
#navbar.scrolled { background:#fff; box-shadow:0 12px 40px rgba(0,0,0,.08); border-bottom-color:transparent; }
.nav-inner { max-width:1340px; margin:0 auto; padding:0 clamp(16px,4vw,44px); display:flex; align-items:center; gap:6px; height:80px; transition:height var(--ease); }
#navbar.scrolled .nav-inner { height:70px; }
/* Logo */
.logo { display:flex; align-items:center; gap:12px; height:100%; margin-right:auto; flex-shrink:0; }
.logo-mark { width:42px; height:42px; flex-shrink:0; transition:transform var(--ease); }
.logo:hover .logo-mark { transform:rotate(-6deg) scale(1.04); }
.logo-txt { display:flex; flex-direction:column; line-height:1; }
.logo-pvt  { font-family:'Barlow Condensed',sans-serif; font-size:9px; letter-spacing:2.5px; color:var(--gray); font-weight:600; text-transform:uppercase; }
.logo-name { font-family:'Barlow Condensed',sans-serif; font-size:22px; font-weight:900; color:var(--navy); letter-spacing:.3px; margin:1px 0; }
.logo-name em { color:var(--red); font-style:normal; }
.logo-tag  { font-family:'Rajdhani',sans-serif; font-size:8px; font-weight:600; letter-spacing:1.8px; color:var(--gray); text-transform:uppercase; padding-top:2px; border-top:1px solid var(--silver); }
/* Nav links */
.nav-links { display:flex; align-items:center; height:100%; }
.nav-links a { display:flex; align-items:center; height:100%; padding:0 16px; font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700; letter-spacing:1.5px; color:var(--navy); text-transform:uppercase; position:relative; transition:color var(--ease); white-space:nowrap; }
.nav-links a::after { content:''; position:absolute; bottom:0; left:50%; right:50%; height:3px; background:var(--red); transition:var(--ease); }
.nav-links a:hover, .nav-links a.active { color:var(--red); }
.nav-links a:hover::after, .nav-links a.active::after { left:16px; right:16px; }
.nav-cta { background:var(--red); color:#fff !important; font-family:'Barlow Condensed',sans-serif; font-size:12.5px; font-weight:800; letter-spacing:1.8px; text-transform:uppercase; padding:11px 22px; border:2px solid var(--red); margin-left:12px; transition:var(--ease); white-space:nowrap; flex-shrink:0; display:block; border-radius:2px; }
.nav-cta:hover { background:transparent !important; color:var(--red) !important; transform:translateY(-1px); box-shadow:0 6px 16px rgba(227,27,35,.15); }
/* Hamburger */
.ham { display:none; flex-direction:column; gap:5px; padding:10px; cursor:pointer; margin-left:6px; border-radius:4px; transition:var(--ease); }
.ham:hover { background:rgba(0,0,0,.03); }
.ham span { display:block; width:22px; height:2px; background:var(--navy); border-radius:2px; transition:.3s var(--ease); }
.ham.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); background:var(--red); }
.ham.open span:nth-child(2) { opacity:0; transform:scaleX(0); }
.ham.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); background:var(--red); }
/* Mobile drawer */
.mob-menu { display:none; position:fixed; inset:0; z-index:999; }
.mob-menu.open { display:block; }
.mob-overlay { position:absolute; inset:0; background:rgba(5,10,18,.6); backdrop-filter:blur(6px); animation:fadeIn .3s; }
.mob-drawer { position:absolute; top:0; right:0; bottom:0; width:min(320px,85vw); background:#fff; box-shadow:-20px 0 60px rgba(0,0,0,.15); display:flex; flex-direction:column; animation:slideLeft .35s cubic-bezier(.25,1,.5,1); overflow-y:auto; }
.mob-head { padding:20px 24px; border-bottom:1px solid rgba(0,0,0,.06); background:var(--navy); display:flex; justify-content:space-between; align-items:center; }
.mob-brand { font-family:'Barlow Condensed',sans-serif; font-size:20px; font-weight:900; color:#fff; letter-spacing:.5px; }
.mob-brand em { color:var(--red); font-style:normal; }
.mob-close { width:36px; height:36px; border:1px solid rgba(255,255,255,.15); display:flex; align-items:center; justify-content:center; font-size:18px; color:#fff; cursor:pointer; transition:var(--ease); background:none; border-radius:2px; }
.mob-close:hover { background:var(--red); border-color:var(--red); }
.mob-nav { padding:16px 0; flex:1; }
.mob-nav a { display:flex; align-items:center; gap:10px; padding:14px 24px; font-family:'Barlow Condensed',sans-serif; font-size:17px; font-weight:700; color:var(--navy); text-transform:uppercase; letter-spacing:1.5px; border-bottom:1px solid #f6f8fb; transition:var(--ease); }
.mob-nav a::before { content:'▸'; color:var(--red); font-size:11px; flex-shrink:0; transition:transform var(--ease); }
.mob-nav a:hover, .mob-nav a.active { color:var(--red); background:var(--off); padding-left:30px; }
.mob-nav a:hover::before { transform:translateX(4px); }
.mob-cta { padding:18px 24px; border-top:1px solid var(--silver); }
.mob-cta a { display:block; background:var(--red); color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:15px; font-weight:800; letter-spacing:1.8px; text-align:center; padding:14px; text-transform:uppercase; transition:var(--ease); border-radius:2px; }
.mob-cta a:hover { background:var(--reddark); box-shadow:0 8px 20px rgba(227,27,35,.2); }
.mob-contacts { padding:14px 24px 24px; display:flex; flex-direction:column; gap:12px; }
.mob-contacts a { display:flex; align-items:center; gap:8px; font-size:13.5px; color:var(--mid); font-weight:500; }
.mob-contacts a:hover { color:var(--red); }

/* ── FOOTER ── */
footer { background:var(--navy); position:relative; }
footer::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--red),var(--reddark),var(--red)); }
.foot-inner { padding:clamp(52px,6vw,80px) 0 0; }
.foot-grid { display:grid; grid-template-columns:1.6fr 1fr 1fr 1.3fr; gap:clamp(28px,4vw,56px); padding-bottom:clamp(36px,5vw,60px); }
.foot-logo { font-family:'Barlow Condensed',sans-serif; font-size:24px; font-weight:900; color:#fff; display:block; margin-bottom:14px; }
.foot-logo em { color:var(--red); font-style:normal; }
.foot-desc { font-size:14px; color:#fff; line-height:1.8; max-width:280px; }
.foot-tagline { font-family:'Rajdhani',sans-serif; font-size:10.5px; letter-spacing:2.5px; color:#fff; text-transform:uppercase; margin-top:16px; padding-top:14px; border-top:1px solid rgba(255,255,255,.05); }
.foot-h { font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700; letter-spacing:2.5px; color:#fff; text-transform:uppercase; margin-bottom:18px; position:relative; padding-bottom:10px; }
.foot-h::after { content:''; position:absolute; bottom:0; left:0; width:22px; height:2px; background:var(--red); }
.foot-links { display:flex; flex-direction:column; gap:9px; }
.foot-links a { font-size:14px; color:#fff; transition:var(--ease); display:flex; align-items:center; gap:6px; }
.foot-links a::before { content:'▸'; color:var(--red); font-size:11px; transition:transform .2s; }
.foot-links a:hover { color:var(--red); padding-left:4px; }
.foot-links a:hover::before { transform:translateX(3px); }
.foot-contacts { display:flex; flex-direction:column; gap:13px; }
.foot-contacts li { display:flex; align-items:flex-start; gap:10px; font-size:13.5px; color:#fff; line-height:1.62; }
.foot-contacts .ico { font-size:14px; flex-shrink:0; margin-top:2px; }
.foot-bottom { border-top:1px solid rgba(255,255,255,.05); padding:20px 0; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; }
.foot-copy   { font-size:13px; color:#fff; }
.foot-gstin  { font-family:'Rajdhani',sans-serif; font-size:11px; letter-spacing:2px; color:#fff; text-transform:uppercase; }
.foot-soc    { display:flex; gap:7px; }
.foot-soc a  { width:32px; height:32px; border:1px solid #1a2e44; display:flex; align-items:center; justify-content:center; font-size:13px; color:#1a2e44; transition:var(--ease); }
.foot-soc a:hover { background:var(--red); border-color:var(--red); color:#fff; transform:translateY(-3px); }
@media(max-width:1000px) { .foot-grid { grid-template-columns:1fr 1fr; gap:28px; } }
@media(max-width:600px)  { .foot-grid { grid-template-columns:1fr; } }

/* ── FLOATING ELEMENTS ── */
.wa-btn { position:fixed; bottom:clamp(20px,3vw,30px); right:clamp(20px,3vw,30px); width:56px; height:56px; background:#25D366; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:26px; box-shadow:0 6px 28px rgba(37,211,102,.4); z-index:8999; transition:var(--ease); text-decoration:none; }
.wa-btn:hover { transform:scale(1.12) translateY(-3px); box-shadow:0 12px 40px rgba(37,211,102,.5); }
.wa-tip { position:absolute; right:calc(100% + 10px); top:50%; transform:translateY(-50%); background:var(--navy); color:#fff; font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700; white-space:nowrap; padding:8px 14px; opacity:0; pointer-events:none; transition:var(--ease); }
.wa-btn:hover .wa-tip { opacity:1; }
.stt-btn { position:fixed; bottom:clamp(84px,10vw,100px); right:clamp(20px,3vw,30px); width:44px; height:44px; background:var(--navy2); border:1.5px solid rgba(255,255,255,.1); color:#fff; font-size:18px; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:8998; opacity:0; transform:translateY(12px); transition:var(--ease); border-radius:2px; }
.stt-btn.show { opacity:1; transform:none; }
.stt-btn:hover { background:var(--red); border-color:var(--red); }

/* ── UTILITIES ── */
.wrap { max-width:1340px; margin:0 auto; padding:0 clamp(16px,4vw,44px); }
.section  { padding:clamp(60px,8vw,110px) 0; }
.section-sm { padding:clamp(40px,5vw,70px) 0; }
.label { display:inline-flex; align-items:center; gap:10px; font-family:'Rajdhani',sans-serif; font-size:11.5px; font-weight:700; letter-spacing:3.5px; color:var(--red); text-transform:uppercase; margin-bottom:10px; }
.label::before { content:''; width:24px; height:2px; background:var(--red); flex-shrink:0; }
.label-c { justify-content:center; }
.heading { font-family:'Barlow Condensed',sans-serif; font-size:clamp(28px,4.5vw,56px); font-weight:900; color:var(--navy); text-transform:uppercase; line-height:1; margin-bottom:16px; }
.heading em { color:var(--red); font-style:normal; }
.heading-w { color:#fff; }
.body-text { font-size:clamp(14.5px,1.6vw,16.5px); line-height:1.8; color:var(--mid); max-width:580px; }
.tc { text-align:center; }
.tc .body-text { margin:0 auto; }
/* Reveal */
.rv { opacity:0; transform:translateY(28px); transition:.75s cubic-bezier(.23,1,.32,1); }
.rv.vis { opacity:1; transform:none; }
.rl { transform:translateX(-28px); }
.rr { transform:translateX(28px); }
.rl.vis,.rr.vis { transform:none; }
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}.d5{transition-delay:.5s}.d6{transition-delay:.6s}
/* Buttons */
.btn { display:inline-flex; align-items:center; gap:8px; font-family:'Barlow Condensed',sans-serif; font-size:13.5px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; padding:13px 26px; border:2px solid transparent; transition:var(--ease); cursor:pointer; white-space:nowrap; }
.btn svg { width:16px; height:16px; flex-shrink:0; }
.btn-red    { background:var(--red);  color:#fff; border-color:var(--red);   }
.btn-red:hover    { background:var(--reddark); border-color:var(--reddark); transform:translateY(-2px); box-shadow:0 8px 28px rgba(200,16,46,.32); }
.btn-navy   { background:var(--navy); color:#fff; border-color:var(--navy);  }
.btn-navy:hover   { background:var(--navy2); border-color:var(--navy2); transform:translateY(-2px); }
.btn-outline { background:transparent; color:var(--navy); border-color:var(--navy); }
.btn-outline:hover { background:var(--navy); color:#fff; }
.btn-wh  { background:#fff; color:var(--navy); border-color:#fff; }
.btn-wh:hover  { background:transparent; color:#fff; }
.btn-owh { background:transparent; color:#fff; border-color:rgba(255,255,255,.45); }
.btn-owh:hover { background:rgba(255,255,255,.1); border-color:#fff; }
.btn-lg { padding:15px 32px; font-size:14px; }
/* Page Banner */
.pgbanner { background:var(--navy); padding:clamp(60px,8vw,92px) 0; position:relative; overflow:hidden; }
.pgbanner-bg { position:absolute; inset:0; background-size:cover; background-position:center; opacity:.12; }
.pgbanner-ov { position:absolute; inset:0; background:linear-gradient(135deg,rgba(9,21,37,.97) 30%,rgba(23,45,82,.78)); }
.pgbanner .wrap { position:relative; z-index:2; }
.pgbanner-tag { font-family:'Rajdhani',sans-serif; font-size:11.5px; font-weight:700; letter-spacing:3.5px; color:var(--red); text-transform:uppercase; margin-bottom:12px; display:flex; align-items:center; gap:8px; }
.pgbanner-tag::before { content:''; width:20px; height:2px; background:var(--red); }
.pgbanner-h1 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(38px,6vw,76px); font-weight:900; color:#fff; text-transform:uppercase; line-height:1; margin-bottom:18px; }
.pgbanner-h1 em { color:var(--red); font-style:normal; }
.breadcrumb { display:flex; align-items:center; gap:8px; font-size:13px; color:#2a4260; flex-wrap:wrap; }
.breadcrumb a { color:#fff; transition:color var(--ease); }
.breadcrumb a:hover { color:var(--red); }
.breadcrumb .sep { color:var(--red); }
.pgbanner::after { content:''; position:absolute; right:-60px; top:-60px; width:320px; height:320px; border:60px solid rgba(200,16,46,.05); border-radius:50%; pointer-events:none; }
/* CTA Band */
.ctaband { background:var(--red); padding:clamp(52px,6vw,80px) 0; position:relative; overflow:hidden; }
.ctaband::before { content:''; position:absolute; inset:0; background:url('https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?w=1400&q=50') center/cover; opacity:.05; }
.ctaband::after  { content:''; position:absolute; right:-80px; top:-80px; width:400px; height:400px; border:80px solid rgba(255,255,255,.04); border-radius:50%; pointer-events:none; }
.ctaband-inner { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; }
.ctaband-text h2 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(26px,4vw,52px); font-weight:900; color:#fff; text-transform:uppercase; line-height:1; }
.ctaband-text p  { font-size:15.5px; color:rgba(255,255,255,.72); margin-top:10px; }
.ctaband-btns { display:flex; gap:12px; flex-wrap:wrap; flex-shrink:0; }
/* Process */
.proc-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:0; position:relative; margin-top:60px; }
.proc-grid::before { content:''; position:absolute; top:43px; left:9%; right:9%; height:2px; background:linear-gradient(to right,var(--red),var(--navy)); z-index:0; }
.proc-step { display:flex; flex-direction:column; align-items:center; text-align:center; padding:0 12px; z-index:1; }
.proc-circle { width:86px; height:86px; background:#fff; border:3px solid var(--silver); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:30px; margin-bottom:20px; transition:.3s; box-shadow:0 6px 24px rgba(0,0,0,.07); }
.proc-step:hover .proc-circle { background:var(--red); border-color:var(--red); transform:scale(1.1); box-shadow:0 14px 36px rgba(200,16,46,.28); }
.proc-n { font-family:'Rajdhani',sans-serif; font-size:11px; font-weight:700; color:var(--red); letter-spacing:2.5px; text-transform:uppercase; margin-bottom:7px; }
.proc-t { font-family:'Barlow Condensed',sans-serif; font-size:15px; font-weight:800; color:var(--navy); text-transform:uppercase; margin-bottom:6px; }
.proc-d { font-size:13px; color:var(--mid); line-height:1.55; }
/* Why items */
.whybg { background:var(--navy); position:relative; overflow:hidden; }
.whybg-tex { position:absolute; inset:0; background:url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?w=1400&q=40') center/cover; opacity:.04; }
.whybg-pat { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px); background-size:44px 44px; }
.whyinner { position:relative; z-index:2; }
.why2col { display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,6vw,90px); align-items:center; }
.why-list { display:flex; flex-direction:column; margin-top:32px; }
.why-item { padding:20px 0; border-bottom:1px solid rgba(255,255,255,.05); display:flex; align-items:flex-start; gap:16px; transition:.24s; }
.why-item:first-child { border-top:1px solid rgba(255,255,255,.05); }
.why-item:hover { padding-left:8px; }
.why-icon { width:42px; height:42px; background:rgba(200,16,46,.1); border:1px solid rgba(200,16,46,.22); display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; transition:.28s; }
.why-item:hover .why-icon { background:rgba(200,16,46,.22); border-color:rgba(200,16,46,.5); }
.why-t { font-family:'Barlow Condensed',sans-serif; font-size:16px; font-weight:800; color:#fff; text-transform:uppercase; }
.why-d { font-size:13px; color:#5a7898; margin-top:3px; line-height:1.55; }
.stats4 { display:grid; grid-template-columns:1fr 1fr; gap:2px; background:rgba(255,255,255,.04); }
.stat-box { background:rgba(9,21,37,.6); padding:clamp(26px,3.5vw,44px) clamp(18px,2.5vw,30px); text-align:center; border:1px solid rgba(255,255,255,.04); transition:.32s; }
.stat-box:hover { background:rgba(200,16,46,.12); border-color:rgba(200,16,46,.25); }
.stat-n { font-family:'Barlow Condensed',sans-serif; font-size:clamp(38px,5vw,60px); font-weight:900; color:var(--red); line-height:1; }
.stat-l { font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700; color:#fff; text-transform:uppercase; letter-spacing:.8px; margin-top:7px; }
.stat-s { font-size:11.5px; color:#5a7898; margin-top:4px; }
/* Testimonials */
.testi-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:50px; }
.tcard { background:var(--off); border:1.5px solid var(--silver); padding:clamp(22px,3vw,36px) clamp(18px,2.5vw,30px); position:relative; transition:var(--ease); }
.tcard::before { content:'\201C'; font-family:'Barlow Condensed',sans-serif; font-size:110px; color:rgba(200,16,46,.07); position:absolute; top:0; left:14px; line-height:1.1; pointer-events:none; }
.tcard:hover { border-color:var(--red); transform:translateY(-6px); box-shadow:var(--shadow-lg); }
.tcard-stars { color:var(--red); font-size:13px; letter-spacing:4px; margin-bottom:13px; }
.tcard-txt { font-size:14.5px; color:var(--mid); line-height:1.82; position:relative; z-index:1; }
.tcard-auth { display:flex; align-items:center; gap:12px; margin-top:20px; padding-top:16px; border-top:1px solid var(--silver); }
.tcard-ava  { width:42px; height:42px; border-radius:50%; background:var(--navy); display:flex; align-items:center; justify-content:center; font-family:'Barlow Condensed',sans-serif; font-size:15px; font-weight:900; color:#fff; flex-shrink:0; }
.tcard-name { font-family:'Barlow Condensed',sans-serif; font-size:15px; font-weight:800; color:var(--navy); text-transform:uppercase; }
.tcard-role { font-size:12px; color:var(--gray); margin-top:1px; }

/* ── RESPONSIVE BREAKPOINTS ── */
@media(max-width:960px) {
  .nav-links,.nav-cta { display:none; }
  .ham { display:flex; }
}
@media(max-width:900px) {
  .why2col { grid-template-columns:1fr; }
  .testi-grid { grid-template-columns:1fr; }
}
@media(max-width:700px) {
  .testi-grid { grid-template-columns:1fr 1fr; }
}
@media(max-width:500px) {
  .testi-grid { grid-template-columns:1fr; }
  .proc-grid { grid-template-columns:1fr 1fr; gap:28px; }
  .proc-grid::before { display:none; }
}

/* Animations */
@keyframes fadeUp   { from{opacity:0;transform:translateY(32px)} to{opacity:1;transform:none} }
@keyframes slideLeft{ from{transform:translateX(100%)} to{transform:translateX(0)} }
@keyframes fadeIn   { from{opacity:0} to{opacity:1} }