/* =========================================================================
   CSD About — Bilingual, site-color scoped theme (external, cache-friendly)
   Loaded conditionally via functions.php -> csd_enqueue_about_assets()
   All rules scoped under #csd-about to avoid theme conflicts.
   ========================================================================= */

#csd-about{
  --navy:#003366; --navy-d:#002244; --ink:#0f172a; --muted:#5b6474;
  --accent:#E0A012; --accent-d:#C1860C; --blue:#2f6bff; --green:#22c55e;
  --bg:#f6f8fa; --surface:#ffffff; --line:#e8ecf7; --footer:#10192b;
  --radius:16px; --shadow:0 10px 30px rgba(15,23,42,.08);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,"Noto Sans Bengali",sans-serif;
  color:var(--ink); background:var(--bg); line-height:1.75; font-size:16px;
  position:relative;
}
#csd-about *{ box-sizing:border-box; }
#csd-about .container{ width:min(1160px,92vw); margin:0 auto; }
#csd-about section{ padding-block:clamp(40px,6vw,88px); }
#csd-about h1,#csd-about h2,#csd-about h3,#csd-about h4{ color:var(--navy); margin:0 0 12px; line-height:1.25; }
#csd-about h2{ font-size:clamp(24px,3.2vw,34px); font-weight:800; }
#csd-about h3{ font-size:clamp(18px,2.2vw,22px); font-weight:800; }
#csd-about h4{ font-size:1.05rem; font-weight:800; }
#csd-about p{ margin:0 0 14px; color:#334155; }
#csd-about a{ color:var(--blue); text-decoration:none; }
#csd-about a:hover{ text-decoration:underline; }
#csd-about .center{ text-align:center; }
#csd-about .sub{ color:var(--muted); max-width:820px; margin:0 auto 8px; }
#csd-about .lead{ font-size:1.06rem; color:#475569; max-width:900px; }

/* ===== Language toggle ===== */
#csd-about .lang{ display:none; }
#csd-about.is-bn .lang.bn{ display:revert; }
#csd-about.is-en .lang.en{ display:revert; }
.csd-langbar{ position:absolute; top:0; left:0; right:0; z-index:60; background:transparent;
  border:0; backdrop-filter:none; }
.csd-langbar .container{ width:min(1160px,92vw); margin:0 auto; display:flex; justify-content:flex-end; align-items:center; padding:14px 0; }
.csd-lang-toggle{ display:inline-flex; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.35);
  border-radius:999px; padding:4px; gap:4px; backdrop-filter:blur(6px); }
.csd-lang-toggle button{ border:0; cursor:pointer; font-weight:700; font-size:.95rem;
  padding:7px 18px; border-radius:999px; background:transparent; color:#fff;
  transition:all .2s ease; font-family:inherit; }
.csd-lang-toggle button.active{ background:#fff; color:#003366; box-shadow:0 4px 12px rgba(0,0,0,.18); }

/* ===== Buttons ===== */
#csd-about .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px;
  height:52px; padding:0 26px; border-radius:12px; font-weight:800; white-space:nowrap;
  border:1px solid transparent; cursor:pointer; transition:transform .15s ease, box-shadow .15s ease; }
#csd-about .btn:hover{ text-decoration:none; }
#csd-about .btn-primary{ background:var(--accent); color:#0B2A4A; box-shadow:0 10px 24px rgba(224,160,18,.30); }
#csd-about .btn-primary:hover{ transform:translateY(-2px); background:var(--accent-d); }
#csd-about .btn-ghost{ background:transparent; color:#fff; border-color:rgba(255,255,255,.7); }
#csd-about .btn-ghost:hover{ background:rgba(255,255,255,.12); }
#csd-about .btn-navy{ background:var(--navy); color:#fff; }
#csd-about .btn-navy:hover{ transform:translateY(-2px); background:var(--navy-d); }

/* ===== HERO ===== */
#csd-about .hero{ position:relative; color:#fff; padding:clamp(64px,7vw,92px) 0 clamp(44px,6vw,84px);
  background:linear-gradient(115deg, rgba(0,51,102,.92) 45%, rgba(224,160,18,.85) 100%), var(--hero-img) center/cover no-repeat; }
