:root {
            --primary: #0f172a;
            --accent: #2563eb;
            --accent-hover: #1d4ed8;
            --bg-light: #f8fafc;
            --text-main: #334155;
            --text-heading: #0f172a;
            --border-color: #e2e8f0;
            --card-bg: #ffffff;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
        }

        body {
            color: var(--text-main);
            background-color: #ffffff;
            line-height: 1.6;
        }

        header {
            background-color: var(--primary);
            color: white;
            padding: 1.5rem 2rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: sticky;
            top: 0;
            z-index: 1000;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        }

        .logo {
            font-size: 1.25rem;
            font-weight: 700;
            letter-spacing: -0.025em;
            color: white;
            text-decoration: none;
        }

        nav a {
            color: #cbd5e1;
            text-decoration: none;
            margin-left: 2rem;
            font-size: 0.95rem;
            font-weight: 500;
            transition: color 0.2s;
        }

        nav a:hover {
            color: white;
        }

        .hero {
            background: linear-gradient(135deg, var(--primary) 0%, #1e293b 100%);
            color: white;
            padding: 6rem 2rem 5rem 2rem;
            text-align: center;
        }

        .hero h1 {
            font-size: clamp(2.5rem, 5vw, 4rem);
            font-weight: 800;
            margin-bottom: 1.5rem;
            letter-spacing: -0.025em;
            line-height: 1.1;
        }

        .hero h1 span {
            color: #60a5fa;
        }

        .hero p {
            font-size: clamp(1rem, 2vw, 1.25rem);
            max-width: 800px;
            margin: 0 auto 2.5rem auto;
            color: #cbd5e1;
        }

        .cta-group {
            display: flex;
            gap: 1rem;
            justify-content: center;
            flex-wrap: wrap;
        }

        .btn {
            display: inline-block;
            padding: 0.875rem 2rem;
            font-weight: 600;
            border-radius: 0.375rem;
            text-decoration: none;
            transition: all 0.2s;
            cursor: pointer;
            border: none;
            font-size: 1rem;
        }

        .btn-primary {
            background-color: var(--accent);
            color: white;
        }

        .btn-primary:hover {
            background-color: var(--accent-hover);
        }

        .btn-secondary {
            background-color: transparent;
            color: white;
            border: 2px solid #475569;
        }

        .btn-secondary:hover {
            border-color: white;
        }

        section {
            padding: 5rem 2rem;
            max-width: 1200px;
            margin: 0 auto;
        }

        .section-title {
            text-align: center;
            font-size: 2.25rem;
            font-weight: 800;
            color: var(--text-heading);
            margin-bottom: 1rem;
            letter-spacing: -0.025em;
        }

        .section-subtitle {
            text-align: center;
            font-size: 1.125rem;
            color: #64748b;
            max-width: 700px;
            margin: 0 auto 4rem auto;
        }

        .grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 2rem;
        }

        .card {
            background: var(--card-bg);
            border: 1px solid var(--border-color);
            border-radius: 0.75rem;
            padding: 2.5rem;
            transition: transform 0.2s, box-shadow 0.2s;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .card:hover {
            transform: translateY(-4px);
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
        }

        .card-number {
            font-size: 0.875rem;
            font-weight: 700;
            color: var(--accent);
            margin-bottom: 1rem;
            display: block;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        .card h3 {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--text-heading);
            margin-bottom: 1rem;
        }

        .card p {
            margin-bottom: 1.5rem;
            color: #475569;
        }

        .feature-list {
            list-style: none;
            margin-bottom: 2rem;
        }

        .feature-list li {
            position: relative;
            padding-left: 1.5rem;
            margin-bottom: 0.5rem;
            color: #475569;
            font-size: 0.95rem;
        }

        .feature-list li::before {
            content: "•";
            color: var(--accent);
            font-weight: bold;
            position: absolute;
            left: 0;
        }

        .about-section {
            background-color: var(--bg-light);
            border-top: 1px solid var(--border-color);
            border-bottom: 1px solid var(--border-color);
        }

        .process-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 1.5rem;
            counter-reset: process;
        }

        .process-step {
            background: white;
            padding: 1.5rem;
            border-radius: 0.5rem;
            border: 1px solid var(--border-color);
            text-align: center;
        }

        .process-step span {
            display: block;
            font-weight: 700;
            color: var(--accent);
            margin-bottom: 0.5rem;
            font-size: 0.85rem;
        }

        .process-step h4 {
            font-size: 1rem;
            color: var(--text-heading);
        }

        .tech-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 0.75rem;
            justify-content: center;
            margin-top: 2rem;
        }

        .tech-tag {
            background: white;
            border: 1px solid var(--border-color);
            padding: 0.5rem 1rem;
            border-radius: 2rem;
            font-size: 0.9rem;
            font-weight: 500;
            color: var(--text-heading);
        }

        .contact-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4rem;
            background: var(--bg-light);
            border: 1px solid var(--border-color);
            border-radius: 1rem;
            padding: 3rem;
        }

        @media (max-width: 768px) {
            .contact-container {
                grid-template-columns: 1fr;
                padding: 1.5rem;
            }
            nav {
                display: none;
            }
        }

        .form-group {
            margin-bottom: 1.5rem;
        }

        .form-group label {
            display: block;
            font-weight: 600;
            margin-bottom: 0.5rem;
            font-size: 0.9rem;
            color: var(--text-heading);
        }

        .form-control {
            width: 100%;
            padding: 0.75rem;
            border: 1px solid var(--border-color);
            border-radius: 0.375rem;
            font-size: 1rem;
            background: white;
        }

        .form-control:focus {
            outline: none;
            border-color: var(--accent);
            box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
        }

        textarea.form-control {
            resize: vertical;
            min-height: 120px;
        }

        footer {
            background-color: var(--primary);
            color: #94a3b8;
            padding: 3rem 2rem;
            text-align: center;
            font-size: 0.9rem;
        }

        footer p {
            margin-bottom: 0.5rem;
        }
        .sites {
            background-image: url("/screen.png");
        }
    
