:root{--red:#cf1018;--navy:#101820;--ink:#17212a;--muted:#65717a;--line:#d9dee1;--paper:#f5f6f6;--white:#fff;--display:'Barlow Condensed',sans-serif;--font:'Inter',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{height:84px;display:flex;align-items:center;gap:30px;padding:0 4.5vw;position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 3px 18px #1020300b}.brand{display:flex;align-items:center;gap:12px;min-width:280px}.brand img{width:64px;height:50px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1}.brand b{font:800 25px var(--display);letter-spacing:.04em;color:#151d24}.brand small{font-size:8px;letter-spacing:.25em;margin-top:7px;color:#737e86}.nav{display:flex;justify-content:center;gap:28px;flex:1}.nav a{font:600 14px var(--display);letter-spacing:.08em;text-transform:uppercase}.nav a:hover{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;font:700 14px var(--display);letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent;transition:.2s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-red{background:var(--red);color:#fff}.btn-light{background:#fff;color:#111;border-color:#fff}.btn-dark{background:#17212a;color:#fff}.menu-toggle{display:none}.hero{height:min(760px,82vh);min-height:620px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,15,20,.92) 0%,rgba(8,15,20,.74) 48%,rgba(8,15,20,.28) 76%,rgba(8,15,20,.2) 100%)}.hero-content{position:relative;z-index:2;padding-left:6vw;max-width:850px;color:#fff}.eyebrow,.section-tag{font:600 12px var(--display);letter-spacing:.32em;text-transform:uppercase}.eyebrow{color:#e2e5e6}.eyebrow:before,.section-tag:before{content:"";display:inline-block;width:38px;height:3px;background:var(--red);margin:0 15px 3px 0}.hero h1{font:800 clamp(62px,7.2vw,112px)/.82 var(--display);letter-spacing:-.015em;margin:28px 0}.hero h1 span{color:#d9dddf}.lead{font-size:18px;max-width:670px;color:#e2e5e7}.hero-actions{display:flex;gap:14px;margin-top:32px}.hero-markets{position:absolute;right:4vw;bottom:38px;z-index:2;color:#fff;display:flex;gap:18px;align-items:center;background:#101820e6;padding:15px 18px;border-left:4px solid var(--red)}.hero-markets span{font-size:9px;letter-spacing:.2em;color:#aeb6bb}.hero-markets b{font:600 13px var(--display);letter-spacing:.08em}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 5vw;background:#fff;border-bottom:1px solid var(--line)}.trust-strip>div{display:flex;align-items:center;gap:16px;padding:5px 25px;border-right:1px solid var(--line)}.trust-strip>div:last-child{border:0}.trust-strip strong{font:700 26px var(--display);color:var(--red)}.trust-strip p{display:flex;flex-direction:column;margin:0}.trust-strip b{font:700 15px var(--display);letter-spacing:.08em}.trust-strip small{color:var(--muted);font-size:12px}.section{padding:95px 6vw}.section-tag{color:#707b82}.about{background:#fff}.about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:8vw;margin-top:28px}.section h2,.trade h2{font:800 clamp(44px,5vw,74px)/.92 var(--display);margin:0;letter-spacing:-.01em}.about h2 span{color:#8b9499}.about-copy{border-left:1px solid var(--line);padding-left:5vw}.about-copy p{color:#4f5b63}.about-copy .large{font-size:19px;color:#202b33}.products{background:var(--paper)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}.section-head p{max-width:390px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{background:#fff;border:1px solid var(--line);overflow:hidden;box-shadow:0 10px 30px #14202a0a;transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #14202a16}.product-card img{width:100%;height:245px;object-fit:cover}.product-body{padding:24px}.product-body>span{font:700 12px var(--display);letter-spacing:.18em;color:var(--red)}.product-body h3{font:700 29px var(--display);margin:5px 0 8px}.product-body p{font-size:13px;color:var(--muted);min-height:62px}.product-body a{font-size:12px;font-weight:700;color:var(--red)}.trade{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:8vw;padding:90px 6vw;background:#111b23;color:#fff}.section-tag.light{color:#b6bec3}.trade-copy p{color:#b9c0c4;max-width:520px}.text-link{color:#ff3b43;font-weight:700}.trade-regions{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.trade-regions>div:not(.route-line){position:relative;z-index:2;min-height:210px;padding:28px 24px;background:#1b2832;border:1px solid #394852;display:flex;flex-direction:column;justify-content:flex-end}.trade-regions span{font:700 44px var(--display);color:#d82028}.trade-regions b{font:700 24px var(--display)}.trade-regions small{color:#9faab0}.route-line{position:absolute;left:8%;right:8%;top:46%;height:2px;background:var(--red);z-index:1}.values{background:#fff}.values>h2{margin:18px 0 42px}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.value-grid>div{padding:34px;border-right:1px solid var(--line)}.value-grid>div:last-child{border:0}.value-grid strong{font:700 40px var(--display);color:var(--red)}.value-grid h3{font:700 26px var(--display);margin:7px 0}.value-grid p{font-size:13px;color:var(--muted)}.linkedin-band{display:flex;justify-content:space-between;align-items:center;padding:28px 6vw;background:#edf2f5;border-block:1px solid #d8e0e4}.linkedin-band>div{display:flex;align-items:center;gap:18px}.linkedin-icon{background:#0a66c2;color:#fff;padding:8px 10px;font-size:23px;font-weight:800}.linkedin-band p{display:flex;flex-direction:column;margin:0}.linkedin-band small{color:var(--muted)}.quote{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;background:#f7f8f8}.quote-intro p{color:var(--muted)}.contact-mini{display:flex;flex-direction:column;gap:9px;margin-top:26px}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote-form label{font:600 13px var(--display);letter-spacing:.06em}.quote-form input,.quote-form select,.quote-form textarea{display:block;width:100%;margin-top:7px;background:#fff;color:#17212a;border:1px solid #cbd2d6;padding:14px;font:14px var(--font);outline:none}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--red)}.full{grid-column:1/-1}.form-note{margin:0;color:#7a858c;font-size:11px}footer{display:grid;grid-template-columns:1.3fr 1fr .8fr .9fr;gap:48px;padding:65px 6vw 30px;background:#0e171e;color:#fff;border-top:4px solid var(--red)}footer .brand b{color:#fff}footer h4{font:700 14px var(--display);letter-spacing:.2em;color:#b9c1c5}footer p,footer a{font-size:13px;color:#d0d5d7}footer>div:not(.footer-brand):not(.copyright){display:flex;flex-direction:column;gap:7px}footer span{color:#8d989e}.footer-brand p{color:#8d989e;max-width:310px}.socials{display:flex;gap:9px}.socials a{width:38px;height:38px;display:grid;place-items:center;border:1px solid #66727a;font-weight:800;font-size:18px}.socials a:hover{background:var(--red);border-color:var(--red)}.pending{opacity:.55}.pending-note{color:#78838a;max-width:210px}.copyright{grid-column:1/-1;border-top:1px solid #334049;padding-top:22px;margin-top:20px;color:#727f86;font-size:11px}.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1050px){.header-cta{display:none}.nav{gap:17px}.product-grid{grid-template-columns:repeat(2,1fr)}.value-grid{grid-template-columns:repeat(2,1fr)}.value-grid>div:nth-child(2){border-right:0}.trade,.quote{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}}@media(max-width:760px){.site-header{height:72px;padding:0 18px}.brand{min-width:0}.brand img{width:50px;height:40px}.brand b{font-size:20px}.brand small{display:none}.menu-toggle{display:flex;margin-left:auto;flex-direction:column;gap:5px;background:none;border:0}.menu-toggle span{width:27px;height:2px;background:#17212a}.nav{position:absolute;top:72px;left:0;right:0;display:none;flex-direction:column;background:#fff;padding:22px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{height:680px;min-height:0}.hero-content{padding:0 24px}.hero h1{font-size:62px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-markets{left:24px;right:24px;bottom:20px;justify-content:space-between;gap:8px}.hero-markets span{display:none}.trust-strip{grid-template-columns:1fr 1fr;padding:10px}.trust-strip>div{padding:14px 10px;border-bottom:1px solid var(--line)}.section{padding:65px 24px}.about-grid{grid-template-columns:1fr}.about-copy{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.section-head{display:block}.product-grid{grid-template-columns:1fr}.product-card img{height:230px}.trade{padding:65px 24px}.trade-regions{grid-template-columns:1fr}.trade-regions>div:not(.route-line){min-height:125px}.route-line{display:none}.value-grid{grid-template-columns:1fr}.value-grid>div{border-right:0;border-bottom:1px solid var(--line)}.linkedin-band{align-items:flex-start;gap:20px;flex-direction:column;padding:26px 24px}.quote-form{grid-template-columns:1fr}.full{grid-column:auto}footer{grid-template-columns:1fr;padding:55px 24px}.copyright{grid-column:auto}}


/* ===== V3 RESPONSIVE / CROSS-BROWSER PATCH ===== */
*, *::before, *::after { box-sizing: border-box; }
html { width: 100%; max-width: 100%; overflow-x: hidden; scroll-behavior: smooth; }
body { width: 100%; max-width: 100%; overflow-x: hidden; margin: 0; }
img, svg, video { display: block; max-width: 100%; }
main, section, header, footer, .section, .hero, .trust-strip, .product-grid,
.about-grid, .value-grid, .trade, .linkedin-band, .quote { min-width: 0; max-width: 100%; }


@media (min-width: 901px) {
  .hero { overflow: hidden; }
  .hero-content { width: min(760px, calc(100vw - 96px)); }
  .hero-actions { display: flex; flex-wrap: wrap; align-items: stretch; gap: 14px; }
  .hero-actions .btn { width: auto; min-width: 210px; }
  .hero-markets { left: auto; right: clamp(32px, 5vw, 80px); width: min(650px, 46vw); }
  .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .product-card { min-width: 0; }
  .product-card img, .product-placeholder { width: 100%; }
}

@media (max-width: 900px) {
  .site-header { width: 100%; }
  .hero {
    min-height: 0;
    height: auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
  }
  .hero-photo, .hero-shade {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .hero-photo { object-fit: cover; }
  .hero-content {
    position: relative;
    inset: auto;
    z-index: 2;
    width: 100%;
    max-width: none;
    padding: clamp(42px, 9vw, 74px) clamp(20px, 6vw, 42px) 26px;
  }
  .hero-content h1 { max-width: 100%; overflow-wrap: normal; word-break: normal; }
  .hero-content .lead { max-width: 100%; }
  .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    width: 100%;
    margin-top: 24px;
  }
  .hero-actions .btn {
    width: 100%;
    min-width: 0;
    justify-content: center;
    margin: 0;
  }
  .hero-markets {
    position: relative;
    z-index: 2;
    inset: auto;
    width: calc(100% - 40px);
    margin: 0 20px 24px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
  }
  .hero-markets > span { grid-column: 1 / -1; }
  .hero-markets b { min-width: 0; text-align: center; font-size: clamp(15px, 4vw, 20px); }
  .trust-strip { position: relative; z-index: 3; }
  .product-grid { grid-template-columns: 1fr; }
  .product-placeholder { min-height: 230px; }
}

@media (max-width: 520px) {
  .hero-content { padding-left: 20px; padding-right: 20px; }
  .hero-content h1 { font-size: clamp(56px, 16vw, 82px); line-height: .88; }
  .hero-content .lead { font-size: clamp(19px, 5.2vw, 25px); line-height: 1.5; }
  .hero-markets {
    width: calc(100% - 32px);
    margin-left: 16px;
    margin-right: 16px;
  }
  .hero-markets b { padding: 14px 5px; }
}


/* ===== V3.2 DESKTOP HERO OVERLAP FIX ===== */
@media (min-width: 901px) {
  .hero {
    height: auto;
    min-height: 760px;
    padding-top: 58px;
    padding-bottom: 118px;
    align-items: center;
  }

  .hero-content {
    align-self: center;
  }

  .hero-actions {
    position: relative;
    z-index: 4;
    margin-bottom: 0;
  }

  .trust-strip {
    position: relative;
    z-index: 5;
  }
}