#csd-about .hero .container{ max-width:min(1160px,92vw); }
#csd-about .hero .badge{ display:inline-block; background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.3); padding:6px 14px; border-radius:999px; font-weight:600; font-size:.9rem; }
#csd-about .hero h1{ color:#fff; font-size:clamp(30px,5vw,52px); font-weight:900; max-width:18ch; margin:14px 0 10px; }
#csd-about .hero h1 .accent{ color:#FFD37A; }
#csd-about .hero p{ color:#eaf0ff; font-size:1.15rem; max-width:56ch; }
#csd-about .hero .cta{ display:flex; gap:16px; flex-wrap:wrap; margin-top:24px; }
#csd-about .intro-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:48px; }
#csd-about .intro-card{ position:relative; border-radius:16px; overflow:hidden; box-shadow:var(--shadow); }
#csd-about .intro-card img{ width:100%; height:clamp(240px,22vw,300px); object-fit:cover; display:block; }
#csd-about .intro-card .cap{ position:absolute; left:10px; right:10px; bottom:10px;
  background:rgba(0,51,102,.78); color:#fff; padding:8px 12px; border-radius:10px; font-weight:700; font-size:.95rem; }
@media(max-width:800px){ #csd-about .intro-grid{ grid-template-columns:1fr; } }

/* ===== STATS ===== */
#csd-about .stats{ margin-top:-46px; position:relative; z-index:2; }
#csd-about .stats-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:16px; }
#csd-about .stat{ background:#fff; border:1px solid var(--line); border-radius:14px; padding:22px 14px;
  text-align:center; box-shadow:0 14px 28px rgba(0,51,102,.10); }
