@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;500;600;700;800&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap'); :root { --lsg-cyan-900:    #193B59; --lsg-slate-700:   #2F4659; --lsg-teal-400:    #2CB1BF; --lsg-cyan-300:    #77F2F2; --lsg-blue-200:    #C4DDF2; --lsg-ink:         #0E2235; --lsg-ink-soft:    #4A6072; --lsg-line:        #DCE6EE; --lsg-line-strong: #B8C9D6; --lsg-surface:     #FFFFFF; --lsg-surface-2:   #F4F8FB; --lsg-surface-3:   #E8F0F6; --lsg-surface-dark:#102A40; --radius-xs:  4px; --radius-sm:  6px; --radius-md:  10px; --radius-lg:  16px; --radius-xl:  22px; --radius-pill:999px; --shadow-xs:  0 1px 2px rgba(25,59,89,0.06); --shadow-sm:  0 2px 6px rgba(25,59,89,0.08); --shadow-md:  0 6px 18px rgba(25,59,89,0.10); --shadow-lg:  0 18px 40px -10px rgba(25,59,89,0.18); --shadow-glow:#0 0 0 4px rgba(44,177,191,0.18); --ease:  cubic-bezier(0.2, 0.7, 0.2, 1); --fast:  120ms; --med:   220ms; --slow:  400ms; } body { font-family: 'Barlow', 'Inter', system-ui, sans-serif; font-size: 16px; line-height: 1.65; color: var(--lsg-slate-700); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Barlow Semi Condensed', 'Arial Narrow', system-ui, sans-serif; color: var(--lsg-cyan-900); font-weight: 700; line-height: 1.2; letter-spacing: 0.005em; } h1 { font-size: clamp(2.25rem, 4.2vw, 3.75rem); text-transform: uppercase; font-weight: 800; } h2 { font-size: clamp(1.875rem, 3vw, 3rem);     text-transform: uppercase; } h3 { font-size: 1.5rem; } h4 { font-size: 1.25rem; } h5 { font-size: 1.125rem; } h6 { font-size: 1rem; text-transform: uppercase; letter-spacing: 0.12em; } a { color: var(--lsg-teal-400); transition: color var(--fast) var(--ease); } a:hover { color: #25929E; } .button, button, input[type="submit"] { font-family: 'Barlow Semi Condensed', sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; font-size: 14px !important; border-radius: 10px !important; transition: background var(--fast) var(--ease), transform var(--fast) var(--ease), box-shadow var(--fast) var(--ease) !important; } .button:active { transform: translateY(1px); } .button, .button.primary, .button.color-primary { background: var(--lsg-teal-400) !important; color: #fff !important; border: none !important; } .button:hover, .button.primary:hover { background: #25929E !important; color: #fff !important; } .button.secondary, .button.color-secondary, .button.outline { background: var(--lsg-cyan-900) !important; color: #fff !important; border: none !important; } .button.secondary:hover { background: #214a6f !important; } .button.outline-nav { background: transparent !important; border: 1.5px solid var(--lsg-cyan-900) !important; color: var(--lsg-cyan-900) !important; } .button.outline-nav:hover { background: rgba(25,59,89,0.06) !important; } .button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(44,177,191,0.18) !important; } .box, .ux-box, .col.box-shadow, .ux-col.box-shadow { border-radius: var(--radius-lg) !important; border: 1px solid var(--lsg-line) !important; box-shadow: var(--shadow-sm) !important; transition: box-shadow var(--med) var(--ease), transform var(--med) var(--ease) !important; } .box:hover, .ux-box:hover { box-shadow: var(--shadow-md) !important; transform: translateY(-2px); } input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], textarea, select { font-family: 'Barlow', sans-serif; font-size: 15px; border: 1px solid var(--lsg-line); border-radius: var(--radius-md); box-shadow: var(--shadow-xs); color: var(--lsg-ink); transition: border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease); } input:focus, textarea:focus, select:focus { border-color: var(--lsg-teal-400); box-shadow: 0 0 0 4px rgba(44,177,191,0.18); outline: none; } .section-color--navy  { background: var(--lsg-cyan-900) !important; color: #fff !important; } .section-color--muted { background: var(--lsg-surface-2) !important; } .section-color--teal  { background: var(--lsg-teal-400) !important; color: #fff !important; } .eyebrow, .ux-banner .sub-title, .section-eyebrow { font-family: 'Barlow Semi Condensed', sans-serif !important; font-weight: 600 !important; font-size: 14px !important; text-transform: uppercase !important; letter-spacing: 0.12em !important; color: var(--lsg-teal-400) !important; } #main-nav .nav > li > a, .nav-dark #main-nav .nav > li > a { font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; font-size: 14px; color: var(--lsg-cyan-900); } #main-nav .nav > li > a:hover, #main-nav .nav > li.active > a { color: var(--lsg-teal-400); } #main-nav .nav > li.active > a::after, #main-nav .nav > li > a:hover::after { content: ""; display: block; height: 2px; background: var(--lsg-teal-400); position: absolute; left: 0; right: 0; bottom: -4px; border-radius: 1px; } #footer, .footer-wrapper { background: var(--lsg-cyan-900) !important; color: rgba(255,255,255,0.78) !important; } #footer a, .footer-wrapper a { color: rgba(255,255,255,0.78); transition: color var(--fast) var(--ease); } #footer a:hover, .footer-wrapper a:hover { color: var(--lsg-cyan-300); } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, .footer-wrapper h1, .footer-wrapper h2, .footer-wrapper h3, .footer-wrapper h4, .footer-wrapper h5, .footer-wrapper h6 { color: #fff; font-family: 'Barlow Semi Condensed', sans-serif; text-transform: uppercase; letter-spacing: 0.1em; font-size: 13px; } .footer-bottom, #footer-bar { border-top: 1px solid rgba(255,255,255,0.12); font-size: 12px; color: rgba(255,255,255,0.55); } .lsg-curve-divider { position: relative; overflow: hidden; } .lsg-curve-divider::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 80px; background: #fff; border-top-left-radius: 70% 100%; border-top-right-radius: 70% 100%; } .lsg-stat-num { font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 800; font-size: 56px; line-height: 1; color: var(--lsg-cyan-300); } .lsg-stat-label { font-size: 14px; opacity: 0.85; margin-top: 10px; }