.elementor-2191 .elementor-element.elementor-element-0d2462a > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2191 .elementor-element.elementor-element-c50b30d > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2191 .elementor-element.elementor-element-18cac5f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2191 .elementor-element.elementor-element-8704f1a > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2191 .elementor-element.elementor-element-8e797a4 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2191 .elementor-element.elementor-element-e019971 > .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;
      --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; }

    /* buttons */
    .btn-accent {
      display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
      height: 2.25rem; padding: .5rem 1rem; border-radius: var(--radius);
      font-size: .875rem; font-weight: 500; font-family: inherit;
      background: var(--accent); color: var(--accent-foreground);
      border: none; cursor: pointer; transition: opacity .15s; white-space: nowrap;
    }
    .btn-accent:hover { opacity: .88; }

    .btn-accent-lg {
      display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
      height: 2.5rem; padding: .5rem 2rem; border-radius: var(--radius);
      font-size: .875rem; font-weight: 500; font-family: inherit;
      background: var(--accent); color: var(--accent-foreground);
      border: none; cursor: pointer; transition: opacity .15s; white-space: nowrap;
    }
    .btn-accent-lg:hover { opacity: .88; }

    .btn-primary-lg {
      display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
      height: 2.5rem; padding: .5rem 2rem; border-radius: var(--radius);
      font-size: .875rem; font-weight: 500; font-family: inherit;
      background: var(--primary); color: var(--primary-foreground);
      border: none; cursor: pointer; transition: opacity .15s; white-space: nowrap;
    }
    .btn-primary-lg:hover { opacity: .88; color: var(--primary-foreground); }

    .btn-outline {
      display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
      height: 2.5rem; padding: .5rem 2rem; border-radius: var(--radius);
      font-size: .875rem; font-weight: 500; font-family: inherit;
      background: var(--background); color: var(--foreground);
      border: 1px solid var(--border); cursor: pointer; transition: background .15s;
      white-space: nowrap;
    }
    .btn-outline:hover { background: var(--muted); }

    .btn-white {
      display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
      height: 2.25rem; padding: .5rem 1rem; border-radius: var(--radius);
      font-size: .875rem; font-weight: 500; font-family: inherit;
      background: #ffffff; color: var(--primary);
      border: none; cursor: pointer; transition: opacity .15s; white-space: nowrap;
    }
    .btn-white:hover { opacity: .9; }

    .mobile-btn {
      display: flex; align-items: center; justify-content: center;
      background: none; border: none; cursor: pointer;
      color: var(--foreground); padding: .25rem;
    }
    @media (min-width:1024px) { .mobile-btn { display: none; } }

    .mobile-menu {
      display: none; flex-direction: column;
      background: var(--secondary); border-bottom: 1px solid var(--border);
      padding: 1rem 1.5rem; gap: .25rem;
    }
    .mobile-menu.open { display: flex; }
    @media (min-width:1024px) { .mobile-menu { display: none !important; } }
    .mobile-menu a {
      display: block; padding: .625rem .75rem; font-size: .875rem;
      color: rgba(14,23,30,.8); border-radius: var(--radius);
      transition: background .15s, color .15s;
    }
    .mobile-menu a:hover { background: var(--muted); color: var(--foreground); }

    /* ── HERO ── */
    .hero { background: var(--secondary); padding: 6rem 1.5rem; text-align: center; }
    .hero-inner { max-width: 56rem; margin: 0 auto; }
    h1 {
      font-size: 2.5rem; font-weight: 700; 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-accent { color: var(--accent); }

    .hero-sub {
      font-size: 1.25rem; line-height: 1.75; color: var(--muted-foreground);
      max-width: 40rem; margin: 0 auto 2.5rem;
    }
    .hero-btns { display: flex; flex-direction: column; align-items: center; gap: 1rem; }
    @media (min-width:640px) { .hero-btns { flex-direction: row; justify-content: center; } }
    .hero-btns a { width: 100%; max-width: 16rem; }
    @media (min-width:640px) { .hero-btns a { width: auto; max-width: none; } }

    /* ── QUOTE SECTION ── */
    .quote-section {
      background: var(--background);
      border-bottom: 1px solid var(--border);
      padding: 4rem 1.5rem;
      text-align: center;
    }
    .quote-inner { max-width: 40rem; margin: 0 auto; }
    h2 {
      font-size: 1.75rem; font-weight: 700; color: var(--foreground); line-height: 1.2;
    }
    @media (min-width:768px)  { h2 { font-size: 2.25rem; } }
    @media (min-width:1024px) { h2 { font-size: 2.5rem; } }
    .quote-sub { color: var(--muted-foreground); margin: 1rem auto 2rem; max-width: 32rem; }
    .quote-row {
      display: flex; flex-direction: column; align-items: center; gap: 1rem;
    }
    @media (min-width:640px) { .quote-row { flex-direction: row; justify-content: center; } }
    .svc-select {
      width: 100%; max-width: 17.5rem;
      height: 2.25rem; padding: 0 2.5rem 0 .75rem;
      border: 1px solid var(--border); border-radius: var(--radius);
      background: var(--muted); color: var(--muted-foreground);
      font-size: .875rem; font-family: inherit; cursor: pointer; appearance: none;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2359656e' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
      background-repeat: no-repeat; background-position: right .75rem center;
    }

    /* ── SERVICES SECTION ── */
    .services-section { background: var(--secondary); padding: 5rem 1.5rem; }
    .container { max-width: 80rem; margin: 0 auto; }
    .section-label-accent {
      font-size: .875rem; font-weight: 500; text-transform: uppercase;
      letter-spacing: .1em; color: var(--accent); text-align: center; margin-bottom: 1rem;
    }

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

    .svc-card {
      background: var(--card); border: 1px solid var(--border);
      border-radius: .75rem; overflow: hidden;
      box-shadow: 0 1px 2px rgba(0,0,0,.05);
      transition: box-shadow .2s; min-width: 0;
    }
    .svc-card:hover { box-shadow: 0 10px 20px rgba(0,0,0,.1); }
    .svc-card-body { padding: 2rem; }
    .svc-icon {
      width: 3rem; height: 3rem; border-radius: var(--radius);
      background: rgba(0,132,139,.1);
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 1.5rem; flex-shrink: 0;
    }
    .svc-icon svg { color: var(--accent); }
    .svc-title { font-size: 1.25rem; font-weight: 700; color: var(--card-foreground); margin-bottom: .75rem; }
    .svc-desc { color: var(--muted-foreground); margin-bottom: 1.5rem; line-height: 1.65; }
    .feature-list { display: flex; flex-direction: column; gap: .75rem; }
    .feature-item { display: flex; align-items: flex-start; gap: .75rem; font-size: .875rem; color: var(--muted-foreground); }
    .feature-item svg { color: var(--accent); flex-shrink: 0; margin-top: .125rem; }

    /* ── WHY AFB ── */
    .why-afb { background: var(--background); padding: 5rem 1.5rem; }
    .why-grid { display: grid; gap: 4rem; }
    @media (min-width:1024px) { .why-grid { grid-template-columns: repeat(2,1fr); align-items: start; } }

    .why-left h2 { margin-bottom: 1.5rem; }
    .why-label { font-size: .875rem; font-weight: 500; text-transform: uppercase; letter-spacing: .1em; color: var(--accent); margin-bottom: .5rem; }
    .why-prose p { color: var(--muted-foreground); line-height: 1.75; margin-bottom: 1rem; }
    .why-prose strong { color: var(--foreground); }

    .benefit-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1.5rem; }
    .benefit-card {
      background: var(--secondary); border: 1px solid var(--border);
      border-radius: .75rem; padding: 1.5rem; min-width: 0;
    }
    .benefit-icon {
      width: 2.5rem; height: 2.5rem; border-radius: var(--radius);
      background: rgba(0,132,139,.1);
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 1rem;
    }
    .benefit-icon svg { color: var(--accent); }
    .benefit-title { font-weight: 700; color: var(--card-foreground); margin-bottom: .5rem; }
    .benefit-desc { font-size: .875rem; color: var(--muted-foreground); line-height: 1.6; }

    /* ── NETWORK (dark navy) ── */
    .network-section { background: var(--primary); color: var(--primary-foreground); padding: 5rem 1.5rem; }
    .network-label { font-size: .875rem; font-weight: 500; text-transform: uppercase; letter-spacing: .1em; color: var(--accent); text-align: center; margin-bottom: 1rem; }
    .network-h2 { font-size: 1.875rem; font-weight: 700; text-align: center; color: var(--primary-foreground); margin-bottom: 1rem; }
    @media (min-width:768px) { .network-h2 { font-size: 2.25rem; } }
    .network-sub { color: rgba(248,248,248,.7); text-align: center; max-width: 40rem; margin: 0 auto 4rem; }

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

    .network-card {
      background: rgba(248,248,248,.1); border: 1px solid rgba(248,248,248,.2);
      border-radius: .75rem; padding: 2rem; min-width: 0;
    }
    .network-card h3 { font-size: 1.25rem; font-weight: 700; color: var(--primary-foreground); margin-bottom: .5rem; }
    .network-card-label { font-size: .875rem; font-weight: 500; color: var(--accent); margin-bottom: 1rem; }
    .network-card p { color: rgba(248,248,248,.8); line-height: 1.75; margin-bottom: 1.5rem; }
    .network-list { display: flex; flex-direction: column; gap: .75rem; margin-bottom: 1.5rem; }
    .network-item { display: flex; align-items: flex-start; gap: .75rem; font-size: .875rem; color: rgba(248,248,248,.8); }
    .network-item svg { color: var(--accent); flex-shrink: 0; margin-top: .125rem; }

    /* stats card */
    .stats-card {
      background: rgba(248,248,248,.1); border: 1px solid rgba(248,248,248,.2);
      border-radius: .75rem; padding: 2rem;
    }
    .stats-card h3 { font-size: 1.25rem; font-weight: 700; color: var(--primary-foreground); text-align: center; margin-bottom: 1.5rem; }
    .stats-grid { display: grid; gap: 1.5rem; grid-template-columns: 1fr; }
    @media (min-width:768px) { .stats-grid { grid-template-columns: repeat(3,1fr); } }
    .stat-item { text-align: center; }
    .stat-icon {
      width: 3rem; height: 3rem; border-radius: var(--radius);
      background: var(--accent);
      display: flex; align-items: center; justify-content: center;
      margin: 0 auto 0.75rem;
    }
    .stat-icon svg { color: var(--accent-foreground); }
    .stat-value { font-weight: 600; color: var(--primary-foreground); }
    .stat-sub { font-size: .875rem; color: rgba(248,248,248,.6); margin-top: .25rem; }

    /* ── CONTACT ── */
    .contact-section { background: var(--background); padding: 5rem 1.5rem; text-align: center; }
    .contact-inner { max-width: 56rem; margin: 0 auto; }
    .contact-h2 { font-size: 1.875rem; font-weight: 700; color: var(--foreground); margin-bottom: 1.5rem; }
    @media (min-width:768px) { .contact-h2 { font-size: 2.25rem; } }
    .contact-sub { font-size: 1.125rem; color: var(--muted-foreground); max-width: 32rem; margin: 0 auto 2.5rem; line-height: 1.75; }
    .contact-btns { display: flex; flex-direction: column; align-items: center; gap: 1rem; margin-bottom: 3rem; }
    @media (min-width:640px) { .contact-btns { flex-direction: row; justify-content: center; } }
    .contact-btns a { width: 100%; max-width: 16rem; }
    @media (min-width:640px) { .contact-btns a { width: auto; max-width: none; } }
    .contact-info { display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem; color: var(--muted-foreground); }
    .contact-info-item { display: flex; align-items: center; gap: .5rem; font-size: .9375rem; transition: color .15s; }
    .contact-info-item:hover { color: var(--foreground); }

    /* ── FOOTER ── */
    /*footer { background: var(--primary); color: var(--primary-foreground); padding: 2rem 1.5rem; }*/
    /*.footer-inner {*/
    /*  max-width: 80rem; margin: 0 auto;*/
    /*  display: flex; flex-direction: column; align-items: center;*/
    /*  justify-content: space-between; gap: 1.5rem;*/
    /*}*/
    /*@media (min-width:768px) { .footer-inner { flex-direction: row; } }*/
    /*.footer-brand { display: flex; align-items: center; gap: 1rem; }*/
    /*.footer-brand img { height: 3rem; width: auto; filter: brightness(0) invert(1); }*/
    /*.footer-brand-name { font-size: 1.125rem; font-weight: 600; letter-spacing: -.015em; }*/
    /*.footer-brand-sub { font-size: .875rem; color: rgba(248,248,248,.7); }*/
    /*.footer-copy { font-size: .875rem; color: rgba(248,248,248,.5); }*/

    /* ── RESPONSIVE FIXES ── */
    /* benefit grid: single col on small screens */
    @media (max-width:480px) {
      .benefit-grid { grid-template-columns: 1fr; }
      h1 { font-size: 2rem; }
      h2 { font-size: 1.625rem; }
      .hero { padding: 4rem 1rem; }
      .hero-sub { font-size: 1rem; }
      .quote-section { padding: 3rem 1rem; }
      .services-section { padding: 3rem 1rem; }
      .why-afb { padding: 3rem 1rem; }
      .network-section { padding: 3rem 1rem; }
      .contact-section { padding: 3rem 1rem; }
      .network-h2 { font-size: 1.5rem; }
      .stats-grid { grid-template-columns: 1fr; }
      .contact-info { flex-direction: column; align-items: center; gap: 1rem; }
      .footer-inner { text-align: center; }
    }

    /* cards: never overflow */
    .svc-card, .benefit-card, .network-card { word-break: break-word; }
    .svc-grid, .network-cards { overflow: hidden; }
    h1, h2 { overflow-wrap: break-word; }

    /* Mobile contact stack */
    @media (max-width:640px) {
      .contact-info { flex-direction: column; align-items: center; }
    }/* End custom CSS */