#csd-about .stat .num{ font-size:1.9rem; font-weight:900; color:var(--navy); }
#csd-about .stat .lbl{ color:#475569; font-weight:600; margin-top:4px; font-size:.9rem; }
@media(max-width:900px){ #csd-about .stats-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:520px){ #csd-about .stats-grid{ grid-template-columns:1fr; } }

/* ===== SPLIT (Who we are) ===== */
#csd-about .split{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,4vw,48px); align-items:center; }
#csd-about .split .media img{ width:100%; border-radius:18px; box-shadow:var(--shadow); display:block; }
@media(max-width:900px){ #csd-about .split{ grid-template-columns:1fr; } }
#csd-about .glance{ background:#fff; border:1px dashed var(--navy); border-radius:14px; padding:18px 20px; margin-top:16px; }
#csd-about .glance h4{ color:var(--navy); margin-bottom:10px; }
#csd-about .glance ul{ margin:0; padding:0; }
#csd-about .glance li{ list-style:none; margin:8px 0; padding-left:26px; position:relative; }
#csd-about .glance li::before{ content:"\2022"; color:var(--accent); position:absolute; left:8px; font-weight:900; }

/* ===== TIMELINE ===== */
#csd-about .timeline{ display:flex; gap:8px; overflow-x:auto; padding-bottom:8px; margin-top:24px; }
#csd-about .tl-item{ flex:1 0 150px; text-align:center; position:relative; padding-top:26px; }
#csd-about .tl-item::before{ content:""; position:absolute; top:8px; left:0; right:0; height:3px; background:var(--line); }
#csd-about .tl-item::after{ content:""; position:absolute; top:2px; left:50%; transform:translateX(-50%);
  width:14px; height:14px; border-radius:50%; background:var(--navy); border:3px solid #fff; box-shadow:0 0 0 2px var(--navy); }
#csd-about .tl-item .yr{ font-weight:900; color:var(--accent); }

/* ===== CARD GRIDS ===== */
#csd-about .grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:20px; }
#csd-about .grid-2{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:20px; }
@media(max-width:900px){ #csd-about .grid-3{ grid-template-columns:1fr; } #csd-about .grid-2{ grid-template-columns:1fr; } }
#csd-about .card{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:24px; box-shadow:var(--shadow);
  transition:transform .2s ease, box-shadow .2s ease; }
#csd-about .card:hover{ transform:translateY(-4px); box-shadow:0 16px 34px rgba(15,23,42,.12); }
#csd-about .card p{ margin:0; }
#csd-about .ico{ width:52px; height:52px; border-radius:14px; display:grid; place-items:center;
  background:rgba(47,107,255,.10); color:var(--navy); font-size:26px; margin-bottom:12px; }

/* ===== WHY CHOOSE (green checks) ===== */
#csd-about .why{ list-style:none; padding:0; }
#csd-about .why li{ list-style:none; display:flex; gap:12px; align-items:flex-start; margin:0 0 14px; }
#csd-about .why .tick{ flex:0 0 24px; width:24px; height:24px; border-radius:50%; background:var(--green);
  color:#fff; display:grid; place-items:center; font-size:14px; font-weight:900; margin-top:2px; }
#csd-about .why b{ color:var(--navy); }
#csd-about .why .d{ color:#475569; font-weight:400; }

/* ===== INDUSTRIES ===== */
#csd-about .ind-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-top:20px; }
@media(max-width:1000px){ #csd-about .ind-grid{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:560px){ #csd-about .ind-grid{ grid-template-columns:repeat(2,1fr); } }
#csd-about .ind{ background:#fff; border:1px solid var(--line); border-radius:14px; padding:18px 12px; text-align:center;
  box-shadow:0 2px 12px rgba(0,51,102,.05); transition:transform .2s ease, box-shadow .2s ease; }
#csd-about .ind:hover{ transform:translateY(-4px); box-shadow:0 12px 26px rgba(0,51,102,.12); }
#csd-about .ind .em{ font-size:28px; }
#csd-about .ind .t{ display:block; margin-top:8px; font-weight:700; color:var(--navy); font-size:.95rem; }

/* ===== DETAILED SERVICE CARDS ===== */
#csd-about .svc2-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:20px; }
@media(max-width:820px){ #csd-about .svc2-grid{ grid-template-columns:1fr; } }
#csd-about .svc2{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:22px 24px; box-shadow:var(--shadow);
  transition:transform .2s ease, box-shadow .2s ease; }
#csd-about .svc2:hover{ transform:translateY(-4px); box-shadow:0 16px 34px rgba(15,23,42,.12); }
#csd-about .svc2 .head{ display:flex; align-items:center; gap:12px; margin-bottom:8px; }
#csd-about .svc2 .em{ font-size:26px; width:46px; height:46px; border-radius:12px; display:grid; place-items:center;
  background:linear-gradient(135deg,var(--navy),var(--blue)); color:#fff; flex:0 0 46px; }
#csd-about .svc2 h4{ margin:0; }
#csd-about .svc2 p{ margin:0 0 10px; color:#475569; font-size:.97rem; }
#csd-about .svc2 a.more{ color:var(--accent); font-weight:700; font-size:.9rem; }

/* ===== COMPACT SERVICE CHIPS (mockup grid) ===== */
#csd-about .svc-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:20px; }
@media(max-width:1000px){ #csd-about .svc-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ #csd-about .svc-grid{ grid-template-columns:1fr; } }
#csd-about .svc{ background:#fff; border:1px solid var(--line); border-radius:14px; padding:20px; text-align:center;
  box-shadow:0 2px 12px rgba(0,51,102,.05); transition:transform .2s ease, box-shadow .2s ease; }
#csd-about .svc:hover{ transform:translateY(-6px); box-shadow:0 12px 30px rgba(0,51,102,.14); }
#csd-about .svc .em{ font-size:32px; }
#csd-about .svc h4{ font-size:1.02rem; margin:10px 0 6px; }

/* ===== FEATURE LISTS (tech / standards / QA / sustainability / client-first) ===== */
#csd-about .flist{ list-style:none; margin:0; padding:0; }
#csd-about .flist li{ position:relative; padding:8px 0 8px 30px; color:#334155; border-bottom:1px dashed var(--line); }
#csd-about .flist li:last-child{ border-bottom:0; }
#csd-about .flist li::before{ content:"\2713"; position:absolute; left:4px; top:8px; color:var(--green); font-weight:900; }
#csd-about .flist b{ color:var(--navy); }

/* ===== WORK PROCESS ===== */
#csd-about .steps{ display:grid; grid-template-columns:repeat(6,1fr); gap:14px; margin-top:20px; }
@media(max-width:1000px){ #csd-about .steps{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:560px){ #csd-about .steps{ grid-template-columns:repeat(2,1fr); } }
#csd-about .step{ background:#fff; border:1px solid var(--line); border-radius:14px; padding:18px 12px; text-align:center; box-shadow:var(--shadow); }
#csd-about .step .n{ width:38px; height:38px; margin:0 auto 8px; border-radius:50%; background:var(--navy); color:#fff;
  display:grid; place-items:center; font-weight:900; }
#csd-about .step b{ color:var(--navy); display:block; margin-bottom:4px; }
#csd-about .step .d{ font-size:.86rem; color:#64748b; }

/* ===== MANAGEMENT ===== */
#csd-about .md-card{ display:flex; gap:20px; align-items:center; background:#fff; border:1px solid var(--line);
  border-left:5px solid var(--accent); border-radius:16px; padding:24px; box-shadow:var(--shadow); margin-top:18px; }
