/* ============================================================
Alpha International current website unified visual system
Version: v6 Balanced
Date: 04 Aug 2026

Purpose:

* Unify color, font, spacing, cards, buttons, menu, dropdowns and footer
* Keep the current ASP.NET/IIS website stable
* Avoid editing Bootstrap, old theme files, CMS, database, or IIS settings
* Preserve current page structure while improving visual consistency
  ============================================================ */

/* ------------------------------------------------------------
01. Design tokens
------------------------------------------------------------ */

:root {
--alpha-primary: #004B8E;
--alpha-primary-soft: #00529C;
--alpha-accent: #017DC3;
--alpha-deep: #003B71;
--alpha-deeper: #002D57;
--alpha-bg: #F4F7FB;
--alpha-surface: #FFFFFF;
--alpha-surface-soft: #F8FBFE;
--alpha-text: #1F2D3D;
--alpha-muted: #33475B;
--alpha-border: #E2ECF5;
--alpha-shadow: 0 12px 32px rgba(0, 41, 82, 0.10);
--alpha-shadow-soft: 0 8px 22px rgba(0, 41, 82, 0.07);
--alpha-radius: 14px;
}

/* ------------------------------------------------------------
02. Global safety and typography
------------------------------------------------------------ */

html,
body {
max-width: 100%;
overflow-x: hidden !important;
}

body {
background: var(--alpha-bg) !important;
color: var(--alpha-text) !important;
font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif !important;
font-size: 15px;
}

a {
color: var(--alpha-primary);
text-decoration: none;
}

a:hover,
a:focus {
color: var(--alpha-accent);
text-decoration: none;
}

p {
color: var(--alpha-muted);
line-height: 1.7;
}

img {
max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-title,
.title {
color: var(--alpha-primary);
}

h1,
h2,
.section-title {
font-weight: 800 !important;
letter-spacing: -0.2px !important;
}

hr {
border-top-color: var(--alpha-border) !important;
}

/* ------------------------------------------------------------
03. Top contact bar
------------------------------------------------------------ */

.toparea {
background: var(--alpha-deep) !important;
color: #FFFFFF !important;
min-height: 28px !important;
height: 28px !important;
line-height: 28px !important;
padding: 0 !important;
overflow: hidden !important;
border-bottom: 0 !important;
}

.toparea .container,
.toparea .row,
.toparea .top-text,
.toparea .text-right {
min-height: 28px !important;
line-height: 28px !important;
}

.toparea,
.toparea i,
.toparea span,
.toparea a,
.toparea .top-text {
color: #FFFFFF !important;
font-size: 12px !important;
}

.toparea a:hover,
.toparea a:focus {
color: #BFEFFF !important;
}

.toparea .social-icons {
height: 28px !important;
line-height: 28px !important;
}

.toparea .social-icons a {
color: #FFFFFF !important;
opacity: 0.9 !important;
line-height: 28px !important;
}

.toparea .social-icons a:hover {
opacity: 1 !important;
}

/* ------------------------------------------------------------
04. Main navigation
------------------------------------------------------------ */

.navbar.wowmenu {
background: #FFFFFF !important;
border: 0 !important;
border-bottom: 1px solid var(--alpha-border) !important;
box-shadow: 0 6px 20px rgba(0, 41, 82, 0.07) !important;
min-height: 72px !important;
margin-bottom: 0 !important;
}

.navbar.wowmenu .container {
min-height: 72px !important;
}

.navbar.wowmenu .logo img,
.navbar.wowmenu .navbar-brand img,
.wowmenu .logo img,
.wowmenu .navbar-brand img {
max-height: 62px !important;
width: auto !important;
}

.navbar.wowmenu .navbar-nav > li > a,
.wowmenu .navbar-nav > li > a {
color: #123B5D !important;
font-weight: 700 !important;
font-size: 14px !important;
line-height: 72px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
background: transparent !important;
}

.navbar.wowmenu .navbar-nav > li > a:hover,
.navbar.wowmenu .navbar-nav > li > a:focus,
.wowmenu .navbar-nav > li > a:hover,
.wowmenu .navbar-nav > li > a:focus {
color: var(--alpha-primary) !important;
background: #F3F8FD !important;
}

.navbar.wowmenu .navbar-nav > .active > a,
.navbar.wowmenu .navbar-nav > .active > a:hover,
.navbar.wowmenu .navbar-nav > .active > a:focus,
.navbar.wowmenu .navbar-nav > .open > a,
.navbar.wowmenu .navbar-nav > .open > a:hover,
.navbar.wowmenu .navbar-nav > .open > a:focus {
color: var(--alpha-primary) !important;
background: #F3F8FD !important;
}

/* ------------------------------------------------------------
05. Dropdowns
------------------------------------------------------------ */

.navbar.wowmenu .dropdown-menu,
.wowmenu .dropdown-menu {
background: #FFFFFF !important;
border: 1px solid #DDE8F2 !important;
border-radius: 0 0 10px 10px !important;
box-shadow: 0 16px 32px rgba(0, 41, 82, 0.14) !important;
padding: 8px 0 !important;
min-width: 220px !important;
}

.navbar.wowmenu .dropdown-menu > li > a,
.wowmenu .dropdown-menu > li > a {
color: #123B5D !important;
background: #FFFFFF !important;
font-size: 14px !important;
font-weight: 600 !important;
padding: 11px 20px !important;
line-height: 1.4 !important;
white-space: normal !important;
}

.navbar.wowmenu .dropdown-menu > li > a:hover,
.navbar.wowmenu .dropdown-menu > li > a:focus,
.wowmenu .dropdown-menu > li > a:hover,
.wowmenu .dropdown-menu > li > a:focus {
color: #FFFFFF !important;
background: var(--alpha-primary) !important;
}

/* ------------------------------------------------------------
06. Hero / slider
------------------------------------------------------------ */

.home-slider,
.carousel.home-slider {
background: var(--alpha-deep) !important;
margin-bottom: 0 !important;
overflow: hidden !important;
}

.home-slider .item,
.carousel.home-slider .item {
position: relative !important;
}

.home-slider .item:before,
.carousel.home-slider .item:before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(0, 59, 113, 0.62), rgba(0, 82, 156, 0.34), rgba(255, 255, 255, 0.04));
z-index: 1;
pointer-events: none;
}

