/* =========================================================================
   Home — Design C · Industrial Trust / B2B manufacturer
   Scoped under body.home-c, layered on top of main.css
   ========================================================================= */
body.home-c{
  --c-bg:    #f3f6f9;
  --c-paper: #ffffff;
  --c-ink:   #16202b;
  --c-mut:   #5a6672;
  --c-line:  #e0e6ec;
  --c-blue:  #1f5f8b;
  --c-blue-d:#163f5c;
  --c-soft:  #eaf1f6;
  --c-disp:  "IBM Plex Sans", var(--sans);
  background:var(--c-bg);
  color:var(--c-ink);
  font-family:var(--c-disp);
}
body.home-c .section{ background:var(--c-bg); }

/* --- chrome --- */
body.home-c .topbar{ background:var(--c-blue-d); color:#cfe0ec; }
body.home-c .topbar a{ color:#e4eef5; }
body.home-c .topbar a:hover{ color:#fff; }
body.home-c .site-header{ background:rgba(255,255,255,.94); border-bottom:1px solid var(--c-line); }
body.home-c .site-header.is-stuck{ background:rgba(255,255,255,.99); box-shadow:0 1px 20px rgba(22,32,43,.08); }
body.home-c .brand__name{ color:var(--c-ink); }
body.home-c .brand__tag{ color:var(--c-blue); }
body.home-c .nav a{ color:var(--c-mut); }
body.home-c .nav a:hover{ color:var(--c-ink); }
body.home-c .nav a::after{ background:var(--c-blue); }

/* --- primary button → steel blue --- */
body.home-c .btn{ background:var(--c-blue); border-color:var(--c-blue); color:#fff; border-radius:4px; letter-spacing:.1em; }
body.home-c .btn:hover{ background:var(--c-blue-d); border-color:var(--c-blue-d); }
body.home-c .btn--ghost{ background:transparent; color:var(--c-blue); border-color:var(--c-line); }
body.home-c .btn--ghost:hover{ background:var(--c-blue); color:#fff; border-color:var(--c-blue); }

/* --- shared bits --- */
body.home-c .c-kicker{ display:inline-flex; align-items:center; gap:9px; font-size:.74rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--c-blue); }
body.home-c .c-kicker i{ width:7px; height:7px; border-radius:50%; background:var(--c-blue); display:inline-block; }
body.home-c .c-h1{ font-family:var(--c-disp); font-weight:700; font-size:clamp(2.1rem,4.4vw,3.5rem); line-height:1.08; letter-spacing:-.02em; margin-top:18px; }
body.home-c .c-h2{ font-family:var(--c-disp); font-weight:700; font-size:clamp(1.8rem,3.4vw,2.8rem); line-height:1.12; letter-spacing:-.015em; margin-top:14px; }
body.home-c .c-lead{ margin-top:20px; color:var(--c-mut); font-size:1.08rem; line-height:1.7; max-width:540px; }
body.home-c .c-head{ max-width:680px; margin-bottom:clamp(30px,3.6vw,52px); }
body.home-c .c-head p{ margin-top:16px; color:var(--c-mut); }
body.home-c .c-head--row{ max-width:none; display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap; }
body.home-c .c-textlink{ display:inline-flex; align-items:center; gap:.5em; font-size:.82rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--c-blue); }
body.home-c .c-textlink:hover{ gap:.9em; }

/* --- HERO --- */
.c-hero{ background:linear-gradient(180deg,var(--c-soft) 0%,var(--c-bg) 100%); padding-block:clamp(50px,7vw,96px); border-bottom:1px solid var(--c-line); }
.c-hero__grid{ display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(32px,5vw,72px); align-items:center; }
.c-hero__chips{ display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.c-chip{ font-size:.8rem; font-weight:500; padding:9px 16px; background:var(--c-paper); border:1px solid var(--c-line); border-radius:999px; color:var(--c-ink); }
.c-hero__actions{ display:flex; align-items:center; gap:24px; margin-top:34px; flex-wrap:wrap; }
.c-hero__media{ position:relative; }
.c-hero__media .ph{ background:#dde6ee; border-color:var(--c-line); border-radius:8px; }
.c-hero__badge{ position:absolute; left:-14px; bottom:-18px; background:var(--c-blue); color:#fff; padding:20px 26px; border-radius:8px; box-shadow:0 18px 40px rgba(22,43,66,.28); }
.c-hero__badge b{ display:block; font-size:2rem; font-weight:700; line-height:1; font-variant-numeric:tabular-nums; }
.c-hero__badge span{ display:block; margin-top:7px; font-size:.76rem; letter-spacing:.08em; text-transform:uppercase; color:#bcd6e8; }

/* --- TRUST BAR --- */
.c-trust{ background:var(--c-paper); border-bottom:1px solid var(--c-line); padding-block:30px; }
.c-trust .wrap{ display:flex; align-items:center; gap:34px; flex-wrap:wrap; }
.c-trust__label{ font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--c-mut); font-weight:600; white-space:nowrap; }
.c-trust__logos{ display:flex; gap:14px; flex-wrap:wrap; flex:1; }
.c-logo{ padding:10px 20px; border:1px solid var(--c-line); border-radius:6px; color:#7a8794; font-weight:600; font-size:.88rem; letter-spacing:.04em; background:var(--c-bg); }

/* --- DASHBOARD --- */
.c-dash-sec{ background:var(--c-bg); }
.c-dash{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(14px,1.6vw,22px); }
.c-tile{ background:var(--c-paper); border:1px solid var(--c-line); border-radius:10px; padding:28px 26px; transition:transform .35s var(--ease), box-shadow .35s var(--ease); border-top:3px solid var(--c-blue); }
.c-tile:hover{ transform:translateY(-4px); box-shadow:0 18px 38px rgba(22,43,66,.1); }
.c-tile b{ display:block; font-size:clamp(2rem,3.2vw,2.8rem); font-weight:700; line-height:1; color:var(--c-blue); font-variant-numeric:tabular-nums; }
.c-tile h4{ margin-top:14px; font-size:1rem; font-weight:600; }
.c-tile p{ margin-top:6px; color:var(--c-mut); font-size:.9rem; }

/* --- FLOW TIMELINE --- */
.c-flow-sec{ background:var(--c-paper); }
.c-flow{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--c-line); border:1px solid var(--c-line); border-radius:10px; overflow:hidden; }
.c-flow__step{ background:var(--c-paper); padding:26px 24px; position:relative; transition:background .3s; }
.c-flow__step:hover{ background:var(--c-soft); }
.c-flow__n{ font-size:.8rem; font-weight:700; color:#fff; background:var(--c-blue); width:30px; height:30px; border-radius:6px; display:grid; place-items:center; }
.c-flow__step h4{ margin-top:16px; font-size:1.05rem; font-weight:600; }
.c-flow__step p{ margin-top:7px; color:var(--c-mut); font-size:.9rem; }

/* --- PRODUCTS --- */
.c-prod-sec{ background:var(--c-bg); }
.c-prods{ display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(16px,1.8vw,24px); }
.c-prod{ display:block; background:var(--c-paper); border:1px solid var(--c-line); border-radius:10px; overflow:hidden; transition:transform .35s var(--ease), box-shadow .35s var(--ease); }
.c-prod:hover{ transform:translateY(-4px); box-shadow:0 18px 38px rgba(22,43,66,.1); }
.c-prod .ph{ background:#dde6ee; border:0; border-radius:0; }
.c-prod__body{ padding:18px 20px 22px; }
.c-prod__cat{ font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; color:var(--c-blue); font-weight:600; }
.c-prod__body h3{ margin-top:7px; font-size:1.02rem; font-weight:600; }
.c-prod__meta{ margin-top:12px; display:flex; flex-wrap:wrap; gap:6px; }
.c-prod__meta span{ font-size:.7rem; padding:5px 10px; background:var(--c-soft); color:var(--c-mut); border-radius:4px; }

/* --- WHY US --- */
.c-why-sec{ background:var(--c-paper); }
.c-why{ display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(34px,5vw,80px); align-items:center; }
.c-why__list{ margin:28px 0; display:grid; gap:0; }
.c-why__list li{ padding:20px 0 20px 34px; border-top:1px solid var(--c-line); position:relative; }
.c-why__list li:last-child{ border-bottom:1px solid var(--c-line); }
.c-why__list li::before{ content:""; position:absolute; left:0; top:24px; width:16px; height:16px; border-radius:50%; background:var(--c-soft); border:2px solid var(--c-blue); }
.c-why__list b{ font-size:1.02rem; font-weight:600; }
.c-why__list p{ margin-top:5px; color:var(--c-mut); font-size:.94rem; }
.c-why__media .ph{ background:#dde6ee; border-color:var(--c-line); border-radius:10px; }

/* --- INQUIRY (reskin) --- */
.c-inquiry-sec{ background:var(--c-bg); }
body.home-c .inquiry{ background:var(--c-paper); border-color:var(--c-line); border-radius:12px; }
body.home-c .inquiry__aside{ background:linear-gradient(160deg,var(--c-blue) 0%,var(--c-blue-d) 100%); color:#eaf2f8; }
body.home-c .inquiry__aside .eyebrow{ color:#bcd9ec; }
body.home-c .inquiry__aside h2{ color:#fff; }
body.home-c .inquiry__aside p{ color:#c9deed; }
body.home-c .inquiry__steps-nav .sc{ border-color:rgba(255,255,255,.4); }
body.home-c .inquiry__steps-nav div.active .sc{ background:#fff; color:var(--c-blue); border-color:#fff; }
body.home-c .field input,
body.home-c .field select,
body.home-c .field textarea{ background:var(--c-bg); border-color:var(--c-line); border-radius:6px; }
body.home-c .field input:focus,
body.home-c .field select:focus,
body.home-c .field textarea:focus{ border-color:var(--c-blue); background:#fff; }
body.home-c .opt span{ background:var(--c-bg); border-color:var(--c-line); border-radius:6px; }
body.home-c .opt input:checked + span{ background:var(--c-blue); border-color:var(--c-blue); color:#fff; }
body.home-c .dropzone{ background:var(--c-bg); border-color:var(--c-line); border-radius:6px; }
body.home-c .progress__bar{ background:var(--c-blue); }

/* --- responsive --- */
@media (max-width:980px){
  .c-hero__grid{ grid-template-columns:1fr; }
  .c-dash{ grid-template-columns:repeat(2,1fr); }
  .c-flow{ grid-template-columns:repeat(2,1fr); }
  .c-prods{ grid-template-columns:repeat(2,1fr); }
  .c-why{ grid-template-columns:1fr; }
  .c-why__media{ order:-1; }
}
@media (max-width:560px){
  .c-dash,.c-flow,.c-prods{ grid-template-columns:1fr; }
  .c-hero__badge{ left:12px; }
}