/* ==========================================================================
   tech-polish.css  —  technical / custom-manufacturing visual layer
   Local only. No external fonts, scripts, CDNs or images.
   Palette: ORIGINAL Eazy Plug tones only — brown #701f00, gold #e09900,
   taupe #71645d, cream/white. (No foreign green/charcoal accents.)
   ========================================================================== */
:root{
  --tp-dark:#71645d;                 /* taupe — the site's original dark band  */
  --tp-dark2:#574c46;                /* darker taupe                           */
  --tp-green:#e09900;                /* GOLD accent (var name kept for classes) */
  --tp-green-d:#b97c00;              /* darker gold                            */
  --tp-gold:#e09900;
  --tp-brown:#701f00;
  --tp-ink:#4d453d;
  --tp-muted:#6c736c;
  --tp-line:#e7e0d6;                 /* warm border                            */
  --tp-line-dk:rgba(255,255,255,.20);/* light border on dark band              */
}

/* ---- shared scaffolding -------------------------------------------------- */
.tech-section{padding:74px 0;font-family:'Open Sans',Helvetica,Arial,sans-serif;color:var(--tp-ink)}
.tech-section *,.tech-section *::before,.tech-section *::after{box-sizing:border-box}
.tech-wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.tech-eyebrow{display:block;font-size:12px;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;color:var(--tp-green-d);margin:0 0 10px}
.tech-h2{font-size:30px;font-weight:800;letter-spacing:.5px;line-height:1.25;color:var(--tp-brown);margin:0 0 6px}
.tech-rule{height:0;border:0;border-top:2px solid var(--tp-gold);width:84px;margin:14px 0 26px}
.tech-lead{font-size:17px;color:var(--tp-muted);max-width:780px;line-height:1.7;margin:0}
.tech-center{text-align:center}
.tech-center .tech-rule{margin-left:auto;margin-right:auto}
.tech-center .tech-lead{margin-left:auto;margin-right:auto}