:root{--primary:#071b30;--accent:#087d94;--accent-hover:#05657a;--bg-light:#f3f7f8;--text-heading:#102c40;--border-color:#dbe5e9}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:#fff}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #13b8d4;outline-offset:5px}.skip-link{position:fixed;top:-100px;left:16px;z-index:2000;background:white;padding:12px;color:#102c40}.skip-link:focus{top:12px}
header{padding:19px max(5%,calc((100vw - 1240px)/2));background:#071b30;box-shadow:none;border-bottom:1px solid #ffffff18;gap:24px}.logo{font-size:1.05rem;line-height:1.2;display:flex;align-items:center;gap:12px}.logo-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #48d4e3;border-radius:10px;color:#6be6ee;font-size:17px}.logo small{display:block;font-size:10px;font-weight:500;letter-spacing:1.5px;color:#adbdca;margin-top:5px}nav{display:flex;align-items:center;gap:28px}nav a{margin:0;font-size:13px}nav a:last-child{padding:10px 18px;background:#12384b;border:1px solid #285366;border-radius:6px;color:white}.menu-toggle{display:none;background:transparent;color:white;border:1px solid #526879;border-radius:6px;padding:10px 14px;font:inherit}
section{max-width:1240px;padding:88px 0;width:90%}.hero{position:relative;isolation:isolate;width:100%;max-width:none;min-height:650px;padding:88px max(5%,calc((100vw - 1240px)/2)) 0;text-align:left;overflow:hidden;background:#03152b}.hero::before{content:'';position:absolute;z-index:-2;inset:0;background-image:url(assets/hero-clean.png);background-size:cover;background-position:center 48%;opacity:.78}.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03152bf5 0%,#03152be8 31%,#03152b65 68%,#03152b22),linear-gradient(0deg,#03152b 0%,transparent 45%)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#087d94;margin-bottom:20px}.hero .eyebrow{color:#83e9ed;display:flex;align-items:center;gap:10px}.hero .eyebrow::before{content:'';width:7px;height:7px;border-radius:50%;background:#55d8d2;box-shadow:0 0 18px #55d8d2}.hero h1{max-width:690px;font-size:clamp(2.65rem,5.1vw,4.6rem);font-weight:650;line-height:1.06;letter-spacing:-.055em;margin-bottom:24px}.hero h1 span{color:#71e0e8}.hero p{max-width:530px;font-size:17px;line-height:1.8;margin:0 0 28px;color:#c1d0dd}.cta-group{justify-content:flex-start;gap:12px}.btn{font-size:14px;border-radius:6px;padding:14px 22px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:12px}.hero .btn-primary{background:#75e3e5;color:#05283a}.hero .btn-primary:hover{background:#a3f0ef}.btn-secondary{border:1px solid #7a93a5;background:#09213b60}.hero-note{margin-top:18px!important;font-size:12px!important;color:#a0b7c9!important}.hero-bottom{margin-top:60px;padding:25px 0;display:flex;gap:40px;border-top:1px solid #ffffff26;color:#c8d7e3;font-size:12px;letter-spacing:.3px}.hero-bottom span::before{content:'✓';color:#71e0e8;margin-right:10px}
.section-title{font-size:clamp(1.9rem,3vw,2.65rem);font-weight:650;line-height:1.2;letter-spacing:-.04em}.section-subtitle{font-size:16px;line-height:1.8;margin-bottom:42px;max-width:620px}.about-section{border:0;background:white;padding-bottom:44px}.about-section>div{max-width:900px!important;display:grid;grid-template-columns:1fr 1fr;gap:32px;text-align:left!important;border-top:1px solid var(--border-color);padding-top:28px}.about-section>div p{font-size:14px;line-height:1.9;margin:0!important}#services{padding-top:48px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{padding:28px;border-radius:12px;box-shadow:0 3px 12px #102c4003;position:relative}.card:hover{box-shadow:0 12px 32px #102c4010;border-color:#91c8d0}.card-number{font-size:11px;color:#087d94;background:#eaf6f7;border-radius:6px;width:36px;height:36px;display:grid;place-items:center;margin-bottom:24px}.card h3{font-size:20px;line-height:1.35;letter-spacing:-.025em;min-height:54px}.card p{font-size:14px;line-height:1.75}.feature-list{margin-bottom:10px}.feature-list li{font-size:13px;margin-bottom:8px}.feature-list li::before{content:'✓'}.card .btn{padding:14px 0 0!important;border-top:1px solid var(--border-color);border-radius:0;background:none;color:#08738a;justify-content:space-between;text-align:left!important;font-size:13px}.card .btn::after{content:'↗';font-size:19px}.card .btn:hover{color:#032c44}
#tech{background:#f3f7f8;max-width:none;width:100%;padding:60px max(5%,calc((100vw - 1100px)/2));border-block:1px solid var(--border-color)}#tech .section-subtitle{margin-bottom:24px}.tech-tag{font-size:12px;padding:9px 16px;border-radius:6px}.contact-container{padding:40px;gap:64px;background:#f7fafb;border-radius:16px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.form-group{margin-bottom:17px}.form-group label{font-size:12px}.form-control{border-color:#c9d8df;padding:12px;border-radius:6px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-note{font-size:12px;color:#526879;margin-top:12px}.contact-points{list-style:none;padding-top:20px}.contact-points li{border-top:1px solid #dbe5e9;padding:16px 0;font-size:14px}.contact-points b{color:#087d94;margin-right:12px}footer{padding:30px 5%;display:flex;justify-content:space-between;gap:16px;font-size:12px}footer p{margin:0}.sites{background-image:none}
@media(min-width:1600px){.hero::before{background-size:1440px auto;background-repeat:no-repeat;background-position:right center}}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}nav{gap:18px}.contact-container{gap:30px}.hero h1{max-width:610px}.hero::after{background:linear-gradient(90deg,#03152bf5,#03152bba 55%,#03152b65),linear-gradient(0deg,#03152b,transparent)}}
@media(max-width:768px){header{padding:16px 5%;flex-wrap:wrap;gap:0}.menu-toggle{display:block}nav{display:none;width:100%;padding-top:20px;gap:8px;flex-direction:column;align-items:stretch}nav.is-open{display:flex}nav a{padding:12px}nav a:last-child{text-align:center}.hero{padding-top:65px;min-height:0}.hero::before{background-position:60% center;opacity:.5}.hero h1{font-size:clamp(2.5rem,8vw,3.75rem)}.hero p{font-size:16px}.hero-bottom{gap:14px;flex-wrap:wrap;margin-top:45px;font-size:11px}section{padding:60px 0}.about-section>div{grid-template-columns:1fr;gap:16px}.contact-container{grid-template-columns:1fr;padding:24px;gap:24px}footer{flex-direction:column;text-align:left}}
@media(max-width:520px){.grid{grid-template-columns:minmax(0,1fr)}.card{padding:24px}.card h3{min-height:0}.logo{font-size:15px;gap:9px}.logo small{font-size:8px}.logo-mark{width:32px;height:34px}.menu-toggle{font-size:13px;padding:9px 11px}.hero h1{font-size:2.65rem}.hero .cta-group{flex-direction:column;align-items:stretch}.hero-bottom{flex-direction:column;gap:12px}.section-title{text-align:left}.section-subtitle{text-align:left;margin-top:16px}.form-row{grid-template-columns:1fr;gap:0}.contact-container{padding:20px}.tech-tags{justify-content:flex-start;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.card:hover{transform:none}}

/* Brand artwork and the cleaned page background. */
body.sites{background-color:#04162b;background-image:linear-gradient(#04162b9c,#04162bb5),url("assets/website-background-clean.png");background-size:cover;background-position:center;background-attachment:fixed}
header{background:#030c13f5;padding-top:8px;padding-bottom:8px}.brand-image{position:relative;display:block;width:200px;height:86px;overflow:hidden}.brand-image img{position:absolute;width:270px;height:auto;max-width:none;left:-35px;top:-31px}
main>.about-section{background:#061b30dc;border:1px solid #8adce32b;border-radius:16px;padding:48px;margin-top:60px}main>.about-section p{color:#d1dfe9!important}.section-title{color:#f3fbff}.section-subtitle{color:#cbdae6}.about-section>div{border-color:#9bced333}#services{padding-top:66px}.card{background:#fffffff5;border-color:#b8dbe352}.card:hover{background:#fff}#tech{background:#061b30e6;border-color:#9bced333}.contact-container{background:#f7fafbfa}.hero{border-bottom:1px solid #87e0e32b}footer{background:#030c13ed}
@media(max-width:768px){main>.about-section{padding:30px 24px;margin-top:36px}.brand-image{width:160px;height:69px}.brand-image img{width:216px;left:-28px;top:-25px}body.sites{background-attachment:scroll;background-size:auto 1300px;background-repeat:repeat-y}}

/* Header palette matched to the engineering artwork. */
header{background:#03152b;border-bottom:1px solid #75e3e52b;box-shadow:0 8px 28px #00102020}
.brand-image{border-radius:4px}.brand-image img{mix-blend-mode:lighten}
nav a{color:#c7dce8}nav a:hover{color:#75e3e5}nav a:last-child{background:#75e3e5;color:#05283a;border-color:#75e3e5;font-weight:650}nav a:last-child:hover{background:#a3f0ef;color:#05283a}
.menu-toggle{color:#b5f5f4;border-color:#75e3e55c;background:#09243a}.menu-toggle:hover{background:#12394c}

/* Styles extracted from content markup. */
[data-style="inline-1"]{max-width: 800px; margin: 0 auto; text-align: center;}
[data-style="inline-2"]{margin-bottom: 1.5rem; color: #475569;}
[data-style="inline-3"]{color: #475569;}
[data-style="inline-4"]{text-align: center; margin-top: 1.5rem;}
[data-style="inline-5"]{text-align: center; margin-top: 1.5rem;}
[data-style="inline-6"]{text-align: center; margin-top: 1.5rem;}
[data-style="inline-7"]{text-align: center; margin-top: 1.5rem;}
[data-style="inline-8"]{text-align: center; margin-top: 1.5rem;}
[data-style="inline-9"]{text-align: center; margin-top: 1.5rem;}
[data-style="inline-10"]{text-align: center; margin-top: 1.5rem;}
[data-style="inline-11"]{text-align: center; margin-top: 1.5rem;}
[data-style="inline-12"]{text-align: center; margin-top: 1.5rem;}
[data-style="inline-13"]{font-size: 1.5rem; margin-bottom: 1rem; color: var(--text-heading);}
[data-style="inline-14"]{margin-bottom: 2rem; color: #475569;}
[data-style="inline-15"]{font-size:14px;overflow-wrap:anywhere}
[data-style="inline-16"]{color:#08738a}
[data-style="inline-17"]{color:#08738a}
[data-style="inline-18"]{width: 100%;}
.spam-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}button:disabled{opacity:.65;cursor:wait}