.home-slider .item > div,
.home-slider .carousel-caption,
.home-slider .caption,
.home-slider .carousel-content,
.carousel.home-slider .item > div,
.carousel.home-slider .carousel-caption,
.carousel.home-slider .caption,
.carousel.home-slider .carousel-content {
z-index: 2 !important;
}

.home-slider .item > div[style],
.carousel.home-slider .item > div[style],
.home-slider .carousel-caption,
.carousel.home-slider .carousel-caption {
left: 16% !important;
right: auto !important;
max-width: 460px !important;
}

.home-slider h1,
.home-slider h2,
.home-slider h3,
.home-slider p,
.carousel.home-slider h1,
.carousel.home-slider h2,
.carousel.home-slider h3,
.carousel.home-slider p {
color: #FFFFFF !important;
text-shadow: 0 2px 12px rgba(0, 0, 0, 0.24) !important;
}

.home-slider h1,
.home-slider h2,
.carousel.home-slider h1,
.carousel.home-slider h2 {
font-weight: 800 !important;
letter-spacing: -0.3px !important;
line-height: 1.18 !important;
}

.home-slider p,
.carousel.home-slider p {
font-size: 17px !important;
line-height: 1.55 !important;
}

/* ------------------------------------------------------------
07. Homepage main card
------------------------------------------------------------ */

section.container.animated.fadeInDown.notransition.topspace10 {
background: #FFFFFF !important;
border-radius: 0 !important;
box-shadow: var(--alpha-shadow) !important;
margin-top: -34px !important;
margin-bottom: 38px !important;
padding: 0 !important;
position: relative !important;
z-index: 5 !important;
}

section.container.animated.fadeInDown.notransition.topspace10 > .row {
margin-left: 0 !important;
margin-right: 0 !important;
}

