.cz-about{
  --orange:#f68205; --orange-dark:#d96e00;
  --blue:#02abe4; --blue-dark:#0386b3; --blue-ink:#063a4e;
  --ink:#0d2330; --slate:#5a6b75; --line:#e6edf1;
  --soft:#f4f9fc; --band:#06303f;
  --r:24px; --r-sm:14px;
  --sh-sm:0 2px 10px rgba(6,58,78,.06);
  --sh-md:0 14px 40px rgba(6,58,78,.10);
  --sh-lg:0 24px 70px rgba(6,58,78,.16);
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  color:var(--slate); line-height:1.7; font-size:16px;
}
.cz-about *{box-sizing:border-box;}
.cz-about .cz-wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.cz-about h1,.cz-about h2,.cz-about h3,.cz-about h4{font-family:'Sora',sans-serif;color:var(--ink);margin:0;}
.cz-about p{margin:0 0 16px;}
.cz-about .cz-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:'Sora',sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-dark);margin-bottom:14px;}
.cz-about .cz-sec-head{max-width:720px;margin:0 auto 44px;text-align:center;}
.cz-about .cz-sec-head h2{font-size:clamp(27px,3.4vw,40px);font-weight:800;line-height:1.15;}
.cz-about .cz-sec-head p{margin-top:14px;font-size:17px;}
.cz-about .cz-btn{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:15px;padding:14px 26px;border-radius:50px;text-decoration:none;transition:.25s;cursor:pointer;border:0;}
.cz-about .cz-btn-primary{background:var(--orange);color:#fff;box-shadow:0 10px 24px rgba(246,130,5,.32);}
.cz-about .cz-btn-primary:hover{background:var(--orange-dark);transform:translateY(-2px);box-shadow:0 16px 32px rgba(246,130,5,.4);}
.cz-about .cz-btn-ghost{background:#fff;color:var(--blue-ink);border:1.5px solid var(--line);}
.cz-about .cz-btn-ghost:hover{border-color:var(--blue);color:var(--blue-dark);}

/* ---------- HERO ---------- */
.cz-about .cz-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--soft) 0%,#fff 78%);padding:54px 0 70px;}
.cz-about .cz-hero::before{content:"";position:absolute;top:-160px;right:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(2,171,228,.14),transparent 65%);z-index:0;}
.cz-about .cz-hero .cz-wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
.cz-about .cz-crumb{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--slate);margin-bottom:20px;list-style:none;padding:0;flex-wrap:wrap;}
.cz-about .cz-crumb a{color:var(--blue-dark);text-decoration:none;}
.cz-about .cz-crumb i{font-size:10px;color:#9fb6c2;}
.cz-about .cz-hero h1{font-size:clamp(33px,4.4vw,54px);font-weight:800;line-height:1.08;letter-spacing:-.5px;margin-bottom:20px;}
.cz-about .cz-hero h1 .hl{color:var(--blue-dark);position:relative;white-space:nowrap;}
.cz-about .cz-hero h1 .hl::after{content:"";position:absolute;left:0;bottom:5px;width:100%;height:11px;background:rgba(246,130,5,.22);z-index:-1;border-radius:3px;}
.cz-about .cz-hero .cz-lead{font-size:17px;max-width:560px;margin-bottom:26px;}
.cz-about .cz-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;margin:0 0 28px;padding:0;list-style:none;max-width:540px;}
.cz-about .cz-checks li{display:flex;gap:10px;align-items:center;font-weight:600;color:var(--blue-ink);font-size:14.5px;}
.cz-about .cz-checks i{color:var(--blue);font-size:18px;}
.cz-about .cz-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}

/* hero visual */
.cz-about .cz-hero-visual{position:relative;}
.cz-about .cz-hero-photo{width:100%;height:440px;object-fit:cover;border-radius:var(--r);box-shadow:var(--sh-lg);}
.cz-about .cz-float{position:absolute;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-md);padding:14px 18px;display:flex;align-items:center;gap:12px;}
.cz-about .cz-float-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:20px;color:#fff;flex:none;}
.cz-about .cz-float .t{font-family:'Sora',sans-serif;font-weight:800;color:var(--ink);font-size:18px;line-height:1;}
.cz-about .cz-float .s{font-size:12.5px;color:var(--slate);}
.cz-about .cz-float-1{top:24px;left:-26px;}
.cz-about .cz-float-1 .cz-float-ic{background:var(--orange);}
.cz-about .cz-float-2{bottom:26px;right:-22px;}
.cz-about .cz-float-2 .cz-float-ic{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);}
.cz-about .cz-float-img{position:absolute;bottom:-26px;left:24px;width:140px;height:96px;object-fit:cover;border-radius:16px;border:4px solid #fff;box-shadow:var(--sh-md);}

/* ---------- generic section ---------- */
.cz-about .cz-sec{padding:70px 0;}
.cz-about .cz-sec.soft{background:var(--soft);}
.cz-about .cz-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);}

