/*
Theme Name: Apex System Products With Images
Theme URI: https://apexsysprod.com
Author: Apex System Products
Description: Responsive packaging automation theme for the North American market with bundled product imagery.
Version: 3.0.1
Text Domain: apex-system-products
*/
:root{--navy:#0d2742;--blue:#1266a8;--orange:#ff5b1a;--ink:#17212b;--muted:#5f6c78;--light:#f4f7fa;--white:#fff;--green:#088653}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid #e5ebf0}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:28px}.brand{font-weight:850;font-size:22px;color:var(--navy);line-height:1.05}.brand small{display:block;font-size:10px;letter-spacing:1.4px;color:var(--orange);margin-top:5px}.nav{display:flex;align-items:center;gap:24px;font-weight:700;font-size:14px}.nav a:hover{color:var(--orange)}.mobile-toggle{display:none;border:0;background:none;font-size:24px}.btn{display:inline-block;padding:13px 22px;border-radius:5px;background:var(--orange);color:#fff!important;font-weight:800;border:2px solid var(--orange);transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(.95)}.btn.alt{background:transparent;border-color:#fff}.hero{min-height:650px;background:linear-gradient(90deg,rgba(8,29,48,.88),rgba(8,29,48,.35)),url('assets/images/hero-packaging-automation.webp') center/cover no-repeat;display:flex;align-items:center;color:#fff}.hero-copy{max-width:690px;padding:90px 0}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#ffb08e;font-weight:800;font-size:13px}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.03;margin:13px 0 20px}.hero p{font-size:19px;max-width:650px;color:#eaf1f7}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.trustbar{background:var(--navy);color:#fff}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.trustitem{padding:25px 18px;text-align:center;border-right:1px solid rgba(255,255,255,.15)}.trustitem strong{display:block;font-size:18px}.trustitem span{font-size:13px;color:#b9c9d8}.section{padding:82px 0}.section.light{background:var(--light)}.section-head{max-width:720px;margin:0 auto 40px;text-align:center}.section-head h2{font-size:38px;line-height:1.15;color:var(--navy);margin:8px 0 14px}.section-head p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border:1px solid #e2e9ef;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgba(19,42,63,.06)}.card img{width:100%;aspect-ratio:4/3;object-fit:cover}.card-body{padding:24px}.card h3{margin:0 0 8px;color:var(--navy);font-size:22px}.card p{color:var(--muted);margin:0 0 15px}.learn{font-weight:800;color:var(--blue)}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.split img{border-radius:9px;box-shadow:0 18px 50px rgba(13,39,66,.16)}.split h2{font-size:40px;color:var(--navy);line-height:1.15}.checks{list-style:none;padding:0}.checks li{padding:8px 0 8px 30px;position:relative}.checks li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:900}.industries{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.industry{background:#fff;padding:24px;border-radius:7px;border-left:4px solid var(--orange);font-weight:800;color:var(--navy)}.cta{background:linear-gradient(90deg,rgba(8,29,48,.94),rgba(8,29,48,.72)),url('assets/images/contact-partnership.webp') center/cover no-repeat;color:#fff;padding:88px 0;text-align:center}.cta h2{font-size:42px;margin:0 0 12px}.cta p{font-size:18px;color:#dce7f0}.page-hero{padding:95px 0;background:linear-gradient(90deg,rgba(8,29,48,.93),rgba(8,29,48,.52)),url('assets/images/equipment-portfolio.webp') center/cover;color:#fff}.page-hero h1{font-size:50px;margin:0}.content{padding:70px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-box{background:var(--light);padding:28px;border-radius:8px}.site-footer{background:#091d30;color:#d8e4ed;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.site-footer h3,.site-footer h4{color:#fff}.site-footer a{display:block;margin:8px 0}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:20px;font-size:12px;color:#9fb1c0}.partner-note{font-size:12px;color:#687887;margin-top:15px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.product-detail img{border:1px solid #e5eaf0;border-radius:8px}.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.news-card{display:grid;grid-template-columns:180px 1fr;background:#fff;border:1px solid #e1e8ee;border-radius:8px;overflow:hidden}.news-card img{height:100%;object-fit:cover}.news-card div{padding:20px}@media(max-width:850px){.nav{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;padding:22px;flex-direction:column;box-shadow:0 10px 20px #0002}.nav.open{display:flex}.mobile-toggle{display:block}.hero{min-height:560px}.trustgrid,.cards,.industries{grid-template-columns:repeat(2,1fr)}.split,.contact-grid,.product-detail{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.news-grid{grid-template-columns:1fr}}@media(max-width:560px){.trustgrid,.cards,.industries,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:40px}.hero-copy{padding:65px 0}.section{padding:58px 0}.section-head h2,.split h2,.cta h2{font-size:32px}.news-card{grid-template-columns:1fr}.news-card img{width:100%;height:220px}}
.quote-form{background:#fff;border:1px solid #dfe7ee;border-radius:10px;padding:30px;box-shadow:0 12px 35px rgba(13,39,66,.08)}.quote-form label{display:block;font-weight:750;color:var(--navy);margin-bottom:17px}.quote-form input,.quote-form select,.quote-form textarea{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #bac7d2;border-radius:5px;background:#fff;color:var(--ink);font:inherit}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:3px solid rgba(18,102,168,.15);border-color:var(--blue)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.consent{display:flex!important;align-items:flex-start;gap:9px;font-size:13px;font-weight:500!important;color:var(--muted)!important}.consent input{width:auto;margin:4px 0 0!important}.submit-btn{border:0;cursor:pointer;font-size:16px}.privacy-note{font-size:12px;color:var(--muted)}.form-notice{padding:14px 16px;border-radius:5px;margin-bottom:18px;font-weight:700}.form-notice.success{background:#e8f7ef;color:#12623e;border:1px solid #a9ddc2}.form-notice.error{background:#fff0ef;color:#8b271f;border:1px solid #efb4ae}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}@media(max-width:560px){.form-row{grid-template-columns:1fr}.quote-form{padding:20px}}