/* ------------------------------------------------------------
08. About / intro section
------------------------------------------------------------ */

.intro-note {
background: var(--alpha-primary) !important;
color: #FFFFFF !important;
border-radius: var(--alpha-radius) !important;
padding: 34px 42px 42px 42px !important;
box-shadow: none !important;
}

.intro-note,
.intro-note p,
.intro-note div,
.intro-note span {
color: rgba(255, 255, 255, 0.93) !important;
}

.intro-note h1,
.intro-note h2,
.intro-note h3,
.intro-note h4 {
color: #FFFFFF !important;
line-height: 1.25 !important;
margin-bottom: 18px !important;
font-weight: 800 !important;
}

.intro-note p {
font-size: 16px !important;
line-height: 1.72 !important;
margin-bottom: 18px !important;
}

.intro-note a {
color: #FFFFFF !important;
}

/* ------------------------------------------------------------
09. Cards and thumbnails
------------------------------------------------------------ */

.thumbnail,
.panel,
.well {
border: 1px solid var(--alpha-border) !important;
border-radius: 12px !important;
box-shadow: var(--alpha-shadow-soft) !important;
}

.intro-note .thumbnail,
section.container.animated.fadeInDown.notransition.topspace10 .thumbnail {
background: #FFFFFF !important;
border: 1px solid var(--alpha-border) !important;
border-radius: 12px !important;
overflow: hidden !important;
box-shadow: var(--alpha-shadow-soft) !important;
text-align: center !important;
height: auto !important;
min-height: 0 !important;
padding: 0 !important;
margin-bottom: 20px !important;
}

.intro-note .col-md-6 > .thumbnail,
.intro-note .col-sm-6 > .thumbnail,
section.container.animated.fadeInDown.notransition.topspace10 .col-md-6 > .thumbnail,
section.container.animated.fadeInDown.notransition.topspace10 .col-sm-6 > .thumbnail {
min-height: 250px !important;
}

.intro-note .thumbnail img,
section.container.animated.fadeInDown.notransition.topspace10 .thumbnail img {
display: block !important;
width: 100% !important;
height: 86px !important;
object-fit: cover !important;
margin: 0 !important;
}

.intro-note .thumbnail .caption,
section.container.animated.fadeInDown.notransition.topspace10 .thumbnail .caption {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 58px !important;
padding: 12px 10px !important;
background: #FFFFFF !important;
color: #123B5D !important;
text-align: center !important;
overflow: visible !important;
}

/* Critical fix: overrides old .thumbnail h4 line-height: 0.5 */
.intro-note .thumbnail h4,
section.container.animated.fadeInDown.notransition.topspace10 .thumbnail h4,
.thumbnail h4 {
display: block !important;
position: static !important;
margin: 0 !important;
padding: 0 !important;
color: var(--alpha-primary) !important;
font-size: 14px !important;
line-height: 1.28 !important;
font-weight: 800 !important;
text-align: center !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
}

.intro-note .thumbnail h4 a,
section.container.animated.fadeInDown.notransition.topspace10 .thumbnail h4 a,
.thumbnail h4 a {
display: block !important;
color: var(--alpha-primary) !important;
text-decoration: none !important;
line-height: 1.28 !important;
}

.intro-note .thumbnail h4 a:hover,
.intro-note .thumbnail h4 a:focus,
section.container.animated.fadeInDown.notransition.topspace10 .thumbnail h4 a:hover,
section.container.animated.fadeInDown.notransition.topspace10 .thumbnail h4 a:focus,
.thumbnail h4 a:hover,
.thumbnail h4 a:focus {
color: var(--alpha-accent) !important;
}

/* ------------------------------------------------------------
10. Sections
------------------------------------------------------------ */

.home-portfolio,
.home-features,
.recent-projects-home,
.bgarea,
.grayarea {
padding-top: 36px !important;
padding-bottom: 36px !important;
}

.grayarea,
.home-portfolio.bgarea,
.recent-projects-home {
background: var(--alpha-bg) !important;
}

.whitearea,
.home-features {
background: #FFFFFF !important;
}

/* ------------------------------------------------------------
11. Buttons
------------------------------------------------------------ */

