:root {
  --navy:#10263b;
  --blue:#14618b;
  --gold:#e6a94b;
  --ink:#203144;
  --muted:#617184;
  --light:#f3f6f8
}
.terms-content .term-sublist { list-style:none; margin:6px 0 12px; padding-left:44px }
.terms-content .term-sublist li { margin:6px 0; line-height:1.75 }
.terms-content p.term-item-deep { padding-left:44px }
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth
}
body {
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--ink);
  line-height:1.65
}
a {
  color:inherit;
  text-decoration:none
}
.wrap {
  max-width:1150px;
  margin:auto;
  padding:0 24px
}
.top .wrap {
  display:flex;
  justify-content:space-between;
  gap:12px
}
.header {
  position:sticky;
  top:0;
  background:white;
  z-index:10;
  box-shadow:0 2px 12px #0001
}
.nav {
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px
}
.logo {
  font-size:31px;
  font-weight:900;
  letter-spacing:-2px;
  color:var(--navy)
}
.logo span {
  color:var(--blue)
}
.links {
  display:flex;
  gap:25px;
  align-items:center;
  font-size:14px;
  font-weight:700
}
.links a:hover {
  color:var(--blue)
}
.btn {
  display:inline-block;
  background:var(--gold);
  color:#17283a!important;
  border:0;
  padding:13px 23px;
  border-radius:3px;
  font-weight:800;
  cursor:pointer
}
.btn:hover {
  background:#f2bd68
}
.btn.dark {
  background:var(--blue);
  color:white!important
}
.hero {
  background:linear-gradient(100deg,#0b2035f2,#0e3048df 65%,#0c354db8),radial-gradient(circle at 80% 30%,#54788b,#13283a);
  color:white;
  padding:108px 0 120px;
  position:relative;
  overflow:hidden
}
.hero:after {
  content:'';
  position:absolute;
  right:-110px;
  top:-100px;
  width:560px;
  height:560px;
  border:90px solid #ffffff0a;
  border-radius:50%
}
.eyebrow {
  color:#dba451;
  text-transform:uppercase;
  font-weight:800;
  font-size:12px;
  letter-spacing:3px
}
.hero h1 {
  font-size:clamp(40px,5.5vw,69px);
  line-height:1.09;
  max-width:780px;
  letter-spacing:-2px;
  margin:18px 0 24px
}
.hero p {
  font-size:19px;
  color:#d3e0e8;
  max-width:650px;
  margin-bottom:32px
}
.hero .btn {
  margin-right:12px
}
.outline {
  border:1px solid #a9c1d2;
  color:white;
  display:inline-block;
  padding:12px 22px;
  border-radius:3px;
  font-weight:700
}
.stats {
  background:#fff;
  border-bottom:1px solid #e1e8ed
}
.stats .wrap {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
  padding-top:26px;
  padding-bottom:26px
}
.stat {
  border-left:3px solid var(--gold);
  padding-left:20px
}
.stat strong {
  display:block;
  color:var(--navy);
  font-size:22px
}
.stat small {
  color:var(--muted)
}
section {
  padding:86px 0
}
.section-head {
  max-width:700px;
  margin-bottom:36px
}
h2 {
  font-size:clamp(29px,3.3vw,42px);
  letter-spacing:-1px;
  line-height:1.18;
  color:var(--navy);
  margin:12px 0 16px
}
h3 {
  font-size:21px;
  line-height:1.3;
  color:var(--navy)
}
p {
  margin:0 0 16px
}
.muted {
  color:var(--muted)
}
.grid3 {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px
}
.card {
  background:white;
  border:1px solid #e2e8ee;
  padding:29px;
  border-radius:5px;
  box-shadow:0 7px 25px #1b304008
}
.card .num {
  font-weight:900;
  color:var(--blue);
  font-size:13px;
  letter-spacing:2px
}
.card h3 {
  margin:14px 0
}
.card p {
  color:var(--muted);
  font-size:15px
}
.soft {
  background:var(--light)
}
.split {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:65px;
  align-items:center
}
.feature {
  background:linear-gradient(145deg,#183c55,#0d2538);
  padding:42px;
  color:#e5eff5;
  min-height:330px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-left:7px solid var(--gold)
}
.feature strong {
  font-size:72px;
  line-height:1;
  color:white
}
.feature p {
  margin-top:22px
}
.checks {
  padding-left:20px
}
.checks li {
  margin:10px 0
}
.industries {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px
}
.industry {
  background:white;
  border:1px solid #e2e8ee;
  padding:27px 20px;
  font-weight:800;
  color:var(--navy);
  border-top:4px solid var(--blue)
}
.industry small {
  display:block;
  color:var(--muted);
  font-weight:400;
  margin-top:8px
}
.contact {
  background:var(--navy);
  color:white
}
.contact h2 {
  color:white
}
.contact p {
  color:#cad8e3
}
.contact .split {
  align-items:start
}
.contact a:not(.btn) {
  color:#f4c176
}
.contact-panel {
  background:white;
  color:var(--ink);
  padding:30px;
  border-radius:5px
}
.contact-panel h3 {
  margin-top:0
}
.contact-panel label {
  display:block;
  font-weight:700;
  font-size:13px;
  margin:14px 0 6px
}
.contact-panel input,.contact-panel textarea {
  width:100%;
  padding:12px;
  border:1px solid #cbd5dd;
  border-radius:3px;
  font:inherit
}
.contact-panel textarea {
  min-height:110px
}
.contact-panel .btn {
  margin-top:16px;
  width:100%
}
.note {
  font-size:12px;
  color:var(--muted)!important;
  margin-top:10px
}
footer {
  background:#091b2a;
  color:#b8c8d3;
  padding:28px 0;
  font-size:13px
}
footer .wrap {
  display:flex;
  justify-content:space-between;
  gap:20px
}
.menu {
  display:none;
  background:none;
  border:0;
  font-size:26px;
  color:var(--navy)
}
@media(max-width:800px) {
  .menu {
    display:block
  }
  .links {
    display:none;
    position:absolute;
    top:76px;
    left:0;
    right:0;
    background:white;
    padding:20px 24px;
    flex-direction:column;
    align-items:stretch;
    box-shadow:0 10px 20px #0002
  }
  .hero {
    padding:75px 0
  }
  .grid3,.split {
    grid-template-columns:1fr
  }
  .industries {
    grid-template-columns:repeat(2,1fr)
  }
  .stats .wrap {
    grid-template-columns:1fr;
    gap:22px
  }
  section {
    padding:60px 0
  }
  .top .wrap {
    flex-wrap:wrap
  }
  footer .wrap {
    flex-direction:column
  }
}
/* HTCI, Co. dark brand system */
:root {
  color-scheme:dark;
  --navy:#101820;
  --blue:#8da9bc;
  --gold:#c9d5df;
  --ink:#e8eef3;
  --muted:#a7b5c1;
  --light:#111b24
}
body {
  background:#0b1219;
  color:var(--ink)
}
.header {
  background:#0d151d;
  box-shadow:0 5px 25px #0005;
  border-bottom:1px solid #293743
}
.logo {
  display:flex;
  align-items:center;
  max-width:220px
}
.logo img {
  display:block;
  width:100%;
  height:auto
}
.links a:hover {
  color:#fff
}
.menu {
  color:#fff
}
.btn {
  background:#d8e1e8;
  color:#111923!important;
  border-radius:5px
}
.btn:hover {
  background:#fff
}
.btn.dark {
  background:#d8e1e8;
  color:#111923!important
}
.hero {
  background:radial-gradient(ellipse at 84% 30%,#293d4b 0%,transparent 48%),linear-gradient(115deg,#090f16,#152432 65%,#101b24);
  border-bottom:1px solid #30404b
}
.hero:after {
  border-color:#ffffff08
}
.hero p {
  color:#c2ced8
}
.eyebrow {
  color:#a9c0d0
}
.outline {
  border-color:#617687
}
.stats {
  background:#101922;
  border-color:#2a3844
}
.stat {
  border-left-color:#b9c9d5
}
.stat strong {
  color:#f2f5f8
}
.stat small {
  color:#a9b7c4
}
h2,h3 {
  color:#f0f4f7
}
.muted {
  color:#a7b5c1
}
.card {
  background:#17232d;
  border:1px solid #30404c;
  box-shadow:0 10px 28px #0002
}
.card .num {
  color:#b2c8d8
}
.card p {
  color:#acbac6
}
.soft {
  background:#101a23
}
.feature {
  background:linear-gradient(145deg,#263b4b,#111d27);
  border-left-color:#b4c6d3
}
.industry {
  background:#17232d;
  border:1px solid #30404c;
  border-top:4px solid #94afc1;
  color:#f0f4f7
}
.industry small {
  color:#a7b5c1
}
.contact {
  background:#111e29
}
.contact p {
  color:#bac8d3
}
.contact a:not(.btn) {
  color:#e3edf4
}
.contact-panel {
  background:#1a2935;
  color:#eef3f6;
  border:1px solid #354958
}
.contact-panel input,.contact-panel textarea {
  background:#0e1922;
  color:#fff;
  border:1px solid #4a6070
}
.contact-panel input:focus,.contact-panel textarea:focus {
  outline:2px solid #9cb8ca;
  outline-offset:1px
}
.note {
  color:#b3c2ce!important
}
footer {
  background:#070c11;
  border-top:1px solid #263540
}
@media(max-width:800px) {
  .links {
    background:#101b24
  }
  .logo {
    max-width:170px
  }
}
.contact-panel .email-link {
  display:inline-block;
  margin-top:12px;
  color:#e3edf4;
  font-size:clamp(17px,2vw,23px);
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:5px;
  overflow-wrap:anywhere
}
.contact-panel .email-link:hover {
  color:#fff
}

/* Certification and supplier terms additions */
.cert-intro{font-weight:600;color:#e8eef3}.cert-details{font-size:.92rem;color:#b7c6d1}.cert-link{display:inline-block;margin:10px 0 20px;padding:12px 19px;border:1px solid #8da9bc;border-radius:4px;color:#eef5fa;font-weight:700}.cert-link:hover{background:#243947}.footer-links a{color:#dce7ee;text-decoration:underline;text-underline-offset:4px}.terms-page{padding:76px 0 110px}.terms-page h1{font-size:clamp(32px,4vw,52px);line-height:1.15;max-width:850px}.terms-content{max-width:920px;margin-top:38px;padding:35px 42px;background:#17232d;border:1px solid #30404c;border-radius:6px}.terms-content h2{font-size:25px;margin:38px 0 15px}.terms-content h3{font-size:19px;margin:25px 0 12px}.terms-content p{margin:12px 0;line-height:1.75}.term-number{color:#b7cedf;font-weight:800}@media(max-width:650px){.terms-content{padding:22px}.terms-page{padding:46px 0}}

/* Four key manufacturing processes */
.grid4 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}
@media (max-width: 650px) {
  .grid4 {
    grid-template-columns: 1fr;
  }
}