#csd-about .md-card .avatar{ flex:0 0 84px; width:84px; height:84px; border-radius:50%;
  background:linear-gradient(135deg,var(--navy),var(--blue)); color:#fff; display:grid; place-items:center; font-size:34px; }
#csd-about .md-card .name{ font-weight:900; color:var(--navy); font-size:1.15rem; }
#csd-about .md-card .role{ color:var(--accent); font-weight:700; }
#csd-about .md-card .cred{ color:#64748b; font-size:.92rem; }
@media(max-width:560px){ #csd-about .md-card{ flex-direction:column; text-align:center; } }

/* ===== CLIENTS ===== */
#csd-about .clients{ display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:14px; margin-top:20px; }
#csd-about .client{ background:#fff; border:1px solid var(--line); border-radius:12px; padding:18px 10px; text-align:center;
  font-weight:700; color:var(--navy); box-shadow:0 4px 10px rgba(15,23,42,.04); transition:transform .2s ease; }
#csd-about .client:hover{ transform:translateY(-3px); }

/* ===== FAQ ===== */
#csd-about .faq{ max-width:900px; margin:20px auto 0; }
#csd-about .qa{ background:#fff; border:1px solid var(--line); border-radius:12px; margin-bottom:12px; overflow:hidden; }
#csd-about .qa button{ width:100%; text-align:left; background:none; border:0; cursor:pointer; font-family:inherit;
  font-weight:700; color:var(--navy); font-size:1.02rem; padding:18px 20px; display:flex; justify-content:space-between; gap:12px; align-items:center; }
#csd-about .qa .sign{ color:var(--accent); font-size:1.4rem; line-height:1; flex:0 0 auto; transition:transform .2s ease; }
#csd-about .qa .ans{ max-height:0; overflow:hidden; transition:max-height .35s ease; padding:0 20px; }
#csd-about .qa .ans p{ margin:0 0 16px; color:#475569; }
#csd-about .qa.open .ans{ max-height:600px; }
#csd-about .qa.open .sign{ transform:rotate(45deg); }

/* ===== CTA BAND ===== */
#csd-about .cta-band{ background:linear-gradient(135deg,var(--navy),var(--blue)); color:#fff; border-radius:20px;
  padding:clamp(28px,5vw,48px); text-align:center; box-shadow:0 24px 60px rgba(0,51,102,.28); }
#csd-about .cta-band h2{ color:#fff; }
#csd-about .cta-band p{ color:#dbe6ff; }
#csd-about .cta-band .row{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:18px; }

/* ===== Reveal ===== */
#csd-about .reveal{ opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease; }
#csd-about .reveal.in{ opacity:1; transform:none; }

/* ===== Inline-edit (admin) ===== */
#csd-about.csd-editing [data-key]{ outline:1px dashed rgba(224,160,18,.6); outline-offset:2px; cursor:text; border-radius:3px; }
#csd-about.csd-editing [data-key]:hover{ background:rgba(224,160,18,.06); }
.csd-edit-bar{ position:fixed; right:18px; bottom:18px; z-index:9999; display:none; gap:8px; }
.csd-edit-bar.show{ display:flex; }
.csd-edit-bar button{ border:0; cursor:pointer; font-weight:800; font-family:inherit; border-radius:10px;
  padding:10px 16px; box-shadow:0 10px 24px rgba(0,0,0,.18); }
