:root { --navy:#083b78; --blue:#0f65b7; --sky:#eaf4fc; --ink:#172334; --muted:#5f6d7d; --line:#d7e2ed; --paper:#fff; --ground:#f5f8fb; --accent:#2e9a69; --shadow:0 12px 30px rgba(17,52,91,.09); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; min-width:320px; background:var(--ground); color:var(--ink); font:16px/1.6 Arial,Helvetica,sans-serif; } img { display:block; max-width:100%; } a { color:inherit; }
.site-header { background:var(--paper); border-bottom:1px solid var(--line); } .header-inner,.nav-inner,.container,.footer-inner { width:min(1120px,calc(100% - 40px)); margin:0 auto; } .header-inner { display:flex; align-items:center; justify-content:space-between; gap:28px; min-height:96px; padding:14px 0; } .brand { display:inline-flex; align-items:center; flex:0 1 390px; } .brand img { width:min(100%,310px); height:auto; }
.trust-marks { display:flex; align-items:center; justify-content:flex-end; gap:18px; } .trust-mark { display:flex; align-items:center; justify-content:center; width:86px; height:62px; } .trust-mark img { max-height:58px; max-width:100%; object-fit:contain; } .trust-mark.make-in-india { width:120px; }
.site-nav { position:sticky; top:0; z-index:10; background:var(--navy); box-shadow:0 3px 12px rgba(7,39,79,.16); } .nav-inner { display:flex; align-items:center; gap:4px; min-height:48px; } .nav-inner a { color:#fff; padding:12px 16px; text-decoration:none; font-size:.94rem; font-weight:700; letter-spacing:.01em; } .nav-inner a:hover,.nav-inner a[aria-current="page"] { background:rgba(255,255,255,.16); }
.hero { background:linear-gradient(130deg,#06346d,#0e68ba); color:#fff; overflow:hidden; } .hero .container { padding:20px 0 24px; } .eyebrow { margin:0 0 12px; color:#aee1ff; font-size:.82rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; } .hero h1,.page-banner h1 { max-width:780px; margin:0; font-size:clamp(1.8rem,3.4vw,3rem); line-height:1.08; letter-spacing:-.035em; } .hero-copy { max-width:720px; margin:20px 0 0; color:#e4f2ff; font-size:clamp(1.05rem,2vw,1.25rem); }
.button-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; } .button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:10px 20px; border:1px solid transparent; border-radius:4px; font-weight:800; text-decoration:none; } .button-primary { background:#fff; color:var(--navy); } .button-secondary { border-color:rgba(255,255,255,.8); color:#fff; } .button:hover { transform:translateY(-1px); }
main section { padding:72px 0; } main section:nth-child(even) { background:var(--paper); } .section-heading { max-width:760px; margin-bottom:30px; } .section-kicker { margin:0 0 7px; color:var(--blue); font-size:.79rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; } h2 { margin:0; color:var(--navy); font-size:clamp(1.75rem,3vw,2.6rem); line-height:1.15; letter-spacing:-.025em; } .section-intro { margin:12px 0 0; color:var(--muted); }
.intro-panel { display:grid; grid-template-columns:1.4fr .9fr; gap:32px; align-items:start; } .intro-panel p { margin:0; } .info-note { padding:22px; border-left:4px solid var(--accent); background:#eef8f3; color:#234f3b; }.expert-grid,.service-grid,.market-grid,.client-summary,.logo-grid { display:grid; gap:16px; }.expert-grid { grid-template-columns:repeat(3,1fr); }.expert-item { display:flex; align-items:center; min-height:70px; padding:16px 18px; border:1px solid var(--line); border-radius:6px; background:var(--paper); box-shadow:0 4px 12px rgba(17,52,91,.045); font-weight:700; }.expert-item::before { content:""; width:8px; height:8px; flex:0 0 auto; margin-right:11px; border-radius:50%; background:var(--blue); }.about-copy { columns:2; column-gap:42px; color:#334355; }.about-copy p { margin:0 0 18px; break-inside:avoid; }
.service-grid { grid-template-columns:repeat(3,1fr); }.service-card { min-height:210px; padding:25px; border:1px solid var(--line); border-top:4px solid var(--blue); background:var(--paper); box-shadow:var(--shadow); }.service-card h3 { margin:0 0 10px; color:var(--navy); font-size:1.18rem; line-height:1.25; }.service-card p { margin:0; color:var(--muted); }.market-grid { grid-template-columns:repeat(3,1fr); }.market-item { padding:19px; border-radius:5px; background:#eaf4fc; color:var(--navy); font-weight:700; }.client-summary { grid-template-columns:repeat(4,1fr); }.client-name { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; min-height:150px; padding:12px; border:1px solid var(--line); background:var(--paper); color:var(--navy); font-weight:700; text-align:center; }.client-name img { width:100%; height:88px; object-fit:contain; }.client-name::after,.logo-card::after { color:var(--navy); font-size:.82rem; font-weight:700; line-height:1.25; text-align:center; }.client-name:has(img[alt="Defence Research and Development Laboratory"])::after,.logo-card:has(img[alt="Defence Research and Development Laboratory"])::after { content:"DRDL – Defence Research and Development Laboratory"; }.client-name:has(img[alt="Indian Navy"])::after,.logo-card:has(img[alt="Indian Navy"])::after { content:"Indian Navy (Underwater Ranges)"; }.client-name:has(img[alt="RailTel"])::after,.logo-card:has(img[alt="RailTel"])::after { content:"RailTel Corporation of India Ltd."; }.client-name:has(img[alt="Bharat Electronics"])::after,.logo-card:has(img[alt="Bharat Electronics"])::after { content:"Bharat Electronics Ltd."; }.client-name:has(img[alt="Bharat Dynamics"])::after,.logo-card:has(img[alt="Bharat Dynamics"])::after { content:"Bharat Dynamics Ltd."; }.client-name:has(img[alt="Electronics Corporation of India Limited"])::after,.logo-card:has(img[alt="Electronics Corporation of India Limited"])::after { content:"Electronics Corporation of India Ltd."; }.client-name:has(img[alt="Godrej & Boyce"])::after,.logo-card:has(img[alt="Godrej & Boyce"])::after { content:"Godrej & Boyce Mfg. Co. Ltd."; }.client-name:has(img[alt="Adtran"])::after,.logo-card:has(img[alt="Adtran"])::after { content:"Adtran Networks SE"; }.client-name:has(img[alt="Bharti Airtel"])::after,.logo-card:has(img[alt="Bharti Airtel"])::after { content:"Bharti Airtel"; }.client-name:has(img[alt="BSNL"])::after,.logo-card:has(img[alt="BSNL"])::after { content:"BSNL"; }.client-name:has(img[alt="Nokia"])::after,.logo-card:has(img[alt="Nokia"])::after { content:"Nokia"; }.client-name:has(img[alt="Greater Hyderabad Municipal Corporation"])::after,.logo-card:has(img[alt="Greater Hyderabad Municipal Corporation"])::after { content:"Greater Hyderabad Municipal Corporation"; }.client-name:has(img[alt="Idea"])::after,.logo-card:has(img[alt="Idea"])::after { content:"Idea"; }.client-name:has(img[alt="Defence Research and Development Organisation"])::after,.logo-card:has(img[alt="Defence Research and Development Organisation"])::after { content:"Defence Research and Development Organisation"; }
.client-labels { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:24px; }.client-label { padding:14px 16px; border-left:3px solid var(--blue); background:var(--sky); color:var(--navy); font-weight:700; }
.cta-section { background:var(--navy)!important; color:#fff; }.cta-section h2,.cta-section .section-kicker { color:#fff; }.cta-section .section-kicker { color:#aee1ff; }.cta-section .section-intro { color:#d8eaff; }.cta-grid { display:flex; align-items:end; justify-content:space-between; gap:24px; }.page-banner { background:var(--sky); border-bottom:1px solid var(--line); }.page-banner .container { padding:52px 0; }.page-banner p { max-width:720px; margin:12px 0 0; color:var(--muted); }.logo-grid { grid-template-columns:repeat(4,1fr); }.logo-card { display:flex; align-items:center; justify-content:center; min-height:195px; padding:18px; border:1px solid var(--line); border-radius:6px; background:var(--paper); box-shadow:0 5px 14px rgba(17,52,91,.06); }.logo-card img { width:100%; height:145px; object-fit:contain; }.contact-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:24px; }.contact-card { padding:30px; border:1px solid var(--line); background:var(--paper); box-shadow:var(--shadow); }.contact-card h2 { font-size:1.55rem; }.contact-list { padding:0; margin:20px 0 0; list-style:none; }.contact-list li { padding:12px 0; border-bottom:1px solid var(--line); }.contact-list li:last-child { border-bottom:0; }.contact-list a { color:var(--blue); font-weight:700; }
.site-footer { background:#061f42; color:#c9d8eb; }.footer-inner { display:flex; justify-content:space-between; gap:20px; padding:24px 0; font-size:.9rem; }.footer-inner p { margin:0; }.footer-inner a { color:#fff; }
@media (max-width:800px) { .header-inner { align-items:flex-start; flex-direction:column; gap:12px; min-height:0; }.brand { flex:none; }.trust-marks { justify-content:flex-start; }.expert-grid,.service-grid,.market-grid { grid-template-columns:repeat(2,1fr); }.client-summary,.logo-grid { grid-template-columns:repeat(3,1fr); }.intro-panel,.contact-grid { grid-template-columns:1fr; } }
@media (max-width:540px) { .header-inner,.nav-inner,.container,.footer-inner { width:min(100% - 28px,1120px); }.header-inner { gap:8px; padding:10px 0; }.brand img { width:220px; }.trust-marks { gap:8px; }.trust-mark { width:67px; height:47px; }.trust-mark.make-in-india { width:90px; }.trust-mark img { max-height:44px; }.nav-inner { overflow-x:auto; }.nav-inner a { flex:0 0 auto; padding:12px 13px; }.hero .container { padding-top:18px; padding-bottom:22px; } main section { padding-top:48px; padding-bottom:48px; }.expert-grid,.service-grid,.market-grid,.client-summary,.logo-grid,.client-labels { grid-template-columns:1fr; }.about-copy { columns:1; }.cta-grid,.footer-inner { align-items:flex-start; flex-direction:column; } }
 .logo-card { flex-direction:column; gap:8px; }
 .logo-card img { height:125px; }
 .client-name:has(img[alt="Godrej & Boyce"])::after,.logo-card:has(img[alt="Godrej & Boyce"])::after { content:"Godrej & Boyce Mfg. Co. Ltd."; }
 .client-name:has(img[alt="Naval Science and Technological Laboratory"])::after,.logo-card:has(img[alt="Naval Science and Technological Laboratory"])::after { content:"NSTL – Naval Science and Technological Laboratory"; }
 .client-name:has(img[alt="Naval Physical & Oceanographic Laboratory"])::after,.logo-card:has(img[alt="Naval Physical & Oceanographic Laboratory"])::after { content:"NPOL – Naval Physical & Oceanographic Laboratory"; }
 .client-name:has(img[alt="Nuclear Fuel Complex"])::after,.logo-card:has(img[alt="Nuclear Fuel Complex"])::after { content:"Nuclear Fuel Complex"; }
 .client-name:has(img[alt="Astra Microwave Products Ltd."])::after,.logo-card:has(img[alt="Astra Microwave Products Ltd."])::after { content:"Astra Microwave Products Ltd."; }
 .client-name:has(img[alt="Naval Physical & Oceanographic Laboratory"])::after,.logo-card:has(img[alt="Naval Physical & Oceanographic Laboratory"])::after { content:"NPOL – Naval Physical & Oceanographic Laboratory"; }
 .client-card-label { display:block; color:var(--navy); font-size:.82rem; font-weight:700; line-height:1.25; text-align:center; }
 .client-name:has(img[alt="Defence Research and Development Laboratory"])::after,.logo-card:has(img[alt="Defence Research and Development Laboratory"])::after,.client-name:has(img[alt="Naval Science and Technological Laboratory"])::after,.logo-card:has(img[alt="Naval Science and Technological Laboratory"])::after,.client-name:has(img[alt="Naval Physical & Oceanographic Laboratory"])::after,.logo-card:has(img[alt="Naval Physical & Oceanographic Laboratory"])::after { content:none !important; }
 .client-name:has(img[alt="Electronics Corporation of India Limited"]) img,.logo-card:has(img[alt="Electronics Corporation of India Limited"]) img { transform:scale(1.35); }
 .client-name:has(img[alt="Electronics Corporation of India Limited"]) img,.logo-card:has(img[alt="Electronics Corporation of India Limited"]) img { transform:scale(1.1); }
 .client-name:has(img[alt="Electronics Corporation of India Limited"]) img,.logo-card:has(img[alt="Electronics Corporation of India Limited"]) img { transform:scale(.85); }
 .client-name:has(img[alt="Godrej & Boyce"]) img,.logo-card:has(img[alt="Godrej & Boyce"]) img { transform:scale(1.35); }
 .client-name:has(img[alt="Electronics Corporation of India Limited"]) img,.logo-card:has(img[alt="Electronics Corporation of India Limited"]) img { transform:none; }
 .client-name:has(img[alt="Godrej & Boyce"]) img,.logo-card:has(img[alt="Godrej & Boyce"]) img { transform:scale(1); }
 h1,h2,h3,.section-intro,.hero-copy,.service-card p,.client-card-label,.client-name::after,.logo-card::after { white-space:normal; overflow-wrap:normal; word-break:normal; hyphens:none; }
 .section-heading { max-width:100%; }
 .section-heading .section-intro { max-width:760px; }
 .about-copy { columns:1; }
 .intro-panel { grid-template-columns:1fr 1fr; align-items:stretch; }
 @media (max-width:800px) { .intro-panel { grid-template-columns:1fr; } }
 .service-points { margin:0; padding-left:1.2rem; color:var(--muted); }
 .service-points li { margin:0 0 8px; }
 .service-points li:last-child { margin-bottom:0; }
 .expert-grid + h2 { margin-top:48px; }
 main section:has(.client-summary) { padding-top:24px; }
 main > section:not(.hero):not(.page-banner) { padding-top:24px; }
 #home,#expertise,#partners,#contact { scroll-margin-top:64px; }
 .contact-details { display:grid; gap:12px; margin-top:20px; color:#d8eaff; }
 .contact-details { grid-template-columns:repeat(2,minmax(0,1fr)); padding:18px; border:1px solid rgba(255,255,255,.25); border-radius:6px; background:rgba(255,255,255,.07); }
 .contact-details p { display:grid; gap:2px; margin:0; }
 .contact-details p:last-child { grid-column:1/-1; }
 .contact-details strong { color:#aee1ff; font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; }
 .contact-details a,.contact-details span { color:#fff; font-weight:700; }
 .cta-grid > div:last-child { display:flex; align-items:center; justify-content:flex-end; }
 .cta-grid > div:last-child .button-row { margin-top:0; justify-content:flex-end; }
 .contact-details { padding:0; border:0; background:transparent; }
 .cta-grid > div:last-child .button-row { flex-wrap:nowrap; }
 .cta-heading-row { display:flex; align-items:center; justify-content:space-between; gap:24px; }
 .cta-heading-row h2 { flex:1 1 auto; }
 .cta-heading-row .button-row { flex:0 0 auto; margin-top:0; flex-wrap:nowrap; }
 .cta-grid { display:block; }
 .cta-content { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.85fr); gap:18px 42px; align-items:start; }
 .cta-heading-row { display:contents; }
 .cta-heading-row h2 { grid-column:1; grid-row:1; }
 .cta-heading-row .button-row { grid-column:2; grid-row:1; justify-content:flex-start; }
 .cta-content > .section-intro { grid-column:1; grid-row:2; margin:0; }
 .cta-content > .contact-details { grid-column:2; grid-row:2; margin-top:0; }
 .cta-content { display:block; }
 .cta-copy { display:block; width:100%; }
 .cta-copy h2,.cta-copy .section-intro { display:block; width:100%; }
 .cta-content h2,.cta-content > .section-intro { display:block; width:100%; }
 .cta-content > .section-intro { margin-top:12px; }
 .contact-actions { display:grid; max-width:720px; margin-top:24px; gap:12px; }
 .contact-action { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.22); }
 .contact-action > div { display:grid; gap:2px; }
 .contact-action strong,.contact-address strong { color:#aee1ff; font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; }
 .contact-action a:not(.button) { color:#fff; font-weight:700; }
 .contact-address { display:grid; gap:4px; margin-top:18px; color:#d8eaff; }
 .contact-address span { color:#fff; font-weight:700; }
 @media (max-width:800px) { .cta-content { display:block; } .cta-heading-row { display:block; } .cta-heading-row .button-row { margin-top:16px; flex-wrap:wrap; } .cta-content > .section-intro { margin-top:16px; } .cta-content > .contact-details { margin-top:20px; } .contact-action { align-items:flex-start; flex-direction:column; gap:10px; } }
 @media (max-width:540px) { .contact-details { grid-template-columns:1fr; } .contact-details p:last-child { grid-column:auto; } .cta-grid > div:last-child,.cta-grid > div:last-child .button-row { justify-content:flex-start; } .cta-grid > div:last-child .button-row { flex-wrap:wrap; } }
 .hero-about { max-width:820px; margin-top:18px; color:#e4f2ff; }
 .hero-about h2 { color:#fff; font-size:clamp(1.15rem,2vw,1.6rem); line-height:1.2; }
 .hero-about p { margin:8px 0 0; line-height:1.45; }
 .hero-credentials { margin-top:10px; padding-top:8px; border-top:1px solid rgba(255,255,255,.35); color:#e4f2ff; line-height:1.4; }
 .hero-layout { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:28px; }
 .hero-layout .hero-about { max-width:none; margin-top:0; }
 @media (max-width:800px) { .hero-layout { grid-template-columns:1fr; gap:16px; } }
 @media (max-width:1000px) {
   #contact { padding-top:32px; padding-bottom:32px; }
   #contact .cta-content { display:flex !important; flex-direction:column; align-items:stretch; gap:0; }
   #contact .cta-copy,#contact .contact-actions { width:100%; max-width:none; }
   #contact .cta-copy .section-intro { margin-top:8px; }
   #contact .contact-actions { margin-top:14px; gap:0; }
   #contact .contact-action { align-items:center; flex-direction:row; justify-content:space-between; gap:16px; padding:10px 0; }
   #contact .contact-action > div { min-width:0; }
   #contact .contact-action .button { flex:0 0 auto; }
   #contact .contact-address { gap:2px; margin-top:10px; }
   #contact .button { min-height:40px; padding:7px 16px; }
 }
 @media (max-width:380px) {
   #contact .contact-action { align-items:flex-start; flex-direction:column; gap:6px; }
 }