/* ===== Template 5 — Manufacturing Buyer Intelligence / full-bleed bands ===== */
    :root{
      --navy-950:#081a33; --navy-900:#0b2545; --navy-800:#13315c; --navy-700:#1d4373;
      --steel-100:#eef2f7; --steel-200:#dde5ee; --steel-400:#8da2b8; --steel-500:#64798f;
      --ink:#101d2e; --paper:#ffffff; --accent:#3f8efc; --accent-2:#7ab5ff; --gold:#e8b45a;
      --display:'Barlow Condensed',Impact,sans-serif;
      --sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);
      line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased}
    h1,h2,h3{margin:0 0 .4em;line-height:1.05;font-family:var(--display);
      font-weight:800;letter-spacing:.01em;text-transform:uppercase}
    p{margin:0 0 1em}
    a{color:var(--accent);text-decoration:none}
    .wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 28px}
    .band{padding:96px 0}
    .band-dark{background:var(--navy-900);color:var(--steel-200)}
    .band-dark h2,.band-dark h3{color:#fff}
    .band-steel{background:var(--steel-100)}
    .kicker{display:inline-block;font-family:var(--sans);font-size:.75rem;font-weight:700;
      letter-spacing:.26em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}
    .band-dark .kicker{color:var(--accent-2)}
    .band-title{font-size:clamp(2rem,5vw,3.3rem)}
    .band-sub{max-width:640px;font-size:1.08rem;color:var(--steel-500)}
    .band-dark .band-sub{color:var(--steel-400)}
    .btn{display:inline-block;padding:16px 34px;font-weight:700;font-size:1rem;cursor:pointer;
      border:2px solid transparent;letter-spacing:.02em;transition:background .15s,color .15s,border-color .15s}
    .btn-solid{background:var(--accent);color:#fff}
    .btn-solid:hover{background:#2c7bea}
    .btn-line{border-color:var(--steel-400);color:#fff}
    .btn-line:hover{border-color:#fff}

    /* header */
    header.site{position:sticky;top:0;z-index:60;background:var(--navy-950);border-bottom:1px solid var(--navy-800)}
    .nav{display:flex;align-items:center;justify-content:space-between;height:72px;gap:18px}
    .logo{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:800;
      font-size:1.35rem;text-transform:uppercase;letter-spacing:.04em;color:#fff}
    .logo .mark{width:40px;height:40px;display:grid;place-items:center;background:var(--accent);
      color:#fff;font-size:1.25rem}
    .nav-links{display:flex;gap:34px;list-style:none;margin:0;padding:0}
    .nav-links a{color:var(--steel-400);font-weight:600;font-size:.94rem}
    .nav-links a:hover{color:#fff}
    .nav .btn{padding:11px 22px;font-size:.9rem}
    .burger{display:none;background:none;border:0;color:#fff;font-size:1.7rem;cursor:pointer;line-height:1}

    /* hero — full-bleed navy, left aligned, oversized type */
    .hero{background:linear-gradient(160deg,var(--navy-950) 0%,var(--navy-900) 55%,var(--navy-800) 100%);
      color:#fff;position:relative;overflow:hidden}
    .hero::after{content:"";position:absolute;right:-140px;top:-140px;width:560px;height:560px;
      border:1px solid rgba(122,181,255,.18);transform:rotate(45deg)}
    .hero::before{content:"";position:absolute;right:-40px;top:60px;width:560px;height:560px;
      border:1px solid rgba(122,181,255,.10);transform:rotate(45deg)}
    .hero .wrap{position:relative;padding-top:110px;padding-bottom:110px}
    .hero h1{font-size:clamp(2.7rem,7.5vw,5.4rem);max-width:900px;color:#fff}
    .hero h1 em{font-style:normal;color:var(--accent-2)}
    .hero .intro{font-size:clamp(1.05rem,2.2vw,1.3rem);color:var(--steel-400);max-width:640px;margin:22px 0 40px}
    .hero-actions{display:flex;gap:18px;flex-wrap:wrap}
    .hero-note{margin-top:26px;font-size:.9rem;color:var(--steel-500)}

    /* full-bleed stat strip */
    .statstrip{background:var(--accent);color:#fff}
    .statstrip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
    .statstrip .cell{padding:38px 26px;border-left:1px solid rgba(255,255,255,.25)}
    .statstrip .cell:first-child{border-left:0}
    .statstrip .num{font-family:var(--display);font-weight:800;font-size:clamp(2rem,4.5vw,3.1rem);line-height:1}
    .statstrip .lbl{font-size:.85rem;opacity:.9;margin-top:6px;letter-spacing:.03em}

    /* value proposition */
    .value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:56px}
    .value .glyph{width:56px;height:56px;display:grid;place-items:center;background:var(--navy-900);
      color:var(--accent-2);margin-bottom:20px}
    .value h3{font-size:1.35rem;color:var(--ink)}
    .value p{color:var(--steel-500);font-size:.97rem;margin:0}

    /* how it works — dark band, giant numerals */
    .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:64px;
      border-top:1px solid var(--navy-700)}
    .step{padding:44px 34px 10px;border-left:1px solid var(--navy-700)}
    .step:first-child{border-left:0;padding-left:0}
    .step .bignum{font-family:var(--display);font-weight:800;font-size:clamp(4.2rem,9vw,7rem);
      line-height:.9;color:transparent;-webkit-text-stroke:2px var(--accent-2);margin-bottom:18px}
    .step h3{font-size:1.5rem}
    .step p{color:var(--steel-400);font-size:.98rem}

    /* capabilities — steel band, edge-to-edge feature rows */
    .caps{margin-top:60px;border-top:1px solid var(--steel-200)}
    .cap{display:grid;grid-template-columns:90px 1.1fr 1.6fr;gap:26px;align-items:baseline;
      padding:30px 0;border-bottom:1px solid var(--steel-200)}
    .cap .idx{font-family:var(--display);font-weight:700;font-size:1.6rem;color:var(--steel-400)}
    .cap h3{font-size:1.35rem;margin:0}
    .cap p{margin:0;color:var(--steel-500);font-size:.98rem}

    /* social proof — navy band */
    .proofstats{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin:56px 0 70px}
    .proofstats .num{font-family:var(--display);font-weight:800;font-size:clamp(2.6rem,6vw,4.2rem);
      line-height:1;color:var(--gold)}
    .proofstats .lbl{color:var(--steel-400);margin-top:8px;font-size:.95rem}
    .quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--navy-700)}
    .quote{background:var(--navy-800);padding:36px 32px}
    .quote .qmark{font-family:var(--display);font-size:3rem;line-height:1;color:var(--accent-2)}
    .quote p{color:var(--steel-200);font-size:.98rem;margin:8px 0 22px}
    .quote .who{font-weight:700;color:#fff;font-size:.93rem}
    .quote .role{color:var(--steel-400);font-size:.85rem}

    /* CTA band */
    .cta-band{background:linear-gradient(120deg,var(--navy-800),var(--navy-900));color:#fff}
    .cta-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
    .cta-form{background:var(--navy-950);padding:38px;border:1px solid var(--navy-700)}
    .cta-form .row{margin-bottom:16px}
    .cta-form label{display:block;font-size:.8rem;font-weight:600;letter-spacing:.08em;
      text-transform:uppercase;color:var(--steel-400);margin-bottom:6px}
    .cta-form input{width:100%;padding:13px 14px;background:var(--navy-900);border:1px solid var(--navy-700);
      color:#fff;font-family:var(--sans);font-size:.95rem}
    .cta-form input:focus{outline:2px solid var(--accent);border-color:var(--accent)}
    .cta-form .btn{width:100%;text-align:center;margin-top:6px}
    .cta-form .fine{font-size:.8rem;color:var(--steel-500);margin:14px 0 0;text-align:center}

    /* footer */
    footer.site{background:var(--navy-950);color:var(--steel-400);padding:54px 0 42px;
      border-top:1px solid var(--navy-800)}
    .foot{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;font-size:.92rem}
    .foot nav{display:flex;gap:26px;flex-wrap:wrap}
    .foot a{color:var(--steel-400)}
    .foot a:hover{color:#fff}
    .foot-fine{margin-top:14px;font-size:.78rem;color:var(--steel-500)}

    @media(max-width:1000px){
      .statstrip .wrap{grid-template-columns:repeat(2,1fr)}
      .statstrip .cell:nth-child(3){border-left:0}
      .statstrip .cell{border-top:1px solid rgba(255,255,255,.25)}
      .statstrip .cell:nth-child(-n+2){border-top:0}
      .value-grid{grid-template-columns:repeat(2,1fr)}
      .steps{grid-template-columns:1fr}
      .step{border-left:0;border-top:1px solid var(--navy-700);padding:38px 0 6px}
      .step:first-child{border-top:0}
      .proofstats{grid-template-columns:1fr;gap:26px}
      .quotes{grid-template-columns:1fr}
      .cap{grid-template-columns:56px 1fr;grid-template-rows:auto auto}
      .cap p{grid-column:2}
      .cta-inner{grid-template-columns:1fr;gap:40px}
    }
    @media(max-width:720px){
      .band{padding:70px 0}
      .nav-links{display:none}
      .nav > .btn-solid{display:none}
      .burger{display:block}
      .nav-links.open{display:flex;position:absolute;top:72px;left:0;right:0;flex-direction:column;
        gap:0;background:var(--navy-950);border-bottom:1px solid var(--navy-800);padding:10px 0}
      .nav-links.open li{padding:13px 28px}
      .value-grid{grid-template-columns:1fr}
    }