
:root{--blue:#123D72;--navy:#0b1e38;--orange:#F28C28;--cyan:#0785bb;--ink:#17283e;--muted:#607086;--pale:#f3f6f9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,92%);margin:auto}.topbar{background:var(--navy);color:#dbe6f2;font-size:13px;padding:8px 0}.toprow{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 22px #0b1e3810}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:82px}.logo{width:315px;max-width:42%;height:auto;display:block}.navlinks{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:800}.navlinks a:hover,.navlinks a.active{color:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border-radius:7px;font-weight:800;font-size:14px;transition:.2s;border:1px solid transparent;cursor:pointer}.btn-orange{background:var(--orange);color:#111f31}.btn-orange:hover{background:#ffad50;transform:translateY(-2px)}.btn-blue{background:var(--blue);color:white}.mobile-toggle{display:none;background:none;border:0;font-size:28px}.hero{background:linear-gradient(115deg,#0b1e38,#123d72 65%,#075b87);color:#fff;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:35px;align-items:center;padding:75px 0}.eyebrow,.kicker{color:#e9821d;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:2px}.hero .eyebrow{color:#ffb35f}.hero h1{font-size:clamp(38px,5vw,59px);line-height:1.08;letter-spacing:-1.3px;margin:14px 0 20px}.hero h1 span{color:#ff9a36}.hero p{font-size:16px;color:#d9e5f1;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn-outline{border-color:#ffffff85;color:white}.hero-art{border:1px solid #ffffff2a;border-radius:25px;background:linear-gradient(145deg,#ffffff18,#ffffff05);padding:20px;min-height:300px;display:grid;place-items:center}.hero-art svg{width:100%;max-height:330px}.page-hero{background:linear-gradient(110deg,#0b1e38,#123d72);color:white;padding:48px 0}.page-hero h1{font-size:clamp(32px,4vw,46px);line-height:1.15;margin:8px 0}.page-hero p{max-width:750px;color:#d7e2ef;margin:10px 0 0}.crumb{font-size:12px;color:#b8cee3}.crumb a{color:#ffb15b}section{padding:70px 0}.section-head{max-width:730px;margin:0 0 30px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head h2,.content h2{font-size:clamp(28px,3.5vw,40px);line-height:1.2;color:var(--navy);margin:9px 0 14px;letter-spacing:-.6px}.section-head p,.muted{color:var(--muted)}.products-bg,.soft{background:var(--pale)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.card{background:#fff;border:1px solid #e3eaf1;border-radius:14px;padding:24px;box-shadow:0 8px 25px #0b1e3805;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0b1e3810}.icon{width:55px;height:55px;background:#eaf2fa;color:var(--blue);border-radius:14px;display:grid;place-items:center;font-size:26px;margin-bottom:14px}.card h3{color:var(--navy);font-size:18px;margin:0 0 8px}.card p{font-size:14px;color:var(--muted);margin:0 0 14px}.link{font-size:13px;font-weight:900;color:var(--blue)}.link:hover{color:#d97012}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.visual{background:linear-gradient(145deg,#eaf2fa,#f8fbff);border-radius:20px;padding:25px;min-height:300px;display:grid;place-items:center}.visual svg{width:85%;max-height:300px}.checks{list-style:none;padding:0}.checks li{padding:7px 0}.checks li:before{content:'✓';color:#168451;font-weight:900;margin-right:10px}.dark{background:var(--navy);color:#fff}.dark h2,.dark h3{color:white}.dark p{color:#c4d2e1}.markets{display:grid;grid-template-columns:1fr 1fr;gap:18px}.market{border:1px solid #ffffff25;background:#ffffff0a;border-radius:14px;padding:24px}.market h3{margin:0 0 8px}.market p{margin:0;font-size:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{border-top:3px solid var(--orange);background:white;padding:20px;border-radius:0 0 10px 10px;box-shadow:0 8px 26px #0b1e3808}.num{font-size:29px;font-weight:900;color:#e0e7ef}.step h3{font-size:16px;margin:5px 0}.step p{font-size:13px;color:var(--muted);margin:0}.banner{background:linear-gradient(120deg,#fff5e9,#f3f6f9);padding:30px;border:1px solid #f2d6b4;border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:25px}.banner h2{margin:8px 0;color:var(--navy)}.banner p{color:var(--muted);margin:0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.contact-info{background:var(--navy);color:white;padding:28px;border-radius:16px}.contact-info h2{color:white;font-size:29px;line-height:1.2}.contact-info p{color:#c4d2e1}.detail{padding:13px 0;border-bottom:1px solid #ffffff20;overflow-wrap:anywhere}.detail b{display:block;color:#ffb15b;font-size:12px}.formbox{background:white;padding:27px;border-radius:16px;box-shadow:0 10px 30px #0b1e3808}.formbox h2{font-size:23px;color:var(--navy);margin:0 0 18px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800}.field input,.field select,.field textarea{font:inherit;border:1px solid #dbe3eb;border-radius:7px;padding:11px 12px;width:100%;background:white}.field textarea{min-height:100px;resize:vertical}.note{font-size:12px;color:var(--muted)}footer{background:#07162a;color:#c4d0de;padding:35px 0 17px}.foot-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;padding-bottom:24px}.foot-logo{width:225px;max-width:100%;background:#fff;border-radius:7px;padding:7px}.foot-top p{max-width:440px;font-size:13px}.foot-links{display:flex;flex-wrap:wrap;gap:17px;font-size:13px}.foot-links a:hover{color:var(--orange)}.copyright{border-top:1px solid #ffffff1a;padding-top:15px;font-size:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}@media(max-width:950px){.navlinks{gap:11px}.navlinks a{font-size:12px}.logo{width:250px}.grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.nav{min-height:70px}.logo{width:255px;max-width:82%}.mobile-toggle{display:block}.navlinks{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:18px 5%;box-shadow:0 15px 25px #0001;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.navlinks a{font-size:14px;padding:6px 0}.hero-grid,.two-col,.contact-grid{grid-template-columns:1fr}.hero-grid{padding:55px 0}.hero-art{min-height:220px}.grid,.markets,.steps{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.banner{display:block}.banner .btn{margin-top:20px}.foot-top{flex-direction:column}section{padding:55px 0}.toprow{justify-content:center}}

/* Original photography supplied in the company website document */
.card-photo{width:100%;height:190px;object-fit:cover;border-radius:10px;margin:0 0 17px;display:block;background:#eaf2fa}
.hero-photo{width:100%;height:100%;max-height:380px;min-height:280px;object-fit:cover;border-radius:17px;display:block;box-shadow:0 18px 45px #0003}
.visual-photo{width:100%;height:100%;max-height:360px;object-fit:cover;border-radius:14px;display:block}
.image-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.image-tile{background:white;border:1px solid #e3eaf1;border-radius:13px;padding:10px;overflow:hidden}
.image-tile img{width:100%;height:175px;object-fit:cover;border-radius:8px;display:block}
.image-tile strong{display:block;padding:10px 4px 3px;color:var(--navy);font-size:14px}
.chrome-photo{width:100%;height:230px;object-fit:cover;border-radius:12px;margin:0 0 15px}
@media(max-width:700px){.card-photo{height:210px}.image-strip{grid-template-columns:1fr}.image-tile img{height:220px}.hero-photo{min-height:210px}}

/* Keep the header quote CTA clearly visible on every page */
.navlinks a.btn-orange,
.navlinks a.btn-orange:visited,
.navlinks a.btn-orange:hover,
.navlinks a.btn-orange:focus,
.navlinks a.btn-orange:active{background:#F28C28!important;color:#0b1e38!important;border-color:#F28C28!important;opacity:1!important}
.navlinks a.btn-orange:hover{background:#ffad50!important;border-color:#ffad50!important}
