:root{
    --navy:#0C2159;
    --blue:#1B3FA0;
    --blue-bright:#2A52C7;
    --silver:#C7CBD3;
    --silver-light:#EFF1F4;
    --white:#FFFFFF;
    --ink:#1B2028;
    --ink-soft:#5B6373;
    box-sizing:border-box;
  }
  *{box-sizing:inherit;margin:0;padding:0;}
  html{scroll-padding-top:80px;}
  body{
    font-family:'Inter',sans-serif;
    color:var(--ink);
    background:var(--white);
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  h1,h2,h3,.logo{font-family:'Archivo',sans-serif;}
  a{text-decoration:none;color:inherit;}
  img{max-width:100%;display:block;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 32px;}

  /* NAV */
  header{
    position:sticky;top:0;z-index:50;background:var(--white);
    border-bottom:1px solid #E7E9ED;
  }
  nav.wrap{display:flex;align-items:center;justify-content:space-between;height:78px;}
  .logo{font-weight:900;font-size:1.5rem;letter-spacing:.5px;color:var(--navy);}
  .logo span{color:var(--blue-bright);}
  .navlinks{display:flex;gap:34px;font-weight:500;font-size:.95rem;color:var(--ink);}
  .navlinks a:hover{color:var(--blue);}
  .navcta{background:var(--blue);color:var(--white);padding:11px 22px;border-radius:2px;font-weight:600;font-size:.9rem;}
  .navcta:hover{background:var(--navy);}
  @media(max-width:820px){.navlinks{display:none;}}

  /* HERO — die-stamp edge motif */
  .hero{
    position:relative;background:var(--navy);color:var(--white);
    padding:88px 0 0;overflow:hidden;
  }
  .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;position:relative;z-index:2;}
  .hero-eyebrow{color:var(--silver);font-weight:600;font-size:.85rem;letter-spacing:.3px;margin-bottom:18px;}
  .hero h1{font-size:3.2rem;line-height:1.06;font-weight:900;margin-bottom:22px;}
  .hero h1 em{font-style:normal;color:var(--silver);}
  .hero p{font-size:1.08rem;color:#C9CFDD;max-width:480px;line-height:1.6;margin-bottom:32px;}
  .hero-actions{display:flex;gap:16px;margin-bottom:64px;}
  .btn-primary{background:var(--blue-bright);color:var(--white);padding:15px 28px;font-weight:600;border-radius:2px;}
  .btn-primary:hover{background:#3A62D8;}
  .btn-ghost{border:1.5px solid #4A5A87;color:var(--white);padding:15px 28px;font-weight:600;border-radius:2px;}
  .btn-ghost:hover{border-color:var(--white);}
  .hero-art{position:relative;height:380px;display:flex;align-items:center;justify-content:center;}
  .die-shape{position:absolute;}
  .stat-strip{
    position:relative;z-index:2;background:var(--blue);
    clip-path:polygon(0 22px,3% 0,97% 0,100% 22px,100% 100%,0 100%);
    margin-top:-1px;
  }
  .stat-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding:34px 32px 30px;}
  .stat{text-align:left;border-left:1px solid rgba(255,255,255,.25);padding-left:22px;}
  .stat:first-child{border-left:none;padding-left:0;}
  .stat b{display:block;font-family:'Archivo',sans-serif;font-size:1.9rem;color:var(--white);}
  .stat span{font-size:.85rem;color:#C9D3EE;}
  @media(max-width:820px){
    .hero-grid{grid-template-columns:1fr;}
    .hero h1{font-size:2.2rem;}
    .hero-art{height:200px;order:-1;}
    .stat-strip .wrap{grid-template-columns:repeat(2,1fr);row-gap:22px;}
  }

  section{padding:96px 0;}
  .eyebrow{color:var(--blue);font-weight:600;font-size:.85rem;margin-bottom:12px;}
  .section-head{max-width:640px;margin-bottom:56px;}
  .section-head h2{font-size:2.1rem;font-weight:900;color:var(--navy);line-height:1.2;}
  .section-head p{color:var(--ink-soft);margin-top:14px;font-size:1.02rem;line-height:1.6;}

  /* ABOUT */
  .about{background:var(--silver-light);}
  .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
  .about-copy p{color:var(--ink-soft);line-height:1.75;margin-bottom:16px;font-size:1.02rem;}
  .about-panel{background:var(--navy);color:var(--white);padding:40px;border-radius:2px;}
  .about-panel dl{display:grid;grid-template-columns:1fr 1fr;row-gap:22px;}
  .about-panel dt{font-size:.78rem;color:var(--silver);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;}
  .about-panel dd{font-weight:600;font-size:1.02rem;}
  @media(max-width:820px){.about-grid{grid-template-columns:1fr;gap:36px;}}

  /* PRODUCTS */
  .products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
  .pcard{border:1px solid #E3E6EB;padding:34px 26px;border-radius:2px;transition:border-color .15s;}
  .pcard:hover{border-color:var(--blue);}
  .pcard .icon{width:52px;height:52px;margin-bottom:22px;}
  .pcard h3{font-size:1.12rem;color:var(--navy);margin-bottom:10px;}
  .pcard p{color:var(--ink-soft);font-size:.92rem;line-height:1.55;}
  @media(max-width:960px){.products-grid{grid-template-columns:1fr 1fr;}}
  @media(max-width:560px){.products-grid{grid-template-columns:1fr;}}

  /* WHY */
  .why{background:var(--navy);color:var(--white);}
  .why .section-head h2{color:var(--white);}
  .why .section-head p{color:#B9C2DA;}
  .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.14);}
  .why-item{background:var(--navy);padding:34px 30px;}
  .why-item h3{font-size:1.05rem;margin-bottom:10px;}
  .why-item p{color:#B9C2DA;font-size:.92rem;line-height:1.6;}
  @media(max-width:820px){.why-grid{grid-template-columns:1fr;}}

  /* LOCATIONS */
  .loc-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start;}
  .loc-list{display:flex;flex-wrap:wrap;gap:12px;}
  .loc-chip{border:1px solid var(--silver);color:var(--navy);padding:10px 18px;border-radius:2px;font-weight:600;font-size:.92rem;background:var(--silver-light);}
  .loc-panel{background:var(--silver-light);padding:34px;border-left:4px solid var(--blue);}
  .loc-panel p{color:var(--ink-soft);line-height:1.65;margin-top:10px;}
  @media(max-width:820px){.loc-grid{grid-template-columns:1fr;}}

  /* CTA */
  .cta{background:var(--blue);color:var(--white);text-align:center;}
  .cta h2{font-size:2rem;font-weight:900;margin-bottom:16px;}
  .cta p{color:#D6DEF4;max-width:520px;margin:0 auto 30px;}
  .cta .btn-primary{background:var(--white);color:var(--blue);}
  .cta .btn-primary:hover{background:var(--silver-light);}

  /* FOOTER */
  footer{background:var(--navy);color:#AEB8D4;padding:64px 0 30px;}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;margin-bottom:48px;}
  .foot-grid h4{color:var(--white);font-size:.85rem;letter-spacing:.4px;margin-bottom:18px;}
  .foot-grid p,.foot-grid li{font-size:.92rem;line-height:1.8;}
  .foot-grid ul{list-style:none;}
  .foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:24px;font-size:.82rem;display:flex;justify-content:space-between;}
  @media(max-width:820px){.foot-grid{grid-template-columns:1fr;}.foot-bottom{flex-direction:column;gap:8px;}}