.csd-edit-bar .e-toggle{ background:#003366; color:#fff; }
.csd-edit-bar .e-save{ background:#E0A012; color:#0B2A4A; }
.csd-edit-bar .e-reset{ background:#fff; color:#334155; border:1px solid #e8ecf7; }
.csd-edit-bar .e-msg{ align-self:center; font-weight:700; color:#003366; background:#fff; padding:8px 12px; border-radius:8px; box-shadow:0 6px 16px rgba(0,0,0,.12); }

/* ===== OUR JOURNEY — vertical alternating timeline (image-style) ===== */
#csd-about .jrn{ position:relative; max-width:900px; margin:40px auto 0; }
#csd-about .jrn::before{ content:""; position:absolute; top:0; bottom:0; left:50%; width:4px; transform:translateX(-50%);
  background:linear-gradient(180deg,var(--navy),var(--accent)); border-radius:4px; }
#csd-about .jrn-item{ position:relative; width:50%; padding:14px 40px; box-sizing:border-box; }
#csd-about .jrn-item:nth-child(odd){ left:0; text-align:right; }
#csd-about .jrn-item:nth-child(even){ left:50%; text-align:left; }
#csd-about .jrn-dot{ position:absolute; top:26px; width:20px; height:20px; border-radius:50%;
  background:var(--accent); border:4px solid #fff; box-shadow:0 0 0 3px var(--navy); z-index:2; }
#csd-about .jrn-item:nth-child(odd) .jrn-dot{ right:-10px; }
#csd-about .jrn-item:nth-child(even) .jrn-dot{ left:-10px; }
#csd-about .jrn-card{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:20px 22px;
  box-shadow:var(--shadow); transition:transform .2s ease, box-shadow .2s ease; display:inline-block; text-align:left; }
#csd-about .jrn-card:hover{ transform:translateY(-4px); box-shadow:0 16px 34px rgba(15,23,42,.12); }
#csd-about .jrn-card h4{ margin:6px 0 6px; }
#csd-about .jrn-card p{ margin:0; color:#475569; font-size:.95rem; }
#csd-about .jrn-yr{ display:inline-block; background:var(--navy); color:#fff; font-weight:900;
  padding:3px 14px; border-radius:999px; font-size:.9rem; }
@media(max-width:720px){
  #csd-about .jrn::before{ left:20px; }
  #csd-about .jrn-item,
  #csd-about .jrn-item:nth-child(odd),
  #csd-about .jrn-item:nth-child(even){ width:100%; left:0; text-align:left; padding:12px 12px 12px 52px; }
  #csd-about .jrn-item:nth-child(odd) .jrn-dot,
  #csd-about .jrn-item:nth-child(even) .jrn-dot{ left:10px; right:auto; }
}

/* ===== OUR WORK PROCESS — connected numbered step flow (image-style) ===== */
#csd-about .wproc{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px 22px; margin-top:56px; }
@media(max-width:900px){ #csd-about .wproc{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ #csd-about .wproc{ grid-template-columns:1fr; } }
#csd-about .wstep{ position:relative; background:#fff; border:1px solid var(--line); border-top:4px solid var(--accent);
  border-radius:16px; padding:34px 20px 22px; box-shadow:var(--shadow); transition:transform .2s ease, box-shadow .2s ease; }
#csd-about .wstep:hover{ transform:translateY(-5px); box-shadow:0 18px 38px rgba(0,51,102,.14); }
#csd-about .wstep .wn{ position:absolute; top:-26px; left:20px; width:52px; height:52px; border-radius:50%;
  background:linear-gradient(135deg,var(--navy),var(--blue)); color:#fff; display:grid; place-items:center;
  font-weight:900; font-size:1.35rem; box-shadow:0 10px 22px rgba(0,51,102,.3); border:3px solid #fff; }
#csd-about .wstep h4{ margin:4px 0 8px; }
#csd-about .wstep p{ margin:0; color:#475569; font-size:.94rem; }

/* ===== OUR JOURNEY — horizontal stepper (image-style) ===== */
#csd-about .jrnh{ position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:56px; }
#csd-about .jrnh::before{ content:""; position:absolute; top:32px; left:12.5%; right:12.5%; height:4px;
  background:linear-gradient(90deg,var(--navy),var(--blue),var(--accent)); border-radius:999px; z-index:0; }
