@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap');

:root { --blue:#073e8f; --deep:#062653; --ink:#12213b; --muted:#53637a; --line:#d4dfeb; --max:1240px; }
* { box-sizing:border-box; }
body { margin:0; background:#fff; color:var(--ink); font-family:Inter,Arial,sans-serif; font-size:16px; line-height:1.7; }
a { color:inherit; text-decoration:none; }
.site-header { max-width:var(--max); min-height:82px; margin:auto; padding:0 28px; display:flex; align-items:center; justify-content:space-between; gap:24px; }.brand,.footer-brand { min-width:170px; display:flex; align-items:center; gap:8px; }.brand img,.footer-brand img { display:block; object-fit:contain; }.brand strong,.brand small,.footer-brand strong,.footer-brand small { display:block; line-height:1; }.brand strong,.footer-brand strong { font-size:15px; letter-spacing:1.3px; }.brand small,.footer-brand small { margin-top:5px; font-family:'DM Mono',monospace; font-size:7px; letter-spacing:.55px; }.site-header nav { display:flex; align-items:center; gap:22px; color:#34435c; font-size:12px; font-weight:700; }.site-header nav a:not(.header-cta):hover,.site-header nav a:not(.header-cta):focus-visible,.site-header .current { color:var(--blue); }.header-cta { padding:12px 17px; color:#fff; background:var(--blue); }
.company-profile { max-width:var(--max); margin:0 auto 86px; padding:0 28px; }.profile-hero { height:430px; position:relative; overflow:hidden; background:var(--deep); }.profile-slides { position:absolute; inset:0; }.profile-slide { position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover; object-position:center; opacity:0; animation:profile-slide 24s linear infinite; }.slide-one { animation-delay:0s; object-position:center 54%; }.slide-two { animation-delay:-6s; }.slide-three { animation-delay:-12s; }.slide-four { animation-delay:-18s; }.profile-title { position:absolute; inset:0 0 0 auto; z-index:1; width:43%; padding:0 7% 0 12%; display:flex; flex-direction:column; justify-content:center; color:#fff; background:rgba(3,47,112,.92); clip-path:polygon(15% 0,100% 0,100% 100%,0 100%); }.profile-title h1 { margin:0; font-size:clamp(46px,5vw,76px); line-height:1; letter-spacing:0; }.profile-title p { margin:12px 0 0; font-size:clamp(25px,2.5vw,39px); line-height:1.1; font-weight:400; }@keyframes profile-slide { 0%,22% { opacity:1; } 27%,100% { opacity:0; } }
.profile-copy { display:grid; grid-template-columns:1fr 1fr; gap:68px; padding:38px clamp(26px,9vw,125px) 45px; border:1px solid var(--line); border-top:0; }.profile-copy p { margin:0; color:#1c2b43; font-size:16px; }.profile-copy p + p { margin-top:17px; }
.customization { margin-top:48px; padding:54px clamp(26px,6vw,78px) 0; color:var(--ink); background:#f3f7fc; border:1px solid var(--line); }.customization-intro { max-width:790px; }.section-kicker { margin:0 0 11px; color:var(--blue); font-family:'DM Mono',monospace; font-size:11px; font-weight:500; letter-spacing:.7px; text-transform:uppercase; }.customization h2 { max-width:760px; margin:0; color:var(--blue); font-size:clamp(30px,3.4vw,49px); line-height:1.13; letter-spacing:0; }.customization-intro > p:not(.section-kicker) { max-width:690px; margin:18px 0 0; color:#38506f; font-size:16px; }.capability-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:46px 0 0; }.capability-card { display:flex; min-width:0; min-height:0; flex-direction:column; padding:0 24px 27px; background:#fff; border:1px solid #ccd9e8; box-shadow:0 8px 20px rgba(14,55,108,.06); }.capability-card img { width:calc(100% + 48px); height:auto; aspect-ratio:16 / 9; margin:0 -24px 22px; display:block; object-fit:contain; object-position:center; background:#fff; border-bottom:1px solid #d9e3ee; }.capability-card span { color:var(--blue); font-family:'DM Mono',monospace; font-size:12px; font-weight:500; }.capability-card h3 { margin:12px 0 9px; color:var(--blue); font-size:21px; line-height:1.25; letter-spacing:0; }.capability-card p { margin:0; color:#40536d; font-size:14px; line-height:1.62; }.manufacturing-proof { display:grid; grid-template-columns:1fr 1fr 1fr 1.35fr; gap:24px; padding:32px 0 36px; }.manufacturing-proof div { border-left:2px solid #3279c5; padding-left:13px; }.manufacturing-proof strong,.manufacturing-proof span { display:block; }.manufacturing-proof strong { color:var(--deep); font-size:18px; line-height:1.15; letter-spacing:0; }.manufacturing-proof span { margin-top:6px; color:#526b87; font-size:11px; line-height:1.35; }
footer { max-width:var(--max); margin:auto; padding:34px 28px 45px; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; gap:20px; border-top:1px solid var(--line); }footer p { margin:12px 0 0; color:var(--muted); font-size:11px; }footer nav { display:flex; justify-content:center; flex-wrap:wrap; gap:18px; }footer nav a { font-size:11px; font-weight:800; }footer nav a:hover,footer nav a:focus-visible { color:var(--blue); text-decoration:underline; }.copyright { text-align:right; }
@media (max-width:900px) { .site-header { min-height:76px; padding:16px 20px; align-items:flex-start; flex-wrap:wrap; gap:14px; }.site-header nav { flex:1; justify-content:flex-end; flex-wrap:wrap; gap:9px 15px; font-size:11px; }.header-cta { padding:9px 11px; }.company-profile { margin-bottom:62px; padding:0 20px; }.profile-hero { height:min(72vw,450px); }.profile-title { width:46%; padding:0 7% 0 15%; }.profile-copy { gap:30px; padding:30px 35px 38px; }.profile-copy p { font-size:14px; }.capability-grid { grid-template-columns:1fr 1fr; }.manufacturing-proof { grid-template-columns:1fr 1fr; }footer { padding:30px 20px; grid-template-columns:1fr; gap:14px; }footer nav { justify-content:flex-start; }.copyright { text-align:left; } }
@media (max-width:480px) { .brand { min-width:145px; }.brand strong { font-size:13px; }.site-header nav { width:100%; flex:none; justify-content:flex-start; }.profile-hero { height:440px; }.profile-title { inset:auto 0 0; width:100%; height:150px; padding:24px 26px; clip-path:none; }.profile-title h1 { font-size:43px; }.profile-title p { margin-top:7px; font-size:25px; }.profile-copy { grid-template-columns:1fr; gap:17px; padding:28px 22px 34px; }.profile-copy p { font-size:14px; }.profile-copy p + p { margin-top:15px; }.customization { margin-top:32px; padding:39px 22px 0; }.customization-intro > p:not(.section-kicker) { font-size:14px; }.capability-grid { grid-template-columns:1fr; gap:16px; margin-top:34px; }.capability-card { min-height:0; padding:0 22px 24px; }.capability-card img { width:calc(100% + 44px); margin:0 -22px 20px; }.capability-card h3 { margin-top:12px; font-size:20px; }.manufacturing-proof { grid-template-columns:1fr 1fr; gap:21px 15px; padding-bottom:29px; }.manufacturing-proof strong { font-size:16px; } }
/* Keep the capability examples in a stable two-column grid on every viewport. */
.customization .capability-grid { display:grid !important; grid-template-columns:repeat(2, minmax(0, 1fr)) !important; grid-auto-flow:row; align-items:stretch; width:100%; }
.customization .capability-card { width:auto !important; min-width:0; }
@media (max-width:480px) { .customization .capability-grid { grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:10px !important; }.customization .capability-card { padding:0 12px 17px; }.customization .capability-card img { width:calc(100% + 24px); margin:0 -12px 14px; }.customization .capability-card h3 { font-size:16px; }.customization .capability-card p { font-size:12px; line-height:1.5; }.customization .capability-card span { font-size:10px; } }
@media (prefers-reduced-motion:reduce) { .profile-slide { animation:none; }.profile-slide:not(.slide-one) { display:none; } }