/* Care Well Services — updated palette: midnight navy, steel blue, warm ivory, copper */

:root {
    --ink:#101d2c;
    --navy:#102b4e;
    --navy-deep:#071629;
    --blue:#244f7d;
    --steel:#6f8ca7;
    --copper:#d4a56a;
    --ivory:#f6f4ef;
    --paper:#fbfaf7;
    --white:#fff;
    --muted:#667487;
    --line:#e1e4e8;
    --font:'DM Sans',sans-serif;
    --display:'Manrope',sans-serif
}
* {
    box-sizing:border-box
}
html {
    scroll-behavior:smooth;
    scroll-padding-top:92px
}
body {
    margin:0;
    color:var(--ink);
    background:#fff;
    font:16px/1.7 var(--font);
    -webkit-font-smoothing:antialiased
}
a {
    color:inherit;
    text-decoration:none
}
button,input,select,textarea {
    font:inherit
}
.container {
    width:min(1220px,calc(100% - 64px));
    margin-inline:auto
}
.topbar {
    background:#071629;
    color:#d5dce4;
    font-size:12px
}
.topbar-inner {
    min-height:37px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px
}
.topbar-inner>span {
    display:flex;
    align-items:center;
    gap:9px
}
.topbar-inner i {
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--copper);
    display:inline-block
}
.topbar-inner a {
    color:#f5f3ed
}
.topbar-divider {
    padding:0 12px;
    color:#60748a
}
.site-header {
    height:82px;
    background:#fff;
    position:sticky;
    top:0;
    z-index:100;
    border-bottom:1px solid #e9ebee
}
.nav-wrap {
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.brand {
    display:flex;
    align-items:center;
    min-width:180px
}
.brand-logo {
    display:block;
    max-width:190px;
    max-height:58px;
    object-fit:contain
}
.brand-fallback {
    display:none;
    flex-direction:column;
    line-height:1;
    color:var(--navy)
}
.brand-fallback strong {
    font:800 20px var(--display);
    letter-spacing:-.06em
}
.brand-fallback small {
    font-size:9px;
    letter-spacing:.35em;
    margin-top:5px;
    font-weight:700
}
.main-nav {
    height:100%;
    display:flex;
    align-items:center;
    gap:28px;
    font-size:13px;
    font-weight:600;
    color:#29394b
}
.main-nav>a:not(.nav-cta),.dropdown-toggle {
    transition:color .2s
}
.main-nav a:hover,.dropdown-toggle:hover {
    color:var(--blue)
}
.nav-cta {
    display:inline-flex;
    gap:14px;
    align-items:center;
    padding:11px 17px;
    border:1px solid var(--copper);
    border-radius:3px;
    color:var(--navy)
}
.nav-dropdown {
    position:relative;
    height:100%;
    display:flex;
    align-items:center
}
.dropdown-toggle {
    border:0;
    background:none;
    color:#29394b;
    font-size:13px;
    font-weight:600;
    padding:12px 0;
    cursor:pointer
}
.dropdown-toggle span {
    margin-left:5px;
    color:var(--blue)
}
.dropdown-menu {
    display:none;
    position:absolute;
    top:calc(100% - 4px);
    left:-20px;
    width:260px;
    background:#fff;
    border-top:3px solid var(--copper);
    box-shadow:0 16px 35px #0b1b2c22;
    padding:9px;
    max-height:70vh;
    overflow:auto
}
.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu,.nav-dropdown.open .dropdown-menu {
    display:block
}
.dropdown-menu a {
    display:block;
    padding:10px 12px;
    font-size:12px;
    border-bottom:1px solid #edf0f3
}
.dropdown-menu a:last-child {
    border-bottom:0
}
.dropdown-menu a:hover {
    background:var(--ivory)
}
.menu-toggle {
    display:none;
    background:none;
    border:0
}
.hero {
    position:relative;
    background:var(--navy-deep);
    color:#fff;
    min-height:710px;
    isolation:isolate;
    overflow:hidden
}
.hero-image {
    position:absolute;
    inset:0;
    z-index:-3;
    background:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=2000&q=85') center/cover no-repeat
}
.hero-shade {
    position:absolute;
    inset:0;
    z-index:-2;
    background:linear-gradient(90deg,rgba(5,17,32,.98) 0%,rgba(8,29,51,.91) 39%,rgba(9,29,48,.43) 75%,rgba(8,22,38,.72) 100%)
}
.hero:after {
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    opacity:.15;
    background-image:linear-gradient(#b4c7d91a 1px,transparent 1px),linear-gradient(90deg,#b4c7d91a 1px,transparent 1px);
    background-size:72px 72px;
    pointer-events:none
}
.hero-layout {
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(360px,.72fr);
    gap:65px;
    align-items:center;
    padding-top:65px;
    padding-bottom:82px;
    min-height:665px
}
.hero-copy {
    max-width:690px
}
.eyebrow {
    font-size:11px;
    letter-spacing:.16em;
    font-weight:800;
    color:var(--blue);
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 20px
}
.eyebrow>span {
    width:24px;
    height:2px;
    background:var(--copper);
    display:inline-block
}
.eyebrow-light {
    color:#d9e2eb
}
.hero h1,.inner-hero h1 {
    font:800 clamp(44px,5.4vw,70px)/1.09 var(--display);
    letter-spacing:-.065em;
    margin:0;
    max-width:730px
}
.hero h1 em,.section h2 em,.coverage-section h2 em,.cta-band h2 em,.inner-hero h1 em,.inner-content h2 em,.related-section h2 em {
    font-style:normal;
    color:var(--copper)
}
.hero-lead {
    max-width:570px;
    color:#d0d9e2;
    font-size:17px;
    line-height:1.8;
    margin:24px 0 28px
}
.hero-actions {
    display:flex;
    align-items:center;
    gap:27px;
    flex-wrap:wrap
}
.btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:22px;
    padding:14px 20px;
    border-radius:3px;
    font-size:13px;
    font-weight:800;
    transition:transform .2s,background .2s;
    border:1px solid transparent;
    cursor:pointer
}
.btn:hover {
    transform:translateY(-2px)
}
.btn-accent {
    background:var(--copper);
    color:#111e2c
}
.btn-accent:hover {
    background:#e3bb88
}
.btn-outline {
    border-color:#b98b50;
    color:var(--navy);
    background:transparent
}
.text-link {
    display:inline-flex;
    align-items:center;
    gap:12px;
    color:var(--blue);
    font-size:13px;
    font-weight:800
}
.text-link span {
    font-size:18px
}
.text-link-light {
    color:#fff
}
.hero-metrics {
    display:flex;
    gap:0;
    margin-top:47px
}
.hero-metrics>div {
    padding:0 27px;
    border-left:1px solid #ffffff32;
    display:flex;
    flex-direction:column
}
.hero-metrics>div:first-child {
    padding-left:0;
    border-left:0
}
.hero-metrics strong {
    font:800 25px var(--display);
    letter-spacing:-.05em
}
.hero-metrics strong span {
    color:var(--copper)
}
.hero-metrics div>span {
    font-size:12px;
    color:#c3ceda;
    margin-top:3px
}
.hero-form-card {
    background:#fff;
    color:var(--ink);
    padding:28px 29px 25px;
    border-radius:5px;
    box-shadow:0 25px 70px #0004;
    position:relative;
    z-index:2
}
.form-topline {
    display:flex;
    justify-content:space-between;
    align-items:center
}
.form-kicker {
    font-size:10px;
    letter-spacing:.17em;
    font-weight:800;
    color:var(--blue)
}
.form-dot {
    width:8px;
    height:8px;
    border-radius:50%;
    background:#5e9879;
    box-shadow:0 0 0 5px #5e98791c
}
.hero-form-card h2 {
    font:800 27px/1.25 var(--display);
    letter-spacing:-.05em;
    margin:12px 0 5px
}
.hero-form-card>p {
    font-size:13px;
    color:#6c7888;
    margin:0 0 19px
}
.lead-form {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px 14px
}
.form-field {
    display:flex;
    flex-direction:column;
    gap:5px;
    min-width:0
}
.form-field label {
    font-size:12px;
    font-weight:700;
    color:#2d3b4c
}
.form-field label b {
    color:#ad5b42
}
.form-field label span {
    font-weight:400;
    color:#87909b
}
.form-field input,.form-field select,.form-field textarea {
    width:100%;
    border:1px solid #dce1e6;
    background:#fbfcfd;
    padding:11px 12px;
    border-radius:3px;
    outline:none;
    color:#1d2c3e;
    font-size:13px;
    min-width:0
}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus {
    border-color:var(--blue);
    box-shadow:0 0 0 3px #244f7d15
}
.form-field textarea {
    resize:vertical
}
.form-field:nth-of-type(6) {
    grid-column:1/-1
}
.form-consent {
    grid-column:1/-1;
    display:flex;
    align-items:flex-start;
    gap:8px;
    font-size:11px;
    color:#697688
}
.form-consent input {
    accent-color:var(--blue);
    margin-top:4px
}
.btn-submit {
    grid-column:1/-1;
    background:var(--navy);
    color:#fff;
    width:100%;
    border:0;
    padding:14px
}
.btn-submit:hover {
    background:var(--blue)
}
.form-privacy {
    grid-column:1/-1;
    color:#8c96a4;
    font-size:10px
}
.hp-field {
    position:absolute;
    left:-9999px;
    opacity:0
}
.hero-foot {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    background:#071629bd;
    border-top:1px solid #ffffff1e
}
.hero-foot-inner {
    min-height:45px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    color:#d0d8e1;
    font-size:11px;
    letter-spacing:.13em;
    font-weight:700
}
.hero-foot-inner b {
    color:var(--copper)
}
.trust-strip {
    background:var(--ivory);
    border-bottom:1px solid #e8e4dc
}
.trust-grid {
    display:grid;
    grid-template-columns:1.7fr repeat(4,1fr);
    align-items:center;
    gap:20px;
    padding-top:28px;
    padding-bottom:28px
}
.trust-intro .eyebrow {
    font-size:9px;
    margin-bottom:7px
}
.trust-intro h2 {
    font:800 20px/1.3 var(--display);
    letter-spacing:-.04em;
    margin:0;
    color:var(--navy)
}
.trust-item {
    border-left:1px solid #dcd8cf;
    padding-left:20px;
    display:flex;
    flex-direction:column
}
.trust-item strong {
    font:800 26px var(--display);
    letter-spacing:-.06em;
    color:var(--navy)
}
.trust-item strong span {
    color:#a9753f
}
.trust-item>span {
    font-size:12px;
    color:#677487
}
.section {
    padding:95px 0
}
.split-heading {
    display:grid;
    grid-template-columns:1fr .85fr;
    gap:75px;
    align-items:end;
    margin-bottom:42px
}
.section h2,.coverage-section h2,.cta-band h2,.inner-content h2,.related-section h2 {
    font:800 clamp(34px,3.5vw,46px)/1.16 var(--display);
    letter-spacing:-.065em;
    margin:0;
    color:var(--navy)
}
.section h2 em,.inner-content h2 em,.related-section h2 em {
    color:#a9753f
}
.section-intro {
    max-width:490px;
    justify-self:end
}
.section-intro p {
    font-size:15px;
    line-height:1.9;
    color:#647184;
    margin:0 0 19px
}
.feature-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px
}
.feature-card {
    height:365px;
    position:relative;
    overflow:hidden;
    border-radius:4px;
    color:#fff;
    background:#142b45;
    background-size:cover;
    background-position:center
}
.feature-card:before {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,#0716290a 15%,#071629ed 100%)
}
.photo-security {
    background-image:url('https://images.unsplash.com/photo-1582139329536-e7284fece509?auto=format&fit=crop&w=900&q=85')
}
.photo-housekeeping {
    background-image:url('https://images.unsplash.com/photo-1581578731548-c64695cc6952?auto=format&fit=crop&w=900&q=85')
}
.photo-facility {
    background-image:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=900&q=85')
}
.feature-number {
    position:absolute;
    top:20px;
    left:22px;
    font-size:10px;
    letter-spacing:.15em;
    color:#e4eaf0
}
.feature-bottom {
    position:absolute;
    bottom:23px;
    left:23px;
    right:23px
}
.tag {
    font-size:10px;
    letter-spacing:.14em;
    color:#e2bc8b;
    font-weight:800
}
.feature-bottom h3 {
    font:800 24px/1.25 var(--display);
    letter-spacing:-.045em;
    margin:10px 0 0
}
.feature-bottom>a {
    position:absolute;
    right:0;
    bottom:0;
    border:1px solid #ffffff8c;
    border-radius:50%;
    width:39px;
    height:39px;
    display:grid;
    place-items:center;
    font-size:18px
}
.services-section {
    background:#f8f7f3
}
.services-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-top:1px solid #dfe2e4;
    border-left:1px solid #dfe2e4
}
.service-card {
    position:relative;
    min-height:245px;
    padding:25px 25px 29px;
    border-right:1px solid #dfe2e4;
    border-bottom:1px solid #dfe2e4;
    background:#fbfaf7;
    transition:background .2s,transform .2s
}
.service-card:hover {
    background:#fff;
    transform:translateY(-2px)
}
.service-symbol {
    width:42px;
    height:42px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#e6ebee;
    color:var(--blue);
    font-size:21px;
    margin-bottom:24px
}
.service-index {
    position:absolute;
    top:29px;
    right:24px;
    font-size:11px;
    color:#8b95a1
}
.service-card h3 {
    font:800 18px/1.35 var(--display);
    letter-spacing:-.035em;
    color:var(--navy);
    margin:0 0 9px
}
.service-card p {
    font-size:13px;
    line-height:1.8;
    color:#667487;
    margin:0 0 18px;
    max-width:300px
}
.service-link {
    font-size:12px;
    font-weight:800;
    color:#8b653b
}
.coverage-section {
    padding:90px 0;
    background:var(--navy-deep);
    color:#fff;
    overflow:hidden
}
.coverage-layout {
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:80px;
    align-items:center
}
.coverage-section h2 {
    color:#fff
}
.coverage-lead {
    font-size:15px;
    line-height:1.9;
    color:#c0cbd7;
    max-width:460px;
    margin:22px 0
}
.state-chips {
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin:25px 0 30px;
    max-width:490px
}
.state-chips span {
    border:1px solid #ffffff38;
    border-radius:3px;
    padding:8px 12px;
    font-size:12px;
    color:#f0f3f5;
    background:#ffffff07
}
.coverage-art {
    height:440px;
    position:relative;
    display:grid;
    place-items:center
}
.coverage-orbit {
    position:absolute;
    border:1px solid #b6c5d53d;
    border-radius:50%;
    width:420px;
    height:280px;
    transform:rotate(-25deg)
}
.orbit-b {
    width:500px;
    height:350px;
    transform:rotate(32deg);
    border-color:#d4a56a4d
}
.coverage-center {
    width:215px;
    height:215px;
    border-radius:50%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:radial-gradient(circle at 30% 25%,#426889,#142e4c 60%,#091729);
    border:1px solid #a9bed34f;
    box-shadow:0 0 0 25px #ffffff04,0 0 70px #a6b9cb15
}
.coverage-center span {
    font-size:10px;
    letter-spacing:.2em;
    color:#d9e0e8
}
.coverage-center strong {
    font:800 66px var(--display);
    line-height:1;
    color:var(--copper)
}
.coverage-center small {
    font-size:9px;
    letter-spacing:.17em;
    color:#c2cdd8
}
.coverage-label {
    position:absolute;
    font-size:12px;
    background:#f8f7f3;
    color:#14273d;
    padding:7px 11px;
    border-radius:3px;
    box-shadow:0 7px 25px #0002
}
.coverage-label:first-letter {
    color:#b27e45
}
.loc-haryana {
    top:12%;
    left:22%
}
.loc-delhi {
    top:34%;
    left:1%
}
.loc-up {
    top:42%;
    right:1%
}
.loc-goa {
    bottom:20%;
    left:12%
}
.loc-gujarat {
    bottom:16%;
    right:14%
}
.loc-chandigarh {
    top:12%;
    right:10%
}
.loc-uk {
    bottom:4%;
    left:43%
}
.standards-section {
    background:#fff
}
.standards-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px
}
.standards-grid article {
    position:relative;
    border:1px solid #e2e5e7;
    padding:25px;
    min-height:225px;
    background:#fff
}
.standards-grid article>span {
    position:absolute;
    top:20px;
    right:20px;
    font-size:11px;
    color:#8c98a5
}
.standards-grid i {
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    background:#edf1f2;
    color:var(--blue);
    border-radius:50%;
    font-style:normal;
    font-size:20px;
    margin-bottom:23px
}
.standards-grid h3 {
    font:800 17px var(--display);
    margin:0 0 8px;
    color:var(--navy)
}
.standards-grid p {
    font-size:13px;
    line-height:1.8;
    color:#687587;
    margin:0
}
.clients-section {
    background:var(--ivory)
}
.client-list {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid #ddd9d0;
    border-left:1px solid #ddd9d0
}
.client-list span {
    display:grid;
    place-items:center;
    text-align:center;
    padding:17px;
    min-height:78px;
    border-right:1px solid #ddd9d0;
    border-bottom:1px solid #ddd9d0;
    font:800 14px var(--display);
    color:#5e6b79
}
.cta-band {
    background:var(--navy);
    color:#fff;
    padding:58px 0
}
.cta-inner {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px
}
.cta-band h2 {
    color:#fff;
    font-size:40px
}
.cta-band .eyebrow {
    margin-bottom:12px
}
.site-footer {
    background:#071629;
    color:#d4dce5;
    padding-top:50px
}
.footer-main {
    display:grid;
    grid-template-columns:1.35fr .75fr .9fr 1.1fr;
    gap:45px;
    padding-bottom:40px
}
.brand-dark {
    color:#fff
}
.brand-dark .brand-fallback {
    color:#fff
}
.footer-brand>p,.footer-cta p {
    font-size:13px;
    color:#a9b6c5;
    line-height:1.85;
    max-width:300px
}
.footer-phone {
    display:block;
    font-size:13px;
    color:#fff;
    margin-top:6px
}
.footer-main h3 {
    font:800 15px var(--display);
    margin:8px 0 16px;
    color:#fff
}
.footer-main>div:not(.footer-brand):not(.footer-cta) {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:11px
}
.footer-main>div>a:not(.brand),.footer-main>div:not(.footer-brand):not(.footer-cta)>a {
    font-size:12px;
    color:#aebac8
}
.footer-main a:hover {
    color:#fff
}
.footer-cta .btn {
    margin-top:7px
}
.footer-bottom {
    border-top:1px solid #ffffff20;
    min-height:57px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    font-size:10px;
    color:#8594a7
}
.floating-contact {
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:80;
    width:50px;
    height:50px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#1c5c4b;
    color:#fff;
    font-size:23px;
    box-shadow:0 7px 22px #0003
}
.inner-hero {
    background:linear-gradient(100deg,#071629ed,#102b4edb),url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1800&q=80') center/cover;
    color:#fff;
    padding:100px 0 95px
}
.inner-hero h1 {
    max-width:900px
}
.inner-hero>div>p:not(.eyebrow) {
    font-size:17px;
    line-height:1.9;
    color:#d2dbe4;
    max-width:850px;
    margin:22px 0 27px
}
.inner-content {
    background:#fff
}
.inner-grid {
    display:grid;
    grid-template-columns:1.1fr .7fr;
    gap:85px
}
.inner-content h2 {
    margin-bottom:22px
}
.body-copy {
    font-size:16px;
    line-height:1.95;
    color:#647184
}
.inner-content h3 {
    font:800 22px var(--display);
    color:var(--navy);
    margin:30px 0 15px
}
.service-bullets {
    list-style:none;
    padding:0;
    margin:0
}
.service-bullets li {
    padding:12px 0 12px 30px;
    border-bottom:1px solid #e6e8eb;
    position:relative;
    font-size:15px;
    color:#4d5c6e
}
.service-bullets li:before {
    content:"✓";
    position:absolute;
    left:0;
    color:#9b6f3e;
    font-weight:800
}
.inner-aside {
    background:var(--ivory);
    padding:30px;
    height:max-content;
    border-top:4px solid var(--copper)
}
.aside-kicker {
    font-size:10px;
    letter-spacing:.16em;
    font-weight:800;
    color:#91693e
}
.inner-aside h3 {
    margin-top:12px
}
.inner-aside p {
    font-size:14px;
    line-height:1.85;
    color:#647184
}
.inner-aside hr {
    border:0;
    border-top:1px solid #dcd9d2;
    margin:25px 0
}
.inner-aside h4 {
    font-size:14px;
    margin:0;
    color:var(--navy)
}
.related-section {
    background:#f8f7f3
}
.related-links {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin-top:30px
}
.related-links a {
    background:#fff;
    border:1px solid #e0e3e4;
    padding:18px;
    font-size:14px;
    font-weight:700;
    color:var(--navy)
}
.related-links a:hover {
    border-color:var(--copper)
}
.reveal {
    opacity:0;
    transform:translateY(16px);
    transition:opacity .6s ease,transform .6s ease
}
.reveal.is-visible {
    opacity:1;
    transform:none
}
@media(max-width:1050px) {
    .container {
        width:calc(100% - 44px)
    }
    .main-nav {
        gap:16px;
        font-size:12px
    }
    .dropdown-toggle {
        font-size:12px
    }
    .hero-layout {
        gap:30px;
        grid-template-columns:1fr 380px
    }
    .hero h1 {
        font-size:54px
    }
    .hero-form-card {
        padding:23px
    }
    .trust-grid {
        grid-template-columns:1.5fr repeat(4,1fr);
        gap:12px
    }
    .trust-item {
        padding-left:12px
    }
    .coverage-layout {
        gap:35px
    }
    .footer-main {
        gap:25px
    }
}
@media(max-width:780px) {
    body {
        font-size:15px
    }
    .container {
        width:calc(100% - 36px)
    }
    .topbar-inner {
        min-height:35px;
        font-size:10px
    }
    .topbar-inner>span {
        max-width:53%;
        line-height:1.3
    }
    .topbar-inner>div {
        white-space:nowrap
    }
    .topbar-divider {
        padding:0 5px
    }
    .site-header {
        height:72px
    }
    .brand-logo {
        max-width:155px;
        max-height:52px
    }
    .menu-toggle {
        display:flex;
        flex-direction:column;
        gap:5px;
        padding:10px
    }
    .menu-toggle span {
        width:25px;
        height:2px;
        background:var(--navy);
        display:block
    }
    .main-nav {
        position:absolute;
        left:0;
        right:0;
        top:71px;
        height:auto;
        background:#fff;
        padding:12px 18px 22px;
        display:none;
        flex-direction:column;
        align-items:stretch;
        gap:0;
        box-shadow:0 16px 25px #0002;
        max-height:calc(100vh - 72px);
        overflow:auto
    }
    .main-nav.open {
        display:flex
    }
    .main-nav>a,.dropdown-toggle {
        padding:13px 3px;
        border-bottom:1px solid #edf0f3;
        display:block;
        width:100%;
        text-align:left
    }
    .nav-dropdown {
        height:auto;
        display:block
    }
    .dropdown-menu {
        position:static;
        width:100%;
        box-shadow:none;
        border-top:0;
        background:#f8f7f3;
        max-height:none;
        padding:5px 10px
    }
    .dropdown-menu a {
        padding:10px
    }
    .nav-cta {
        margin-top:12px;
        text-align:center;
        justify-content:center
    }
    .hero {
        min-height:0
    }
    .hero-layout {
        grid-template-columns:1fr;
        gap:35px;
        padding-top:58px;
        padding-bottom:86px
    }
    .hero h1 {
        font-size:clamp(42px,10vw,58px)
    }
    .hero-lead {
        font-size:16px;
        max-width:580px
    }
    .hero-actions {
        gap:18px
    }
    .hero-metrics {
        margin-top:34px
    }
    .hero-metrics>div {
        padding:0 17px
    }
    .hero-metrics strong {
        font-size:22px
    }
    .hero-metrics div>span {
        font-size:11px
    }
    .hero-form-card {
        max-width:560px;
        width:100%;
        padding:25px;
        margin-inline:auto
    }
    .hero-form-card h2 {
        font-size:26px
    }
    .hero-foot-inner {
        min-height:42px;
        justify-content:center;
        flex-wrap:wrap;
        padding:10px 0;
        gap:4px 10px;
        font-size:9px
    }
    .trust-grid {
        grid-template-columns:1fr 1fr;
        padding:25px 0;
        gap:20px
    }
    .trust-intro {
        grid-column:1/-1
    }
    .trust-item {
        padding-left:15px
    }
    .trust-item:nth-child(2n) {
        border-left:0;
        padding-left:0
    }
    .trust-item strong {
        font-size:24px
    }
    .trust-item>span {
        font-size:12px
    }
    .section {
        padding:68px 0
    }
    .split-heading {
        grid-template-columns:1fr;
        gap:20px;
        margin-bottom:30px
    }
    .section-intro {
        justify-self:start;
        max-width:600px
    }
    .section h2,.coverage-section h2,.inner-content h2 {
        font-size:36px
    }
    .feature-grid {
        grid-template-columns:1fr;
        gap:13px
    }
    .feature-card {
        height:310px
    }
    .services-grid {
        grid-template-columns:1fr 1fr
    }
    .service-card {
        padding:20px 16px;
        min-height:230px
    }
    .service-card h3 {
        font-size:16px
    }
    .service-card p {
        font-size:12px
    }
    .service-index {
        right:14px;
        top:22px
    }
    .coverage-section {
        padding:70px 0
    }
    .coverage-layout {
        grid-template-columns:1fr;
        gap:20px
    }
    .coverage-art {
        height:370px
    }
    .coverage-orbit {
        width:320px;
        height:210px
    }
    .orbit-b {
        width:360px;
        height:260px
    }
    .coverage-center {
        width:175px;
        height:175px
    }
    .coverage-center strong {
        font-size:54px
    }
    .coverage-label {
        font-size:10px;
        padding:6px 8px
    }
    .loc-haryana {
        left:12%
    }
    .loc-delhi {
        left:0
    }
    .loc-up {
        right:0
    }
    .loc-chandigarh {
        right:5%
    }
    .standards-grid {
        grid-template-columns:1fr 1fr;
        gap:10px
    }
    .standards-grid article {
        padding:18px;
        min-height:215px
    }
    .standards-grid h3 {
        font-size:15px
    }
    .standards-grid p {
        font-size:12px
    }
    .client-list {
        grid-template-columns:repeat(2,1fr)
    }
    .client-list span {
        font-size:12px;
        min-height:64px;
        padding:10px
    }
    .cta-inner {
        align-items:flex-start;
        flex-direction:column
    }
    .cta-band h2 {
        font-size:35px
    }
    .footer-main {
        grid-template-columns:1fr 1fr;
        gap:30px 20px
    }
    .footer-brand {
        grid-column:1/-1
    }
    .footer-bottom {
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
        padding:16px 0
    }
    .inner-hero {
        padding:70px 0
    }
    .inner-hero h1 {
        font-size:clamp(38px,9vw,54px)
    }
    .inner-hero>div>p:not(.eyebrow) {
        font-size:15px
    }
    .inner-grid {
        grid-template-columns:1fr;
        gap:35px
    }
    .related-links {
        grid-template-columns:1fr 1fr
    }
}
@media(max-width:460px) {
    .topbar-inner>span {
        max-width:48%;
        font-size:9px
    }
    .topbar-inner>div {
        font-size:9px
    }
    .hero h1 {
        font-size:42px
    }
    .hero-form-card {
        padding:20px 17px
    }
    .lead-form {
        grid-template-columns:1fr;
        gap:11px
    }
    .form-field:nth-of-type(6),.form-consent,.btn-submit,.form-privacy {
        grid-column:1
    }
    .form-field input,.form-field select,.form-field textarea {
        font-size:14px;
        padding:12px
    }
    .hero-metrics>div {
        padding:0 11px
    }
    .hero-metrics strong {
        font-size:20px
    }
    .hero-metrics div>span {
        font-size:10px
    }
    .services-grid {
        grid-template-columns:1fr
    }
    .service-card {
        min-height:195px
    }
    .service-symbol {
        margin-bottom:18px
    }
    .coverage-art {
        height:320px
    }
    .coverage-orbit {
        width:265px;
        height:175px
    }
    .orbit-b {
        width:300px;
        height:220px
    }
    .coverage-center {
        width:145px;
        height:145px
    }
    .coverage-center strong {
        font-size:45px
    }
    .coverage-label {
        font-size:9px
    }
    .standards-grid {
        grid-template-columns:1fr
    }
    .standards-grid article {
        min-height:180px
    }
    .related-links {
        grid-template-columns:1fr
    }
    .footer-main {
        grid-template-columns:1fr 1fr
    }
    .footer-cta {
        grid-column:1/-1
    }
    .footer-brand {
        grid-column:1/-1
    }
    .btn {
        font-size:12px
    }
    .hero-actions .btn {
        width:100%
    }
}
@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior:auto
    }
    *,*:before,*:after {
        transition-duration:.01ms!important;
        animation-duration:.01ms!important
    }
    .reveal {
        opacity:1;
        transform:none
    }
}


/* Footer alignment fix: constrain the logo and prevent grid columns from overflowing. */
.footer-main {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, .75fr) minmax(0, .9fr) minmax(0, 1.1fr);
}

.footer-main > * {
    min-width: 0;
}

.footer-brand .brand {
    min-width: 0;
    width: 100%;
    max-width: 210px;
}

.footer-brand .brand img {
    display: block;
    width: 190px;
    max-width: 100%;
    height: auto;
    max-height: 58px;
    object-fit: contain;
    object-position: left center;
}

.footer-brand > p,
.footer-cta > p {
    width: 100%;
    max-width: 300px;
    overflow-wrap: break-word;
}

.footer-cta {
    min-width: 0;
}

.footer-cta h3 {
    max-width: 100%;
    overflow-wrap: break-word;
}

@media (max-width: 780px) {
    .footer-main {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .footer-brand .brand {
        max-width: 210px;
    }

    .footer-brand .brand img {
        width: 190px;
        max-width: 100%;
    }
}

@media (max-width: 460px) {
    .footer-main {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
}