/* who we are + vision/mission */
.cz-about .cz-intro-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:start;}
.cz-about .cz-intro-main{padding:38px 40px;}
.cz-about .cz-intro-main h2{font-size:28px;font-weight:800;margin-bottom:18px;}
.cz-about .cz-intro-main p{font-size:15.5px;}
.cz-about .cz-side{display:flex;flex-direction:column;gap:22px;}
.cz-about .cz-mini{padding:28px 30px;border-radius:var(--r);}
.cz-about .cz-mini h3{font-family:'Sora',sans-serif;font-size:20px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:10px;}
.cz-about .cz-mini.vision{background:linear-gradient(135deg,var(--blue-ink) 0%,var(--blue-dark) 100%);color:#dcf0f8;}
.cz-about .cz-mini.vision h3{color:#fff;}
.cz-about .cz-mini.vision .ic{color:var(--blue);}
.cz-about .cz-mini.mission{background:var(--soft);border:1px solid var(--line);}
.cz-about .cz-mini.mission h3 .ic{color:var(--orange);}
.cz-about .cz-mini.mission ul{margin:0;padding-left:20px;font-size:14.5px;}
.cz-about .cz-mini.mission li{margin-bottom:9px;}
.cz-about .cz-mini.vision p{margin:0;font-size:15px;}

/* stat band */
.cz-about .cz-statband{background:linear-gradient(135deg,var(--blue-ink) 0%,var(--blue-dark) 100%);color:#fff;padding:54px 0;}
.cz-about .cz-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.cz-about .cz-stat{text-align:center;padding:26px 14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);}
.cz-about .cz-stat .n{font-family:'Sora',sans-serif;font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1;}
.cz-about .cz-stat .l{margin-top:10px;font-size:14px;color:#bfe6f3;font-weight:500;}

/* services */
.cz-about .cz-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.cz-about .cz-svc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 28px;box-shadow:var(--sh-sm);transition:.3s;display:flex;flex-direction:column;}
.cz-about .cz-svc:hover{transform:translateY(-6px);box-shadow:var(--sh-md);border-color:#cfe9f3;}
.cz-about .cz-svc-ic{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:26px;color:#fff;margin-bottom:20px;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);}
.cz-about .cz-svc:nth-child(2) .cz-svc-ic,
.cz-about .cz-svc:nth-child(5) .cz-svc-ic{background:linear-gradient(135deg,var(--orange) 0%,var(--orange-dark) 100%);}
.cz-about .cz-svc h3{font-family:'Sora',sans-serif;font-size:19px;font-weight:700;margin-bottom:12px;}
.cz-about .cz-svc p{font-size:14.5px;margin-bottom:12px;}

/* why choose */
.cz-about .cz-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.cz-about .cz-why{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 28px 28px;box-shadow:var(--sh-sm);overflow:hidden;}
.cz-about .cz-why .num{font-family:'Sora',sans-serif;font-weight:800;font-size:46px;color:#eaf5fb;line-height:1;position:absolute;top:14px;right:20px;}
.cz-about .cz-why h3{font-family:'Sora',sans-serif;font-size:18px;font-weight:700;margin-bottom:10px;position:relative;padding-top:6px;}
.cz-about .cz-why h3::before{content:"";display:block;width:34px;height:4px;border-radius:3px;background:var(--orange);margin-bottom:14px;}
.cz-about .cz-why p{font-size:14px;margin:0;}

/* industries */
.cz-about .cz-ind{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}
.cz-about .cz-ind span{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-sm);padding:13px 22px;border-radius:50px;font-weight:600;color:var(--blue-ink);font-size:15px;}
.cz-about .cz-ind i{color:var(--orange);font-size:17px;}

/* process */
.cz-about .cz-proc{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;}
.cz-about .cz-step{text-align:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:34px 22px;box-shadow:var(--sh-sm);position:relative;}
.cz-about .cz-step .ring{width:64px;height:64px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;font-size:26px;color:#fff;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);}
.cz-about .cz-step .stp{font-family:'Sora',sans-serif;font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--orange);text-transform:uppercase;}
.cz-about .cz-step h3{font-family:'Sora',sans-serif;font-size:18px;font-weight:700;margin:4px 0 10px;}
.cz-about .cz-step p{font-size:13.5px;margin:0;}

/* cta strip */
.cz-about .cz-ctawrap{padding:0 0 80px;}
.cz-about .cz-cta-strip{background:linear-gradient(100deg,var(--orange) 0%,var(--orange-dark) 100%);color:#fff;border-radius:var(--r);padding:46px 52px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 20px 50px rgba(246,130,5,.28);flex-wrap:wrap;}
.cz-about .cz-cta-strip h2{color:#fff;font-size:clamp(24px,3vw,34px);font-weight:800;margin-bottom:8px;}
.cz-about .cz-cta-strip p{color:#ffe7cf;margin:0;font-size:16px;max-width:560px;}
.cz-about .cz-cta-strip .cz-btn{background:#fff;color:var(--orange-dark);}
.cz-about .cz-cta-strip .cz-btn:hover{transform:translateY(-2px);background:#fff7f0;}
.cz-about .cz-cta-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.cz-about .cz-cta-actions a.phone{color:#fff;text-decoration:none;font-weight:700;font-size:17px;display:inline-flex;gap:9px;align-items:center;}

/* ---------- responsive ---------- */
@media (max-width:991px){
  .cz-about .cz-hero .cz-wrap{grid-template-columns:1fr;gap:60px;}
  .cz-about .cz-hero-photo{height:360px;}
  .cz-about .cz-intro-grid{grid-template-columns:1fr;}
  .cz-about .cz-stat-grid{grid-template-columns:1fr 1fr;}
  .cz-about .cz-svc-grid,.cz-about .cz-why-grid{grid-template-columns:1fr 1fr;}
  .cz-about .cz-proc{grid-template-columns:1fr 1fr;}
}
@media (max-width:600px){
  .cz-about .cz-checks{grid-template-columns:1fr;}
  .cz-about .cz-svc-grid,.cz-about .cz-why-grid,.cz-about .cz-proc,.cz-about .cz-stat-grid{grid-template-columns:1fr;}
  .cz-about .cz-float-1{left:0;}
  .cz-about .cz-float-2{right:0;}
  .cz-about .cz-intro-main{padding:28px 24px;}
  .cz-about .cz-cta-strip{padding:34px 26px;}
}