:root {
  --navy: #082f56;
  --navy-deep: #041f39;
  --navy-soft: #164f7a;
  --green: #4b9228;
  --green-bright: #6dbb3c;
  --lime: #a9dc78;
  --green-pale: #edf6e8;
  --silver: #aeb7bd;
  --mist: #f5f7f5;
  --line: #dce5dd;
  --text: #18344c;
  --muted: #647482;
  --white: #fff;
  --font-geist-sans: Arial, Helvetica, sans-serif;
  --red: #bc4d42;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background: var(--white);
  font-family: var(--font-geist-sans), Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.container { width: min(1220px, calc(100% - 48px)); margin-inline: auto; }
section[id] { scroll-margin-top: 84px; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 80;
  border-bottom: 1px solid rgba(8,47,86,.09);
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(18px);
}
.nav-wrap { min-height: 112px; display: flex; align-items: center; gap: 28px; }
.brand { width: 124px; height: 100px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; overflow: visible; }
.brand img { width: 100px; height: 100px; object-fit: contain; transform: none; }
.desktop-nav { margin-left: auto; display: flex; align-items: center; gap: 25px; }
.desktop-nav a { position: relative; color: #385067; font-size: 13px; font-weight: 700; }
.desktop-nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-9px; height:2px; background:var(--green); transition:.2s ease; }
.desktop-nav a:hover::after { right:0; }
.header-cta { display:flex; align-items:center; gap:12px; padding:14px 18px; border-radius:6px; background:var(--navy); color:#fff; font-size:13px; font-weight:800; transition:.2s ease; }
.header-cta:hover { background:var(--green); transform:translateY(-2px); }

.hero-v2 { position:relative; overflow:hidden; padding:78px 0 0; background:linear-gradient(128deg,#f5faf1 0%,#fff 53%,#eef5ec 100%); }
.hero-grid-lines { position:absolute; inset:0; opacity:.25; background-image:linear-gradient(rgba(75,146,40,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(75,146,40,.12) 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(to right,transparent,black 38%,black 80%,transparent); }
.hero-v2::after { content:""; position:absolute; width:540px; height:540px; right:-230px; top:-170px; border:110px solid rgba(109,187,60,.08); border-radius:50%; }
.hero-v2-grid { position:relative; z-index:2; display:grid; grid-template-columns:.95fr 1.05fr; gap:64px; align-items:center; min-height:610px; }
.hero-kicker { display:flex; align-items:center; gap:12px; margin-bottom:24px; color:#4c665a; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.hero-kicker span { padding:8px 11px; border-radius:3px; background:var(--green); color:#fff; }
.hero-kicker i { width:4px; height:4px; border-radius:50%; background:var(--green); }
.hero-v2 h1,.section-intro h2,.importance-copy h2,.coam-copy-v2 h2,.network-copy-v2 h2,.contact-v2 h2,.sustain-grid-v2 h2 { margin:0; color:var(--navy); font-weight:780; letter-spacing:-.048em; line-height:1.02; }
.hero-v2 h1 { max-width:690px; font-size:clamp(52px,5.25vw,78px); }
.hero-v2 h1 em { display:block; color:var(--green); font-style:normal; }
.hero-v2-copy>p { max-width:650px; margin:28px 0 0; color:#526675; font-size:18px; line-height:1.7; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.button { min-height:54px; display:inline-flex; align-items:center; justify-content:center; gap:20px; padding:0 23px; border-radius:6px; font-size:14px; font-weight:800; transition:.2s ease; }
.button-primary { background:var(--navy); color:#fff; }
.button-primary:hover { background:var(--green); transform:translateY(-2px); }
.button-ghost { border:1px solid #cad8ca; background:rgba(255,255,255,.72); color:var(--navy); }
.button-ghost:hover { border-color:var(--green); color:var(--green); }
.hero-trust-line { display:flex; flex-wrap:wrap; align-items:center; gap:10px 15px; margin-top:35px; padding-top:25px; border-top:1px solid #d5e2d3; }
.hero-trust-line b { width:100%; margin-bottom:4px; color:var(--navy); font-size:13px; }
.hero-trust-line span { padding:7px 10px; border-radius:30px; background:#fff; color:#5f706c; box-shadow:0 3px 12px rgba(8,47,86,.06); font-size:10px; font-weight:750; text-transform:uppercase; letter-spacing:.05em; }

.hero-system-card { position:relative; height:570px; overflow:hidden; border-radius:4px 4px 80px 4px; color:#fff; box-shadow:0 35px 80px rgba(4,31,57,.22); }
.hero-bg { width:100%; height:100%; object-fit:cover; transform:scale(1.08); filter:saturate(.8); }
.hero-system-overlay { position:absolute; inset:0; background:linear-gradient(155deg,rgba(4,31,57,.45),rgba(4,31,57,.92)); }
.system-title { position:absolute; left:29px; top:27px; right:29px; padding-bottom:17px; border-bottom:1px solid rgba(255,255,255,.22); }
.system-title small,.system-title b { display:block; }
.system-title small { color:var(--lime); font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.system-title b { margin-top:6px; font-size:17px; }
.system-core { position:absolute; left:50%; top:52%; width:178px; height:178px; transform:translate(-50%,-50%); display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.25); border-radius:50%; background:rgba(75,146,40,.92); box-shadow:0 0 0 24px rgba(109,187,60,.10),0 20px 45px rgba(0,0,0,.22); }
.system-core>span { font-size:37px; line-height:1; }
.system-core b { margin-top:9px; font-size:19px; }
.system-core small { margin-top:5px; color:#d7efc8; font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
.system-node { position:absolute; z-index:3; width:180px; padding:15px 16px; border:1px solid rgba(255,255,255,.24); border-radius:8px; background:rgba(255,255,255,.93); color:var(--navy); box-shadow:0 16px 32px rgba(0,0,0,.18); }
.system-node i,.system-node b,.system-node span { display:block; }
.system-node i { color:var(--green); font-size:10px; font-style:normal; font-weight:800; }
.system-node b { margin-top:6px; font-size:15px; }
.system-node span { margin-top:4px; color:#71808a; font-size:10px; }
.node-design { left:26px; top:117px; }.node-deploy { right:24px; top:139px; }.node-track { right:25px; bottom:85px; }.node-return { left:26px; bottom:106px; }
.system-path { position:absolute; left:50%; top:52%; width:340px; height:340px; transform:translate(-50%,-50%); border:2px dashed rgba(255,255,255,.28); border-radius:50%; }
.path-two { width:275px; height:275px; border-style:solid; border-color:rgba(169,220,120,.22); }
.hero-outcome { position:absolute; left:28px; right:28px; bottom:22px; display:flex; align-items:center; gap:11px; padding-top:15px; border-top:1px solid rgba(255,255,255,.22); color:#dce7ed; font-size:11px; font-weight:700; }
.live-dot { width:9px; height:9px; border-radius:50%; background:#84dc4f; box-shadow:0 0 0 6px rgba(132,220,79,.15); }
.hero-metrics { position:relative; z-index:3; display:grid; grid-template-columns:repeat(4,1fr); margin-top:68px; border-top:1px solid #cfddcd; border-left:1px solid #cfddcd; background:rgba(255,255,255,.72); }
.hero-metrics>div { min-height:125px; padding:25px; border-right:1px solid #cfddcd; border-bottom:1px solid #cfddcd; }
.hero-metrics strong,.hero-metrics span { display:block; }
.hero-metrics strong { color:var(--navy); font-size:29px; }
.hero-metrics span { margin-top:8px; color:#697a73; font-size:11px; line-height:1.5; }

.section { padding:112px 0; }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 19px; color:var(--green); font-size:11px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; }
.eyebrow>span { width:28px; height:2px; background:currentColor; }
.eyebrow.light { color:#9bd876; }
.eyebrow.centered { justify-content:center; }
.section-intro h2,.importance-copy h2,.coam-copy-v2 h2,.network-copy-v2 h2,.sustain-grid-v2 h2 { font-size:clamp(40px,4.25vw,62px); }
.section-intro>p,.section-intro>div+p { color:var(--muted); font-size:16px; line-height:1.75; }
.centered-intro { max-width:930px; margin:0 auto 55px; text-align:center; }
.centered-intro>p:last-child { max-width:760px; margin:22px auto 0; }

.problem-section { background:#fff; }
.problem-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.problem-card { min-height:410px; padding:27px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); transition:.2s ease; }
.problem-card:hover { transform:translateY(-5px); background:var(--green-pale); box-shadow:0 22px 45px rgba(8,47,86,.08); }
.problem-top { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.problem-top>span { color:var(--green); font-size:12px; font-weight:850; }
.problem-top small { color:#8b989f; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; text-align:right; }
.problem-card h3 { min-height:76px; margin:53px 0 23px; color:var(--navy); font-size:21px; line-height:1.25; }
.problem-copy,.answer-copy { padding:15px 0; border-top:1px solid var(--line); }
.problem-copy b,.answer-copy b { display:block; margin-bottom:7px; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.problem-copy b { color:var(--red); }.answer-copy b { color:var(--green); }
.problem-copy p,.answer-copy p { margin:0; color:#667683; font-size:12px; line-height:1.58; }
.before-after { margin-top:48px; display:grid; grid-template-columns:1fr 80px 1fr; align-items:stretch; border:1px solid var(--line); background:#f9fbf9; }
.before-column,.after-column { padding:38px; }
.before-column { background:#f9f6f5; }.after-column { background:#f0f7ec; }
.compare-label { display:inline-flex; padding:7px 10px; border-radius:3px; font-size:10px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.compare-label.red { background:#f1dfdc; color:#9f4339; }.compare-label.green { background:#dcefd2; color:#3f7d20; }
.before-after h3 { margin:22px 0 24px; color:var(--navy); font-size:24px; line-height:1.3; }
.linear-flow { display:flex; align-items:center; gap:7px; flex-wrap:wrap; padding:17px; border:1px solid #ead9d5; background:#fff; }
.linear-flow span { padding:7px; background:#f5ebe9; color:#78524e; font-size:9px; font-weight:800; text-transform:uppercase; }.linear-flow i { color:#b87970; font-style:normal; }
.circular-flow { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:7px; padding:17px 48px 17px 17px; border:1px solid #cfe2c5; background:#fff; }
.circular-flow span { display:grid; place-items:center; min-height:42px; border-radius:50%; background:var(--green-pale); color:#477032; font-size:9px; font-weight:800; text-transform:uppercase; }.circular-flow b { position:absolute; right:13px; top:19px; color:var(--green); font-size:28px; }
.before-after ul { margin:25px 0 0; padding:0; list-style:none; }
.before-after li { position:relative; padding:9px 0 9px 21px; color:#596c78; font-size:13px; line-height:1.45; }
.before-after li::before { content:""; position:absolute; left:0; top:16px; width:7px; height:7px; border-radius:50%; background:var(--green); }
.before-column li::before { background:#c2756b; }
.switch-arrow { display:flex; flex-direction:column; align-items:center; justify-content:center; background:var(--navy); color:#fff; }
.switch-arrow span { font-size:28px; }.switch-arrow b { margin-top:10px; writing-mode:vertical-rl; color:#9fda7c; font-size:10px; letter-spacing:.2em; }

.importance-section { background:var(--mist); }
.importance-grid { display:grid; grid-template-columns:1fr 1fr; gap:85px; align-items:center; }
.product-collage { position:relative; min-height:650px; }
.collage-main { position:absolute; left:0; top:30px; width:78%; height:530px; display:grid; place-items:center; padding:28px; border-radius:4px 4px 60px 4px; background:#fff; box-shadow:0 25px 65px rgba(8,47,86,.14); }
.collage-main img { width:100%; height:100%; object-fit:contain; }
.collage-small { position:absolute; right:0; width:38%; height:220px; display:grid; place-items:center; padding:18px; border:7px solid var(--mist); background:#fff; box-shadow:0 18px 45px rgba(8,47,86,.13); }
.collage-small img { width:100%; height:100%; object-fit:contain; }
.collage-small.top { top:0; }.collage-small.bottom { bottom:40px; }
.collage-badge { position:absolute; left:30px; bottom:5px; max-width:330px; padding:18px 21px; background:var(--navy); color:#fff; }
.collage-badge b,.collage-badge span { display:block; }.collage-badge b { color:#a4df80; font-size:15px; }.collage-badge span { margin-top:5px; color:#c6d2db; font-size:10px; }
.impact-list { margin-top:32px; border-top:1px solid var(--line); }
.impact-list article { display:grid; grid-template-columns:115px 1fr; gap:20px; padding:20px 0; border-bottom:1px solid var(--line); }
.impact-list b { color:var(--green); font-size:13px; }.impact-list span { color:#5f7180; font-size:13px; line-height:1.55; }

.how-section { position:relative; overflow:hidden; background:var(--navy-deep); color:#fff; }
.how-section::before { content:""; position:absolute; width:600px; height:600px; right:-240px; top:-280px; border:1px solid rgba(255,255,255,.08); border-radius:50%; box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 180px rgba(255,255,255,.018); }
.how-intro,.model-intro,.product-intro { position:relative; display:grid; grid-template-columns:1.15fr .85fr; gap:80px; align-items:end; margin-bottom:55px; }
.how-intro h2 { color:#fff; }.how-intro>p { margin:0; color:#afbdc8; }
.process-line { position:relative; display:grid; grid-template-columns:repeat(4,1fr); border-left:1px solid rgba(255,255,255,.14); border-top:1px solid rgba(255,255,255,.14); }
.process-line::after { content:""; position:absolute; left:0; right:0; top:56px; height:1px; background:linear-gradient(to right,var(--green-bright),rgba(109,187,60,.1)); }
.process-line article { position:relative; z-index:1; min-height:245px; padding:27px; border-right:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); }
.process-number { width:58px; height:58px; display:grid; place-items:center; border:1px solid #6cb542; border-radius:50%; background:var(--navy-deep); color:#9bd876; font-size:12px; font-weight:850; }
.process-line h3 { margin:39px 0 12px; color:#fff; font-size:19px; }.process-line p { margin:0; color:#a9b8c4; font-size:12px; line-height:1.6; }
.process-result { display:flex; align-items:center; justify-content:center; gap:20px; margin-top:35px; color:#8498a8; font-size:10px; font-weight:850; letter-spacing:.12em; }
.process-result i { color:#5f788b; font-style:normal; }.process-result strong { padding:11px 14px; border-radius:3px; background:var(--green); color:#fff; }

.model-section { background:#fff; }
.model-intro>p,.product-intro>p { margin:0; }
.comparison-table { border:1px solid var(--line); }
.table-row { display:grid; grid-template-columns:2fr repeat(4,1fr); min-height:70px; border-bottom:1px solid var(--line); }
.table-row:last-child { border-bottom:0; }
.table-row>* { display:flex; align-items:center; justify-content:center; padding:14px; border-right:1px solid var(--line); text-align:center; }
.table-row>*:last-child { border-right:0; }
.table-row>b { justify-content:flex-start; color:var(--navy); font-size:13px; text-align:left; }
.table-row span { color:#95a0a8; font-size:17px; }
.table-row span.yes,.table-row span.partial { color:var(--green); font-weight:850; }
.table-row strong { background:#eff7ea; color:var(--green); font-size:20px; }
.table-head { min-height:62px; background:var(--navy); }
.table-head>* { color:#fff!important; border-color:rgba(255,255,255,.16); font-size:11px!important; font-weight:800; }
.table-head strong { background:var(--green); }
.single-owner { display:grid; grid-template-columns:140px 1fr 240px; align-items:center; margin-top:18px; border:1px solid #cfe1c5; background:var(--green-pale); }
.single-owner>* { padding:17px 20px; }.single-owner span { color:var(--green); font-size:11px; font-weight:850; text-transform:uppercase; letter-spacing:.1em; }.single-owner b { border-inline:1px solid #cfe1c5; color:var(--navy); font-size:13px; }.single-owner strong { color:var(--green); font-size:13px; text-align:center; }

.product-section { background:#f5f8f4; }
.product-grid-v2 { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.product-card-v2 { overflow:hidden; border:1px solid var(--line); border-radius:4px; background:#fff; transition:.22s ease; }
.product-card-v2:hover { transform:translateY(-6px); box-shadow:0 22px 50px rgba(8,47,86,.12); }
.product-image-v2 { position:relative; height:270px; display:grid; place-items:center; padding:25px; background:linear-gradient(145deg,#e7f1e2,#f9fbf8); }
.product-image-v2 img { width:100%; height:100%; object-fit:contain; transition:.25s ease; }.product-card-v2:hover img { transform:scale(1.05); }
.product-image-v2 span { position:absolute; left:17px; top:15px; width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:var(--navy); color:#fff; font-size:10px; font-weight:850; }
.product-body-v2 { padding:25px; }.product-body-v2 h3 { margin:0; color:var(--navy); font-size:20px; }.product-body-v2 small { display:block; margin-top:11px; color:var(--green); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }.product-body-v2 p { min-height:58px; margin:13px 0 20px; color:var(--muted); font-size:13px; line-height:1.55; }.product-body-v2 a { display:flex; justify-content:space-between; padding-top:16px; border-top:1px solid var(--line); color:var(--navy); font-size:11px; font-weight:850; }
.product-tags { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; margin-top:27px; }.product-tags span { padding:9px 13px; border:1px solid #d5e3d0; border-radius:30px; background:#fff; color:#58715d; font-size:10px; font-weight:750; }

.use-case-section { background:#fff; }
.use-case-intro { margin-bottom:48px; }
.use-case-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.use-case-grid article { min-height:390px; padding:29px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:linear-gradient(180deg,#fff,#f9fbf9); }
.case-number { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:var(--green-pale); color:var(--green); font-size:11px; font-weight:850; }
.use-case-grid h3 { margin:65px 0 14px; color:var(--navy); font-size:22px; }.use-case-grid p { margin:0; color:var(--muted); font-size:13px; line-height:1.65; }
.case-needs { margin-top:25px; padding-top:18px; border-top:1px solid var(--line); }.case-needs span { display:block; padding:5px 0; color:#537058; font-size:11px; font-weight:700; }

.coam-v2 { background:var(--green); color:#fff; }
.coam-v2-grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:75px; align-items:center; }
.coam-copy-v2 h2 { color:#fff; }.coam-copy-v2>p:last-of-type { margin:26px 0 0; color:#d5e9c9; font-size:16px; line-height:1.75; }
.coam-benefits { display:grid; grid-template-columns:repeat(2,1fr); margin-top:32px; border-top:1px solid rgba(255,255,255,.28); border-left:1px solid rgba(255,255,255,.28); }.coam-benefits span { padding:15px; border-right:1px solid rgba(255,255,255,.28); border-bottom:1px solid rgba(255,255,255,.28); font-size:11px; font-weight:750; }
.coam-diagram { position:relative; min-height:590px; border-radius:4px 4px 65px 4px; background:rgba(255,255,255,.97); box-shadow:0 30px 70px rgba(22,74,7,.25); }
.coam-center { position:absolute; left:50%; top:50%; width:190px; height:190px; transform:translate(-50%,-50%); display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:50%; background:#edf6e8; color:var(--navy); box-shadow:0 0 0 20px rgba(75,146,40,.08); }.coam-center img { width:100px; height:90px; object-fit:contain; }.coam-center b { font-size:15px; }.coam-center span { margin-top:4px; color:var(--green); font-size:9px; font-weight:800; text-transform:uppercase; }
.coam-node { position:absolute; width:210px; padding:18px; border:1px solid #d3e1ce; border-radius:7px; background:#fff; color:var(--navy); box-shadow:0 14px 30px rgba(8,47,86,.1); }.coam-node b,.coam-node small { display:block; }.coam-node b { font-size:14px; }.coam-node small { margin-top:6px; color:#6d7d87; font-size:10px; }.coam-node.service { left:30px; top:47px; }.coam-node.customer { right:30px; top:110px; }.coam-node.oem { right:55px; bottom:50px; }
.coam-arrow { position:absolute; color:var(--green); font-size:35px; font-weight:800; }.arrow-a { left:42%; top:104px; }.arrow-b { right:112px; top:48%; transform:rotate(70deg); }.arrow-c { left:145px; bottom:125px; transform:rotate(-20deg); }

.sustainability-v2 { background:var(--green-pale); }
.sustain-grid-v2 { display:grid; grid-template-columns:.8fr 1.2fr; gap:85px; align-items:start; }
.sustain-cards { border-top:1px solid #cadfc0; }.sustain-cards article { display:grid; grid-template-columns:88px 1fr 1.6fr; gap:20px; align-items:start; padding:27px 0; border-bottom:1px solid #cadfc0; }.sustain-cards span { color:var(--green); font-size:11px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }.sustain-cards h3 { margin:0; color:var(--navy); font-size:16px; }.sustain-cards p { margin:0; color:#58705f; font-size:12px; line-height:1.65; }

.network-section { background:#fff; }
.network-grid-v2 { display:grid; grid-template-columns:.86fr 1.14fr; gap:85px; align-items:center; }
.network-copy-v2>p { margin:26px 0 0; color:var(--muted); font-size:16px; line-height:1.75; }
.city-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:0 25px; margin-top:28px; border-top:1px solid var(--line); }.city-grid span { display:flex; gap:12px; padding:13px 0; border-bottom:1px solid var(--line); color:var(--navy); font-size:13px; font-weight:750; }.city-grid i { color:var(--green); font-size:9px; font-style:normal; }
.network-visual { position:relative; min-height:570px; overflow:hidden; border-radius:4px 4px 70px 4px; background:var(--navy); }.network-visual::before { content:""; position:absolute; inset:0; opacity:.12; background-image:linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px); background-size:42px 42px; }
.india-shape { position:absolute; left:50%; top:49%; width:340px; height:410px; transform:translate(-50%,-50%) rotate(-3deg); display:grid; place-items:center; clip-path:polygon(48% 0,65% 8%,79% 21%,71% 35%,81% 48%,66% 60%,60% 76%,49% 100%,37% 80%,24% 62%,12% 47%,22% 29%,18% 13%,35% 7%); background:linear-gradient(145deg,#6fb63f,#3b7f21); color:rgba(255,255,255,.3); font-size:32px; font-weight:850; letter-spacing:.15em; }
.map-pin { position:absolute; z-index:2; width:15px; height:15px; border:4px solid #fff; border-radius:50%; background:#76d343; box-shadow:0 0 0 6px rgba(118,211,67,.18); }.p1{left:49%;top:26%}.p2{left:39%;top:47%}.p3{left:52%;top:67%}.p4{left:57%;top:75%}.p5{left:55%;top:84%}
.hq-label { position:absolute; left:28px; bottom:27px; padding:15px 18px; border:1px solid rgba(255,255,255,.2); background:rgba(4,31,57,.72); color:#fff; }.hq-label small,.hq-label b { display:block; }.hq-label small { color:#9bd876; font-size:9px; font-weight:850; text-transform:uppercase; letter-spacing:.1em; }.hq-label b { margin-top:5px; font-size:15px; }

.trust-section { padding-top:45px; background:#f7f9f6; text-align:center; }.trust-section h2 { margin:0; color:var(--navy); font-size:clamp(35px,3.5vw,50px); letter-spacing:-.04em; }.client-row { display:grid; grid-template-columns:repeat(5,1fr); margin-top:45px; border:1px solid var(--line); background:#fff; }.client-row>div { height:140px; display:grid; place-items:center; padding:24px; border-right:1px solid var(--line); }.client-row>div:last-child { border-right:0; }.client-row img { max-width:150px; max-height:75px; object-fit:contain; }

.contact-v2 { padding:110px 0; background:var(--navy-deep); color:#fff; }.contact-v2-grid { display:grid; grid-template-columns:.92fr 1.08fr; gap:85px; align-items:center; }.contact-v2 h2 { color:#fff; font-size:clamp(43px,4.5vw,66px); }.contact-v2 p { margin:26px 0 0; color:#aebec9; font-size:16px; line-height:1.75; }
.contact-actions { border-top:1px solid rgba(255,255,255,.18); }.contact-actions a { display:grid; grid-template-columns:95px 1fr 25px; gap:15px; align-items:center; min-height:77px; border-bottom:1px solid rgba(255,255,255,.18); transition:.2s ease; }.contact-actions a:hover { padding-inline:14px; background:rgba(255,255,255,.05); }.contact-actions small { color:#91cd6d; font-size:9px; font-weight:850; text-transform:uppercase; letter-spacing:.1em; }.contact-actions b { font-size:16px; }.contact-actions span { font-size:19px; }

footer { padding:42px 0 22px; background:#031527; color:#fff; }.footer-main-v2 { display:grid; grid-template-columns:1.5fr 1fr 1fr auto; gap:34px; align-items:center; padding-bottom:30px; border-bottom:1px solid rgba(255,255,255,.12); }.footer-main-v2 img { width:96px; height:96px; padding:7px; border-radius:3px; background:#fff; object-fit:contain; transform:none; }.footer-main-v2 small,.footer-main-v2 b { display:block; }.footer-main-v2 small { color:#71869a; font-size:9px; text-transform:uppercase; letter-spacing:.1em; }.footer-main-v2 b { margin-top:6px; font-size:12px; }.footer-main-v2 a { color:#98d779; font-size:11px; font-weight:800; }.footer-bottom-v2 { display:flex; justify-content:space-between; gap:20px; padding-top:21px; color:#63788c; font-size:9px; letter-spacing:.05em; }

@media (max-width:1100px) {
  .desktop-nav { display:none; }
  .header-cta { margin-left:auto; }
  .hero-v2-grid { grid-template-columns:1fr; padding-top:10px; }
  .hero-v2-copy { max-width:800px; }
  .hero-system-card { height:590px; }
  .hero-metrics { grid-template-columns:repeat(2,1fr); }
  .problem-grid,.use-case-grid { grid-template-columns:repeat(2,1fr); }
  .importance-grid,.coam-v2-grid,.sustain-grid-v2,.network-grid-v2,.contact-v2-grid { grid-template-columns:1fr; gap:55px; }
  .product-collage { max-width:700px; width:100%; margin:auto; }
  .process-line { grid-template-columns:repeat(2,1fr); }
  .product-grid-v2 { grid-template-columns:repeat(2,1fr); }
  .network-visual { max-width:750px; width:100%; margin:auto; }
  .footer-main-v2 { grid-template-columns:1.4fr 1fr 1fr; }
  .footer-main-v2>a { display:none; }
}

@media (max-width:760px) {
  .container { width:min(100% - 30px,1220px); }
  .nav-wrap { min-height:94px; }
  .brand { width:88px; height:84px; }.brand img { width:84px; height:84px; }
  .header-cta { padding:11px 13px; font-size:11px; }.header-cta span { display:none; }
  .hero-v2 { padding-top:50px; }
  .hero-v2-grid { gap:40px; }
  .hero-v2 h1 { font-size:clamp(43px,13vw,62px); }
  .hero-v2-copy>p { font-size:16px; }
  .hero-actions .button { width:100%; }
  .hero-system-card { height:600px; border-radius:4px 4px 45px 4px; }
  .system-core { width:150px; height:150px; }
  .system-node { width:150px; padding:12px; }.system-node span { font-size:9px; }
  .node-design{left:14px}.node-deploy{right:14px}.node-track{right:14px}.node-return{left:14px}
  .system-path { width:280px; height:280px; }.path-two { width:220px; height:220px; }
  .hero-outcome { font-size:9px; }
  .hero-metrics { grid-template-columns:1fr 1fr; margin-top:45px; }.hero-metrics>div { min-height:115px; padding:18px; }
  .section { padding:78px 0; }
  .section-intro h2,.importance-copy h2,.coam-copy-v2 h2,.network-copy-v2 h2,.sustain-grid-v2 h2 { font-size:41px; }
  .problem-grid,.use-case-grid { grid-template-columns:1fr; }
  .problem-card { min-height:350px; }.problem-card h3 { min-height:0; margin-top:38px; }
  .before-after { grid-template-columns:1fr; }.switch-arrow { min-height:65px; flex-direction:row; gap:12px; }.switch-arrow b { writing-mode:horizontal-tb; margin:0; }.switch-arrow span { transform:rotate(90deg); }
  .before-column,.after-column { padding:25px; }
  .circular-flow { grid-template-columns:repeat(2,1fr); }
  .product-collage { min-height:530px; }.collage-main { width:88%; height:430px; }.collage-small { width:37%; height:170px; }.collage-small.bottom { bottom:25px; }.collage-badge { left:14px; right:14px; bottom:0; }
  .impact-list article { grid-template-columns:85px 1fr; }
  .how-intro,.model-intro,.product-intro { grid-template-columns:1fr; gap:24px; }
  .process-line { grid-template-columns:1fr; }.process-line article { min-height:210px; }.process-result { flex-wrap:wrap; gap:10px; }
  .comparison-table { overflow-x:auto; }.table-row { min-width:720px; }
  .single-owner { grid-template-columns:1fr; }.single-owner b { border:0; border-block:1px solid #cfe1c5; }.single-owner strong { text-align:left; }
  .product-grid-v2 { grid-template-columns:1fr; }.product-image-v2 { height:250px; }
  .coam-benefits { grid-template-columns:1fr; }
  .coam-diagram { min-height:690px; }.coam-center { top:50%; }.coam-node { width:190px; }.coam-node.service { left:20px; top:35px; }.coam-node.customer { right:20px; top:150px; }.coam-node.oem { right:25px; bottom:40px; }.arrow-a{left:37%;top:112px}.arrow-b{right:80px;top:39%}.arrow-c{left:75px;bottom:175px}
  .sustain-cards article { grid-template-columns:1fr; gap:8px; }.city-grid { grid-template-columns:1fr; }
  .network-visual { min-height:480px; }.india-shape { width:270px; height:350px; }
  .client-row { grid-template-columns:repeat(2,1fr); }.client-row>div:nth-child(even){border-right:0}.client-row>div{border-bottom:1px solid var(--line)}.client-row>div:last-child{grid-column:1/-1}
  .contact-v2 h2 { font-size:44px; }.contact-actions a { grid-template-columns:75px 1fr 18px; }.contact-actions b { font-size:13px; word-break:break-word; }
  .footer-main-v2 { grid-template-columns:1fr; }.footer-bottom-v2 { flex-direction:column; }
}

@media (max-width:430px) {
  .header-cta { max-width:145px; text-align:center; }
  .hero-kicker { flex-wrap:wrap; }
  .hero-system-card { height:660px; }
  .system-title b { font-size:14px; }
  .system-core { top:50%; }
  .node-design{top:105px}.node-deploy{top:190px}.node-return{bottom:115px}.node-track{bottom:30px}
  .system-path { display:none; }.hero-outcome { display:none; }
  .hero-metrics { grid-template-columns:1fr; }
  .linear-flow { align-items:flex-start; }.linear-flow i { transform:rotate(90deg); }
  .product-collage { min-height:500px; }.collage-main { width:100%; height:390px; }.collage-small { display:none; }
  .coam-diagram { min-height:760px; }.coam-node { width:calc(100% - 40px); left:20px!important; right:auto!important; }.coam-node.service{top:25px}.coam-node.customer{top:150px}.coam-center{top:52%;}.coam-node.oem{bottom:25px}.coam-arrow{display:none}
}

@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto} *,*::before,*::after{transition-duration:.01ms!important} }