.btn,
.btn-primary,
.btn-default,
.readmore,
.more,
a.readmore {
border-radius: 999px !important;
font-weight: 700 !important;
letter-spacing: 0.2px !important;
transition: all 0.2s ease-in-out !important;
}

.btn-primary,
a.btn-primary,
.readmore,
a.readmore {
background: var(--alpha-primary) !important;
border-color: var(--alpha-primary) !important;
color: #FFFFFF !important;
}

.btn-primary:hover,
.btn-primary:focus,
a.btn-primary:hover,
a.btn-primary:focus,
.readmore:hover,
.readmore:focus,
a.readmore:hover,
a.readmore:focus {
background: var(--alpha-accent) !important;
border-color: var(--alpha-accent) !important;
color: #FFFFFF !important;
}

/* ------------------------------------------------------------
12. Internal content pages
------------------------------------------------------------ */

body.alpha-content-page {
background: var(--alpha-bg) !important;
}

body.alpha-content-page section.container.animated,
body.alpha-content-page section.container.notransition {
background: #FFFFFF !important;
max-width: 1100px !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 46px 52px !important;
box-shadow: var(--alpha-shadow) !important;
}

body.alpha-content-page .alpha-hide-broken-image-col {
display: none !important;
}

body.alpha-content-page .alpha-content-single-column {
display: block !important;
}

body.alpha-content-page .alpha-content-single-column > [class*="col-md-"],
body.alpha-content-page .alpha-content-single-column > [class*="col-sm-"] {
float: none !important;
width: 100% !important;
max-width: 860px !important;
margin-left: auto !important;
margin-right: auto !important;
}

body.alpha-content-page img.alpha-broken-image {
display: none !important;
}

body.alpha-content-page h1,
body.alpha-content-page h2,
body.alpha-content-page h3 {
color: var(--alpha-primary) !important;
font-weight: 800 !important;
line-height: 1.25 !important;
}

body.alpha-content-page p {
color: #263B50 !important;
font-size: 16px !important;
line-height: 1.75 !important;
}

body.alpha-content-page .breadcrumb,
body.alpha-content-page .breadcrumbs {
color: #FFFFFF !important;
}

/* ------------------------------------------------------------
13. Footer
------------------------------------------------------------ */

.footer {
background: var(--alpha-deep) !important;
color: rgba(255, 255, 255, 0.88) !important;
}

