:root {
  --blue-900: #002766;
  --blue-800: #003399;
  --blue-700: #1f5bb8;
  --blue-500: #5590cc;
  --blue-300: #9ec9eb;
  --blue-100: #e6f0fa;
  --blue-50: #f5f9fd;
  --coral-600: #d96a3a;
  --coral-500: #f2955f;
  --coral-100: #fff1ea;
  --text: #18314b;
  --muted: #5d6f83;
  --line: #dbe6f1;
  --paper: #fff;
  --bg: #fbfdff;
  --success: #17795e;
  --shadow: 0 12px 35px rgba(10, 35, 66, .08);
  --shadow-lg: 0 22px 60px rgba(8, 35, 66, .12);
  --radius: 22px;
  --section-space: clamp(3.25rem, 5vw, 5rem);
  --container: min(1180px, calc(100vw - 2rem));
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: linear-gradient(180deg, #fff, #f9fbfe 55%, #fff);
  line-height: 1.6;
}
/* Content must never depend on JavaScript to become visible. */
body.loaded { opacity: 1; transform: none; }
body.lang-ta {
  font-family: "Noto Sans Tamil", "Mukta Malar", "Latha", system-ui, sans-serif;
  line-height: 1.78;
}
body.lang-ta .section { padding-block: clamp(2.7rem, 4vw, 4.5rem); }
body.lang-ta p, body.lang-ta li { line-height: 1.82; }
body.lang-ta .hero-copy h1 { font-size: clamp(2rem, 4vw, 3.7rem); line-height: 1.22; }
body.lang-ta .section-heading h2 { font-size: clamp(1.7rem, 3.1vw, 2.65rem); line-height: 1.28; }
body.lang-ta .nav-links a { font-size: .96rem; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
p { margin: 0 0 1rem; color: var(--muted); }
ul { padding-left: 1.1rem; color: var(--muted); }
.container { width: var(--container); margin-inline: auto; }
.section { padding-block: var(--section-space); }
.section.compact { padding-block: clamp(2.2rem, 4vw, 3.5rem); }
.bg-tint { background: var(--blue-50); }
.bg-accent { background: linear-gradient(135deg, rgba(242,149,95,.09), rgba(158,201,235,.18)); }
.section-heading { margin-bottom: 1.75rem; display: grid; gap: .65rem; }
.section-heading .eyebrow {
  display: inline-flex; gap: .5rem; align-items: center; font-size: .85rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--blue-700);
}
.section-heading h2, .page-hero h1, .hero-copy h1 {
  font-family: Georgia, "Times New Roman", serif; color: var(--blue-900); font-weight: 700;
}
.section-heading h2 { margin: 0; font-size: clamp(2rem, 3.2vw, 3.2rem); line-height: 1.15; max-width: 18ch; }
.muted { color: var(--muted); }
.topbar {
  background: var(--blue-900); color: #fff; font-size: .9rem;
}
.topbar-inner { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.topbar .quick-meta { display: flex; flex-wrap: wrap; gap: .85rem; align-items: center; }
.topbar .quick-meta span { opacity: .92; }
.topbar .status { display: inline-flex; align-items: center; gap: .55rem; font-weight: 600; }
.status-dot { width: .65rem; height: .65rem; border-radius: 999px; background: var(--success); box-shadow: 0 0 0 0 rgba(23,121,94,.6); animation: pulse 1.8s infinite; }
@keyframes pulse { 0%{box-shadow:0 0 0 0 rgba(23,121,94,.55)} 75%{box-shadow:0 0 0 13px rgba(23,121,94,0)} 100%{box-shadow:0 0 0 0 rgba(23,121,94,0)} }
.site-header {
  position: sticky; top: 0; z-index: 50; backdrop-filter: blur(12px); background: rgba(255,255,255,.9); border-bottom: 1px solid rgba(219,230,241,.9); transition: box-shadow .3s ease, background .3s ease;
}
.site-header.scrolled { box-shadow: 0 8px 30px rgba(4, 22, 46, .07); background: rgba(255,255,255,.96); }
.header-inner {
  display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1.2rem; min-height: 84px;
}
.brand { display:flex; align-items:center; gap:.9rem; }
.brand img { width: 180px; max-width: 100%; height: auto; }
.nav-links { display:flex; align-items:center; justify-content:center; gap: 1.1rem; flex-wrap: wrap; }
.nav-links a {
  padding: .5rem .3rem; color: var(--text); font-weight: 600; position: relative;
}
.nav-links a::after { content:""; position:absolute; left:.3rem; right:.3rem; bottom:.2rem; height:2px; background:var(--coral-500); transform:scaleX(0); transform-origin:left; transition:transform .25s ease; }
.nav-links a:hover::after, .nav-links a.active::after { transform: scaleX(1); }
.header-actions { display:flex; align-items:center; gap:.75rem; }
.lang-toggle, .menu-toggle {
  border:1px solid var(--line); background:#fff; color:var(--blue-900); padding:.7rem .9rem; border-radius:14px; font-weight:700; cursor:pointer; transition:.2s ease;
}
.lang-toggle:hover, .menu-toggle:hover { transform: translateY(-1px); box-shadow: var(--shadow); }
.menu-toggle { display:none; }
.button {
  display:inline-flex; align-items:center; justify-content:center; gap:.6rem; border:none; border-radius: 14px; padding: .95rem 1.2rem; font-weight:700; cursor:pointer; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; box-shadow:none;
}
.button:active { transform: scale(.98); }
.button.primary { background: var(--blue-800); color: #fff; }
.button.primary:hover { background: #002c7a; box-shadow: var(--shadow); }
.button.secondary { background: #fff; color: var(--blue-800); border: 1px solid var(--blue-300); }
.button.secondary:hover { box-shadow: var(--shadow); }
.button.coral { background: var(--coral-500); color:#fff; }
.button.coral:hover { background: var(--coral-600); box-shadow: var(--shadow); }
.button.link { padding: 0; background:none; color: var(--blue-800); }
.button.small { padding: .7rem 1rem; border-radius: 12px; font-size: .95rem; }
.page-hero {
  position: relative; overflow: clip; padding: clamp(2.8rem, 4.5vw, 5rem) 0 clamp(2rem, 4vw, 3rem);
}
.hero-wrap {
  display:grid; grid-template-columns: 1.02fr .98fr; gap: 2rem; align-items: center;
}
.hero-copy { display:grid; gap:1.1rem; }
.hero-copy .eyebrow-pill {
  display:inline-flex; align-items:center; gap:.55rem; background: var(--blue-50); color: var(--blue-800); padding: .55rem .9rem; border-radius: 999px; font-weight:700; width:max-content; border:1px solid rgba(158,201,235,.55);
}
.hero-copy h1 { margin:0; font-size: clamp(2.45rem, 5vw, 4.7rem); line-height: 1.02; max-width: 11ch; }
.hero-copy .lead { font-size: clamp(1.05rem, 1.3vw, 1.18rem); max-width: 58ch; }
.hero-actions { display:flex; gap:.85rem; flex-wrap:wrap; margin-top:.4rem; }
.trust-badges { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:.35rem; }
.badge { padding:.6rem .85rem; border-radius: 999px; background:#fff; border:1px solid rgba(219,230,241,.95); color:var(--text); box-shadow: 0 6px 18px rgba(16, 40, 74, .05); font-size:.92rem; font-weight:600; }
.hero-visual { position: relative; min-height: 560px; }
.slider-shell { position:relative; background:#fff; padding:.85rem; border-radius: 28px; box-shadow: var(--shadow-lg); overflow:hidden; }
.slider-main { position:relative; aspect-ratio: 4 / 4.3; border-radius: 22px; overflow:hidden; }
.slide {
  position:absolute; inset:0; opacity:0; transform:scale(1.04); transition: opacity .7s ease, transform 1.5s ease;
}
.slide.active { opacity:1; transform:scale(1); }
.slide img { width:100%; height:100%; object-fit:cover; }
.slider-float {
  position:absolute; right:-1rem; bottom:1.2rem; width:min(52%, 290px); background: rgba(255,255,255,.97); border:1px solid rgba(219,230,241,.95); border-radius: 22px; padding: 1rem; box-shadow: var(--shadow);
}
.slider-float h3 { margin:.1rem 0 .3rem; font-size:1.05rem; color:var(--blue-900); }
.slider-thumbs { position:absolute; left:-1rem; bottom:1.2rem; width:min(42%, 220px); display:grid; gap:.8rem; }
.thumb-card { display:flex; gap:.75rem; align-items:center; padding:.75rem; background:rgba(255,255,255,.97); border:1px solid rgba(219,230,241,.9); border-radius:20px; box-shadow: var(--shadow); }
.thumb-card img { width:64px; height:64px; object-fit:cover; border-radius: 14px; flex: none; }
.hero-strip { display:grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-top: 2.2rem; }
.stat-card {
  padding:1.15rem 1rem; border-radius: 20px; background:#fff; border:1px solid rgba(219,230,241,.92); box-shadow: 0 10px 28px rgba(16,40,74,.04);
}
.stat-card strong { display:block; color:var(--blue-900); font-size:1.45rem; margin-bottom:.2rem; }
.quick-actions {
  display:grid; grid-template-columns: repeat(4, 1fr); gap:1rem; margin-top:-1rem;
}
.quick-card {
  position:relative; display:grid; gap:.8rem; align-content:start; padding:1.3rem; background:#fff; border-radius: 24px; border:1px solid var(--line); box-shadow: var(--shadow); min-height: 200px; overflow:hidden; transition: transform .28s ease, box-shadow .28s ease;
}
.quick-card:hover, .service-card:hover, .feature-card:hover, .trust-card:hover, .story-card:hover, .job-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
.quick-card .icon-wrap, .feature-card .icon-wrap, .job-card .icon-wrap { width:52px; height:52px; border-radius:16px; background:var(--coral-100); display:grid; place-items:center; color:var(--coral-600); font-size:1.25rem; }
.quick-card h3, .service-card h3, .feature-card h3, .story-card h3, .job-card h3 { margin:0; color:var(--blue-900); font-size:1.18rem; }
.quick-card p, .service-card p, .feature-card p, .story-card p, .job-card p { margin-bottom:0; }
.grid-2 { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1.4rem; }
.grid-3 { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1.35rem; }
.grid-4 { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1.15rem; }
.split {
  display:grid; grid-template-columns: 1fr .95fr; align-items:center; gap: 2rem;
}
.feature-card, .story-card, .job-card, .trust-card, .faq-item, .contact-card, .process-step, .plan-card, .area-card {
  background:#fff; border:1px solid var(--line); border-radius: 24px; box-shadow: var(--shadow); padding:1.35rem;
}
.feature-card { height:100%; }
.service-card {
  overflow:hidden; background:#fff; border:1px solid var(--line); border-radius: 24px; box-shadow: var(--shadow); transition: transform .26s ease, box-shadow .26s ease; display:grid;
}
.service-card .image { aspect-ratio: 4 / 3; overflow:hidden; }
.service-card img { width:100%; height:100%; object-fit:cover; transition: transform .8s ease; }
.service-card:hover img { transform: scale(1.05); }
.service-card .content { padding: 1.2rem; display:grid; gap:.85rem; }
.service-card .meta { display:flex; flex-wrap:wrap; gap:.55rem; }
.service-card .meta span, .tag { display:inline-flex; padding:.42rem .6rem; border-radius:999px; background:var(--blue-50); color:var(--blue-800); font-size:.82rem; font-weight:700; }
.masonry { columns: 3 260px; column-gap: 1rem; }
.masonry .masonry-item { break-inside: avoid; margin-bottom: 1rem; border-radius: 24px; overflow: hidden; box-shadow: var(--shadow); }
.masonry img { width:100%; height:auto; display:block; }
.media-stack { position:relative; min-height: 560px; }
.frame-lg, .frame-md, .frame-sm { position:absolute; overflow:hidden; border-radius: 26px; box-shadow: var(--shadow-lg); }
.frame-lg { inset:0 auto 0 0; width: 76%; height:100%; }
.frame-md { top: 8%; right:0; width: 36%; height: 44%; }
.frame-sm { right:8%; bottom: 6%; width: 34%; height: 28%; }
.media-stack img, .split-media img, .gallery-strip img { width:100%; height:100%; object-fit:cover; }
.split-media { position:relative; min-height: 500px; }
.split-media .main-image { height:100%; overflow:hidden; border-radius: 28px; box-shadow: var(--shadow-lg); }
.floating-note {
  position:absolute; left: 1rem; bottom: 1rem; padding:1rem; width:min(270px, calc(100% - 2rem)); background: rgba(255,255,255,.96); border-radius: 20px; border:1px solid rgba(219,230,241,.95); box-shadow: var(--shadow);
}
.timeline { display:grid; gap:1rem; position:relative; }
.timeline::before { content:""; position:absolute; left: 20px; top: 0; bottom: 0; width:2px; background: linear-gradient(180deg, var(--blue-300), rgba(158,201,235,.08)); }
.process-step { position:relative; padding-left: 4.25rem; }
.process-step::before {
  content: attr(data-step); position:absolute; left: 0; top: 1.1rem; width: 42px; height: 42px; border-radius: 50%; background:var(--blue-800); color:#fff; font-weight:800; display:grid; place-items:center; box-shadow: 0 10px 24px rgba(0,51,153,.18);
}
.process-step h3 { margin:.1rem 0 .5rem; color:var(--blue-900); }
.counter-grid { display:grid; grid-template-columns: repeat(4,1fr); gap:1rem; }
.counter { text-align:center; padding:1.4rem 1rem; background:#fff; border-radius: 24px; border:1px solid var(--line); box-shadow: var(--shadow); }
.counter-value { font-size: clamp(2rem, 3vw, 3.2rem); color:var(--blue-900); font-weight:800; font-family: Georgia, serif; }
.image-scroller { position:relative; overflow:hidden; }
.image-track { display:flex; gap:1rem; overflow:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding-bottom:.25rem; }
.image-track::-webkit-scrollbar { display:none; }
.image-track .slide-card { min-width:min(360px, 82vw); scroll-snap-align:start; border-radius: 24px; overflow:hidden; position:relative; box-shadow: var(--shadow); }
.image-track img { width:100%; aspect-ratio:16/10; object-fit:cover; }
/* Photo gallery keeps the complete source image visible. */
.photo-gallery .slide-card { background:#f5f8fc; }
.photo-gallery .gallery-open { width:100%; aspect-ratio:5/4; padding:0; border:0; display:grid; place-items:center; background:#f5f8fc; cursor:zoom-in; }
.photo-gallery .gallery-open img { width:100%; height:100%; aspect-ratio:auto; object-fit:contain; display:block; }
.photo-gallery .gallery-open:focus-visible { outline:3px solid var(--blue-500); outline-offset:-3px; }
.gallery-lightbox[hidden] { display:none !important; }
.gallery-lightbox { position:fixed; inset:0; z-index:10000; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:clamp(.4rem,2vw,1.2rem); padding:max(1rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left)); background:rgba(3,12,28,.94); backdrop-filter:blur(12px); }
body.lightbox-open { overflow:hidden; }
.gallery-lightbox-stage { min-width:0; max-width:min(1500px,92vw); max-height:calc(100dvh - 2rem); margin:0 auto; display:grid; grid-template-rows:minmax(0,1fr) auto; align-items:center; justify-items:center; gap:.7rem; }
.gallery-lightbox-stage img { display:block; width:auto; height:auto; max-width:100%; max-height:calc(100dvh - 5.5rem); object-fit:contain; border-radius:16px; box-shadow:0 24px 70px rgba(0,0,0,.42); background:#fff; }
.gallery-lightbox-stage figcaption { max-width:min(780px,90vw); color:rgba(255,255,255,.86); text-align:center; font-size:.94rem; line-height:1.4; }
.gallery-lightbox-close,.gallery-lightbox-nav { border:1px solid rgba(255,255,255,.3); background:rgba(255,255,255,.11); color:#fff; cursor:pointer; display:grid; place-items:center; backdrop-filter:blur(8px); box-shadow:0 12px 30px rgba(0,0,0,.2); }
.gallery-lightbox-close { position:fixed; top:max(1rem, env(safe-area-inset-top)); right:max(1rem, env(safe-area-inset-right)); z-index:2; width:48px; height:48px; border-radius:50%; font-size:2rem; line-height:1; }
.gallery-lightbox-nav { width:52px; height:52px; border-radius:50%; font-size:1.35rem; }
.gallery-lightbox-close:hover,.gallery-lightbox-nav:hover,.gallery-lightbox-close:focus-visible,.gallery-lightbox-nav:focus-visible { background:rgba(255,255,255,.22); outline:2px solid #fff; outline-offset:2px; }
@media (max-width:680px) {
  .gallery-lightbox { grid-template-columns:1fr; grid-template-rows:minmax(0,1fr) auto; padding-top:max(4.6rem, env(safe-area-inset-top)); }
  .gallery-lightbox-stage { grid-column:1; grid-row:1; max-width:96vw; max-height:calc(100dvh - 7rem); }
  .gallery-lightbox-stage img { max-height:calc(100dvh - 9rem); border-radius:12px; }
  .gallery-lightbox-prev,.gallery-lightbox-next { position:fixed; bottom:max(1rem, env(safe-area-inset-bottom)); width:48px; height:48px; }
  .gallery-lightbox-prev { left:calc(50% - 58px); }
  .gallery-lightbox-next { right:calc(50% - 58px); }
  .gallery-lightbox-stage figcaption { padding-bottom:3.8rem; }
}
.slider-controls { display:flex; justify-content:flex-end; gap:.75rem; margin-top:1rem; }
.icon-btn { width:48px; height:48px; border-radius:50%; border:1px solid var(--line); display:grid; place-items:center; background:#fff; box-shadow: var(--shadow); cursor:pointer; }
.cta-band {
  background: linear-gradient(135deg, rgba(0,51,153,.95), rgba(31,91,184,.94)); color:#fff; border-radius: 34px; padding: clamp(1.8rem, 4vw, 3rem); display:grid; grid-template-columns: 1.2fr .8fr; gap:1rem; align-items:center; box-shadow: var(--shadow-lg);
}
.cta-band h2 { color:#fff; margin:0 0 .8rem; font-size: clamp(2rem, 3vw, 3rem); }
.cta-band p { color: rgba(255,255,255,.86); margin-bottom:0; }
.cta-actions { display:flex; justify-content:flex-end; gap:.8rem; flex-wrap:wrap; }
.cta-band .button.primary { background: #fff; color: var(--blue-800); }
.cta-band .button.secondary { background: transparent; color: #fff; border-color: rgba(255,255,255,.35); }
.faq-list { display:grid; gap:.8rem; }
.faq-item button {
  width:100%; text-align:left; border:none; background:none; padding:0; display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; cursor:pointer;
}
.faq-item h3 { margin:0; font-size:1.05rem; color:var(--blue-900); }
.faq-item .answer { max-height:0; overflow:hidden; transition:max-height .35s ease; }
.faq-item.open .answer { max-height: 500px; margin-top: .8rem; }
.page-hero.simple { padding-top: 3rem; }
.page-hero .summary { max-width: 62ch; font-size: 1.06rem; }
.filter-row { display:flex; gap:.75rem; flex-wrap:wrap; margin-bottom:1.5rem; }
.filter-btn { padding:.72rem 1rem; border-radius: 999px; border:1px solid var(--line); background:#fff; font-weight:700; color:var(--text); cursor:pointer; }
.filter-btn.active { background:var(--blue-800); color:#fff; border-color:var(--blue-800); }
.service-detail { scroll-margin-top:120px; display:grid; grid-template-columns: .9fr 1.1fr; gap: 1.2rem; background:#fff; border:1px solid var(--line); border-radius: 26px; overflow:hidden; box-shadow: var(--shadow); margin-bottom: 1rem; }
.service-detail .visual { min-height: 320px; }
.service-detail .visual img { width:100%; height:100%; object-fit:cover; }
.service-detail .copy { padding: 1.35rem; display:grid; gap:.75rem; }
.service-detail ul { margin:0; }
.wizard-shell { display:grid; grid-template-columns: .9fr 1.1fr; gap:1.3rem; align-items:start; }
.wizard-panel, .wizard-result { background:#fff; border:1px solid var(--line); border-radius: 26px; box-shadow: var(--shadow); padding:1.35rem; }
.progress { height:10px; background:var(--blue-100); border-radius:999px; overflow:hidden; margin-bottom:1rem; }
.progress-bar { height:100%; width:25%; background: linear-gradient(90deg,var(--blue-700),var(--coral-500)); transition: width .35s ease; }
.option-grid { display:grid; gap:.8rem; }
.option {
  border:1px solid var(--line); background:#fff; border-radius: 18px; padding:1rem; cursor:pointer; transition:.22s ease;
}
.option:hover, .option.selected { border-color: var(--blue-500); box-shadow: 0 8px 22px rgba(0,51,153,.08); transform: translateY(-2px); }
.wizard-nav { display:flex; justify-content:space-between; gap:.8rem; margin-top:1rem; }
.result-card { display:none; gap:1rem; }
.result-card.active { display:grid; }
.story-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.15rem; }
.story-card blockquote { margin:0; color: var(--text); font-size: 1.05rem; }
.story-card footer { margin-top: .8rem; color: var(--muted); font-weight:700; }
.quote-mark { font-size: 2rem; color: var(--coral-500); line-height: 1; }
.contact-layout { display:grid; grid-template-columns: .82fr 1.18fr; gap:1.2rem; }
.contact-stack { display:grid; gap:1rem; }
.contact-card h3 { margin:0 0 .65rem; color:var(--blue-900); }
.contact-form, .career-form { background:#fff; border:1px solid var(--line); border-radius: 26px; padding:1.35rem; box-shadow: var(--shadow); }
.form-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; }
.field { display:grid; gap:.45rem; }
.field.full { grid-column: 1/-1; }
label { font-weight:700; color: var(--blue-900); }
input, select, textarea {
  width:100%; border:1px solid var(--line); border-radius: 16px; padding: .9rem 1rem; font: inherit; color:var(--text); background:#fff; transition: border-color .2s ease, box-shadow .2s ease;
}
textarea { min-height: 120px; resize: vertical; }
input:focus, select:focus, textarea:focus, .button:focus-visible, .lang-toggle:focus-visible, .menu-toggle:focus-visible, .icon-btn:focus-visible, .filter-btn:focus-visible, .option:focus-visible, .faq-item button:focus-visible {
  outline: 2px solid var(--coral-600); outline-offset: 2px; border-color: var(--coral-600); box-shadow: 0 0 0 3px rgba(217,106,58,.12);
}
.error { color: #b42318; font-size:.92rem; }
.success-message { display:none; margin-top:1rem; padding:1rem; border-radius:16px; background:#edf8f3; color:#14664f; font-weight:700; }
.success-message.show { display:block; }
.jobs-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:1rem; }
.area-grid { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:1rem; }
.area-card h3 { margin-top:0; }
.footer {
  margin-top: 2rem; background: #0f1e38; color: rgba(255,255,255,.82); padding-top: 3.5rem;
}
.footer .container { display:grid; gap:2rem; }
.footer-grid { display:grid; grid-template-columns: 1.1fr .8fr .8fr 1fr; gap: 1.5rem; }
.footer h3, .footer h4 { color:#fff; margin-top:0; }
.footer ul { list-style:none; padding:0; margin:0; display:grid; gap:.6rem; }
.footer p, .footer li { color: rgba(255,255,255,.74); }
.footer-bottom { border-top:1px solid rgba(255,255,255,.12); padding:1rem 0 1.6rem; display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.mobile-bar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; display:none; background: rgba(255,255,255,.96); border-top:1px solid var(--line); box-shadow: 0 -10px 28px rgba(8,35,66,.08); padding: .75rem .8rem env(safe-area-inset-bottom);
}
.mobile-bar-inner { display:grid; grid-template-columns: repeat(3, 1fr); gap: .65rem; }
.mobile-bar .button { width:100%; padding:.8rem .75rem; font-size:.92rem; }
.mobile-menu {
  position: fixed; inset: 0; z-index: 80; background: rgba(15,24,36,.45); display:none;
}
.mobile-menu.open { display:block; }
.mobile-menu .sheet { position:absolute; right:0; top:0; bottom:0; width:min(88vw, 380px); background:#fff; padding:1.25rem; box-shadow: var(--shadow-lg); display:grid; gap:1rem; transform:translateX(100%); transition: transform .28s ease; }
.mobile-menu.open .sheet { transform: translateX(0); }
.mobile-menu nav { display:grid; gap:.2rem; }
.mobile-menu nav a { padding: .8rem .2rem; border-bottom:1px solid rgba(219,230,241,.7); font-weight:700; color:var(--blue-900); }
.mobile-close { justify-self:end; }
.skip-link {
  position:absolute; left:-999px; top:0; background:#fff; color:var(--blue-900); padding:.75rem 1rem; z-index: 100; border-radius:12px;
}
.skip-link:focus { left: 1rem; top: 1rem; }
.reveal { opacity: 1; transform: none; }
/* Reveal motion is progressive enhancement only. If motion.js fails or is blocked, content stays visible. */
.motion-enabled .reveal { opacity: 0; transform: translateY(28px); transition: opacity .65s ease, transform .65s ease; }
.motion-enabled .reveal.visible { opacity: 1; transform: none; }
.parallax { will-change: transform; }
.highlight-note { padding: 1rem 1.1rem; border-left: 4px solid var(--coral-500); background: var(--coral-100); border-radius: 16px; color: var(--text); }
@media (max-width: 1100px) {
  .nav-links { gap: .85rem; }
  .hero-wrap, .split, .wizard-shell, .contact-layout, .service-detail, .cta-band, .page-hero.simple .hero-wrap { grid-template-columns: 1fr; }
  .hero-visual { min-height: auto; }
  .media-stack { min-height: 500px; }
  .footer-grid, .grid-4, .counter-grid, .quick-actions, .jobs-grid, .area-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .grid-3, .story-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 880px) {
  .topbar-inner { padding-block: .55rem; }
  .topbar .quick-meta span.hide-md { display:none; }
  .header-inner { grid-template-columns: auto 1fr auto; }
  .nav-links { display:none; }
  .menu-toggle { display:inline-flex; }
  .header-actions .button.small { display:none; }
  .hero-strip, .quick-actions, .counter-grid, .jobs-grid, .area-grid, .grid-4, .grid-3, .grid-2, .story-grid { grid-template-columns: 1fr; }
  .slider-thumbs { display:none; }
  .slider-float { position:relative; right:auto; bottom:auto; width:auto; margin-top: .85rem; }
  .service-detail .visual { min-height: 240px; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .mobile-bar { display:block; }
  body { padding-bottom: 82px; }
}
@media (max-width: 640px) {
  .container { width: min(100vw - 1rem, 1180px); }
  .topbar { font-size: .82rem; }
  .brand img { width: 156px; }
  .hero-copy h1 { max-width: 12ch; }
  .hero-actions, .cta-actions { flex-direction:column; align-items:stretch; }
  .form-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .hero-visual { min-height: 0; }
  .slider-shell { padding:.6rem; border-radius: 24px; }
  .slider-main { aspect-ratio: 4 / 4.8; }
  .quick-card, .feature-card, .story-card, .trust-card, .faq-item, .job-card, .contact-card, .counter, .service-card, .service-detail, .wizard-panel, .wizard-result, .contact-form, .career-form { border-radius: 22px; }
  .page-hero { padding-top: 2.2rem; }
  .masonry { columns: 1 240px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .reveal { opacity: 1; transform: none; }
  body { opacity: 1; transform: none; }
}

/* =========================================================
   V2 DESIGN SYSTEM — COMPACT HEADER, TYPOGRAPHY & MOTION
   ========================================================= */
:root {
  --font-ui: "Aptos", "Segoe UI Variable Text", "Segoe UI", Arial, sans-serif;
  --font-display: "Aptos Display", "Segoe UI Variable Display", "Segoe UI", Arial, sans-serif;
  --font-tamil: "Nirmala UI", "Noto Sans Tamil", "Latha", sans-serif;
  --section-space: clamp(3rem, 5vw, 5.25rem);
}
body {
  font-family: var(--font-ui);
  font-size: 16px;
  line-height: 1.66;
  letter-spacing: -.008em;
  overflow-x: hidden;
}
body.lang-ta {
  font-family: var(--font-tamil);
  font-size: 15.5px;
  line-height: 1.76;
  letter-spacing: 0;
}
body.lang-ta p,
body.lang-ta li,
body.lang-ta input,
body.lang-ta select,
body.lang-ta textarea,
body.lang-ta button { font-family: var(--font-tamil); line-height: 1.76; }
body.lang-ta .section { padding-block: clamp(2.8rem, 4.6vw, 4.75rem); }
body.lang-ta .section-heading h2 { font-size: clamp(1.65rem, 2.7vw, 2.55rem); line-height: 1.32; max-width: 22ch; }
body.lang-ta .hero-copy h1 { font-size: clamp(1.95rem, 4vw, 3.45rem); line-height: 1.28; max-width: 15ch; }
body.lang-ta .hero-copy .lead { max-width: 60ch; line-height: 1.82; }
body.lang-ta .button { line-height: 1.35; }
body.lang-ta .nav-links { gap: .65rem; }
body.lang-ta .nav-links a { font-size: .88rem; padding-inline: .2rem; }

h1,h2,h3,h4,h5,h6,
.section-heading h2,
.page-hero h1,
.hero-copy h1 {
  font-family: var(--font-display);
  letter-spacing: -.035em;
  text-wrap: balance;
}
body.lang-ta h1,
body.lang-ta h2,
body.lang-ta h3,
body.lang-ta h4,
body.lang-ta .section-heading h2,
body.lang-ta .page-hero h1,
body.lang-ta .hero-copy h1 {
  font-family: var(--font-tamil);
  letter-spacing: 0;
  text-wrap: pretty;
}
.section-heading { gap: .5rem; margin-bottom: clamp(1.35rem,2vw,2rem); }
.section-heading h2 { font-size: clamp(1.9rem, 3vw, 3rem); line-height: 1.08; max-width: 22ch; }
.section-heading p { max-width: 66ch; overflow-wrap: anywhere; }

.topbar { font-size: .82rem; }
.topbar-inner { min-height: 34px; }
.site-header { top: 0; }
.header-inner {
  min-height: 66px;
  grid-template-columns: minmax(215px, auto) 1fr auto;
  gap: 1rem;
}
.brand { gap: .65rem; min-width: 0; }
.brand .brand-mark {
  width: 46px;
  height: 46px;
  object-fit: contain;
  flex: 0 0 46px;
}
.brand-lockup { display:grid; min-width:0; line-height:1.08; }
.brand-lockup strong {
  font-family: var(--font-display);
  font-size: .98rem;
  color: var(--blue-900);
  letter-spacing: -.02em;
  white-space: nowrap;
}
.brand-lockup small {
  font-family: var(--font-tamil);
  color: var(--blue-700);
  font-size: .67rem;
  line-height: 1.35;
  white-space: nowrap;
}
.nav-links { gap: .78rem; flex-wrap: nowrap; }
.nav-links a { font-size: .91rem; padding: .45rem .2rem; white-space: nowrap; }
.header-actions { gap: .55rem; }
.lang-toggle { padding:.58rem .78rem; border-radius: 10px; font-size:.85rem; }
.header-actions .button.small { padding:.66rem .9rem; font-size:.86rem; }

.page-hero { padding: clamp(2.35rem,4vw,4.4rem) 0 clamp(1.8rem,3vw,3rem); }
.hero-wrap { grid-template-columns: minmax(0,.9fr) minmax(420px,1.1fr); gap: clamp(1.6rem,3.2vw,3.5rem); }
.hero-copy { gap: .95rem; position: relative; z-index: 4; }
.hero-copy h1 { font-size: clamp(2.35rem,4.7vw,4.55rem); line-height: .99; max-width: 12ch; }
.hero-copy .lead { font-size: clamp(1rem,1vw,1.12rem); line-height:1.7; }
.hero-copy .eyebrow-pill { font-size:.78rem; padding:.45rem .72rem; }
.trust-badges { gap:.45rem; }
.badge { padding:.48rem .66rem; font-size:.81rem; }
.hero-visual { min-height: 470px; }
.slider-shell { padding:.55rem; border-radius: 24px; }
.slider-main { aspect-ratio: 16 / 12; border-radius: 19px; min-height: 430px; }
.slider-main .slide::after {
  content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 48%,rgba(2,17,45,.58)); pointer-events:none;
}
.hero-slide-caption {
  position:absolute; left:1rem; right:1rem; bottom:1rem; z-index:4; display:flex; align-items:end; justify-content:space-between; gap:1rem; color:#fff; padding-right:4.5rem;
}
.hero-slide-caption span { font-size:clamp(1.05rem,1.6vw,1.4rem); font-weight:700; letter-spacing:-.02em; }
.hero-slide-caption strong { font-size:.78rem; letter-spacing:.12em; opacity:.85; }
.hero-slide-control {
  position:absolute; z-index:6; top:50%; transform:translateY(-50%); width:44px; height:44px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.48); border-radius:50%; color:#fff; background:rgba(2,25,66,.38); backdrop-filter:blur(8px); cursor:pointer; transition:transform .2s ease, background .2s ease;
}
.hero-slide-control:hover { background:rgba(2,25,66,.72); transform:translateY(-50%) scale(1.06); }
.hero-slide-control.prev { left:.85rem; }
.hero-slide-control.next { right:.85rem; }
.hero-slide-dots { position:absolute; z-index:7; left:50%; bottom:1.1rem; transform:translateX(-50%); display:flex; gap:.42rem; }
.hero-slide-dots button { width:7px; height:7px; border:0; padding:0; border-radius:999px; background:rgba(255,255,255,.5); cursor:pointer; transition:width .25s ease, background .25s ease; }
.hero-slide-dots button.active { width:24px; background:#fff; }
.slider-thumbs { display:none; }
.slider-float { right:-.6rem; bottom:-.9rem; width:min(46%,270px); padding:.85rem; border-radius:18px; z-index:8; }
.slider-float h3 { font-size:.96rem; }
.slider-float p { font-size:.82rem; line-height:1.45; margin:0; }
.hero-strip { margin-top:1.8rem; gap:.75rem; }
.stat-card { padding:.85rem .9rem; border-radius:16px; }
.stat-card strong { font-size:1.15rem; }
.stat-card span { font-size:.82rem; color:var(--muted); }

.hero-motion-stage { position:relative; isolation:isolate; overflow:hidden; }
.ambient-canvas { position:absolute; inset:0; width:100%; height:100%; z-index:-3; opacity:.45; pointer-events:none; }
.morph-blob { position:absolute; z-index:-2; color:rgba(158,201,235,.25); pointer-events:none; filter:blur(1px); }
.morph-blob-one { width:min(55vw,720px); right:-15%; top:-20%; animation:blobFloat 12s ease-in-out infinite alternate; }
@keyframes blobFloat { from{transform:translate3d(0,0,0) rotate(0deg)} to{transform:translate3d(-28px,24px,0) rotate(7deg)} }
.kinetic-word { display:inline-block; overflow:hidden; vertical-align:bottom; padding-bottom:.08em; }
.kinetic-word > span { display:inline-block; transform:translateY(110%); opacity:0; animation:wordReveal .72s cubic-bezier(.2,.72,.2,1) forwards; animation-delay:var(--delay,0ms); }
@keyframes wordReveal { to{transform:translateY(0);opacity:1} }

.section { padding-block: var(--section-space); }
.section.compact { padding-block: clamp(2.3rem,3.4vw,3.7rem); }
.quick-actions { margin-top:0; gap:.8rem; }
.quick-card { min-height:175px; padding:1.1rem; border-radius:18px; }
.quick-card .icon-wrap,.feature-card .icon-wrap,.job-card .icon-wrap { width:44px;height:44px;border-radius:13px;font-size:1.05rem; }
.quick-card h3,.service-card h3,.feature-card h3,.story-card h3,.job-card h3 { font-size:1.05rem; }
.feature-card,.story-card,.job-card,.trust-card,.faq-item,.contact-card,.process-step,.plan-card,.area-card { border-radius:18px; padding:1.15rem; }
.service-card { border-radius:18px; }
.service-card .content { padding:1rem; gap:.65rem; }
.service-card .image { aspect-ratio:16/11; }
.split { gap:clamp(1.5rem,3vw,3rem); }
.split-media { min-height:420px; }
.split-media .main-image { border-radius:22px; }
.media-stack { min-height:480px; }
.frame-lg,.frame-md,.frame-sm { border-radius:20px; }

/* Scroll-led care story */
.story-scroll { background:linear-gradient(180deg,#061b3d 0%,#0a2b5d 100%); color:#fff; overflow:clip; }
.story-scroll-grid { display:grid; grid-template-columns:minmax(380px,.9fr) minmax(0,1.1fr); gap:clamp(2rem,5vw,5rem); align-items:start; }
.story-sticky { position:sticky; top:100px; }
.story-visual { position:relative; min-height:560px; border-radius:24px; overflow:hidden; box-shadow:0 28px 70px rgba(0,0,0,.32); }
.story-visual img { width:100%; height:100%; min-height:560px; object-fit:cover; transition:opacity .36s ease, transform .7s ease; }
.story-visual.changing img { opacity:.12; transform:scale(1.04); }
.story-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 42%,rgba(3,14,34,.88)); }
.story-visual-overlay { position:absolute; z-index:2; left:1.3rem; right:1.3rem; bottom:1.5rem; display:grid; gap:.35rem; }
.story-visual-overlay span { font-size:.76rem; text-transform:uppercase; letter-spacing:.12em; color:rgba(255,255,255,.68); }
.story-visual-overlay strong { font-size:clamp(1.35rem,2vw,2rem); line-height:1.1; }
.story-progress { position:absolute; z-index:4; left:0; right:0; bottom:0; height:4px; background:rgba(255,255,255,.18); }
.story-progress span { display:block; width:25%; height:100%; background:var(--coral-500); transition:width .4s ease; }
.story-steps { display:grid; gap:0; }
.story-step { min-height:58vh; display:grid; align-content:center; padding:clamp(2rem,4vw,4rem) 0; opacity:.35; transform:translateX(18px); transition:opacity .35s ease,transform .35s ease; border-bottom:1px solid rgba(255,255,255,.12); }
.story-step.active { opacity:1; transform:none; }
.story-step span { color:var(--coral-500); font-weight:800; letter-spacing:.12em; margin-bottom:.75rem; }
.story-step h3 { font-size:clamp(1.6rem,3vw,2.8rem); line-height:1.08; color:#fff; margin:0 0 .8rem; max-width:15ch; }
.story-step p { color:rgba(255,255,255,.72); max-width:50ch; font-size:1.02rem; }

/* Microinteractions */
.button { position:relative; overflow:hidden; border-radius:11px; }
.button::after { content:""; position:absolute; inset:auto; width:10px; height:10px; left:50%; top:50%; border-radius:50%; background:rgba(255,255,255,.28); transform:translate(-50%,-50%) scale(0); opacity:0; transition:transform .45s ease,opacity .45s ease; }
.button:hover::after { transform:translate(-50%,-50%) scale(18); opacity:.18; }
.button > * { position:relative; z-index:1; }
.quick-card,.service-card,.feature-card,.trust-card,.story-card,.job-card { transition:transform .32s cubic-bezier(.2,.75,.25,1),box-shadow .32s ease,border-color .32s ease; }
.quick-card:hover,.service-card:hover,.feature-card:hover,.trust-card:hover,.story-card:hover,.job-card:hover { transform:translateY(-7px); border-color:rgba(85,144,204,.55); }

@media (max-width:1100px) {
  .header-inner { grid-template-columns:auto 1fr auto; }
  .nav-links { display:none; }
  .menu-toggle { display:inline-flex; }
  .hero-wrap { grid-template-columns:1fr 1fr; }
  .hero-copy h1 { font-size:clamp(2.2rem,5vw,3.9rem); }
  .story-scroll-grid { grid-template-columns:.9fr 1.1fr; }
}
@media (max-width:880px) {
  .topbar .quick-meta .hide-md { display:none; }
  .header-inner { min-height:60px; }
  .brand .brand-mark { width:40px;height:40px;flex-basis:40px; }
  .brand-lockup strong { font-size:.9rem; }
  .brand-lockup small { font-size:.61rem; }
  .hero-wrap { grid-template-columns:1fr; }
  .hero-copy h1 { max-width:14ch; }
  .hero-visual { min-height:auto; }
  .slider-main { min-height:0; aspect-ratio:16/11; }
  .slider-float { position:relative; right:auto;bottom:auto;width:auto;margin-top:.65rem; }
  .hero-strip { grid-template-columns:repeat(2,1fr); }
  .story-scroll-grid { grid-template-columns:1fr; }
  .story-sticky { position:relative; top:auto; }
  .story-visual,.story-visual img { min-height:440px; }
  .story-step { min-height:auto; padding:2.25rem 0; opacity:.72; transform:none; }
  .story-step.active { opacity:1; }
}
@media (max-width:640px) {
  .topbar-inner { min-height:32px; padding-block:.25rem; }
  .topbar .quick-meta span:nth-child(n+2) { display:none; }
  .header-inner { min-height:58px; gap:.45rem; }
  .brand { gap:.45rem; }
  .brand .brand-mark { width:36px;height:36px;flex-basis:36px; }
  .brand-lockup strong { font-size:.79rem; }
  .brand-lockup small { font-size:.54rem; }
  .header-actions { gap:.35rem; }
  .lang-toggle { padding:.48rem .6rem; font-size:.78rem; }
  .menu-toggle { padding:.48rem .62rem; }
  .page-hero { padding-top:1.8rem; }
  .hero-copy h1 { font-size:clamp(2rem,10vw,3rem); line-height:1.04; }
  body.lang-ta .hero-copy h1 { font-size:clamp(1.75rem,8.5vw,2.6rem); line-height:1.32; }
  .hero-actions { flex-direction:row; align-items:stretch; }
  .hero-actions .button { flex:1 1 160px; }
  .slider-main { aspect-ratio:4/4.25; }
  .hero-slide-caption { bottom:.75rem; left:.8rem; right:.8rem; padding-right:3.5rem; }
  .hero-slide-caption span { font-size:.92rem; max-width:18ch; }
  .hero-slide-control { width:38px;height:38px; }
  .hero-slide-control.prev { left:.55rem; }
  .hero-slide-control.next { right:.55rem; }
  .hero-slide-dots { bottom:.85rem; }
  .hero-strip { grid-template-columns:1fr 1fr; gap:.5rem; margin-top:1.25rem; }
  .stat-card { padding:.7rem; }
  .quick-card { min-height:0; }
  .story-visual,.story-visual img { min-height:390px; }
  .story-step h3 { font-size:1.55rem; }
  .section { padding-block:clamp(2.8rem,11vw,4rem); }
  body.lang-ta .section { padding-block:clamp(2.5rem,10vw,3.6rem); }
}
@media (prefers-reduced-motion: reduce) {
  .kinetic-word > span { transform:none; opacity:1; animation:none; }
  .morph-blob-one { animation:none; }
  .story-step { opacity:1; transform:none; }
}

/* Mobile action bar enters only after the user starts scrolling. */
.mobile-bar { transform: translateY(110%); opacity: 0; pointer-events: none; transition: transform .35s cubic-bezier(.2,.8,.25,1), opacity .25s ease; }
.mobile-bar.visible { transform: translateY(0); opacity: 1; pointer-events: auto; }
@media (max-width:640px) {
  body.lang-ta .hero-copy h1 { font-size: clamp(1.72rem, 7.7vw, 2.25rem); line-height: 1.36; max-width: none; overflow-wrap: normal; word-break: normal; }
  body.lang-ta .hero-actions { flex-direction: column; }
  body.lang-ta .hero-actions .button { width: 100%; flex-basis: auto; min-height: 52px; }
  body.lang-ta .trust-badges { gap: .5rem; }
  body.lang-ta .badge { line-height: 1.5; }
}

/* Progressive enhancement: the site remains fully readable if JavaScript fails. */
body,
body.loaded { opacity: 1; transform: none; }
.reveal { opacity: 1; transform: none; }
.motion-enabled .reveal { opacity: 0; transform: translateY(28px); }
.motion-enabled .reveal.visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .motion-enabled .reveal { opacity: 1; transform: none; }
}


/* Client-requested homepage tagline and service coverage */
.hero-tagline {
  margin: -.1rem 0 .1rem;
  padding: .75rem 1rem;
  border-left: 4px solid var(--coral-500);
  border-radius: 0 14px 14px 0;
  background: linear-gradient(90deg, rgba(242,149,95,.12), rgba(230,240,250,.42));
  color: var(--blue-900);
  font-weight: 750;
  font-size: clamp(1rem, 1.35vw, 1.18rem);
  line-height: 1.55;
  max-width: 62ch;
}
body.lang-ta .hero-tagline { line-height: 1.8; }
.coverage-section { border-top: 1px solid rgba(219,230,241,.7); border-bottom: 1px solid rgba(219,230,241,.7); background: rgba(245,249,253,.65); }
.district-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.85rem; }
.district-card { position:relative; min-height:106px; display:grid; align-content:end; gap:.25rem; padding:1rem; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 8px 24px rgba(16,40,74,.045); overflow:hidden; transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.district-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); border-color:rgba(85,144,204,.55); }
.district-card::after { content:""; position:absolute; width:72px; height:72px; border-radius:50%; right:-22px; top:-25px; background:rgba(158,201,235,.22); }
.district-number { color:var(--coral-600); font-size:.72rem; font-weight:800; letter-spacing:.12em; }
.district-card h3 { margin:0; color:var(--blue-900); font-size:1.03rem; line-height:1.3; overflow-wrap:anywhere; }

/* Careers: recruitment contacts and client-provided recruitment artwork */
.career-contact-panel { display:grid; grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr); gap:1.25rem; align-items:center; padding:1.25rem; background:#fff; border:1px solid var(--line); border-radius:22px; box-shadow:var(--shadow); }
.career-contact-panel h2 { margin:.25rem 0 .45rem; color:var(--blue-900); font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.55rem,2.5vw,2.35rem); line-height:1.15; }
.career-contact-panel .eyebrow { color:var(--blue-700); font-size:.82rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.career-number-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; }
.career-number { display:grid; gap:.15rem; padding:.9rem .85rem; border-radius:15px; border:1px solid var(--blue-300); background:var(--blue-50); color:var(--blue-900); text-align:center; transition:transform .2s ease,box-shadow .2s ease; }
.career-number:hover { transform:translateY(-3px); box-shadow:var(--shadow); }
.career-number span { font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; color:var(--blue-700); font-weight:800; }
.career-number strong { font-size:1rem; white-space:nowrap; }
.recruitment-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; align-items:start; }
.recruitment-poster { margin:0; background:#fff; border:1px solid var(--line); border-radius:24px; overflow:hidden; box-shadow:var(--shadow); }
.recruitment-poster img { width:100%; height:auto; object-fit:contain; background:#fff; }
.career-form-callout { margin-top:1rem; padding:.85rem 1rem; border:1px dashed var(--blue-300); border-radius:14px; background:var(--blue-50); color:var(--text); }
.career-form-callout a { color:var(--blue-800); font-weight:800; text-decoration:underline; text-underline-offset:2px; }

@media (max-width: 980px) {
  .district-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .career-contact-panel { grid-template-columns:1fr; }
}
@media (max-width: 640px) {
  .district-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }
  .district-card { min-height:90px; padding:.85rem; }
  .career-number-list { grid-template-columns:1fr; }
  .recruitment-gallery { grid-template-columns:1fr; }
  .hero-tagline { font-size:.98rem; }
}
@media (max-width: 380px) {
  .district-grid { grid-template-columns:1fr; }
  .district-card { min-height:78px; }
}


/* 2026-08-09 client correction implementation */
.brand-logo { width:74px !important; height:74px !important; object-fit:contain; border-radius:12px; }
.header-inner { min-height:82px; }
.nav-links { gap:.85rem; }
.nav-links a { font-size:.92rem; white-space:nowrap; }
.align-start { align-items:start; }
.lead-copy { max-width:78ch; font-size:1.06rem; margin-bottom:1.5rem; }
.core-service-card .image { aspect-ratio:3/2; }
.core-service-card .content { min-height:250px; align-content:start; }
.core-service-card .content .button { margin-top:auto; width:max-content; }
.service-marquee-wrap { overflow:hidden; margin-top:2rem; border:1px solid var(--line); border-radius:24px; background:#fff; padding:.85rem 0; box-shadow:var(--shadow); }
.service-marquee-track { display:flex; width:max-content; gap:1rem; padding-inline:1rem; animation:service-marquee 48s linear infinite; }
.service-marquee-wrap:hover .service-marquee-track { animation-play-state:paused; }
.service-marquee-item { width:260px; flex:0 0 260px; border:1px solid var(--line); border-radius:18px; overflow:hidden; background:#fff; box-shadow:0 8px 22px rgba(16,40,74,.05); }
.service-marquee-item img { width:100%; aspect-ratio:3/2; object-fit:cover; }
.service-marquee-item span { display:block; padding:.75rem .85rem; font-weight:750; color:var(--blue-900); line-height:1.35; }
@keyframes service-marquee { from { transform:translateX(0); } to { transform:translateX(calc(-50% - .5rem)); } }
.service-box-stack { display:grid; gap:1.4rem; }
.service-box { position:relative; padding:1.5rem; border:1px solid var(--line); border-radius:26px; background:#fff; box-shadow:var(--shadow); scroll-margin-top:110px; }
.service-box-number { position:absolute; top:1rem; right:1rem; display:inline-flex; padding:.42rem .68rem; border-radius:999px; background:var(--blue-900); color:#fff; font-size:.8rem; font-weight:800; letter-spacing:.04em; }
.service-box .section-heading { padding-right:5.5rem; }
.subservice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.subservice-card { appearance:none; border:1px solid var(--line); border-radius:18px; padding:0; overflow:hidden; background:#fff; text-align:left; cursor:pointer; box-shadow:0 8px 24px rgba(16,40,74,.045); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.subservice-card:hover, .subservice-card:focus-visible { transform:translateY(-4px); box-shadow:var(--shadow-lg); border-color:var(--blue-300); outline:none; }
.subservice-card img { width:100%; aspect-ratio:3/2; object-fit:cover; }
.subservice-card span { display:block; padding:.75rem .85rem .25rem; color:var(--blue-900); font-weight:800; font-size:1rem; }
.subservice-card small { display:block; padding:0 .85rem .8rem; color:var(--muted); }
.service-box-layout { display:grid; grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr); gap:1.5rem; align-items:start; }
.service-detail-poster { border:1px solid var(--line); border-radius:20px; overflow:hidden; background:#fff; }
.service-detail-poster img { width:100%; height:auto; }
.service-box-copy h2 { margin:.2rem 4rem .65rem 0; color:var(--blue-900); font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.65rem,2.7vw,2.55rem); line-height:1.18; }
.service-box-copy h4 { margin:1rem 0 .35rem; color:var(--blue-900); }
.service-phone { font-weight:800; color:var(--blue-700); }
.service-phone a { text-decoration:underline; text-underline-offset:3px; }
.service-actions { display:flex; gap:.65rem; flex-wrap:wrap; margin-top:1.1rem; }
.view-note { padding:1rem 1.1rem; border:1px solid var(--blue-300); border-radius:16px; background:var(--blue-50); color:var(--text); }
.view-note a { color:var(--blue-800); font-weight:800; text-decoration:underline; }
body.home-nursing-only .service-box[data-box="4"], body.home-nursing-only .service-box[data-box="5"], body.home-nursing-only .service-box[data-box="6"], body.home-nursing-only .service-box[data-box="7"], body.home-nursing-only .service-box[data-box="8"] { display:none; }
.service-action-modal { position:fixed; inset:0; z-index:200; display:grid; place-items:center; padding:1rem; background:rgba(0,23,60,.66); backdrop-filter:blur(5px); }
.service-action-modal[hidden] { display:none; }
.service-action-dialog { width:min(560px,100%); position:relative; padding:1.5rem; border-radius:24px; background:#fff; box-shadow:0 30px 90px rgba(0,0,0,.24); }
.service-action-dialog h2 { margin:.35rem 2.5rem .6rem 0; color:var(--blue-900); font-family:Georgia,"Times New Roman",serif; }
.service-action-close { position:absolute; top:.9rem; right:.9rem; width:40px; height:40px; border-radius:50%; border:1px solid var(--line); background:#fff; color:var(--blue-900); font-size:1.4rem; cursor:pointer; }
.service-action-buttons { display:grid; grid-template-columns:repeat(3,1fr); gap:.7rem; margin-top:1rem; }
body.modal-open { overflow:hidden; }
.about-logo-card { display:grid; place-items:center; background:#fff; border:1px solid var(--line); border-radius:28px; padding:1.4rem; box-shadow:var(--shadow-lg); }
.about-logo-card img { max-height:430px; object-fit:contain; }
.about-values { display:grid; gap:1rem; }
.institute-gallery { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; }
.institute-gallery img { width:100%; height:260px; object-fit:cover; border-radius:18px; border:1px solid var(--line); box-shadow:var(--shadow); }
.institute-gallery img:first-child { grid-column:1/-1; height:auto; }
.initiative-grid { margin:1.4rem 0; }
.initiative-card { background:#fff; border:1px solid var(--line); border-radius:24px; padding:1.35rem; box-shadow:var(--shadow); }
.initiative-card h3 { margin-top:0; color:var(--blue-900); }
.initiative-poster { width:100%; border:1px solid var(--line); border-radius:24px; box-shadow:var(--shadow-lg); }
.initiative-quote { margin:1.2rem 0; padding:1rem 1.2rem; border-left:4px solid var(--coral-500); background:var(--coral-100); border-radius:0 16px 16px 0; color:var(--blue-900); font-weight:800; }
.career-hero-phones { color:var(--blue-900); font-size:1.05rem; }
.benefit-list { display:grid; grid-template-columns:1fr 1fr; gap:.55rem 1.2rem; padding:0; list-style:none; }
.benefit-list li { padding:.8rem .9rem; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:0 8px 20px rgba(16,40,74,.04); }
.contact-email { color:var(--blue-800); text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
@media (max-width:1100px) { .brand-logo { width:64px !important; height:64px !important; } .subservice-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .service-box-layout { grid-template-columns:1fr; } }
@media (max-width:640px) { .brand-logo { width:52px !important; height:52px !important; } .header-inner { min-height:62px; } .subservice-grid { grid-template-columns:1fr; } .service-action-buttons { grid-template-columns:1fr; } .service-box { padding:1rem; border-radius:20px; } .service-box .section-heading { padding-right:0; padding-top:2.3rem; } .service-box-copy h2 { margin-right:0; padding-top:2.2rem; } .service-marquee-item { width:220px; flex-basis:220px; } .benefit-list { grid-template-columns:1fr; } .institute-gallery { grid-template-columns:1fr; } .institute-gallery img:first-child { grid-column:auto; } }
@media (prefers-reduced-motion:reduce) { .service-marquee-track { animation:none; transform:none; } .service-marquee-wrap { overflow:auto; } }


/* 2026-08-09 revision 2: hero, header and logo corrections */
.site-header {
  position: relative !important;
  top: auto !important;
  z-index: 50;
  backdrop-filter: none;
  background: #fff;
}
.site-header.scrolled { box-shadow: none; background:#fff; }
.header-inner {
  min-height: 142px;
  grid-template-columns: 132px 1fr auto;
  gap: 1.25rem;
}
.brand { align-self:center; justify-self:start; }
.brand-logo,
.brand img.brand-logo {
  width: 120px !important;
  height: auto !important;
  max-height: 132px;
  object-fit: contain;
  border-radius: 0;
}
.hero-wrap {
  grid-template-columns: minmax(0,.96fr) minmax(470px,1.04fr);
  align-items: start;
  gap: clamp(2rem,3.5vw,4rem);
}
.hero-copy { padding-top: 1.25rem; align-content:start; }
.hero-copy h1 {
  font-size: clamp(2.55rem,4.55vw,4.5rem);
  line-height: 1.04;
  max-width: 15ch;
}
body.lang-ta .hero-copy h1 {
  font-size: clamp(2.15rem,3.55vw,3.55rem);
  line-height: 1.3;
  max-width: 18ch;
}
.hero-visual { margin-top:0; min-height:470px; }
.slider-shell { margin-top:0; }

@media (max-width:1100px) {
  .header-inner { min-height:126px; grid-template-columns:116px 1fr auto; }
  .brand-logo, .brand img.brand-logo { width:106px !important; max-height:116px; }
  .hero-wrap { grid-template-columns:minmax(0,1fr) minmax(400px,1fr); gap:1.5rem; }
}
@media (max-width:880px) {
  .header-inner { min-height:112px; grid-template-columns:auto 1fr auto; }
  .brand-logo, .brand img.brand-logo { width:94px !important; max-height:104px; }
  .hero-wrap { grid-template-columns:1fr; }
  .hero-copy { padding-top:.4rem; }
  .hero-copy h1, body.lang-ta .hero-copy h1 { max-width:22ch; }
  .hero-visual { width:100%; }
}
@media (max-width:640px) {
  .header-inner { min-height:98px; }
  .brand-logo, .brand img.brand-logo { width:82px !important; max-height:90px; }
  .hero-copy h1 { font-size:clamp(2.05rem,10vw,3rem); line-height:1.08; }
  body.lang-ta .hero-copy h1 { font-size:clamp(1.85rem,8vw,2.65rem); line-height:1.34; }
}


/* ===== Client correction pass: 2026-08-18 ===== */
.impact-strip-section { background:linear-gradient(180deg,#fff 0%,rgba(245,249,253,.92) 100%); border-bottom:1px solid var(--line); }
.impact-counter-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:.85rem; }
.impact-counter { padding:1.1rem .7rem; min-height:132px; display:grid; align-content:center; }
.impact-counter .counter-value { font-size:clamp(1.7rem,2.6vw,2.65rem); }
.impact-counter p { margin:.25rem 0 0; font-size:.86rem; line-height:1.35; }

.service-live-contact { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.5rem .8rem; width:min(100%,620px); padding:.8rem .9rem; border:1px solid rgba(158,201,235,.72); border-radius:16px; background:linear-gradient(135deg,rgba(239,247,255,.98),#fff); box-shadow:0 8px 24px rgba(16,40,74,.06); }
.service-live-contact span { grid-column:1/-1; color:var(--muted); font-size:.76rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.service-live-contact strong { color:var(--blue-900); }
.service-live-contact a { justify-self:end; font-weight:900; color:var(--blue-800); text-decoration:none; white-space:nowrap; }
.priority-service-option { font-weight:800; }

.feedback-panel { margin-top:2.2rem; padding:clamp(1.15rem,2.6vw,2rem); background:#fff; border:1px solid var(--line); border-radius:26px; box-shadow:var(--shadow); scroll-margin-top:120px; }
.feedback-panel .section-heading { margin-bottom:1rem; }
.office-map-card { margin-top:2rem; display:grid; grid-template-columns:minmax(0,.75fr) minmax(360px,1.25fr); gap:1.3rem; align-items:stretch; padding:1rem; border:1px solid var(--line); border-radius:26px; background:#fff; box-shadow:var(--shadow); }
.office-map-card > div:first-child { padding:1rem; align-self:center; }
.office-map-frame { min-height:360px; overflow:hidden; border-radius:20px; background:var(--blue-50); border:1px solid var(--line); }
.office-map-frame iframe { width:100%; height:100%; min-height:360px; border:0; display:block; }

.admission-contact-card { grid-column:1/-1; margin-top:.35rem; padding:1.1rem; border-radius:20px; border:1px solid rgba(158,201,235,.8); background:linear-gradient(135deg,#fff,var(--blue-50)); box-shadow:var(--shadow); }
.admission-contact-card > span { display:block; color:var(--blue-800); font-size:.76rem; font-weight:900; letter-spacing:.1em; }
.admission-phone { display:inline-block; margin:.3rem 0; color:var(--blue-900); font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.75rem,3vw,2.55rem); font-weight:800; text-decoration:none; }
.admission-contact-card form { display:grid; gap:.8rem; margin-top:1rem; }

.donation-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.85fr); gap:1.5rem; align-items:start; }
.donation-note { margin-top:1rem; padding:1rem; background:rgba(255,255,255,.72); border:1px solid rgba(255,255,255,.9); border-radius:20px; }
.donation-note h3 { margin-top:0; color:var(--blue-900); }
.bank-details-card { padding:1.35rem; background:#fff; border:1px solid var(--line); border-radius:24px; box-shadow:var(--shadow-lg); }
.bank-details-card dl { margin:1rem 0; display:grid; gap:.15rem; }
.bank-details-card dl div { display:grid; grid-template-columns:130px 1fr; gap:.75rem; padding:.7rem 0; border-bottom:1px solid var(--line); }
.bank-details-card dt { font-weight:800; color:var(--muted); }
.bank-details-card dd { margin:0; font-weight:800; color:var(--blue-900); overflow-wrap:anywhere; }

.volunteer-card { padding:1.4rem; border:1px solid var(--line); border-radius:26px; background:#fff; box-shadow:var(--shadow-lg); }
.volunteer-mark { display:grid; place-items:center; width:70px; height:70px; border-radius:22px; background:var(--blue-900); color:#fff; font-weight:900; letter-spacing:.06em; margin-bottom:1rem; }

/* Ensure the social/career hero artwork has clean, visible right-side corners. */
body[data-page="social"] .page-hero .slider-shell,
body[data-page="careers"] .page-hero .slider-shell { overflow:hidden; border-radius:26px; padding:.65rem; }
body[data-page="social"] .page-hero .slider-main,
body[data-page="careers"] .page-hero .slider-main { overflow:hidden; border-radius:20px; }
body[data-page="social"] .page-hero .slider-main .slide,
body[data-page="careers"] .page-hero .slider-main .slide { border-radius:20px; overflow:hidden; }
body[data-page="social"] .page-hero .slider-main img,
body[data-page="careers"] .page-hero .slider-main img { border-radius:20px; }

/* Keep How It Works serial numbers clear of text on all viewports. */
.timeline { padding-left:2px; }
.process-step { min-height:64px; padding:1rem 1rem 1rem 5rem; border:1px solid rgba(219,230,241,.8); border-radius:18px; background:rgba(255,255,255,.58); }
.process-step::before { left:.75rem; top:50%; transform:translateY(-50%); width:44px; height:44px; z-index:2; }
.timeline::before { left:34px; top:22px; bottom:22px; }
.process-step h3,.process-step p { position:relative; z-index:3; }

@media (max-width:1180px) {
  .impact-counter-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:880px) {
  .office-map-card,.donation-layout { grid-template-columns:1fr; }
  .office-map-card { padding:.8rem; }
  .office-map-frame,.office-map-frame iframe { min-height:320px; }
}
@media (max-width:640px) {
  .impact-counter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .impact-counter { min-height:116px; }
  .service-live-contact { grid-template-columns:1fr; }
  .service-live-contact span { grid-column:auto; }
  .service-live-contact a { justify-self:start; }
  .bank-details-card dl div { grid-template-columns:1fr; gap:.2rem; }
  .process-step { padding-left:4.6rem; }
  .timeline::before { left:30px; }
  .process-step::before { left:.55rem; }
}