/* ---- taupe band sections (original dark tone) --------------------------- */
.tech-dark-section{position:relative;background:linear-gradient(135deg,#71645d 0%,#574c46 100%);color:#f1ece5;overflow:hidden}
.tech-dark-section::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:34px 34px}
.tech-dark-section .tech-wrap{position:relative;z-index:1}
.tech-dark-section .tech-h2{color:#fff}
.tech-dark-section .tech-eyebrow{color:#ffd27a}
.tech-dark-section .tech-lead{color:#e7ddd1}

/* ---- hero panel --------------------------------------------------------- */
.tech-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.tech-hero__intro .tech-eyebrow{color:#ffd27a}
.tech-hero__intro h2{font-size:33px;font-weight:800;line-height:1.2;color:#fff;margin:0 0 16px}
.tech-hero__intro p{color:#e7ddd1;font-size:17px;line-height:1.7;margin:0 0 24px;max-width:520px}
.tech-panel{background:rgba(0,0,0,.16);border:1px solid var(--tp-line-dk);border-radius:14px;padding:24px}
.tech-panel__head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--tp-line-dk);padding-bottom:14px;margin-bottom:16px}
.tech-panel__title{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#ffd27a;font-weight:700}
.tech-panel__dot{width:9px;height:9px;border-radius:50%;background:var(--tp-gold);box-shadow:0 0 0 4px rgba(224,153,0,.22)}
.tech-panel__list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none}
.tech-panel__list li{display:flex;align-items:center;justify-content:flex-start;gap:13px;background:rgba(0,0,0,.16);border:1px solid var(--tp-line-dk);border-radius:8px;padding:11px 13px;font-size:14px;font-weight:600;color:#f1ece5}

/* ---- status chips ------------------------------------------------------- */
.tech-chip{font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:#3a2600;background:var(--tp-gold);border-radius:4px;padding:3px 7px;white-space:nowrap}
.tech-chip--ghost{background:transparent;color:#ffd27a;border:1px solid #ffd27a}
/* capability line-icon (gold) on the left of each panel item */
.tech-panel__list .tech-cap-ic{flex:0 0 auto;width:33px;height:33px;border-radius:8px;background:rgba(224,153,0,.15);display:inline-flex;align-items:center;justify-content:center}
.tech-panel__list .tech-cap-ic svg{width:18px;height:18px;stroke:#f0c46a;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* ---- card grids --------------------------------------------------------- */
.tech-grid{display:grid;gap:22px;grid-template-columns:repeat(3,1fr);margin-top:6px}
.tech-grid--2{grid-template-columns:repeat(2,1fr)}
.tech-card{background:#fff;border:1px solid var(--tp-line);border-top:3px solid var(--tp-gold);border-radius:10px;padding:24px 22px;transition:box-shadow .25s ease,transform .25s ease}
.tech-card:hover{box-shadow:0 12px 28px rgba(60,40,20,.10);transform:translateY(-2px)}
.tech-card__label{display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--tp-green-d);font-weight:700;margin-bottom:8px}
.tech-card h3{font-size:18px;font-weight:700;color:var(--tp-brown);margin:0 0 9px;letter-spacing:.3px}
.tech-card p{font-size:14.5px;color:var(--tp-muted);line-height:1.7;margin:0}
.tech-card__ic{width:48px;height:48px;border-radius:9px;background:#f3eee4;display:flex;align-items:center;justify-content:center;margin-bottom:15px}
.tech-card__ic svg{width:25px;height:25px;stroke:var(--tp-brown);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tech-dark-section .tech-card{background:rgba(0,0,0,.14);border-color:var(--tp-line-dk);border-top-color:var(--tp-gold)}
.tech-dark-section .tech-card h3{color:#fff}
.tech-dark-section .tech-card p{color:#e7ddd1}

/* ---- process / timeline ------------------------------------------------- */
.tech-process{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:18px}
.tech-process__step{position:relative;padding:0 14px;text-align:center}
.tech-process__step::before{content:"";position:absolute;top:14px;left:-10px;width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:20px solid var(--tp-gold)}
.tech-process__step:first-child::before{display:none}
.tech-process__n{position:relative;z-index:1;width:54px;height:54px;border-radius:50%;background:var(--tp-brown);color:#fff;border:2px solid var(--tp-brown);font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 15px}
.tech-process__step h4{font-size:14px;font-weight:700;color:var(--tp-brown);margin:0 0 7px;text-transform:uppercase;letter-spacing:1px}
.tech-process__step p{font-size:13px;color:var(--tp-muted);line-height:1.6;margin:0}
.tech-dark-section .tech-process__step::before{background:var(--tp-line-dk)}
.tech-dark-section .tech-process__step h4{color:#fff}
.tech-dark-section .tech-process__step p{color:#e7ddd1}

/* ---- checklist ---------------------------------------------------------- */
.tech-checklist{display:grid;grid-template-columns:1fr 1fr;gap:13px 32px;margin:8px 0 0;padding:0;list-style:none;max-width:940px}
.tech-checklist li{position:relative;padding-left:34px;font-size:15px;color:var(--tp-ink);line-height:1.6}
.tech-checklist li::before{content:"\2713";position:absolute;left:0;top:1px;width:21px;height:21px;border-radius:50%;background:var(--tp-gold);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}
.tech-dark-section .tech-checklist li{color:#f1ece5}

/* ---- "typical project example" cards ------------------------------------ */
.tech-case{background:#fff;border:1px solid var(--tp-line);border-left:3px solid var(--tp-gold);border-radius:10px;padding:24px}
.tech-case h3{font-size:17px;color:var(--tp-brown);margin:0 0 14px;font-weight:700}
.tech-case .row{display:flex;gap:12px;padding:8px 0;border-top:1px dashed var(--tp-line);font-size:14px}
.tech-case .row:first-of-type{border-top:0}
.tech-case .k{flex:0 0 78px;font-weight:700;color:var(--tp-green-d);text-transform:uppercase;font-size:11px;letter-spacing:1px;padding-top:2px}
.tech-case .v{color:var(--tp-muted);line-height:1.6}
.tech-note{font-size:12.5px;color:var(--tp-muted);font-style:italic;margin-top:18px}

/* ---- CTA ---------------------------------------------------------------- */
.tech-cta{text-align:center;margin-top:34px}
.tech-cta--band{position:relative;overflow:hidden;background:linear-gradient(135deg,#71645d,#574c46);border-radius:14px;padding:48px 24px;color:#fff;margin-top:8px}
.tech-cta--band::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:30px 30px}
.tech-cta--band>*{position:relative;z-index:1}
.tech-cta--band h2{color:#fff;font-size:26px;font-weight:800;margin:0 0 10px}
.tech-cta--band p{color:#e7ddd1;font-size:16px;max-width:660px;margin:0 auto 24px;line-height:1.7}
.tech-btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.tech-btn{display:inline-block;padding:14px 32px;border-radius:6px;font-weight:700;font-size:15px;letter-spacing:.4px;text-decoration:none;border:2px solid transparent;transition:all .25s ease;cursor:pointer}
.tech-btn--green{background:var(--tp-gold);border-color:var(--tp-gold);color:#3a2600 !important}
.tech-btn--green:hover{background:#f3b733;border-color:#f3b733;color:#3a2600 !important}
.tech-btn--ghost{background:transparent;border-color:#fff;color:#fff !important}
.tech-btn--ghost:hover{background:#fff;color:var(--tp-brown) !important}
.tech-btn--brown{background:var(--tp-brown);border-color:var(--tp-brown);color:#fff !important}
.tech-btn--brown:hover{background:#561800;border-color:#561800;color:#fff !important}

/* ---- light alternate background (warm cream, matches the site) ---------- */
.tech-bg-soft{background:#f8f4ee}

/* ---- responsive --------------------------------------------------------- */
@media only screen and (max-width:980px){
  .tech-hero{grid-template-columns:1fr;gap:30px}
  .tech-grid{grid-template-columns:repeat(2,1fr)}
  .tech-h2{font-size:26px}
  .tech-hero__intro h2{font-size:28px}
}
@media only screen and (max-width:767px){
  .tech-section{padding:54px 0}
  .tech-grid,.tech-grid--2,.tech-checklist,.tech-panel__list{grid-template-columns:1fr}
  .tech-process{grid-template-columns:1fr;gap:22px}
  .tech-process__step{padding:0}
  .tech-process__step::before{display:none}
  .tech-h2{font-size:22px}
  .tech-hero__intro h2{font-size:24px}
  .tech-btn{display:block;width:100%;text-align:center}
  .tech-btns{flex-direction:column}
}