.footer,
.footer p,
.footer div,
.footer span,
.footer li {
color: rgba(255, 255, 255, 0.88) !important;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 {
color: #FFFFFF !important;
}

.footer a {
color: #BFEFFF !important;
}

.footer a:hover,
.footer a:focus {
color: #FFFFFF !important;
}

.copyright {
background: var(--alpha-deeper) !important;
color: rgba(255, 255, 255, 0.82) !important;
}

.copyright,
.copyright p {
color: rgba(255, 255, 255, 0.82) !important;
}

/* ------------------------------------------------------------
14. Tablet
------------------------------------------------------------ */

@media (max-width: 991px) {
.navbar.wowmenu .navbar-nav > li > a,
.wowmenu .navbar-nav > li > a {
font-size: 13px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
.intro-note {
    padding: 28px 24px 34px 24px !important;
}

.home-slider .item > div[style],
.carousel.home-slider .item > div[style],
.home-slider .carousel-caption,
.carousel.home-slider .carousel-caption {
    left: 8% !important;
    max-width: 420px !important;
}
}

/* ------------------------------------------------------------
15. Mobile
------------------------------------------------------------ */

@media (max-width: 767px) {
body {
font-size: 15px !important;
}
.toparea {
    height: auto !important;
    min-height: 28px !important;
    line-height: 20px !important;
    padding: 4px 0 !important;
}

.toparea .text-right {
    text-align: center !important;
}

.navbar.wowmenu {
    min-height: 60px !important;
    background: #FFFFFF !important;
}

.navbar.wowmenu .logo img,
.navbar.wowmenu .navbar-brand img,
.wowmenu .logo img,
.wowmenu .navbar-brand img {
    max-height: 48px !important;
}

.navbar.wowmenu .navbar-nav > li > a,
.wowmenu .navbar-nav > li > a {
    line-height: 42px !important;
    color: #123B5D !important;
}

.navbar.wowmenu .dropdown-menu,
.wowmenu .dropdown-menu {
    box-shadow: none !important;
    border-radius: 0 !important;
    border: 0 !important;
    background: #FFFFFF !important;
}

.home-slider .item > div[style],
.carousel.home-slider .item > div[style],
.home-slider .carousel-caption,
.carousel.home-slider .carousel-caption {
    left: 20px !important;
    right: 20px !important;
    max-width: none !important;
}

.home-slider h1,
.home-slider h2,
.carousel.home-slider h1,
.carousel.home-slider h2 {
    font-size: 26px !important;
    line-height: 1.2 !important;
}

.home-slider p,
.carousel.home-slider p {
    font-size: 15px !important;
    line-height: 1.55 !important;
}

section.container.animated.fadeInDown.notransition.topspace10 {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    border-radius: 0 !important;
}

.intro-note {
    border-radius: 0 !important;
    padding: 24px 16px 30px 16px !important;
}

.intro-note p {
    font-size: 15px !important;
    line-height: 1.65 !important;
}

.intro-note .col-md-6 > .thumbnail,
.intro-note .col-sm-6 > .thumbnail,
section.container.animated.fadeInDown.notransition.topspace10 .col-md-6 > .thumbnail,
section.container.animated.fadeInDown.notransition.topspace10 .col-sm-6 > .thumbnail {
    min-height: auto !important;
}

.intro-note .thumbnail img,
section.container.animated.fadeInDown.notransition.topspace10 .thumbnail img {
    height: 96px !important;
}

.intro-note .thumbnail .caption,
section.container.animated.fadeInDown.notransition.topspace10 .thumbnail .caption {
    min-height: auto !important;
    padding: 14px 12px !important;
}

.intro-note .thumbnail h4,
section.container.animated.fadeInDown.notransition.topspace10 .thumbnail h4,
.thumbnail h4 {
    font-size: 15px !important;
    line-height: 1.35 !important;
}

body.alpha-content-page section.container.animated,
body.alpha-content-page section.container.notransition {
    padding: 28px 18px !important;
    box-shadow: none !important;
}

body.alpha-content-page p {
    font-size: 15px !important;
    line-height: 1.65 !important;
}
}

/* ============================================================
   Alpha unified style refinement - v7
   Applies stronger internal page and footer consistency
   ============================================================ */


/* ------------------------------------------------------------
   Internal page content area
   ------------------------------------------------------------ */

body.alpha-public-page {
    background: #F4F7FB !important;
}

/* Give internal content pages a proper visual body even if CMS content is short */
body.alpha-content-page .wrapbox > section:not(.toparea):not(.footer),
body.alpha-content-page section.container.animated,
body.alpha-content-page section.container.notransition {
    background: #FFFFFF !important;
}

/* Main internal white content card */
body.alpha-content-page section.container.animated,
body.alpha-content-page section.container.notransition,
body.alpha-content-page .container.animated.fadeInDown,
body.alpha-content-page .container.notransition.topspace10 {
    background: #FFFFFF !important;
    max-width: 1100px !important;
    min-height: 260px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 42px !important;
    padding: 46px 52px !important;
    box-shadow: 0 18px 45px rgba(0, 41, 82, 0.10) !important;
}

/* Internal page headings */
body.alpha-content-page h1,
body.alpha-content-page h2,
body.alpha-content-page h3,
body.alpha-content-page h4,
body.alpha-content-page .title {
    color: #004B8E !important;
    font-weight: 800 !important;
}

/* Internal page body text */
body.alpha-content-page p,
body.alpha-content-page li,
body.alpha-content-page td,
body.alpha-content-page span {
    color: #33475B;
    line-height: 1.7;
}

/* If page has only a title, keep it visually centered and clean */
body.alpha-content-page .container h1:only-child,
body.alpha-content-page .container h2:only-child,
body.alpha-content-page .container h3:only-child {
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* ------------------------------------------------------------
   Footer contrast fix for all public pages
   ------------------------------------------------------------ */

.footer {
    background: #003B71 !important;
    padding-top: 54px !important;
    padding-bottom: 54px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Strong override because old CMS/footer styles may still apply dark text */
.footer,
.footer *,
.footer p,
.footer div,
.footer span,
.footer li,
.footer td,
.footer strong,
.footer em {
    color: rgba(255, 255, 255, 0.88) !important;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer .title {
    color: #FFFFFF !important;
    font-weight: 800 !important;
    margin-bottom: 20px !important;
}

/* Footer links */
.footer a,
.footer a span,
.footer a strong {
    color: #BFEFFF !important;
    font-weight: 700 !important;
}

.footer a:hover,
.footer a:focus {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

/* Contact icons in footer */
.footer i,
.footer .icon-phone,
.footer .icon-envelope,
.footer .icon-map-marker {
    color: #BFEFFF !important;
}

/* Footer paragraph readability */
.footer p {
    font-size: 15px !important;
    line-height: 1.75 !important;
    margin-bottom: 14px !important;
}

/* Copyright bar */
.copyright {
    background: #002D57 !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.copyright,
.copyright *,
.copyright p,
.copyright a {
    color: rgba(255, 255, 255, 0.84) !important;
}

.copyright p {
    margin: 0 !important;
}


/* ------------------------------------------------------------
   Breadcrumb/banner area
   ------------------------------------------------------------ */

body.alpha-content-page .breadcrumb,
body.alpha-content-page .breadcrumbs,
body.alpha-content-page .page-title,
body.alpha-content-page .page-header {
    color: #FFFFFF !important;
}

body.alpha-content-page .breadcrumb a,
body.alpha-content-page .breadcrumbs a {
    color: #D7EEFF !important;
}


/* ------------------------------------------------------------
   Mobile refinement
   ------------------------------------------------------------ */

@media (max-width: 767px) {
    body.alpha-content-page section.container.animated,
    body.alpha-content-page section.container.notransition,
    body.alpha-content-page .container.animated.fadeInDown,
    body.alpha-content-page .container.notransition.topspace10 {
        min-height: 180px !important;
        padding: 28px 18px !important;
        margin-bottom: 28px !important;
        box-shadow: none !important;
    }

    .footer {
        padding-top: 34px !important;
        padding-bottom: 34px !important;
    }

    .footer p {
        font-size: 14px !important;
        line-height: 1.65 !important;
    }
}

/* ============================================================
   Alpha homepage redesign - v8
   Current ASP.NET website only
   ============================================================ */

.alpha-home-v2 {
    background: #F4F7FB;
    color: #1F2D3D;
}

.alpha-home-v2 * {
    box-sizing: border-box;
}

.alpha-hero-v2 {
    position: relative;
    min-height: 560px;
    padding: 150px 0 120px 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 78% 26%, rgba(1, 125, 195, 0.38), transparent 28%),
        linear-gradient(135deg, #003B71 0%, #004B8E 52%, #017DC3 100%);
}

.alpha-hero-v2:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.055) 1px, transparent 1px);
    background-size: 38px 38px;
    opacity: 0.55;
}

.alpha-hero-bg {
    position: absolute;
    right: -120px;
    top: 80px;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.16);
}

.alpha-hero-content {
    position: relative;
    z-index: 2;
}

.alpha-eyebrow,
.alpha-section-heading span,
.alpha-section-label {
    display: inline-block;
    color: #017DC3;
    background: rgba(1, 125, 195, 0.10);
    border: 1px solid rgba(1, 125, 195, 0.18);
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.alpha-hero-v2 .alpha-eyebrow {
    color: #D7EEFF;
    background: rgba(255,255,255,0.12);
    border-color: rgba(255,255,255,0.22);
}

.alpha-hero-v2 h1 {
    color: #FFFFFF !important;
    font-size: 54px;
    line-height: 1.08;
    font-weight: 900 !important;
    letter-spacing: -1px;
    margin: 0 0 22px 0;
    max-width: 820px;
}

.alpha-hero-v2 p {
    color: rgba(255,255,255,0.90) !important;
    font-size: 19px;
    line-height: 1.7;
    max-width: 760px;
    margin-bottom: 30px;
}

.alpha-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.alpha-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 13px 22px;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.alpha-btn-primary {
    background: #FFFFFF;
    color: #004B8E !important;
    border: 1px solid #FFFFFF;
}

.alpha-btn-primary:hover,
.alpha-btn-primary:focus {
    background: #D7EEFF;
    color: #003B71 !important;
}

.alpha-btn-secondary {
    background: rgba(255,255,255,0.10);
    color: #FFFFFF !important;
    border: 1px solid rgba(255,255,255,0.45);
}

.alpha-btn-secondary:hover,
.alpha-btn-secondary:focus {
    background: rgba(255,255,255,0.18);
    color: #FFFFFF !important;
}

.alpha-proof-strip {
    position: relative;
    z-index: 5;
    margin-top: -46px;
    margin-bottom: 20px;
}

.alpha-proof-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 14px;
}

.alpha-proof-card {
    background: #FFFFFF;
    border: 1px solid #E2ECF5;
    border-radius: 16px;
    padding: 20px 14px;
    text-align: center;
    box-shadow: 0 14px 32px rgba(0, 41, 82, 0.12);
}

.alpha-proof-card strong {
    display: block;
    color: #004B8E;
    font-size: 27px;
    line-height: 1.1;
    font-weight: 900;
    margin-bottom: 6px;
}

.alpha-proof-card span {
    color: #33475B;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 700;
}

.alpha-section {
    padding: 76px 0;
}

.alpha-section-white {
    background: #FFFFFF;
}

.alpha-section-soft {
    background: #F4F7FB;
}

.alpha-section-navy {
    background: linear-gradient(135deg, #003B71 0%, #004B8E 100%);
}

.alpha-section-heading {
    max-width: 760px;
    margin: 0 auto 38px auto;
    text-align: center;
}

.alpha-section-heading h2,
.alpha-split h2,
.alpha-final-cta h2 {
    color: #004B8E !important;
    font-size: 36px;
    line-height: 1.18;
    font-weight: 900 !important;
    letter-spacing: -0.4px;
    margin: 0 0 16px 0;
}

.alpha-section-heading p,
.alpha-split p,
.alpha-final-cta p {
    color: #33475B !important;
    font-size: 17px;
    line-height: 1.75;
}

.alpha-section-heading-light span {
    color: #D7EEFF;
    background: rgba(255,255,255,0.12);
    border-color: rgba(255,255,255,0.20);
}

.alpha-section-heading-light h2 {
    color: #FFFFFF !important;
}

.alpha-section-heading-light p {
    color: rgba(255,255,255,0.86) !important;
}

.alpha-card-row {
    margin-top: 10px;
}

.alpha-info-card,
.alpha-service-card,
.alpha-highlight-card,
.alpha-why-card {
    background: #FFFFFF;
    border: 1px solid #E2ECF5;
    border-radius: 18px;
    padding: 28px;
    min-height: 230px;
    box-shadow: 0 10px 28px rgba(0, 41, 82, 0.07);
}

.alpha-info-card h3,
.alpha-service-card h3,
.alpha-highlight-card h3,
.alpha-why-card h3 {
    color: #004B8E !important;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 900 !important;
    margin: 0 0 12px 0;
}

.alpha-info-card p,
.alpha-service-card p,
.alpha-highlight-card li,
.alpha-why-card p {
    color: #33475B !important;
    font-size: 15px;
    line-height: 1.65;
}

.alpha-card-number {
    color: #017DC3;
    font-weight: 900;
    margin-bottom: 14px;
    font-size: 14px;
}

.alpha-split {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.alpha-highlight-card {
    min-height: auto;
    background: #FFFFFF;
    border-top: 5px solid #017DC3;
}

.alpha-highlight-card ul {
    margin: 0;
    padding-left: 20px;
}

.alpha-highlight-card li {
    margin-bottom: 12px;
}

.alpha-link-arrow {
    display: inline-block;
    color: #004B8E !important;
    font-weight: 900;
    margin-top: 12px;
}

.alpha-link-arrow:hover {
    color: #017DC3 !important;
}

.alpha-services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.alpha-service-card {
    display: block;
    min-height: 220px;
    text-decoration: none !important;
    transition: all 0.2s ease;
    border-top: 4px solid transparent;
}

.alpha-service-card:hover,
.alpha-service-card:focus {
    transform: translateY(-4px);
    border-top-color: #017DC3;
    box-shadow: 0 18px 38px rgba(0, 41, 82, 0.13);
}

.alpha-section-navy .alpha-why-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.alpha-why-card {
    background: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.16);
    box-shadow: none;
}

.alpha-why-card strong {
    display: block;
    color: #8ED8FF;
    font-weight: 900;
    margin-bottom: 12px;
}

.alpha-why-card h3 {
    color: #FFFFFF !important;
}

.alpha-why-card p {
    color: rgba(255,255,255,0.84) !important;
}

.alpha-capacity-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.alpha-capacity-grid div {
    background: #FFFFFF;
    border: 1px solid #E2ECF5;
    border-radius: 18px;
    padding: 26px;
    box-shadow: 0 10px 28px rgba(0, 41, 82, 0.07);
}

.alpha-capacity-grid strong {
    display: block;
    color: #004B8E;
    font-size: 28px;
    line-height: 1.1;
    font-weight: 900;
    margin-bottom: 8px;
}

.alpha-capacity-grid span {
    color: #33475B;
    font-weight: 700;
}

.alpha-sector-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.alpha-sector-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 9px 14px;
    border-radius: 999px;
    background: #F4F7FB;
    border: 1px solid #E2ECF5;
    color: #004B8E;
    font-weight: 800;
    font-size: 13px;
}

.alpha-final-cta {
    background: #F4F7FB;
    padding: 80px 0;
}

.alpha-final-cta-box {
    background: linear-gradient(135deg, #003B71 0%, #004B8E 100%);
    border-radius: 24px;
    padding: 52px;
    text-align: center;
    box-shadow: 0 18px 45px rgba(0, 41, 82, 0.16);
}

.alpha-final-cta h2 {
    color: #FFFFFF !important;
}

.alpha-final-cta p {
    color: rgba(255,255,255,0.88) !important;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.alpha-final-cta .alpha-hero-actions {
    justify-content: center;
    margin-top: 24px;
}

@media (max-width: 991px) {
    .alpha-hero-v2 {
        padding: 130px 0 90px 0;
    }

    .alpha-hero-v2 h1 {
        font-size: 42px;
    }

    .alpha-proof-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .alpha-services-grid,
    .alpha-section-navy .alpha-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .alpha-info-card {
        margin-bottom: 18px;
    }
}

@media (max-width: 767px) {
    .alpha-hero-v2 {
        min-height: auto;
        padding: 110px 0 72px 0;
    }

    .alpha-hero-v2 h1 {
        font-size: 32px;
    }

    .alpha-hero-v2 p {
        font-size: 16px;
    }

    .alpha-hero-actions {
        display: block;
    }

    .alpha-btn {
        width: 100%;
        margin-bottom: 10px;
    }

    .alpha-proof-strip {
        margin-top: 0;
        padding-top: 18px;
    }

    .alpha-proof-grid,
    .alpha-services-grid,
    .alpha-section-navy .alpha-why-grid,
    .alpha-capacity-grid {
        grid-template-columns: 1fr;
    }

    .alpha-section {
        padding: 48px 0;
    }

    .alpha-section-heading h2,
    .alpha-split h2,
    .alpha-final-cta h2 {
        font-size: 28px;
    }

    .alpha-info-card,
    .alpha-service-card,
    .alpha-highlight-card,
    .alpha-why-card {
        min-height: auto;
        padding: 22px;
    }

    .alpha-final-cta {
        padding: 48px 0;
    }

    .alpha-final-cta-box {
        border-radius: 0;
        padding: 34px 20px;
    }
}