#csd-about .jrnh-step{ position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; text-align:center; }
#csd-about .jrnh-dot{ width:66px; height:66px; border-radius:50%; display:grid; place-items:center;
  font-size:1.7rem; background:linear-gradient(135deg,var(--navy),var(--blue)); color:#fff;
  border:4px solid #fff; box-shadow:0 12px 26px rgba(0,51,102,.28); }
#csd-about .jrnh-step:nth-child(2) .jrnh-dot{ background:linear-gradient(135deg,var(--blue),#4f8bff); }
#csd-about .jrnh-step:nth-child(3) .jrnh-dot{ background:linear-gradient(135deg,var(--accent),var(--accent-d)); }
#csd-about .jrnh-step:nth-child(4) .jrnh-dot{ background:linear-gradient(135deg,var(--green),#16a34a); }
#csd-about .jrnh-yr{ display:inline-block; margin:14px 0 12px; padding:5px 16px; border-radius:999px;
  background:var(--navy); color:#fff; font-weight:800; font-size:.92rem; letter-spacing:.2px; }
#csd-about .jrnh-card{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:20px 18px;
  box-shadow:var(--shadow); height:100%; width:100%; transition:transform .2s ease, box-shadow .2s ease; }
#csd-about .jrnh-card:hover{ transform:translateY(-5px); box-shadow:0 18px 38px rgba(0,51,102,.14); }
#csd-about .jrnh-card h4{ margin:0 0 8px; }
#csd-about .jrnh-card p{ margin:0; color:#475569; font-size:.94rem; }
@media(max-width:820px){
  #csd-about .jrnh{ grid-template-columns:repeat(2,1fr); gap:28px 24px; }
  #csd-about .jrnh::before{ display:none; }
}
@media(max-width:520px){ #csd-about .jrnh{ grid-template-columns:1fr; } }

/* ===== OUR VALUED CLIENTS — refined logo cards + trust strip ===== */
#csd-about .clogos{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:36px; }
@media(max-width:820px){ #csd-about .clogos{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:520px){ #csd-about .clogos{ grid-template-columns:1fr; } }
#csd-about .clogo{ display:flex; align-items:center; gap:16px; background:#fff; border:1px solid var(--line);
  border-radius:14px; padding:18px 18px; box-shadow:0 6px 18px rgba(15,23,42,.05);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
#csd-about .clogo:hover{ transform:translateY(-4px); box-shadow:0 16px 34px rgba(0,51,102,.13); border-color:#d7def2; }
#csd-about .mono{ flex:0 0 auto; width:54px; height:54px; border-radius:14px; display:grid; place-items:center;
  font-weight:900; font-size:1.02rem; letter-spacing:.3px; color:#fff;
  background:linear-gradient(135deg,var(--navy),var(--blue)); box-shadow:0 8px 18px rgba(0,51,102,.22); }
#csd-about .clogo:nth-child(3n+2) .mono{ background:linear-gradient(135deg,var(--accent),var(--accent-d)); box-shadow:0 8px 18px rgba(224,160,18,.24); }
#csd-about .clogo:nth-child(3n) .mono{ background:linear-gradient(135deg,var(--green),#16a34a); box-shadow:0 8px 18px rgba(34,197,94,.24); }
#csd-about .cname{ font-weight:800; color:var(--navy); line-height:1.3; }
#csd-about .cind{ font-size:.85rem; color:var(--muted); margin-top:2px; }
#csd-about .ctrust{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:26px; }
@media(max-width:720px){ #csd-about .ctrust{ grid-template-columns:1fr; } }
#csd-about .ct-item{ display:flex; align-items:center; gap:14px; padding:18px 20px; border-radius:14px;
  background:linear-gradient(135deg,#f8fafc,#eef3fb); border:1px solid var(--line); color:#334155; font-weight:600; }
#csd-about .ct-ic{ font-size:1.4rem; flex:0 0 auto; }