:root {
  --ink: #0b1726;
  --ink-2: #122235;
  --paper: #f4f7fa;
  --white: #ffffff;
  --muted: #617086;
  --line: #d8e0e8;
  --accent: #42c6d1;
  --accent-2: #91e4e9;
  --shadow: 0 20px 60px rgba(9, 22, 38, .12);
  --radius: 20px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0; color: var(--ink); background: var(--paper);
  font-family: 'DM Sans', system-ui, sans-serif; line-height: 1.6;
}
body::selection { background: var(--accent); color: var(--ink); }
a { color: inherit; text-decoration: none; }
.container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.bg-grid { position: fixed; inset: 0; pointer-events: none; opacity: .32; background-image: linear-gradient(to right, rgba(14,38,63,.055) 1px, transparent 1px), linear-gradient(to bottom, rgba(14,38,63,.055) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, rgba(0,0,0,.55), transparent 65%); }
.site-header { position: sticky; top: 0; z-index: 50; background: rgba(244,247,250,.88); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(216,224,232,.76); }
.nav-wrap { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-family: 'Space Grotesk', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: .08em; }
.brand-sub { display: block; font-size: 9px; letter-spacing: .19em; opacity: .58; margin-top: 3px; }
.brand-mark { width: 24px; height: 24px; display: inline-flex; align-items: flex-end; gap: 3px; }
.brand-mark span { width: 5px; border-radius: 4px 4px 1px 1px; background: var(--ink); transform: skewX(-18deg); }
.brand-mark span:nth-child(1) { height: 11px; opacity: .65; }.brand-mark span:nth-child(2){height:18px;}.brand-mark span:nth-child(3){height:24px;background:var(--accent);}
.nav { display:flex; align-items:center; gap: 27px; font-size: 13px; font-weight: 600; color: #33435a; }
.nav a:not(.nav-cta) { transition: color .2s; }.nav a:not(.nav-cta):hover { color: var(--ink); }
.nav-cta { padding: 10px 15px; border: 1px solid #b8c5d1; border-radius: 999px; color: var(--ink); background: var(--white); }
.menu-toggle { display:none; border:0; background:transparent; font-size:22px; cursor:pointer; }
.hero { position: relative; min-height: 690px; display:flex; align-items:center; background: linear-gradient(115deg, #07111f 0%, #0d1d31 55%, #0b2430 100%); color:#fff; overflow:hidden; }
.hero::before { content:''; position:absolute; width: 720px; height:720px; right:-210px; top:-320px; background: radial-gradient(circle, rgba(66,198,209,.17), transparent 65%); }
.hero-grid { display:grid; grid-template-columns: 1.05fr .95fr; align-items:center; gap:72px; padding: 84px 0 98px; position:relative; z-index:1; }
.eyebrow { display:flex; align-items:center; gap:9px; font-family:'Space Grotesk',sans-serif; letter-spacing:.16em; font-size:11px; font-weight:700; color:#7b8ba0; }
.hero .eyebrow { color: #8da2b8; }.dot { width:6px; height:6px; background:var(--accent); border-radius:50%; box-shadow:0 0 0 5px rgba(66,198,209,.12); }
h1,h2,h3 { font-family:'Space Grotesk', sans-serif; line-height:1.04; letter-spacing:-.035em; }
h1 { font-size: clamp(52px, 6vw, 78px); max-width: 790px; margin: 18px 0 24px; }
h1 em { font-style:normal; color:var(--accent-2); }
h2 { font-size: clamp(36px, 4vw, 54px); margin: 12px 0 18px; }
h3 { font-size: 22px; margin: 0 0 10px; }
.hero-lead { max-width: 670px; color:#b8c5d4; font-size:18px; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:32px; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:13px 19px; border-radius:999px; font-weight:700; font-size:13px; border:1px solid transparent; transition: transform .2s, box-shadow .2s, background .2s; }
.btn:hover { transform: translateY(-2px); }
.btn-primary { background:var(--accent); color:var(--ink); box-shadow: 0 10px 30px rgba(66,198,209,.18); }.btn-primary:hover{box-shadow:0 16px 34px rgba(66,198,209,.28)}
.btn-ghost { color:white; border-color: #415368; }.btn-ghost:hover{background:rgba(255,255,255,.06)}
.btn-large { padding:16px 23px; font-size:14px; }
.hero-trust { display:flex; gap:30px; margin-top:52px; padding-top:22px; border-top:1px solid #2a3b50; }.hero-trust div{display:flex;gap:10px;align-items:center}.hero-trust strong{font-family:'Space Grotesk';font-size:14px;color:#fff}.hero-trust span{color:#7f90a5;font-size:11px;line-height:1.3;max-width:145px}
.hero-visual { min-height:480px; position:relative; display:flex; align-items:center; justify-content:center; }
.hero-card { width:min(520px, 100%); height:360px; padding:26px; border:1px solid rgba(133,168,187,.33); border-radius:25px; background:linear-gradient(145deg, rgba(22,45,64,.82), rgba(7,17,31,.94)); box-shadow: 0 36px 80px rgba(0,0,0,.28); position:relative; overflow:hidden; }
.hero-card::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg, transparent 0 48%, rgba(66,198,209,.05) 50%, transparent 52%); }
.signal-line{display:flex;gap:7px}.signal-line span{width:8px;height:8px;border-radius:50%;background:#3a5167}.signal-line span:nth-child(3){background:var(--accent)}
.hero-card-label{font-family:'Space Grotesk';font-size:10px;letter-spacing:.15em;color:#8094aa;margin-top:22px}.hero-diagram{height:220px;position:relative;margin-top:9px}.bus{position:absolute;left:8%;right:8%;height:2px;background:#708499;top:53%}.bus-2{top:71%;background:#39516b}.node{position:absolute;top:46%;width:58px;height:38px;border:1px solid #476073;border-radius:9px;background:#102538;display:flex;align-items:center;justify-content:center;font:700 10px 'Space Grotesk';color:#a6bdcf}.n1{left:10%;}.n2{left:43%;border-color:rgba(66,198,209,.7);box-shadow:0 0 24px rgba(66,198,209,.11)}.n3{right:10%}.wire{position:absolute;width:1px;background:#52748d}.w1{left:20%;top:26%;height:27%}.w2{left:53%;top:10%;height:36%;background:var(--accent)}.w3{left:53%;top:71%;height:20%}.w4{right:20%;top:10%;height:37%}.hero-card-footer{position:absolute;left:26px;right:26px;bottom:22px;display:flex;justify-content:space-between;font:700 9px 'Space Grotesk';letter-spacing:.13em;color:#60758c}.floating-stat{position:absolute;left:2%;bottom:5%;border:1px solid #304a60;background:#0b1d30;color:white;border-radius:15px;padding:15px 17px;box-shadow:0 16px 40px rgba(0,0,0,.24)}.floating-stat-right{left:auto;right:-2%;top:8%;bottom:auto}.stat-num{display:block;font:700 20px 'Space Grotesk';color:var(--accent-2)}.stat-label{display:block;color:#73879d;font-size:10px;margin-top:3px}
.orbit{position:absolute;border:1px dashed rgba(66,198,209,.2);border-radius:50%;}.orbit-a{width:590px;height:590px}.orbit-b{width:430px;height:430px}
.impact-strip { background: #122235; color:#fff; border-top:1px solid #22374e; border-bottom:1px solid #22374e; }.metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:23px 0}.metrics>div{padding:8px 23px;border-right:1px solid #2b4057}.metrics>div:first-child{padding-left:0}.metrics>div:last-child{border-right:0}.metric-value{display:block;font:700 21px 'Space Grotesk';letter-spacing:-.03em}.metric-label{display:block;color:#8090a4;font-size:10px;margin-top:3px;text-transform:uppercase;letter-spacing:.08em}
.section{padding:110px 0;position:relative}.section-head{display:flex;justify-content:space-between;gap:48px;align-items:flex-end;margin-bottom:46px}.section-head>div{max-width:650px}.section-head>p{max-width:420px;color:var(--muted);font-size:14px;margin:0 0 3px}.section-head h2{margin-bottom:0}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{padding:29px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.64);min-height:300px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-icon{width:43px;height:43px;border-radius:12px;background:#e5fbfc;border:1px solid #bee9ec;display:flex;align-items:center;justify-content:center;font:700 11px 'Space Grotesk';color:#12606a;margin-bottom:28px}.service-card p{color:var(--muted);font-size:13px;margin:0}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:20px}.tags span{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 8px;border:1px solid #d4dde5;border-radius:999px;color:#54657b}
.section-dark{background:#091624;color:#fff;overflow:hidden}.section-dark::after{content:'';position:absolute;inset:auto -10% -45% auto;width:750px;height:750px;background:radial-gradient(circle,rgba(66,198,209,.11),transparent 65%)}.expertise-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:start}.section-dark .eyebrow{color:#8297aa}.section-dark .muted{color:#8799ac;max-width:650px}.expertise-list{display:grid;gap:13px;margin-top:32px}.expertise-list div{display:grid;grid-template-columns:24px 1fr;gap:7px;padding:13px 0;border-bottom:1px solid #203349;color:#c1ccd7;font-size:13px}.expertise-list div span:first-child{color:var(--accent)}
.tool-panel{border:1px solid #274056;border-radius:22px;background:linear-gradient(145deg,#0d2134,#0a1725);padding:16px;box-shadow:0 30px 70px rgba(0,0,0,.22)}.tool-panel-top{display:flex;justify-content:space-between;padding:9px 10px 17px;color:#758ca2;font:700 10px 'Space Grotesk';letter-spacing:.12em}.tool{display:flex;gap:15px;align-items:center;padding:17px 14px;border-top:1px solid #203449}.tool-code{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;border:1px solid #31506a;background:#10283e;color:var(--accent);font:700 10px 'Space Grotesk'}.tool strong{display:block;font:600 15px 'Space Grotesk'}.tool small{display:block;color:#70859b;font-size:10px;margin-top:2px}
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.project-card{min-height:310px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;position:relative;overflow:hidden;padding:22px 24px;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.project-feature{grid-row:span 2;min-height:635px;background:linear-gradient(145deg,#0f2637,#0b1c2b);color:white;border-color:#203d53}.project-top{display:flex;justify-content:space-between;font:700 9px 'Space Grotesk';letter-spacing:.13em;color:#7b8a9b}.project-feature .project-top{color:#7e9ab0}.project-content{margin-top:100px;max-width:490px}.project-feature .project-content{margin-top:250px}.project-content h3{font-size:28px;margin-bottom:15px}.project-card:not(.project-feature) .project-content h3{font-size:23px}.project-content p{color:var(--muted);font-size:13px;max-width:510px}.project-feature .project-content p{color:#98acbf}.project-detail{display:grid;grid-template-columns:95px 1fr;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:11px;margin-top:6px}.project-feature .project-detail{border-color:#263d51}.project-detail span{color:#7b8999;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.project-number{position:absolute;right:18px;bottom:-15px;font:700 110px 'Space Grotesk';letter-spacing:-.08em;color:rgba(14,33,52,.07)}.project-feature .project-number{color:rgba(66,198,209,.08);}
.profile-section{background:#eaf0f5}.profile-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.profile-card{padding:33px;border:1px solid #cbd6e0;border-radius:24px;background:#fff;box-shadow:var(--shadow)}.profile-avatar{width:88px;height:88px;border-radius:50%;background:#10273a;color:var(--accent);display:flex;align-items:center;justify-content:center;font:700 27px 'Space Grotesk';margin-bottom:27px}.profile-meta h2{font-size:33px;margin:9px 0 7px}.profile-meta p{color:var(--muted);margin:0;font-size:13px}.credentials{border-top:1px solid var(--line);margin-top:31px;padding-top:18px;display:grid;gap:14px}.credentials div{display:flex;align-items:center;gap:13px}.credentials strong{width:50px;height:36px;border-radius:9px;background:#eafafb;color:#14636a;border:1px solid #c9ecef;display:flex;align-items:center;justify-content:center;font:700 10px 'Space Grotesk'}.credentials span{font-size:11px;color:#607086;line-height:1.35}.profile-copy p{font-size:15px;color:#58697e;max-width:640px}.quote{font:600 19px 'Space Grotesk';color:#173045;margin-top:32px;padding-left:20px;border-left:3px solid var(--accent);max-width:590px}
.credentials-section{padding-top:90px}.credentials-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.credential-list{border-top:1px solid var(--line)}.credential-list>div{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.credential-list span{font:700 10px 'Space Grotesk';color:#77879b;text-transform:uppercase;letter-spacing:.1em}.credential-list strong{font:600 15px 'Space Grotesk'}.credential-list small{grid-column:2;color:#758398;margin-top:-13px;font-size:11px}
.contact-section{padding:100px 0;background:#0c1b2b;color:white}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.contact-section .eyebrow{color:#8498ab}.contact-section h2{font-size:clamp(40px,5vw,62px);max-width:670px;margin-bottom:15px}.contact-section p{color:#90a2b5;max-width:610px;margin:0}.contact-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start;min-width:300px}.social-link{font-size:12px;color:#9aabbd;padding:9px 0;border-bottom:1px solid #314359}.social-link:hover{color:white}
.footer{background:#07111d;color:#8a9aae;padding:34px 0 22px;border-top:1px solid #1a3045}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-brand{display:flex;align-items:center;gap:12px;color:#fff}.footer-brand strong{display:block;font:700 12px 'Space Grotesk';letter-spacing:.06em}.footer-brand small{display:block;font-size:9px;color:#6e8197;margin-top:2px}.footer-right{display:flex;gap:24px;font-size:10px;align-items:center}.footer-right a{color:#b2c0ce}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #172b3f;margin-top:22px;padding-top:17px;font-size:9px;color:#5d7187}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease, transform .65s ease}.reveal.in{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}.reveal-delay-sm{transition-delay:.06s}
@media (max-width: 980px){.container{width:min(100% - 32px,1180px)}.hero-grid,.expertise-grid,.profile-grid,.credentials-grid{grid-template-columns:1fr;gap:45px}.hero{min-height:auto}.hero-grid{padding:80px 0 90px}.hero-visual{min-height:460px}.service-grid{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(2,1fr);gap:0}.metrics>div{border-bottom:1px solid #2b4057}.project-grid{grid-template-columns:1fr}.project-feature{grid-row:auto;min-height:500px}.project-feature .project-content{margin-top:180px}.section-head,.contact-inner{align-items:flex-start;flex-direction:column}.contact-actions{min-width:0}.credentials-grid{gap:20px}}
@media (max-width: 720px){.nav{display:none;position:absolute;left:16px;right:16px;top:68px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:3px}.nav.open{display:flex}.nav a{padding:11px 12px}.nav-cta{text-align:center;margin-top:5px}.menu-toggle{display:block}.hero-grid{padding:66px 0 75px}.hero-visual{min-height:400px}.hero-card{height:310px}.orbit-a{width:450px;height:450px}.orbit-b{width:330px;height:330px}.floating-stat{left:0;bottom:0}.floating-stat-right{right:0;top:3%}h1{font-size:47px}.hero-lead{font-size:16px}.hero-trust{gap:16px;flex-wrap:wrap;margin-top:38px}.metrics{grid-template-columns:1fr 1fr}.metric-value{font-size:17px}.service-grid{grid-template-columns:1fr}.section{padding:82px 0}.section-head{gap:20px;margin-bottom:32px}.project-card{min-height:340px}.project-feature{min-height:470px}.project-feature .project-content{margin-top:150px}.profile-card{padding:25px}.footer-inner,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-right{flex-direction:column;align-items:flex-start;gap:8px}.credential-list>div{grid-template-columns:80px 1fr}.credential-list small{grid-column:2}}