/* =========================
       SCOPED STYLES ONLY
       Will not affect your menu/header because everything is under #lathell-b2b
       ========================= */

    #lathell-b2b{
      --navy:#192635;
      --navy2:#0f1b28;
      --gold:#caa24a;
      --ink:#0f1720;
      --ink2:#2b3642;
      --paper:#ffffff;
      --paper2:#f7f9fb;
      --shadow:0 14px 34px rgba(0,0,0,.18);
      --shadow2:0 10px 26px rgba(0,0,0,.10);

      background: var(--paper);
      color: var(--ink);
      width:100%;
      display:block;
    }

    #lathell-b2b *{box-sizing:border-box;}

    #lathell-b2b .b2b-container{
      max-width:1180px;
      margin:0 auto;
      padding:0 22px;
    }

    #lathell-b2b .b2b-rule{
      height:1px;
      background: linear-gradient(90deg, transparent, rgba(202,162,74,.55), transparent);
    }

    /* HERO */
    #lathell-b2b .b2b-hero{
      width:100%;
      background:
        radial-gradient(1100px 420px at 45% 0%, rgba(202,162,74,.14), transparent 60%),
        linear-gradient(180deg, var(--navy2), var(--navy));
      color:#fff;
      border-bottom: 1px solid rgba(202,162,74,.32);
      padding: 64px 0 56px;
    }

    #lathell-b2b .b2b-hero-grid{
      display:grid;
      grid-template-columns: 1.15fr .85fr;
      gap: 26px;
      align-items:center;
    }

    #lathell-b2b .b2b-badge{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:8px 12px;
      border-radius:999px;
      border:1px solid rgba(202,162,74,.40);
      background: rgba(202,162,74,.10);
      color:#fff;
      font-size:12px;
      letter-spacing:.10em;
      text-transform:uppercase;
      font-weight:800;
    }

    #lathell-b2b .b2b-badge .dot{
      width:8px;height:8px;border-radius:99px;background:var(--gold);
      box-shadow:0 0 0 4px rgba(202,162,74,.18);
    }

    #lathell-b2b h1{
      margin:16px 0 14px;
      font-size:46px;
      line-height:1.08;
      font-weight:900;
      color:#fff;
    }

    #lathell-b2b .b2b-hero p{
      margin:0;
      max-width:820px;
      font-size:16.5px;
      line-height:1.75;
      color: rgba(255,255,255,.92);
      font-weight:500;
    }

    #lathell-b2b .b2b-actions{
      margin-top:18px;
      display:flex;
      gap:12px;
      flex-wrap:wrap;
    }

    #lathell-b2b .b2b-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding: 13px 18px;
      border-radius: 12px;
      text-decoration:none;
      font-weight: 900;
      letter-spacing:.02em;
      border:1px solid rgba(202,162,74,.70);
      color:#fff;
      background: linear-gradient(180deg, rgba(202,162,74,.28), rgba(202,162,74,.16));
    }

    #lathell-b2b .b2b-btn:hover{filter:brightness(1.08);}

    #lathell-b2b .b2b-btn.secondary{
      border:1px solid rgba(255,255,255,.22);
      background: rgba(255,255,255,.06);
      color:#fff;
    }

    #lathell-b2b .b2b-btn.secondary:hover{background: rgba(255,255,255,.10);}

    #lathell-b2b .b2b-hero-card{
      background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.05));
      border: 1px solid rgba(255,255,255,.14);
      border-top: 2px solid rgba(202,162,74,.65);
      border-radius: 14px;
      padding: 18px;
      box-shadow: var(--shadow);
    }

    #lathell-b2b .b2b-hero-card h3{
      margin:0 0 12px;
      font-size:14px;
      letter-spacing:.10em;
      text-transform:uppercase;
      font-weight:900;
      color: rgba(255,255,255,.96);
    }

    #lathell-b2b .b2b-metrics{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:12px;
    }

    #lathell-b2b .b2b-metric{
      border-radius:12px;
      background: rgba(0,0,0,.14);
      border:1px solid rgba(255,255,255,.12);
      padding:12px;
    }

    #lathell-b2b .b2b-metric .label{
      font-size:11px;
      letter-spacing:.10em;
      text-transform:uppercase;
      color: rgba(255,255,255,.86);
      font-weight:800;
    }

    #lathell-b2b .b2b-metric .value{
      margin-top:6px;
      font-size:13px;
      line-height:1.35;
      color:#fff;
      font-weight:800;
    }

    /* SECTIONS */
    #lathell-b2b .b2b-section{
      padding:62px 0;
      background: var(--paper);
    }

    #lathell-b2b .b2b-section.alt{
      background: var(--paper2);
      border-top: 1px solid rgba(15,23,32,.06);
      border-bottom: 1px solid rgba(15,23,32,.06);
    }

    #lathell-b2b h2{
      margin:0 0 14px;
      font-size:30px;
      line-height:1.15;
      font-weight:900;
      color: var(--ink);
    }

    #lathell-b2b .lead{
      margin:0;
      max-width:1040px;
      color: var(--ink2);
      font-size:16px;
      line-height:1.8;
      font-weight:500;
    }

    /* BAND */
    #lathell-b2b .b2b-band{
      margin-top:26px;
      display:grid;
      grid-template-columns: 1.22fr .78fr;
      gap:16px;
      align-items:stretch;
    }

    #lathell-b2b .b2b-band-left{
      background: var(--paper);
      border: 1px solid rgba(15,23,32,.10);
      border-left: 4px solid var(--gold);
      border-radius: 14px;
      padding: 22px;
      box-shadow: var(--shadow2);
    }

    #lathell-b2b .b2b-band-left h3{
      margin:0 0 10px;
      font-size:16px;
      font-weight:900;
      color: var(--ink);
    }

    #lathell-b2b .b2b-band-left p{
      margin:0;
      color: var(--ink2);
      font-size:15px;
      line-height:1.8;
      font-weight:500;
    }

    #lathell-b2b .b2b-band-right{
      background: linear-gradient(180deg, rgba(202,162,74,.16), rgba(255,255,255,.92));
      border: 1px solid rgba(202,162,74,.40);
      border-radius: 14px;
      padding: 22px;
      box-shadow: var(--shadow2);
    }

    #lathell-b2b .b2b-band-right h4{
      margin:0 0 12px;
      font-size:12px;
      letter-spacing:.12em;
      text-transform:uppercase;
      font-weight:900;
      color: var(--ink);
    }

    #lathell-b2b .b2b-list{
      list-style:none;
      padding:0;margin:0;
    }

    #lathell-b2b .b2b-list li{
      padding:10px 0;
      border-top:1px solid rgba(15,23,32,.10);
      color: var(--ink);
      font-size:14px;
      line-height:1.5;
      font-weight:700;
    }

    #lathell-b2b .b2b-list li:first-child{border-top:none;}

    #lathell-b2b .b2b-list li span{
      color: var(--ink2);
      font-weight:700;
    }

    /* CARDS */
    #lathell-b2b .b2b-grid{
      margin-top:28px;
      display:grid;
      grid-template-columns: repeat(12, 1fr);
      gap:16px;
    }

    #lathell-b2b .b2b-card{
      grid-column: span 4;
      background: var(--paper);
      border: 1px solid rgba(15,23,32,.10);
      border-radius: 14px;
      padding: 20px 20px 18px;
      box-shadow: var(--shadow2);
      position:relative;
      overflow:hidden;
    }

    #lathell-b2b .b2b-card:before{
      content:"";
      position:absolute;
      inset:0;
      background: radial-gradient(500px 180px at 20% 0%, rgba(202,162,74,.12), transparent 60%);
      pointer-events:none;
    }

    #lathell-b2b .b2b-top{
      position:relative;
      display:flex;
      gap:12px;
      align-items:flex-start;
      margin-bottom:10px;
    }

    #lathell-b2b .b2b-icon{
      width:36px;height:36px;
      border-radius:12px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-weight:900;
      color: var(--ink);
      background: rgba(202,162,74,.22);
      border:1px solid rgba(202,162,74,.45);
      flex:0 0 auto;
    }

    #lathell-b2b .b2b-card h3{
      position:relative;
      margin:0;
      font-size:16px;
      line-height:1.25;
      font-weight:900;
      color: var(--ink);
    }

    #lathell-b2b .b2b-card p{
      position:relative;
      margin:0;
      color: var(--ink2);
      font-size:14.8px;
      line-height:1.75;
      font-weight:500;
    }

    /* CONTENT BLOCK */
    #lathell-b2b .b2b-block{
      margin-top:22px;
      background: var(--paper);
      border: 1px solid rgba(15,23,32,.10);
      border-radius: 14px;
      padding: 22px;
      box-shadow: var(--shadow2);
    }

    #lathell-b2b .b2b-block h3{
      margin:0 0 10px;
      font-size:16px;
      font-weight:900;
      color: var(--ink);
    }

    #lathell-b2b .b2b-block p{
      margin:0;
      color: var(--ink2);
      font-size:15px;
      line-height:1.8;
      font-weight:500;
    }

    /* CTA */
    #lathell-b2b .b2b-cta{
      width:100%;
      background:
        radial-gradient(950px 380px at 50% 0%, rgba(202,162,74,.14), transparent 64%),
        linear-gradient(180deg, var(--navy), var(--navy2));
      color:#fff;
      border-top: 1px solid rgba(202,162,74,.32);
      padding: 64px 0;
      text-align:center;
    }

    #lathell-b2b .b2b-cta h2{
      color:#fff;
      margin:0 0 10px;
      font-size:30px;
      font-weight:900;
    }

    #lathell-b2b .b2b-cta p{
      margin:0 auto 22px;
      max-width:960px;
      color: rgba(255,255,255,.92);
      font-size:15.8px;
      line-height:1.8;
      font-weight:500;
    }

    #lathell-b2b .b2b-fine{
      margin:16px auto 0;
      max-width:980px;
      font-size:12.5px;
      line-height:1.7;
      color: rgba(255,255,255,.82);
    }

    /* Responsive */
    @media (max-width: 980px){
      #lathell-b2b .b2b-hero-grid{grid-template-columns:1fr;}
      #lathell-b2b h1{font-size:38px;}
      #lathell-b2b .b2b-band{grid-template-columns:1fr;}
      #lathell-b2b .b2b-card{grid-column: span 6;}
    }
    @media (max-width: 640px){
      #lathell-b2b h1{font-size:32px;}
      #lathell-b2b .b2b-card{grid-column: span 12;}
      #lathell-b2b h2{font-size:26px;}
    }
  html, body, #container
{
   width: 100%;
   height: 100%;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text3 div
{
   text-align: left;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text2 div
{
   text-align: left;
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text4 div
{
   text-align: left;
}
#wb_Extension2
{
   position: relative;
}
#Extension2
{
   overflow: hidden;
   background-color: #192635;
   text-align: center;
;
}
#Extension2 a
{
   display: inline-block;
   font-family: Times New Roman;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   color: #FFFFFF;
   padding: 8px 6px 8px 6px;
   text-align: center;
   text-decoration: none;
   transition: all 200ms ease-out;
}
#Extension2 .secondlevel
{
   display: inline-block;
   overflow: hidden;
   vertical-align: top;
}
#Extension2 .secondlevel .secondlevelbtn
{
   font-family: Times New Roman;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   border: none;
   outline: none;
   color: #FFFFFF;
   padding: 8px 6px 8px 6px;
   background-color: inherit;
   margin: 0;
   transition: all 200ms ease-out;
}
#Extension2 a:hover, #Extension2 .secondlevel:hover .secondlevelbtn 
{
   background-color: #C09244;
   color: #000000;
}
#Extension2 .secondlevel-content
{
   background-color: #C09244;
   display: none;
   left: 0;
   opacity: 0;
   position: absolute;
   transition: opacity 200ms ease-out;
   width: 100%;
   z-index: 1;
}
#Extension2 .secondlevel-content a
{
   display: inline-block;
   color: #000000;
   padding: 5px 10px 5px 10px;
   text-decoration: none;
}
#Extension2 .secondlevel-content a:hover 
{
   background-color: #F5F5F5;
   color: #454545;
}
#Extension2 .secondlevel:hover .secondlevel-content 
{
   display: block;
   opacity: 1;
}
#Extension2-align
{
   display:inline-block;
}
#wb_Text5 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text5 div
{
   text-align: left;
}
#wb_Image4
{
   vertical-align: top;
}
#Image4
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
#wb_Text6 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text6 div
{
   text-align: left;
}
#wb_Line1
{
   font-size: 0;
}
#Line1
{
   border-width: 0;
   height: 9px;
   width: 1273px;
}