.elementor-2186 .elementor-element.elementor-element-ce1b61d > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2186 .elementor-element.elementor-element-4187087 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2186 .elementor-element.elementor-element-9809adb > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2186 .elementor-element.elementor-element-c32f85b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2186 .elementor-element.elementor-element-b0797e9 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2186 .elementor-element.elementor-element-cfdebe4 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2186 .elementor-element.elementor-element-318f2bd > .elementor-element-populated{padding:0px 0px 0px 0px;}/* Start custom CSS */*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --background:           #f9fafb;
      --foreground:           #0e171e;
      --card:                 #ffffff;
      --card-foreground:      #0e171e;
      --primary:              #003f64;
      --primary-foreground:   #f8f8f8;
      --secondary:            #ecf3f8;
      --secondary-foreground: #19232a;
      --muted:                #e5ecf1;
      --muted-foreground:     #59656e;
      --accent:               #00848b;
      --accent-foreground:    #f8f8f8;
      --border:               #d8dfe4;
      --slate:                #ecf3f8; /* V0 uses bg-slate as a slightly-tinted section bg */
      --teal:                 #00848b;
      --radius:               0.5rem;
    }

    body {
      font-family: 'Geist', ui-sans-serif, system-ui, sans-serif;
      background-color: var(--background);
      color: var(--foreground);
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
    }
    a { text-decoration: none; color: inherit; }
    ul { list-style: none; }
    img { max-width: 100%; display: block; }

    /* ── HERO ── */
    .hero {
      position: relative; overflow: hidden;
      background: linear-gradient(to bottom, var(--slate), var(--background));
      padding: 3rem 1rem 4rem;
    }
    @media (min-width:768px) { .hero { padding: 5rem 1.5rem 6rem; } }

    .hero-inner { position: relative; z-index: 1; max-width: 80rem; margin: 0 auto; }

    .badge-pill {
      display: inline-flex; align-items: center; gap: .5rem;
      border: 1px solid rgba(0,63,100,.2); border-radius: 9999px;
      background: rgba(0,63,100,.05); padding: .375rem 1rem;
      font-size: .875rem; font-weight: 500; color: var(--primary);
      margin-bottom: 1.5rem;
    }

    h1 {
      font-size: 2.5rem; font-weight: 700; letter-spacing: -.025em;
      line-height: 1.15; color: var(--foreground); margin-bottom: 1.5rem;
    }
    @media (min-width:768px)  { h1 { font-size: 3rem; } }
    @media (min-width:1024px) { h1 { font-size: 3.75rem; } }
    .text-primary { color: var(--primary); }
    .text-teal    { color: var(--teal); }

    .hero-sub {
      font-size: 1.125rem; line-height: 1.75; color: var(--muted-foreground);
      max-width: 40rem; margin: 0 auto 2rem;
    }
    @media (min-width:768px) { .hero-sub { font-size: 1.25rem; } }

    .hero-center { max-width: 56rem; margin: 0 auto; text-align: center; }

    /* 4 navy pill tiles */
    .hero-tiles {
      display: grid; grid-template-columns: 1fr;
      gap: 1.5rem; max-width: 80rem; margin: 4rem auto 0;
    }
    @media (min-width:640px)  { .hero-tiles { grid-template-columns: repeat(2,1fr); } }
    @media (min-width:1024px) { .hero-tiles { grid-template-columns: repeat(4,1fr); } }

    .hero-tile {
      display: flex; flex-direction: column; align-items: center; justify-content: center;
      gap: .25rem; background: var(--primary); border-radius: 1rem;
      padding: 1.5rem; text-align: center; min-width: 0;
    }
    .hero-tile-title { font-size: 1.125rem; font-weight: 600; font-style: italic; color: var(--primary-foreground); }
    .hero-tile-sub   { font-size: .875rem; color: rgba(248,248,248,.7); margin-top: .25rem; }

    /* ── SERVICES ── */
    .services-section { padding: 4rem 1rem; }
    @media (min-width:768px) { .services-section { padding: 6rem 1.5rem; } }

    .container { max-width: 80rem; margin: 0 auto; }
    .container-narrow { max-width: 48rem; margin: 0 auto; text-align: center; margin-bottom: 3rem; }

    .section-label { font-size: .875rem; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; margin-bottom: .5rem; }
    .label-primary { color: var(--primary); }
    .label-teal    { color: var(--teal); }

    h2 {
      font-size: 1.875rem; font-weight: 700; letter-spacing: -.025em;
      color: var(--foreground); margin-bottom: 1rem; line-height: 1.2;
    }
    @media (min-width:768px) { h2 { font-size: 2.25rem; } }
    .section-desc { color: var(--muted-foreground); line-height: 1.75; }

    /* 3-col service cards */
    .svc-grid {
      display: grid; gap: 2rem;
    }
    @media (min-width:768px) { .svc-grid { grid-template-columns: repeat(3,1fr); } }

    .svc-card {
      border: 1px solid var(--border); border-radius: 1rem;
      background: var(--background); padding: 1.5rem;
      transition: border-color .2s, box-shadow .2s; min-width: 0;
    }
    .svc-card:hover { border-color: rgba(0,63,100,.3); box-shadow: 0 10px 20px rgba(0,0,0,.08); }
    .svc-card-icon {
      width: 3rem; height: 3rem; border-radius: .75rem;
      background: rgba(0,63,100,.1); color: var(--primary);
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 1rem; flex-shrink: 0;
      transition: background .2s, color .2s;
    }
    .svc-card:hover .svc-card-icon { background: var(--primary); color: var(--primary-foreground); }
    h3 { font-size: 1.25rem; font-weight: 600; color: var(--foreground); margin-bottom: .5rem; }
    .svc-card-desc { font-size: .875rem; color: var(--muted-foreground); margin-bottom: 1rem; line-height: 1.65; }
    .check-list { display: flex; flex-direction: column; gap: .5rem; }
    .check-item { display: flex; align-items: center; gap: .5rem; font-size: .875rem; color: var(--muted-foreground); }
    .check-item svg { color: var(--teal); flex-shrink: 0; }

    /* ── INVENTORY MANAGEMENT (slate bg, 2-col) ── */
    .inventory-section {
      border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);
      background: var(--slate); padding: 4rem 1rem;
    }
    @media (min-width:768px) { .inventory-section { padding: 6rem 1.5rem; } }

    .two-col { display: grid; gap: 3rem; align-items: center; }
    @media (min-width:1024px) { .two-col { grid-template-columns: repeat(2,1fr); } }

    .feature-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1.5rem; }
    .feature-card {
      border: 1px solid var(--border); border-radius: .75rem;
      background: var(--background); padding: 1.25rem;
      transition: border-color .2s, box-shadow .2s; min-width: 0;
    }
    .feature-card:hover { border-color: rgba(0,63,100,.3); box-shadow: 0 4px 8px rgba(0,0,0,.06); }
    .feature-icon {
      width: 2.5rem; height: 2.5rem; border-radius: .5rem;
      background: rgba(0,63,100,.1); color: var(--primary);
      display: flex; align-items: center; justify-content: center;
      margin-bottom: .75rem;
    }
    .feature-title { font-weight: 600; color: var(--foreground); margin-bottom: .25rem; font-size: 1rem; }
    .feature-desc { font-size: .875rem; color: var(--muted-foreground); line-height: 1.6; }

    /* ── WHY AWS (slate bg) ── */
    .why-section {
      border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);
      background: var(--slate); padding: 4rem 1rem;
    }
    @media (min-width:768px) { .why-section { padding: 6rem 1.5rem; } }

    .why-grid {
      display: grid; gap: 1.5rem; max-width: 64rem; margin: 0 auto;
    }
    @media (min-width:640px)  { .why-grid { grid-template-columns: repeat(2,1fr); } }
    @media (min-width:1024px) { .why-grid { grid-template-columns: repeat(3,1fr); } }

    .why-card {
      border: 1px solid var(--border); border-radius: .75rem;
      background: var(--background); padding: 1.5rem;
      transition: border-color .2s, box-shadow .2s; min-width: 0;
    }
    .why-card:hover { border-color: rgba(0,63,100,.3); box-shadow: 0 4px 8px rgba(0,0,0,.06); }
    .why-icon {
      width: 2.75rem; height: 2.75rem; border-radius: .5rem;
      background: rgba(0,63,100,.1); color: var(--primary);
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 1rem; transition: background .2s, color .2s;
    }
    .why-card:hover .why-icon { background: var(--primary); color: var(--primary-foreground); }
    .why-title { font-weight: 600; color: var(--foreground); margin-bottom: .5rem; font-size: 1rem; }
    .why-desc { font-size: .875rem; color: var(--muted-foreground); line-height: 1.6; }

    /* ── NETWORK ── */
    .network-section { padding: 4rem 1rem; }
    @media (min-width:768px) { .network-section { padding: 6rem 1.5rem; } }

    .network-grid {
      display: grid; gap: 2rem;
    }
    @media (min-width:768px)  { .network-grid { grid-template-columns: repeat(2,1fr); } }
    @media (min-width:1024px) { .network-grid { grid-template-columns: repeat(3,1fr); } }

    .net-card {
      border: 1px solid var(--border); border-radius: 1rem;
      background: var(--slate); padding: 2rem; min-width: 0;
    }
    .net-icon-primary {
      width: 3rem; height: 3rem; border-radius: .75rem;
      background: var(--primary); color: var(--primary-foreground);
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 1rem;
    }
    .net-icon-teal {
      width: 3rem; height: 3rem; border-radius: .75rem;
      background: var(--teal); color: var(--accent-foreground);
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 1rem;
    }
    .net-title { font-size: 1.25rem; font-weight: 600; color: var(--foreground); margin-bottom: .25rem; }
    .net-sub { font-size: .875rem; font-weight: 500; margin-bottom: 1rem; }
    .net-sub-primary { color: var(--primary); }
    .net-sub-teal    { color: var(--teal); }
    .net-desc { color: var(--muted-foreground); line-height: 1.75; margin-bottom: 1.5rem; }
    .net-list { display: grid; gap: .5rem; margin-bottom: 1.5rem; }
    @media (min-width:640px) { .net-list { grid-template-columns: repeat(2,1fr); } }
    .net-item { display: flex; align-items: center; gap: .5rem; font-size: .875rem; color: var(--muted-foreground); }
    .net-item svg { color: var(--teal); flex-shrink: 0; }

    /* ── LOCATIONS ── */
    .locations-section {
      border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);
      background: var(--slate); padding: 4rem 1rem;
    }
    @media (min-width:768px) { .locations-section { padding: 6rem 1.5rem; } }

    .loc-grid {
      display: grid; gap: 1.5rem; max-width: 64rem; margin: 0 auto;
    }
    @media (min-width:640px)  { .loc-grid { grid-template-columns: repeat(2,1fr); } }
    @media (min-width:1024px) { .loc-grid { grid-template-columns: repeat(3,1fr); } }

    .loc-card {
      border: 1px solid var(--border); border-radius: .75rem;
      background: var(--background); padding: 1.5rem;
      transition: border-color .2s, box-shadow .2s; min-width: 0;
    }
    .loc-card:hover { border-color: rgba(0,63,100,.3); box-shadow: 0 4px 8px rgba(0,0,0,.06); }
    .loc-icon-primary {
      width: 2.75rem; height: 2.75rem; border-radius: .5rem;
      background: var(--primary); color: var(--primary-foreground);
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 1rem;
    }
    .loc-icon-teal {
      width: 2.75rem; height: 2.75rem; border-radius: .5rem;
      background: var(--teal); color: var(--accent-foreground);
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 1rem;
    }
    .loc-region { font-size: .75rem; font-weight: 500; text-transform: uppercase; letter-spacing: .05em; color: var(--muted-foreground); margin-bottom: .25rem; }
    .loc-name   { font-size: 1.125rem; font-weight: 600; color: var(--foreground); margin-bottom: .5rem; }
    .loc-addr   { font-size: .875rem; color: var(--muted-foreground); margin-bottom: .75rem; }
    .loc-phone  { display: flex; align-items: center; gap: .5rem; font-size: .875rem; color: var(--primary); }

    /* ── CTA ── */
    .cta-section { padding: 4rem 1rem; }
    @media (min-width:768px) { .cta-section { padding: 6rem 1.5rem; } }
    .cta-block {
      max-width: 56rem; margin: 0 auto; border-radius: 1rem;
      background: var(--primary); padding: 2rem; text-align: center;
    }
    @media (min-width:768px) { .cta-block { padding: 3rem; } }
    .cta-h2 { font-size: 1.875rem; font-weight: 700; color: var(--primary-foreground); margin-bottom: 1rem; }
    @media (min-width:768px) { .cta-h2 { font-size: 2.25rem; } }
    .cta-sub { color: rgba(248,248,248,.8); max-width: 40rem; margin: 0 auto 2rem; line-height: 1.75; }
    .cta-btns {
      display: flex; flex-direction: column; align-items: center;
      justify-content: center; gap: 1rem; margin-bottom: 2.5rem;
    }
    @media (min-width:640px) { .cta-btns { flex-direction: row; } }
    .cta-btns a { width: 100%; max-width: 16rem; }
	.btn-secondary-md{display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem 8px;
    height: 2.5rem;
    padding: .5rem 1.5rem;
    border-radius: var(--radius);
    font-size: .875rem;
    font-weight: 500;
    font-family: inherit;
    background: var(--secondary);
    color: var(--secondary-foreground);
    border: none;
    cursor: pointer;
    transition: opacity .15s;
    white-space: nowrap;}
	.btn-ghost-white {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    height: 2.5rem;
    padding: .5rem 1.5rem;
    border-radius: var(--radius);
    font-size: .875rem;
    font-weight: 500;
    font-family: inherit;
    background: transparent;
    color: var(--primary-foreground);
    border: 1px solid rgba(248, 248, 248, .2);
    cursor: pointer;
    transition: background .15s;
    white-space: nowrap;}
    .btn-ghost-white:hover{
       color: #fff; 
    }
    @media (min-width:640px) { .cta-btns a { width: auto; max-width: none; } }
    .cta-contact {
      display: flex; flex-direction: column; align-items: center;
      justify-content: center; gap: 1.5rem; font-size: .875rem;
      color: rgba(248,248,248,.7);
    }
    @media (min-width:640px) { .cta-contact { flex-direction: row; gap: 2rem; } }
    .cta-contact-item { display: flex; align-items: center; gap: .5rem; }

    /* ── FOOTER 
    footer {
      border-top: 1px solid var(--border);
      background: var(--slate);
      padding: 3rem 1rem;
    }
    @media (min-width:768px) { footer { padding: 3rem 1.5rem; } }
    .footer-grid {
      max-width: 80rem; margin: 0 auto;
      display: grid; gap: 2rem;
      grid-template-columns: 1fr;
    }
    @media (min-width:768px)  { .footer-grid { grid-template-columns: 2fr 1fr 1fr 1fr; } }

    .footer-brand img  { width: 150px; height: auto; margin-bottom: 1rem; }
    .footer-brand-text { font-size: 1rem; font-weight: 700; color: var(--primary); margin-bottom: 1rem; }
    .footer-brand p { font-size: .875rem; color: var(--muted-foreground); line-height: 1.65; }

    .footer-col h4 { font-weight: 600; color: var(--foreground); margin-bottom: 1rem; }
    .footer-col li { margin-bottom: .5rem; }
    .footer-col a { font-size: .875rem; color: var(--muted-foreground); transition: color .15s; }
    .footer-col a:hover { color: var(--foreground); }
    .footer-col span { font-size: .875rem; color: var(--muted-foreground); }

    .footer-bottom {
      max-width: 80rem; margin: 3rem auto 0;
      padding-top: 2rem; border-top: 1px solid var(--border);
      text-align: center; font-size: .875rem; color: var(--muted-foreground);
    } ── */

    /* ── RESPONSIVE FIXES ── */
    /* Feature grid: single col on very small screens */
    @media (max-width: 480px) {
      h1 { font-size: 2rem; }
      h2 { font-size: 1.625rem; }
      .hero { padding: 2.5rem 1rem 3.5rem; }
      .hero-sub { font-size: 1rem; }
      .services-section, .inventory-section, .why-section,
      .network-section, .locations-section, .cta-section { padding: 3rem 1rem; }
      .feature-grid { grid-template-columns: 1fr; }
      .cta-h2 { font-size: 1.5rem; }
      .net-list { grid-template-columns: 1fr; }
    }

    /* Mobile CTA stack */
    @media (max-width: 640px) {
      .cta-contact { flex-direction: column; gap: 1rem; }
    }

    /* Prevent overflow on all cards */
    .svc-card, .why-card, .feature-card, .net-card, .loc-card, .hero-tile {
      word-break: break-word;
    }
    .svc-grid, .why-grid, .network-grid, .loc-grid { overflow: hidden; }
    h1, h2 { overflow-wrap: break-word; }/* End custom CSS */