:root {
  --saffron: #ff9933;
  --saffron-dark: #c45f0c;
  --india-green: #138808;
  --chakra-blue: #000080;
  --banner-navy: #142f55;
  --india-white: #ffffff;
  --ink: #0b1f3a;
  --ink-2: #253a52;
  --muted: #66716c;
  --paper: #fffaf3;
  --paper-2: #f5f1e8;
  --white: #ffffff;
  --line: rgba(11, 31, 58, .14);
  --lime: var(--saffron);
  --lime-dark: var(--india-green);
  --orange: #e8751a;
  --violet: var(--chakra-blue);
  --cyan: #2d9b55;
  --danger: #b43b32;
  --radius-sm: 10px;
  --radius: 20px;
  --radius-lg: 34px;
  --shadow: 0 28px 80px rgba(11, 31, 58, .12);
  --sans: Inter, "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif;
  --serif: Iowan Old Style, Baskerville, "Times New Roman", serif;
  --ease: cubic-bezier(.2, .8, .2, 1);
  --shell: min(1280px, calc(100vw - 64px));
}

* { box-sizing: border-box; }
html { width: 100%; max-width: 100%; overflow-x: clip; scroll-behavior: smooth; scroll-padding-top: 100px; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { width: 100%; min-width: 280px; max-width: 100%; margin: 0; overflow-x: clip; background: var(--paper); color: var(--ink); font-family: var(--sans); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
img, svg { display: block; max-width: 100%; }
p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.7; }
.responsive-copy-short { display: none; }
h1, h2, h3 { margin: 0; font-weight: 500; letter-spacing: -.045em; line-height: 1.03; }
h1, h2, h3, p, li, a, strong, small { overflow-wrap: break-word; }
h1 em, h2 em { color: var(--lime-dark); font-family: var(--serif); font-weight: 400; }
.shell { width: min(var(--shell), calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right) - 24px)); max-width: 100%; margin-inline: auto; }
.shell > *, main, main > *, section, header, footer, [class*="-grid"] > *, [class*="-layout"] > * { min-width: 0; }
.section { padding: 132px 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 999; padding: 12px 18px; border-radius: 8px; background: var(--ink); color: white; transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid var(--chakra-blue); outline-offset: 3px; }
.finder :focus-visible, .conversion :focus-visible, .site-footer :focus-visible, .service-constellation :focus-visible { outline-color: var(--saffron); }

.icon { flex: 0 0 auto; }
.kicker { display: inline-block; margin-bottom: 22px; color: var(--ink-2); font-size: 13px; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; }
.kicker-light { color: rgba(255,255,255,.68); }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; color: var(--ink-2); font-size: 13px; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.eyebrow i { width: 24px; height: 1px; background: currentColor; }
.section-head { max-width: 780px; margin-bottom: 60px; }
.section-head h2 { font-size: clamp(42px, 5vw, 76px); }
.section-head p { max-width: 680px; margin-top: 24px; font-size: 18px; }
.section-head-center { margin-inline: auto; text-align: center; }
.section-head-center p { margin-inline: auto; }

.brand { display: inline-flex; align-items: center; gap: 11px; }
.brand-mark { display: inline-grid; grid-template-columns: repeat(3, 7px); align-items: end; gap: 2px; width: 25px; height: 29px; padding: 4px 0; transform: skewY(-14deg); }
.brand-mark span { display: block; border-radius: 2px 2px 1px 1px; background: var(--chakra-blue); }
.brand-mark span:nth-child(1) { height: 12px; background: var(--saffron); }
.brand-mark span:nth-child(2) { height: 20px; background: var(--chakra-blue); }
.brand-mark span:nth-child(3) { height: 15px; background: var(--india-green); }
.brand-type { display: flex; flex-direction: column; line-height: .88; }
.brand-type strong { font-size: 16px; letter-spacing: -.02em; }
.brand-type em { margin-left: 13px; color: var(--muted); font-family: var(--serif); font-size: 16px; font-weight: 600; }

.site-header { --scroll-progress: 0; position: sticky; top: 0; z-index: 100; border-bottom: 1px solid var(--line); background: rgba(255,250,243,.88); backdrop-filter: blur(18px); }
.site-header::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 3px; background: linear-gradient(90deg,var(--saffron) 0 33.333%,var(--india-white) 33.333% 66.666%,var(--india-green) 66.666%); box-shadow: 0 1px 0 rgba(0,0,128,.16); transform: scaleX(var(--scroll-progress)); transform-origin: left; will-change: transform; }
.site-header.is-sticky { position: sticky; top: 0; }
.header-shell { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; width: min(var(--shell), calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right) - 24px)); max-width: 100%; min-height: 76px; margin-inline: auto; }
.desktop-nav { display: flex; align-items: center; gap: 4px; }
.nav-link { display: inline-flex; align-items: center; gap: 5px; padding: 12px 16px; border: 0; background: transparent; color: var(--ink-2); font-size: 17px; cursor: pointer; }
.nav-link:hover { color: var(--ink); }
.header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 22px; }
.text-link { color: var(--ink-2); font-size: 17px; }
.button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 16px; padding: 0 24px; border: 1px solid transparent; border-radius: 999px; font-size: 17px; font-weight: 700; transition: transform .25s var(--ease), background .25s, color .25s; cursor: pointer; }
.button:hover { transform: translateY(-2px); }
.button-small { min-height: 44px; padding-inline: 20px; font-size: 16px; }
.button-primary { background: var(--lime); color: var(--ink); }
.button-primary:hover { background: #ffad5c; }
.button-dark { background: var(--ink); color: white; }
.button-dark:hover { background: #17335a; }
.button-ghost { border-color: var(--line); background: rgba(255,255,255,.32); }
.button-ghost:hover { background: var(--white); }
.button-light { background: white; color: var(--ink); }
.menu-toggle { display: none; padding: 8px; border: 0; background: transparent; }

.mega-menu { position: absolute; top: 76px; left: 0; width: 100%; border-bottom: 1px solid var(--line); background: var(--white); box-shadow: 0 26px 70px rgba(11,31,58,.14); }
.mega-menu:not([hidden]) { animation: mega-enter .34s var(--ease) both; }
@keyframes mega-enter { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
.mega-inner { display: grid; grid-template-columns: 1.15fr repeat(4, 1fr); gap: 25px; align-items: start; width: var(--shell); padding: 40px 0 32px; margin-inline: auto; }
.mega-intro { grid-row: 1 / span 2; align-self: stretch; padding-right: 30px; border-right: 1px solid var(--line); }
.mega-intro h2 { max-width: 260px; font-size: 32px; }
.mega-intro p { margin: 12px 0 25px; font-size: 17px; }
.mega-intro > a, .mega-footer a { display: inline-flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 750; }
.mega-heading { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 16px; font-weight: 750; }
.mega-heading small { display: block; margin-top: 4px; color: var(--muted); font-size: 14px; font-weight: 500; }
.mega-icon { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 9px; }
.mega-lime .mega-icon { background: rgba(255,153,51,.4); }
.mega-orange .mega-icon { background: rgba(232,117,26,.3); }
.mega-violet .mega-icon { background: rgba(0,0,128,.28); }
.mega-more { grid-column: 5; grid-row: 1 / span 2; }.mega-more .mega-icon { background: rgba(19,136,8,.28); }
.mega-column ul { padding: 0; margin: 0; list-style: none; }
.mega-column li a { display: block; padding: 6px 0; color: var(--ink-2); font-size: 16px; }
.mega-column li a:hover { color: var(--lime-dark); transform: translateX(2px); }
.mega-hot { position: relative; grid-column: 2 / span 3; grid-row: 2; display: grid; grid-template-columns: 140px 1fr; gap: 16px; align-items: center; margin-top: 8px; padding: 12px 16px; border: 1px solid rgba(255,153,51,.3); border-radius: 14px; background: linear-gradient(90deg,rgba(255,153,51,.09),rgba(255,255,255,.7) 50%,rgba(19,136,8,.09)); }
.mega-hot::before { content: ""; position: absolute; top: -1px; right: 16px; left: 16px; height: 2px; border-radius: 2px; background: linear-gradient(90deg,var(--saffron),var(--india-white),var(--india-green)); }
.mega-hot-heading { display: flex; gap: 9px; align-items: center; }.mega-hot-heading > span { display: grid; width: 28px; height: 28px; flex: 0 0 auto; place-items: center; border-radius: 9px; background: rgba(255,153,51,.24); color: var(--saffron-dark); }.mega-hot-heading strong,.mega-hot-heading small { display: block; }.mega-hot-heading strong { font-size: 16px; }.mega-hot-heading small { margin-top: 2px; color: var(--muted); font-size: 13px; line-height: 1.3; }
.mega-hot-list { display: flex; flex-wrap: wrap; gap: 7px; min-width: 0; }.mega-hot-list a { display: flex; flex: 1 1 auto; min-height: 36px; align-items: center; justify-content: space-between; gap: 6px; padding: 7px 12px; border: 1px solid var(--line); border-radius: 999px; background: var(--white); font-size: 14px; font-weight: 700; line-height: 1.2; white-space: nowrap; }.mega-hot-list a svg { flex: 0 0 auto; color: var(--saffron-dark); }.mega-hot-list a:hover { border-color: rgba(19,136,8,.4); background: rgba(19,136,8,.08); color: var(--india-green); transform: translateY(-1px); }
.mega-footer { display: flex; justify-content: flex-end; gap: 32px; padding: 15px max(32px, calc((100vw - 1280px)/2)); border-top: 1px solid var(--line); background: var(--paper); font-size: 16px; }
.mega-footer span { margin-right: auto; color: var(--muted); }
.mobile-menu { display: none; }
.services-menu-inner { display: grid; grid-template-columns: .72fr 1.28fr; gap: 55px; width: var(--shell); padding: 38px 0 34px; margin-inline: auto; }
.services-menu-intro { padding-right: 45px; border-right: 1px solid var(--line); }.services-menu-intro h2 { max-width: 430px; font-size: 35px; }.services-menu-intro p { max-width: 430px; margin-top: 15px; font-size: 16px; }.services-menu-intro > a { display: inline-flex; align-items: center; gap: 9px; margin-top: 25px; font-size: 15px; font-weight: 750; }
.services-menu-grid { display: grid; grid-template-columns: repeat(5,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.service-menu-card { display: flex; min-height: 230px; flex-direction: column; padding: 17px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); transition: background .25s; }.service-menu-card:hover { background: rgba(255,153,51,.14); }.service-menu-card > span { color: var(--muted); font-size: 12px; }.service-menu-card > i { display: grid; width: 36px; height: 36px; place-items: center; margin-top: 28px; border-radius: 10px; background: var(--paper-2); }.service-menu-card strong { margin-top: 32px; font-size: 16px; }.service-menu-card small { margin-top: 8px; color: var(--muted); font-size: 12px; line-height: 1.45; }.service-menu-all { background: var(--ink); color: white; }.service-menu-all > i { background: var(--lime); color: var(--ink); }.service-menu-all small { color: rgba(255,255,255,.5); }.service-menu-all:hover { background: #152f55; }.services-menu-footer { background: #edf7eb; }

.growth-banner { position: relative; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.12); background: radial-gradient(circle at 86% -15%,rgba(255,153,51,.24),transparent 34%),radial-gradient(circle at 8% 72%,rgba(19,136,8,.13),transparent 29%),var(--banner-navy); color: white; }
.growth-banner::after { content: ""; position: absolute; inset: 0; opacity: .09; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(90deg,transparent,black 35%,black 85%,transparent); }
.growth-banner-shell { position: relative; z-index: 1; display: grid; grid-template-columns: .78fr 1.22fr; gap: 34px 70px; align-items: end; padding-top: 52px; padding-bottom: 42px; }
.growth-banner-copy h2 { max-width: 570px; font-size: clamp(34px,3.4vw,52px); }
.growth-banner-copy h2 em { color: var(--saffron); }
.growth-banner-copy p { max-width: 570px; margin-top: 17px; color: rgba(255,255,255,.64); font-size: 16px; }
.growth-journey { padding: 22px 0 5px; border-top: 1px solid rgba(255,255,255,.14); }
.growth-journey-head { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 28px; }.growth-journey-head span { color: var(--saffron); font-size: 13px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }.growth-journey-head small { color: rgba(255,255,255,.4); font-size: 12px; }
.growth-path-wrap { position: relative; }
.growth-path { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; padding: 0; margin: 0; list-style: none; }
.growth-path::before { content: ""; position: absolute; top: 15px; right: 11%; left: 6%; height: 1px; background: linear-gradient(90deg,rgba(255,255,255,.18),var(--saffron),var(--india-white),var(--india-green),rgba(255,255,255,.18)); background-size: 220% 100%; animation: journey-line-flow 6.4s linear infinite; }
.growth-path-traveller { position: absolute; z-index: 4; top: 11px; left: 6%; display: flex; gap: 3px; align-items: center; animation: journey-travel 6.4s var(--ease) infinite; }.growth-path-traveller i { display: block; width: 7px; height: 7px; border: 2px solid var(--banner-navy); border-radius: 50%; background: var(--saffron); box-shadow: 0 0 8px rgba(255,153,51,.45); }.growth-path-traveller i:nth-child(2) { background: var(--india-white); box-shadow: 0 0 8px rgba(255,255,255,.4); }.growth-path-traveller i:nth-child(3) { background: var(--india-green); box-shadow: 0 0 8px rgba(19,136,8,.45); }
.growth-path li { position: relative; display: grid; gap: 21px; }
.growth-path li > span { z-index: 1; display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; background: var(--ink); color: rgba(255,255,255,.65); font-size: 12px; }
.growth-path li:last-child > span { border-color: var(--india-green); background: var(--india-green); color: white; box-shadow: 0 0 0 8px rgba(19,136,8,.12); }
.growth-path strong,.growth-path small { display: block; }.growth-path strong { font-size: 15px; }.growth-path small { margin-top: 4px; color: rgba(255,255,255,.46); font-size: 12px; }
.growth-engagement-head { grid-column: 1/-1; display: grid; grid-template-columns: .55fr 1.45fr; gap: 55px; align-items: start; padding-top: 30px; border-top: 1px solid rgba(255,255,255,.14); }
.growth-engagement-head span { color: var(--saffron); font-size: 13px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.growth-engagement-head p { max-width: 810px; color: rgba(255,255,255,.67); font-size: 16px; line-height: 1.55; }
.growth-engagement { position: relative; grid-column: 1/-1; display: grid; min-height: 0; grid-template-columns: repeat(3,1fr); gap: 18px; align-items: stretch; padding: 12px 0 0; }
.growth-engagement-card { position: relative; z-index: 2; display: flex; min-height: 292px; flex-direction: column; padding: 23px; overflow: hidden; border: 1px solid rgba(255,255,255,.15); border-radius: 18px; background: rgba(255,255,255,.07); box-shadow: 0 18px 40px rgba(0,0,0,.1); backdrop-filter: blur(8px); }.growth-engagement-card::before { content: ""; position: absolute; top: -70px; right: -65px; width: 155px; height: 155px; border-radius: 50%; background: rgba(255,153,51,.07); }.growth-step-1,.growth-step-2,.growth-step-3 { margin-top: 0; }
.growth-engagement-top { position: relative; display: flex; align-items: center; justify-content: space-between; }.growth-engagement-top > span { color: rgba(255,255,255,.36); font-size: 12px; letter-spacing: .1em; }.growth-engagement-top > i { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; background: rgba(255,153,51,.15); color: var(--saffron); }
.growth-engagement-card > small { margin-top: 25px; color: var(--saffron); font-size: 12px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }.growth-engagement-card h3 { max-width: 310px; margin-top: 8px; color: white; font-size: 22px; }.growth-engagement-card > p { margin-top: 13px; color: rgba(255,255,255,.58); font-size: 14px; line-height: 1.6; }.growth-engagement-card > em { margin-top: 15px; color: rgba(255,255,255,.38); font-size: 12px; font-style: normal; letter-spacing: .06em; text-transform: uppercase; }
.growth-engagement-cta { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; padding: 0; border: 0; background: transparent; color: var(--saffron); font: inherit; font-size: 14px; font-weight: 750; cursor: pointer; }
.growth-engagement-cta:hover { color: #ffad5c; }
.growth-engagement-cta svg { transition: transform .2s var(--ease); }
.growth-engagement-cta:hover svg { transform: translateX(4px); }
.engagement-signal { position: relative; display: flex; min-height: 43px; align-items: center; margin-top: auto; padding-top: 20px; }.engagement-signal small { margin-left: auto; color: rgba(255,255,255,.42); font-size: 13px; }.engagement-team span { z-index: 1; display: grid; width: 29px; height: 29px; place-items: center; margin-right: -5px; border: 2px solid var(--ink); border-radius: 50%; background: var(--saffron); color: var(--ink); font-size: 13px; font-style: normal; font-weight: 800; }.engagement-team span:nth-child(2) { background: var(--india-white); }.engagement-team span:nth-child(3) { background: var(--india-green); color: white; }.engagement-team > i { width: 7px; height: 7px; margin-left: 14px; border-radius: 50%; background: var(--india-green); box-shadow: 0 0 0 5px rgba(19,136,8,.12); animation: engagement-pulse 1.7s ease-in-out infinite; }
.engagement-build { gap: 5px; }.engagement-build span { flex: 1; height: 5px; border-radius: 99px; background: rgba(255,255,255,.12); overflow: hidden; }.engagement-build span::after { content: ""; display: block; width: 100%; height: 100%; border-radius: inherit; background: var(--saffron); transform: scaleX(0); transform-origin: left; animation: engagement-build 3.2s var(--ease) infinite; }.engagement-build span:nth-child(2)::after { animation-delay: .35s; }.engagement-build span:nth-child(3)::after { animation-delay: .7s; background: var(--india-white); }.engagement-build span:nth-child(4)::after { animation-delay: 1.05s; background: var(--india-green); }.engagement-build small { flex: 0 0 auto; margin-left: 9px; }
.engagement-time > span { position: relative; width: 31px; height: 31px; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; }.engagement-time > span::after { content: ""; position: absolute; top: 50%; left: 50%; width: 4px; height: 4px; border-radius: 50%; background: var(--saffron); transform: translate(-50%,-50%); }.engagement-time > span i,.engagement-time > span b { position: absolute; bottom: 50%; left: calc(50% - 1px); width: 2px; border-radius: 2px; background: var(--india-white); transform-origin: 50% 100%; }.engagement-time > span i { height: 9px; animation: clock-hand 4s linear infinite; }.engagement-time > span b { height: 6px; background: var(--india-green); animation: clock-hand 12s linear infinite; }
.growth-proof-rail { grid-column: 1/-1; display: grid; grid-template-columns: repeat(3,1fr); margin-top: 8px; border-top: 1px solid rgba(255,255,255,.1); }.growth-proof-rail article { display: grid; grid-template-columns: .8fr 1.2fr; gap: 18px; align-items: center; min-height: 96px; padding: 18px 22px; border-left: 1px solid rgba(255,255,255,.1); }.growth-proof-rail article:last-child { border-right: 1px solid rgba(255,255,255,.1); }.growth-proof-rail strong { color: white; font-size: 15px; line-height: 1.35; }.growth-proof-rail strong b { display: block; color: var(--saffron); font-family: var(--serif); font-size: 34px; font-weight: 400; line-height: .9; }.growth-proof-rail p { color: rgba(255,255,255,.42); font-size: 13px; line-height: 1.5; }
@keyframes stair-travel { 0%,10% { top: 209px; left: 6.2%; } 29%,38% { top: 209px; left: 31.5%; } 43%,52% { top: 134px; left: 31.5%; } 65%,74% { top: 134px; left: 62.5%; } 79%,88% { top: 59px; left: 62.5%; } 96% { top: 59px; left: 91.5%; } 100% { top: 209px; left: 6.2%; } }
@keyframes stair-travel-mobile { 0%,12% { top: 12%; } 39%,51% { top: 49%; } 78%,91% { top: 84%; } 100% { top: 12%; } }
@keyframes journey-travel { 0%,8% { left: 6%; opacity: 0; } 13% { opacity: 1; } 88% { left: 86%; opacity: 1; } 95%,100% { left: 86%; opacity: 0; } }
@keyframes journey-line-flow { to { background-position: -220% 0; } }
@keyframes journey-ball-bounce { 50% { transform: translateY(-6px); } }
@keyframes journey-pin-bounce { 0%,16%,100% { transform: translateY(0); box-shadow: none; } 6% { transform: translateY(-5px); box-shadow: 0 0 0 7px rgba(255,153,51,.1); } }
@keyframes stair-spin { to { transform: rotate(360deg); } }
@keyframes engagement-pulse { 50% { opacity: .45; transform: scale(.75); } }
@keyframes engagement-build { 0%,12% { transform: scaleX(0); opacity: .25; } 40%,78% { transform: scaleX(1); opacity: 1; } 100% { transform: scaleX(0); opacity: .25; } }
@keyframes clock-hand { to { transform: rotate(360deg); } }

.home-hero { position: relative; display: grid; grid-template-columns: minmax(420px, .78fr) minmax(610px, 1.22fr); min-height: 690px; overflow: hidden; border-bottom: 1px solid var(--line); }
.home-command-hero { display: block; padding: 35px 0 70px; background: radial-gradient(circle at 85% 30%,rgba(19,136,8,.2),transparent 28%),linear-gradient(130deg,#fffaf3 35%,#fff3e2); }
.home-command-hero::after { content: ""; position: absolute; right: -90px; bottom: -190px; width: 420px; height: 420px; border: 1px solid rgba(11,31,58,.08); border-radius: 50%; }
.home-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .95fr 1.05fr; gap: 85px; align-items: center; }
.home-command-hero .hero-copy { padding: 45px 0 30px; }
.home-command-hero .hero-copy h1 { max-width: 700px; font-size: clamp(58px,6.3vw,94px); }
.home-command-hero .hero-copy > p { max-width: 680px; font-size: 18px; }
.home-command { min-height: 590px; }
.home-title-motion { width: max-content; max-width: 100%; will-change: transform,opacity; animation: home-title-marquee 9s var(--ease) infinite; }
@keyframes home-title-marquee { 0%,8% { opacity: 1; transform: translateX(0); } 55% { opacity: 1; transform: translateX(var(--home-title-travel,0)); } 62%,68%,74% { opacity: .34; transform: translateX(var(--home-title-travel,0)); } 65%,71%,80% { opacity: 1; transform: translateX(var(--home-title-travel,0)); } 86% { opacity: 0; transform: translateX(var(--home-title-travel,0)); } 87% { opacity: 0; transform: translateX(0); } 100% { opacity: 1; transform: translateX(0); } }
.home-value-chart { position: relative; overflow: hidden; }
.home-value-travellers { position: absolute; inset: 42px 18px 10px; pointer-events: none; }
.home-value-traveller { position: absolute; bottom: 2%; left: 0; z-index: 2; display: grid; min-width: 132px; padding: 7px 10px 7px 20px; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; color: var(--ink); background: var(--saffron); box-shadow: 0 8px 22px rgba(0,0,0,.2); font-size: 13px; line-height: 1; white-space: nowrap; opacity: 1; animation: home-value-travel 15s var(--ease) infinite,home-value-colour 15s linear infinite; }
.home-value-traveller::before { content: ""; position: absolute; top: 50%; left: 9px; width: 5px; height: 5px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 3px rgba(11,31,58,.13); transform: translateY(-50%); }
.home-value-traveller b { grid-area: 1/1; font-weight: 800; opacity: 0; animation: home-value-context 15s linear infinite; }
.home-value-traveller b:nth-child(2) { animation-name: home-value-purpose; }
.home-value-traveller b:nth-child(3) { animation-name: home-value-clarity; }
.home-value-chart .edu-chart-line { animation: home-value-line-colour 15s linear infinite; }
.home-value-chart circle { animation: home-value-dot-colour 15s linear infinite; }
@keyframes home-value-travel { 0%,8% { left: 0; bottom: 2%; opacity: 1; transform: translate(0,0); } 30%,34% { left: 33%; bottom: 31%; opacity: 1; transform: translate(-33%,0); } 60%,64% { left: 66%; bottom: 40%; opacity: 1; transform: translate(-66%,0); } 88%,95% { left: 96%; bottom: 76%; opacity: 1; transform: translate(-100%,0); } 98%,100% { left: 96%; bottom: 76%; opacity: 0; transform: translate(-100%,-5px); } }
@keyframes home-value-colour { 0%,33% { color: var(--ink); background: var(--saffron); } 35%,63% { color: var(--ink); background: var(--india-white); } 65%,100% { color: white; background: var(--india-green); } }
@keyframes home-value-context { 0%,33% { opacity: 1; } 35%,100% { opacity: 0; } }
@keyframes home-value-purpose { 0%,34% { opacity: 0; } 35%,63% { opacity: 1; } 65%,100% { opacity: 0; } }
@keyframes home-value-clarity { 0%,64% { opacity: 0; } 65%,100% { opacity: 1; } }
@keyframes home-value-line-colour { 0%,33% { stroke: var(--saffron); } 35%,63% { stroke: var(--india-white); } 65%,100% { stroke: var(--india-green); } }
@keyframes home-value-dot-colour { 0%,33% { fill: var(--saffron); } 35%,63% { fill: var(--india-white); } 65%,100% { fill: var(--india-green); } }
.hero-noise { position: absolute; inset: 0; opacity: .18; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E"); }
.hero-copy { z-index: 2; display: flex; flex-direction: column; justify-content: center; padding: 75px 4vw 88px max(32px, calc((100vw - 1280px)/2)); }
.hero-copy h1 { max-width: 590px; margin: 27px 0 22px; font-size: clamp(52px, 5vw, 78px); }
.hero-copy > p { max-width: 555px; font-size: 16px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
.hero-coverage { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; max-width: 550px; margin-top: 42px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.hero-coverage div { padding: 14px 13px 14px 0; border-right: 1px solid var(--line); }.hero-coverage div:not(:first-child) { padding-left: 13px; }.hero-coverage div:last-child { border-right: 0; }
.hero-coverage span, .hero-coverage strong { display: block; }.hero-coverage span { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }.hero-coverage strong { margin-top: 4px; font-size: 14px; }
.hero-note { display: flex; align-items: flex-start; gap: 12px; max-width: 500px; margin-top: 20px; }
.hero-note > span { display: grid; flex: 0 0 auto; width: 36px; height: 36px; place-items: center; border-radius: 50%; background: rgba(255,153,51,.45); }
.hero-note p { font-size: 16px; line-height: 1.55; }
.hero-note strong { color: var(--ink); }
.hero-stage { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; padding: 70px 4vw 120px; overflow: hidden; border-left: 1px solid var(--line); background: #f3eee4; }
.stage-aura { position: absolute; width: 680px; height: 680px; border-radius: 50%; background: radial-gradient(circle, rgba(255,153,51,.8), rgba(255,153,51,.12) 50%, transparent 70%); filter: blur(14px); }
.hero-stage .dashboard { z-index: 2; width: min(680px, 100%); transform: perspective(1100px) rotateX(var(--tilt-y, 0deg)) rotateY(var(--tilt-x, 0deg)) rotateZ(-1.3deg); transition: transform .45s var(--ease); will-change: transform; }
.stage-label { position: absolute; z-index: 4; display: flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid rgba(255,255,255,.65); border-radius: 999px; background: rgba(255,255,255,.68); box-shadow: 0 10px 30px rgba(11,31,58,.08); backdrop-filter: blur(12px); color: var(--ink-2); font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; }
.stage-label span { width: 6px; height: 6px; border-radius: 50%; background: #138808; box-shadow: 0 0 0 3px rgba(19,136,8,.14); }
.stage-label-one { top: 15%; left: 8%; }
.stage-label-two { right: 8%; bottom: 17%; }
.float-card { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; min-width: 174px; padding: 13px; border: 1px solid rgba(255,255,255,.75); border-radius: 14px; background: rgba(255,255,255,.86); box-shadow: 0 18px 45px rgba(11,31,58,.12); backdrop-filter: blur(12px); }
.float-card > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; background: var(--paper-2); }
.float-card small, .float-card strong { display: block; }
.float-card small { color: var(--muted); font-size: 13px; text-transform: uppercase; letter-spacing: .08em; }
.float-card strong { margin-top: 3px; font-size: 15px; }
.float-card-a { left: 4%; bottom: 26%; }
.float-card-b { right: 4%; top: 28%; }
.home .float-card-a { animation: float-soft 5.4s ease-in-out infinite; }
.home .float-card-b { animation: float-soft 6.2s ease-in-out -1.5s infinite reverse; }
@keyframes float-soft { 0%,100% { translate: 0 0; } 50% { translate: 0 -9px; } }
.hero-index { position: absolute; z-index: 5; bottom: 24px; left: max(32px, calc((100vw - 1280px)/2)); display: flex; align-items: center; gap: 16px; }
.hero-index span { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid var(--line); border-radius: 50%; font-size: 15px; }
.hero-index p { color: var(--ink); font-size: 15px; font-weight: 650; line-height: 1.25; }
.hero-index div { width: 70px; height: 1px; background: var(--line); }
.hero-index em { color: var(--muted); font-size: 14px; font-style: normal; text-transform: uppercase; letter-spacing: .09em; }

.signal-strip { display: flex; align-items: center; justify-content: center; gap: 35px; padding: 24px 32px; border-bottom: 1px solid var(--line); background: var(--ink); color: white; }
.signal-strip a { color: rgba(255,255,255,.63); font-size: 15px; }
.signal-strip a span { margin-right: 7px; color: white; font-weight: 750; }
.signal-strip i { width: 3px; height: 3px; border-radius: 50%; background: var(--lime); }
.home .signal-strip a { position: relative; z-index: 0; padding: 8px 11px; border: 1px solid transparent; border-radius: 999px; isolation: isolate; }
.home .signal-strip a:nth-of-type(1) { animation: signal-retail-highlight 3.2s ease-in-out infinite; }
.home .signal-strip a:nth-of-type(2) { animation: signal-distribution-highlight 3.8s ease-in-out .4s infinite; }
.home .signal-strip a:nth-of-type(3) { animation: signal-manufacturing-highlight 4.4s ease-in-out .8s infinite; }
.home .signal-strip a:nth-of-type(4) { animation: signal-education-highlight 5s ease-in-out 1.2s infinite; }
.home .signal-strip a:nth-of-type(1)::after { content: ""; position: absolute; right: 10px; bottom: 3px; left: 10px; height: 1px; background: var(--saffron); transform: scaleX(0); transform-origin: left; animation: signal-retail-line 3.2s var(--ease) infinite; }
.home .signal-strip a:nth-of-type(2) span { text-shadow: 0 0 0 transparent; animation: signal-blue-type 3.8s ease-in-out .4s infinite; }
.home .signal-strip a:nth-of-type(3)::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 7px; border-radius: 50%; background: var(--india-green); box-shadow: 0 0 0 0 rgba(19,136,8,.45); animation: signal-green-dot 2.2s ease-out infinite; }
.home .signal-strip a:nth-of-type(4)::after { content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; background: linear-gradient(90deg,rgba(255,153,51,.22),rgba(255,255,255,.1),rgba(19,136,8,.22)); opacity: 0; animation: signal-education-aura 5s ease-in-out 1.2s infinite; }
@keyframes signal-retail-highlight { 0%,68%,100% { color: rgba(255,255,255,.63); background: transparent; } 76%,90% { color: white; background: rgba(255,153,51,.13); } }
@keyframes signal-retail-line { 0%,65% { transform: scaleX(0); opacity: 0; } 75% { opacity: 1; } 92% { transform: scaleX(1); opacity: 1; } 100% { transform: scaleX(1); opacity: 0; } }
@keyframes signal-distribution-highlight { 0%,58%,100% { border-color: transparent; background: transparent; transform: translateY(0); } 67%,84% { border-color: rgba(126,156,255,.38); background: rgba(0,0,128,.24); transform: translateY(-2px); } }
@keyframes signal-blue-type { 0%,58%,100% { color: white; text-shadow: 0 0 0 transparent; } 67%,84% { color: #cbd5ff; text-shadow: 0 0 15px rgba(126,156,255,.8); } }
@keyframes signal-manufacturing-highlight { 0%,52%,100% { color: rgba(255,255,255,.63); box-shadow: none; } 61%,80% { color: white; box-shadow: inset 0 0 0 1px rgba(19,136,8,.34),0 0 18px rgba(19,136,8,.13); } }
@keyframes signal-green-dot { 0% { box-shadow: 0 0 0 0 rgba(19,136,8,.55); } 70%,100% { box-shadow: 0 0 0 8px rgba(19,136,8,0); } }
@keyframes signal-education-highlight { 0%,48%,100% { color: rgba(255,255,255,.63); letter-spacing: 0; } 57%,78% { color: white; letter-spacing: .015em; } }
@keyframes signal-education-aura { 0%,48%,100% { opacity: 0; } 58%,78% { opacity: 1; } }

.families { background: var(--white); }
.families-head-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 40px; align-items: center; }
.families-head-grid .section-head { margin-bottom: 42px; }
.families-worlds { position: relative; justify-self: center; width: min(420px,100%); aspect-ratio: 10/7; margin-bottom: 42px; }
.families-worlds-ring { position: absolute; inset: 8% 12%; border: 1px dashed rgba(11,31,58,.18); border-radius: 50%; animation: worlds-ring-spin 34s linear infinite; }
.families-worlds-ring::before, .families-worlds-ring::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; }
.families-worlds-ring::before { top: 8%; left: 14%; background: var(--saffron); box-shadow: 0 0 0 0 rgba(255,153,51,.5); animation: signal-green-dot 2.6s ease-out infinite; }
.families-worlds-ring::after { right: 10%; bottom: 12%; background: var(--india-green); box-shadow: 0 0 0 0 rgba(19,136,8,.45); animation: signal-green-dot 2.6s ease-out 1.3s infinite; }
.families-worlds-core { position: absolute; z-index: 2; top: 50%; left: 50%; display: flex; width: 118px; height: 118px; flex-direction: column; align-items: center; justify-content: center; gap: 3px; border-radius: 50%; background: var(--ink); color: white; box-shadow: 0 0 0 14px rgba(255,153,51,.14),0 20px 45px rgba(11,31,58,.2); transform: translate(-50%,-50%); text-align: center; }
.families-worlds-core strong { font-size: 17px; }
.families-worlds-core small { max-width: 80px; color: rgba(255,255,255,.62); font-size: 12px; letter-spacing: .05em; text-transform: uppercase; }
.world-chip { position: absolute; z-index: 3; display: flex; align-items: center; gap: 9px; padding: 9px 13px; border: 1px solid var(--line); border-radius: 999px; background: white; box-shadow: 0 14px 35px rgba(11,31,58,.09); animation: float-soft 5s var(--ease) infinite; }
.world-chip > i { display: grid; width: 30px; height: 30px; flex: 0 0 auto; place-items: center; border-radius: 50%; }
.world-chip b { display: block; font-size: 15px; line-height: 1.1; }
.world-chip small { display: block; margin-top: 2px; color: var(--muted); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; }
.world-retail { top: 2%; left: 4%; }
.world-retail > i { color: var(--saffron-dark); background: rgba(255,153,51,.18); }
.world-distribution { top: 16%; right: 0; animation-delay: 1.4s; }
.world-distribution > i { color: var(--chakra-blue); background: rgba(0,0,128,.1); }
.world-manufacturing { bottom: 4%; left: 16%; animation-delay: 2.6s; }
.world-manufacturing > i { color: var(--india-green); background: rgba(19,136,8,.12); }
@keyframes worlds-ring-spin { to { transform: rotate(360deg); } }
.family-list { border-top: 1px solid var(--line); }
.family-row { position: relative; display: grid; grid-template-columns: 70px 1fr minmax(320px, .6fr) 50px; gap: 24px; align-items: center; min-height: 310px; border-bottom: 1px solid var(--line); }
.family-row::before { content: ""; position: absolute; inset: 0; opacity: 0; transition: opacity .4s; }
.family-lime::before { background: linear-gradient(90deg, transparent, rgba(255,153,51,.17)); }
.family-orange::before { background: linear-gradient(90deg, transparent, rgba(232,117,26,.14)); }
.family-violet::before { background: linear-gradient(90deg, transparent, rgba(0,0,128,.14)); }
.family-row:hover::before { opacity: 1; }
.family-number, .family-main, .family-art, .family-arrow { position: relative; z-index: 1; }
.family-number { align-self: start; padding-top: 50px; color: var(--muted); font-size: 15px; }
.family-main h3 { font-size: clamp(40px, 4.8vw, 72px); }
.family-main p { max-width: 640px; margin-top: 18px; font-size: 15px; }
.family-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 25px; }
.family-tags span { padding: 7px 11px; border: 1px solid var(--line); border-radius: 999px; color: var(--ink-2); background: rgba(255,255,255,.58); font-size: 14px; }
.family-art { display: flex; align-items: center; justify-content: center; min-height: 220px; }
.family-arrow { display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: var(--white); transition: transform .3s, background .3s; }
.family-row:hover .family-arrow { transform: translateX(5px); background: var(--lime); }
.mini-window { width: 300px; padding: 14px; border: 1px solid var(--line); border-radius: 18px; background: white; box-shadow: 0 18px 50px rgba(11,31,58,.08); transform: rotate(2deg); }
.mini-window-bar { width: 100%; height: 14px; border-bottom: 1px solid var(--line); }
.mini-total { padding: 18px 4px 10px; }
.mini-total small, .mini-total strong { display: block; }
.mini-total small { color: var(--muted); font-size: 13px; }
.mini-total strong { margin-top: 5px; font-size: 24px; }
.mini-bars { display: flex; align-items: end; gap: 7px; height: 55px; }
.mini-bars i { flex: 1; border-radius: 4px 4px 1px 1px; background: var(--lime); }
.mini-bars i:nth-child(1) { height: 30%; }.mini-bars i:nth-child(2) { height: 55%; }.mini-bars i:nth-child(3) { height: 42%; }.mini-bars i:nth-child(4) { height: 75%; }.mini-bars i:nth-child(5) { height: 92%; }
.mini-status { margin-top: 13px; padding-top: 10px; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; }
.mini-status span { display: inline-block; width: 6px; height: 6px; margin-right: 4px; border-radius: 50%; background: #138808; }
.route-map { position: relative; width: 310px; height: 190px; border: 1px solid var(--line); border-radius: 22px; background: radial-gradient(circle at 20% 20%, #fff 1px, transparent 1px); background-size: 16px 16px; transform: rotate(-1.5deg); }
.route-map .depot { position: absolute; z-index: 2; top: 70px; left: 135px; display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; background: var(--ink); color: white; font-weight: 750; }
.route { position: absolute; top: 90px; left: 155px; width: 105px; height: 2px; background: var(--orange); transform-origin: left; }
.r1 { transform: rotate(-42deg); }.r2 { transform: rotate(12deg); }.r3 { transform: rotate(55deg); }
.stop { position: absolute; width: 12px; height: 12px; border: 3px solid white; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 1px var(--orange); }
.s1 { top: 31px; right: 56px; }.s2 { top: 105px; right: 43px; }.s3 { right: 70px; bottom: 22px; }
.route-map small { position: absolute; bottom: 15px; left: 15px; padding: 7px 10px; border-radius: 999px; background: white; box-shadow: 0 5px 15px rgba(0,0,0,.07); }
.plant-line { display: flex; align-items: center; width: 350px; padding: 25px; border: 1px solid var(--line); border-radius: 22px; background: white; box-shadow: 0 18px 50px rgba(11,31,58,.08); transform: rotate(1deg); }
.plant-line div { text-align: center; }
.plant-line div span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: rgba(0,0,128,.23); font-size: 14px; font-weight: 800; }
.plant-line div small { display: block; width: 60px; margin-top: 8px; color: var(--muted); font-size: 12px; }
.plant-line > i { flex: 1; height: 1px; margin-top: -19px; background: var(--violet); }

.platform-story { background: var(--paper); }
.platform-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: center; }
.principles { margin-top: 70px; border-top: 1px solid var(--line); }
.principles > div { display: grid; grid-template-columns: 35px 1fr; column-gap: 18px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.principles span { grid-row: span 2; color: var(--muted); font-size: 14px; }
.principles h3 { font-size: 19px; }
.principles p { margin-top: 6px; font-size: 16px; }
.platform-art { display: grid; min-height: 650px; place-items: center; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--ink); overflow: hidden; }
.system-map { position: relative; width: min(590px, 90%); aspect-ratio: 1; }
.system-center { position: absolute; z-index: 3; top: 50%; left: 50%; display: flex; width: 164px; height: 164px; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; background: #122a4f; color: white; transform: translate(-50%,-50%); box-shadow: 0 0 80px rgba(255,153,51,.11); }
.system-center .brand-mark span:nth-child(1) { background: var(--saffron); }
.system-center .brand-mark span:nth-child(2) { background: var(--india-white); }
.system-center .brand-mark span:nth-child(3) { background: var(--india-green); }
.system-center strong { margin-top: 8px; text-align: center; font-size: 17px; line-height: 1; }
.system-center small { margin-top: 8px; color: rgba(255,255,255,.5); font-size: 12px; text-transform: uppercase; letter-spacing: .09em; }
.system-ring { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; transform: translate(-50%,-50%); }
.ring-one { width: 58%; height: 58%; }.ring-two { width: 88%; height: 88%; border-style: dashed; }
.system-pill { position: absolute; z-index: 2; padding: 10px 14px; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; background: #19365f; color: rgba(255,255,255,.82); font-size: 14px; box-shadow: 0 8px 20px rgba(0,0,0,.2); }
.p1 { top: 13%; left: 40%; }.p2 { top: 29%; right: 3%; }.p3 { right: 6%; bottom: 23%; }.p4 { bottom: 9%; left: 37%; }.p5 { bottom: 26%; left: 0; }.p6 { top: 27%; left: 4%; }
.system-dot { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 14px var(--lime); }
.d1 { top: 20%; left: 24%; }.d2 { top: 67%; right: 17%; }.d3 { bottom: 13%; left: 27%; }

.featured-products { background: var(--white); }
.product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.product-card { display: flex; min-height: 330px; flex-direction: column; padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.72); transition: transform .3s var(--ease), box-shadow .3s, border-color .3s; }
.product-card:hover { transform: translateY(-5px); border-color: rgba(11,31,58,.26); box-shadow: 0 20px 50px rgba(11,31,58,.08); }
.product-card-top { display: flex; align-items: center; justify-content: space-between; }
.product-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; }
.accent-lime { background: rgba(255,153,51,.42); }.accent-orange { background: rgba(232,117,26,.3); }.accent-violet { background: rgba(0,0,128,.27); }.accent-green { background: rgba(19,136,8,.28); }
.availability, .status { padding: 6px 9px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 12px; font-style: normal; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.product-card h3 { margin-top: 48px; font-size: 27px; line-height: 1.1; }
.product-card p { margin: 15px 0 25px; font-size: 16px; }
.card-link, .text-arrow { display: inline-flex; align-items: center; gap: 10px; margin-top: auto; font-size: 16px; font-weight: 750; }
.card-link svg, .text-arrow svg { transition: transform .25s; }
.card-link:hover svg, .text-arrow:hover svg { transform: translateX(4px); }
.center-action { display: flex; justify-content: center; margin-top: 45px; }

.decision-section { background: var(--paper-2); }
.decision-shell { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: center; }
.decision-copy .section-head { margin-bottom: 30px; }
.decision-card { padding: 42px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--white); box-shadow: var(--shadow); }
.decision-top { display: flex; justify-content: space-between; padding-bottom: 22px; border-bottom: 1px solid var(--line); font-size: 15px; text-transform: uppercase; letter-spacing: .08em; }
.decision-top small { color: var(--muted); }
.decision-card h3 { max-width: 520px; margin: 28px 0 20px; font-size: 34px; }
.decision-options { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.decision-option { display: flex; align-items: center; gap: 11px; min-height: 74px; padding: 12px 13px; border: 1px solid var(--line); border-radius: 14px; background: var(--paper); color: inherit; text-align: left; cursor: pointer; transition: border-color .25s, background .25s, transform .25s, box-shadow .25s; }
.decision-option > svg { flex: 0 0 auto; color: var(--module-accent, var(--saffron)); }
.decision-option.accent-retail, .decision-option.accent-education, .decision-option.accent-finance { --module-accent: var(--saffron); }
.decision-option.accent-distribution, .decision-option.accent-advocate, .decision-option.accent-projects { --module-accent: var(--chakra-blue); }
.decision-option.accent-manufacturing, .decision-option.accent-survey, .decision-option.accent-hrms, .decision-option.accent-mr-health { --module-accent: var(--india-green); }
.decision-option strong, .decision-option small { display: block; }
.decision-option strong { font-size: 16px; line-height: 1.2; }
.decision-option small { margin-top: 3px; color: var(--muted); font-size: 13px; line-height: 1.35; }
.decision-option:hover, .decision-option.is-active { border-color: var(--module-accent, var(--saffron)); background: white; box-shadow: 0 12px 28px rgba(11,31,58,.08); transform: translateY(-2px); }
.decision-card > p { margin-top: 16px; font-size: 14px; }

.conversion { position: relative; display: grid; min-height: 560px; grid-template-columns: minmax(0,1.15fr) minmax(360px,.85fr); align-items: center; gap: clamp(50px,7vw,110px); padding: 78px max(32px, calc((100vw - 1280px)/2)); overflow: hidden; background: var(--ink); color: white; }
.conversion-glow { position: absolute; top: -300px; right: 5%; width: 650px; height: 650px; border-radius: 50%; background: radial-gradient(circle, rgba(255,153,51,.34), transparent 66%); }
.conversion > div:not(.conversion-glow) { position: relative; z-index: 1; }
.conversion h2 { max-width: 850px; font-size: clamp(42px, 5.2vw, 76px); }
.conversion p { max-width: 650px; margin-top: 22px; color: rgba(255,255,255,.64); font-size: 15px; }
.conversion-form-card { width: 100%; padding: 25px; border: 1px solid rgba(255,255,255,.17); border-radius: 24px; background: rgba(255,255,255,.075); box-shadow: 0 28px 70px rgba(0,0,0,.2); backdrop-filter: blur(16px); }
.conversion-form-card::before { content: ""; position: absolute; top: 0; right: 25px; left: 25px; height: 2px; background: linear-gradient(90deg,var(--saffron),rgba(255,255,255,.8),var(--india-green)); }
.conversion-form-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 19px; }
.conversion-form-head span { font-size: 17px; font-weight: 750; }
.conversion-form-head small { max-width: 150px; color: rgba(255,255,255,.52); font-size: 12px; line-height: 1.45; text-align: right; }
.quick-requirement-form { display: grid; gap: 12px; }
.quick-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.quick-requirement-form label > span { display: block; margin-bottom: 6px; color: rgba(255,255,255,.65); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.quick-requirement-form input:not([type="checkbox"]),.quick-requirement-form textarea { width: 100%; border: 1px solid rgba(255,255,255,.16); border-radius: 11px; outline: 0; color: white; background: rgba(4,17,35,.42); font: inherit; font-size: 16px; transition: border-color .2s,background .2s,box-shadow .2s; }
.quick-requirement-form input:not([type="checkbox"]) { height: 43px; padding: 0 12px; }
.quick-requirement-form textarea { min-height: 82px; padding: 11px 12px; resize: vertical; }
.quick-requirement-form textarea::placeholder { color: rgba(255,255,255,.32); }
.quick-requirement-form input:focus,.quick-requirement-form textarea:focus { border-color: var(--saffron); background: rgba(4,17,35,.68); box-shadow: 0 0 0 3px rgba(255,153,51,.12); }
.quick-requirement-form [aria-invalid="true"] { border-color: #ff8a80 !important; }
.quick-location { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.quick-location input { width: 15px; height: 15px; accent-color: var(--india-green); }
.quick-location > span { margin: 0 !important; color: rgba(255,255,255,.52) !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; }
.quick-form-foot { display: flex; align-items: center; gap: 13px; margin-top: 3px; }
.quick-form-foot .button { flex: 0 0 auto; min-height: 44px; border: 0; cursor: pointer; }
.quick-form-foot > small { max-width: 150px; color: rgba(255,255,255,.43); font-size: 13px; line-height: 1.45; }
.quick-requirement-form .form-status { min-height: 16px; margin: 0; font-size: 13px; }
.quick-requirement-form .form-status.success { color: #9ee493; }
.quick-requirement-form .form-status.error { padding: 8px 10px; color: #ffc4bf; background: rgba(185,28,28,.18); }
.form-consent { display: grid !important; grid-template-columns: 17px 1fr; gap: 8px; align-items: start; font-weight: 400 !important; line-height: 1.45; }
.form-consent input { width: 15px !important; height: 15px !important; margin: 2px 0 0; padding: 0 !important; }
.form-consent > span { margin: 0 !important; color: inherit !important; font-size: 13px !important; font-weight: 400 !important; letter-spacing: 0 !important; line-height: 1.45; text-transform: none !important; }
.form-consent a { text-decoration: underline; text-underline-offset: 2px; }

.page-hero, .simple-hero { padding: 30px 0 100px; border-bottom: 1px solid var(--line); background: var(--white); }
.breadcrumbs { margin: 16px 0 48px; }
.breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; list-style: none; }
.breadcrumbs li { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 13px; }
.breadcrumbs li:not(:last-child)::after { content: "/"; opacity: .45; }
.breadcrumbs a:hover { color: var(--ink); }
.page-hero-grid { display: grid; grid-template-columns: 1fr .8fr; gap: 90px; align-items: end; }
.page-hero h1, .simple-hero h1 { max-width: 900px; margin: 28px 0; font-size: clamp(58px, 7vw, 104px); }
.page-hero-grid > div:first-child > p, .simple-hero > .shell > p { max-width: 720px; font-size: 18px; }
.hero-directory { border-top: 1px solid var(--line); }
.hero-directory a { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; padding: 20px 0; border-bottom: 1px solid var(--line); }
.hero-directory span { color: var(--muted); font-size: 14px; }
.hero-directory strong { font-size: 18px; letter-spacing: -.02em; }
.hero-directory a:hover svg { transform: translateX(4px); }

.finder { background: var(--ink); color: white; }
.finder-shell { display: grid; grid-template-columns: .75fr 1.25fr; gap: 100px; }
.finder-intro .section-head h2 { font-size: clamp(42px,5vw,65px); }
.finder-intro .section-head p { color: rgba(255,255,255,.55); }
.finder-intro .kicker { color: rgba(255,255,255,.55); }
.finder-progress { display: flex; gap: 5px; }
.finder-progress span { width: 38px; height: 3px; background: rgba(255,255,255,.16); }.finder-progress .active { background: var(--lime); }
.finder-form fieldset { padding: 0; margin: 0 0 34px; border: 0; }
.finder-form legend { margin-bottom: 17px; font-size: 18px; font-weight: 650; }
.choice-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.choice-grid label, .compact-choices label { cursor: pointer; }
.choice-grid input, .compact-choices input { position: absolute; opacity: 0; pointer-events: none; }
.choice-grid label > span { display: flex; min-height: 145px; flex-direction: column; align-items: flex-start; padding: 20px; border: 1px solid rgba(255,255,255,.16); border-radius: 16px; background: rgba(255,255,255,.04); }
.choice-grid strong { margin-top: auto; font-size: 15px; }.choice-grid small { margin-top: 5px; color: rgba(255,255,255,.5); font-size: 13px; }
.choice-grid input:checked + span { border-color: var(--lime); background: rgba(255,153,51,.1); }
.compact-choices { display: flex; gap: 8px; }
.compact-choices label span { display: block; padding: 12px 20px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: rgba(255,255,255,.65); font-size: 16px; }
.compact-choices input:checked + span { border-color: var(--lime); color: white; background: rgba(255,153,51,.1); }
.finder-message { margin-top: 18px; color: rgba(255,255,255,.55); font-size: 15px; }
.catalog { background: var(--white); }
.catalog-head { display: flex; align-items: end; justify-content: space-between; gap: 40px; }
.filter-group { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; margin-bottom: 60px; }
.filter-group button { padding: 10px 14px; border: 1px solid var(--line); border-radius: 999px; background: transparent; font-size: 15px; cursor: pointer; }
.filter-group button span { margin-left: 5px; color: var(--muted); }
.filter-group button.active { background: var(--ink); color: white; }
.filter-group button.active span { color: rgba(255,255,255,.55); }
.empty-state { padding: 50px; text-align: center; }

.category-hero { padding-bottom: 90px; overflow: hidden; }
.category-hero-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 60px; align-items: center; }
.category-hero h1 { font-size: clamp(54px, 6.4vw, 94px); }
.category-hero-grid > div:first-child > p { max-width: 650px; margin-top: 27px; font-size: 17px; }
.hero-facts { display: flex; gap: 26px; margin-top: 50px; }
.hero-facts span { padding-right: 26px; border-right: 1px solid var(--line); color: var(--muted); font-size: 13px; text-transform: uppercase; letter-spacing: .07em; }
.hero-facts span:last-child { border-right: 0; }
.hero-facts strong { display: block; margin-bottom: 4px; color: var(--ink); font-size: 21px; text-transform: none; }
.flow-visual { display: grid; min-height: 540px; place-items: center; }
.flow-orbit { position: relative; width: min(600px,100%); aspect-ratio: 10/7; }
.flow-core { position: absolute; z-index: 3; top: 50%; left: 50%; display: flex; width: 128px; height: 128px; flex-direction: column; align-items: center; justify-content: center; gap: 8px; border-radius: 50%; background: var(--ink); color: white; transform: translate(-50%,-50%); text-align: center; }
.flow-core strong { font-size: 16px; line-height: 1.1; }
.flow-node { position: absolute; z-index: 2; width: 118px; padding: 15px; border: 1px solid var(--line); border-radius: 14px; background: white; box-shadow: 0 14px 35px rgba(11,31,58,.08); }
.flow-node span { display: block; margin-bottom: 10px; color: var(--muted); font-size: 12px; }.flow-node strong { font-size: 16px; }
.flow-node-1 { top: 3%; left: 8%; }.flow-node-2 { top: 3%; right: 8%; }.flow-node-3 { bottom: 7%; left: 3%; }.flow-node-4 { right: 3%; bottom: 7%; }.flow-node-5 { bottom: -3%; left: calc(50% - 59px); }
.flow-lines { position: absolute; inset: 0; width: 100%; height: 100%; }
.flow-lines path { fill: none; stroke: rgba(11,31,58,.22); stroke-width: 1.5; stroke-dasharray: 4 5; vector-effect: non-scaling-stroke; }
.flow-retail .flow-core { box-shadow: 0 0 0 18px rgba(255,153,51,.25); }.flow-distribution .flow-core { box-shadow: 0 0 0 18px rgba(232,117,26,.22); }.flow-manufacturing .flow-core { box-shadow: 0 0 0 18px rgba(0,0,128,.2); }
.challenge-band { padding: 38px 0; background: var(--ink); color: white; }
.challenge-band .shell { display: grid; grid-template-columns: .5fr repeat(3,1fr); gap: 30px; align-items: center; }
.vertical-kicker { color: rgba(255,255,255,.45); font-size: 13px; text-transform: uppercase; letter-spacing: .13em; }
.challenge-band .shell > div { display: grid; grid-template-columns: 28px 1fr; gap: 10px; align-items: start; }
.challenge-band strong { color: var(--lime); font-size: 13px; }.challenge-band p { color: rgba(255,255,255,.72); font-size: 15px; line-height: 1.4; }
.capability-section { background: var(--paper-2); }
.capability-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 100px; align-items: start; }
.sticky-copy { position: sticky; top: 120px; }
.sticky-copy .section-head h2 { font-size: clamp(40px,4vw,60px); }
.capability-stack { border-top: 1px solid var(--line); }
.capability-stack article { display: grid; grid-template-columns: 45px 1fr 42px; gap: 20px; align-items: center; min-height: 125px; border-bottom: 1px solid var(--line); }
.capability-stack article > span { color: var(--muted); font-size: 13px; }.capability-stack h3 { font-size: 22px; }.capability-stack p { margin-top: 6px; font-size: 15px; }
.capability-stack article > i { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; background: var(--white); }
.visual-section { background: var(--white); }

.dashboard { overflow: hidden; border: 1px solid rgba(11,31,58,.18); border-radius: 20px; background: #fff; box-shadow: 0 30px 80px rgba(11,31,58,.15); color: var(--ink); }
.dashboard-bar { display: flex; align-items: center; height: 42px; padding: 0 16px; border-bottom: 1px solid var(--line); background: #fffdfa; }
.dashboard-bar > span { display: flex; gap: 4px; }.dashboard-bar i { width: 6px; height: 6px; border-radius: 50%; background: #ccd0cc; }
.dashboard-bar strong { margin-left: 18px; font-size: 13px; font-weight: 650; }.dashboard-bar em { margin-left: auto; color: var(--muted); font-size: 13px; font-style: normal; letter-spacing: .08em; text-transform: uppercase; }
.dashboard-body { display: grid; grid-template-columns: 54px 1fr; min-height: 390px; }
.dashboard-body aside { display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 18px 0; border-right: 1px solid var(--line); background: #f5f7fb; }
.dashboard-body aside i { width: 17px; height: 17px; border: 1px solid #c8ceca; border-radius: 5px; }.dashboard-body aside i.active { border: 0; background: var(--ink); box-shadow: inset 0 0 0 5px var(--lime); }
.dash-logo { width: 24px; height: 24px; margin-bottom: 8px; border-radius: 7px; background: var(--ink); }
.dashboard main { min-width: 0; padding: 25px; }
.dash-title { display: flex; justify-content: space-between; align-items: flex-start; }
.dash-title small, .dash-title strong { display: block; }.dash-title small { color: var(--muted); font-size: 12px; }.dash-title strong { margin-top: 4px; font-size: 15px; }
.dash-filter { padding: 7px 10px; border: 1px solid var(--line); border-radius: 7px; color: var(--muted); font-size: 13px; }
.dash-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 22px; }
.dash-metrics > div { padding: 13px; border: 1px solid var(--line); border-radius: 10px; }
.dash-metrics small, .dash-metrics strong { display: block; }.dash-metrics small { color: var(--muted); font-size: 13px; }.dash-metrics strong { margin-top: 7px; font-size: 18px; }
.micro-line { display: block; width: 100%; height: 3px; margin-top: 11px; border-radius: 3px; background: linear-gradient(90deg,var(--lime) 68%,var(--paper-2) 68%); }
.micro-2 { background: linear-gradient(90deg,var(--orange) 42%,var(--paper-2) 42%); }.micro-3 { background: linear-gradient(90deg,var(--violet) 86%,var(--paper-2) 86%); }
.dash-grid { display: grid; grid-template-columns: 1.55fr .8fr; gap: 9px; margin-top: 9px; }
.dash-chart, .dash-feed { padding: 14px; border: 1px solid var(--line); border-radius: 10px; }
.chart-head { display: flex; justify-content: space-between; }.chart-head strong, .dash-feed > strong { font-size: 13px; }.chart-head span { color: var(--muted); font-size: 13px; }
.dash-chart svg { width: 100%; height: 130px; margin-top: 10px; overflow: visible; }.dash-chart .area { fill: url(#area-retail); }.dashboard-distribution .dash-chart .area { fill: url(#area-distribution); }.dashboard-manufacturing .dash-chart .area { fill: url(#area-manufacturing); }.dash-chart .line { fill: none; stroke: var(--ink); stroke-width: 2; }
.dashboard-retail .dash-chart stop { stop-color: var(--lime); }.dashboard-distribution .dash-chart stop { stop-color: var(--orange); }.dashboard-manufacturing .dash-chart stop { stop-color: var(--violet); }
.dash-feed ul { padding: 0; margin: 16px 0 0; list-style: none; }.dash-feed li { display: flex; gap: 8px; padding: 9px 0; border-top: 1px solid var(--line); }.dash-feed li > span { flex: 0 0 auto; width: 7px; height: 7px; margin-top: 3px; border-radius: 50%; background: var(--orange); }.dash-feed b, .dash-feed small { display: block; }.dash-feed b { font-size: 13px; }.dash-feed small { margin-top: 3px; color: var(--muted); font-size: 12px; }
.visual-section .dashboard { max-width: 1050px; margin: 0 auto; }
.visual-section .dashboard-body { min-height: 540px; }.visual-section .dashboard main { padding: 40px; }.visual-section .dash-title strong { font-size: 23px; }.visual-section .dash-metrics strong { font-size: 28px; }.visual-section .dash-chart svg { height: 210px; }

.process-section { background: var(--paper); }
.workflow { display: grid; grid-template-columns: repeat(5,1fr); padding: 0; margin: 0; border-top: 1px solid var(--line); list-style: none; }
.workflow li { position: relative; display: flex; min-height: 170px; flex-direction: column; justify-content: space-between; padding: 24px 20px 24px 0; border-bottom: 1px solid var(--line); }
.workflow li > span { color: var(--muted); font-size: 13px; }.workflow li strong { font-size: 18px; }.workflow li > svg { position: absolute; right: 20px; bottom: 24px; color: var(--muted); }
.faq-section { background: var(--white); }.faq-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 100px; align-items: start; }.faq-layout .section-head { margin-bottom: 0; }.faq-layout .section-head h2 { font-size: clamp(40px,4vw,58px); }
.faq-list { border-top: 1px solid var(--line); }.faq-list details { border-bottom: 1px solid var(--line); }.faq-list summary { position: relative; padding: 25px 45px 25px 0; font-size: 16px; font-weight: 650; list-style: none; cursor: pointer; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span::before, .faq-list summary span::after { content: ""; position: absolute; top: 33px; right: 4px; width: 13px; height: 1px; background: var(--ink); }.faq-list summary span::after { transform: rotate(90deg); transition: transform .2s; }.faq-list details[open] summary span::after { transform: rotate(0); }.faq-list details > div { padding: 0 45px 24px 0; }.faq-list p { font-size: 16px; }

.product-hero { padding: 30px 0 100px; border-bottom: 1px solid var(--line); background: var(--white); }
.product-hero-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; }
.product-hero-copy h1 { max-width: 720px; margin: 27px 0; font-size: clamp(52px,6.2vw,90px); }
.product-hero-copy > p { max-width: 650px; font-size: 17px; }.audience-list { display: flex; flex-wrap: wrap; gap: 8px 18px; padding: 0; margin: 38px 0 0; list-style: none; }.audience-list li { display: flex; align-items: center; gap: 5px; color: var(--ink-2); font-size: 14px; }
.product-visual { position: relative; padding: 70px 0 40px; }.product-visual::before { content: ""; position: absolute; inset: 0 8% 4%; border-radius: 50%; background: radial-gradient(circle, rgba(255,153,51,.62), transparent 65%); filter: blur(10px); }.product-orange .product-visual::before { background: radial-gradient(circle, rgba(232,117,26,.48), transparent 65%); }.product-violet .product-visual::before { background: radial-gradient(circle, rgba(0,0,128,.42), transparent 65%); }
.product-visual .dashboard { position: relative; transform: rotate(1.3deg); }.visual-caption { position: absolute; right: -10px; bottom: 0; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.9); box-shadow: 0 15px 40px rgba(11,31,58,.12); backdrop-filter: blur(10px); }.visual-caption span { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 9px; background: var(--lime); }.visual-caption strong { display: block; font-size: 13px; }.visual-caption p { font-size: 13px; }
.product-promise { padding: 34px 0; background: var(--ink); color: white; }.product-promise .shell { display: grid; grid-template-columns: 170px 1fr; gap: 30px; align-items: start; }.product-promise span { color: rgba(255,255,255,.45); font-size: 13px; letter-spacing: .09em; text-transform: uppercase; }.product-promise strong { max-width: 850px; font-family: var(--serif); font-size: 20px; font-weight: 400; line-height: 1.35; }
.product-fit { padding: 62px 0; border-bottom: 1px solid var(--line); background: var(--white); }
.fit-intro { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 28px; }.fit-intro .kicker { margin: 0; }.fit-intro h2 { max-width: 690px; font-size: clamp(32px,3.5vw,48px); text-align: right; }
.fit-demographics { display: grid; grid-template-columns: 1.25fr 1fr 1fr 1fr; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.fit-demographics article { min-height: 125px; padding: 22px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.fit-demographics span, .fit-demographics strong { display: block; }.fit-demographics span { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }.fit-demographics strong { margin-top: 27px; font-size: 16px; line-height: 1.35; }
.fit-note { max-width: 900px; margin-top: 18px; font-size: 14px; }
.product-capabilities { background: var(--paper); }.feature-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.feature-card { min-height: 280px; padding: 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.feature-card > div { display: flex; align-items: center; justify-content: space-between; }.feature-card > div > span { color: var(--muted); font-size: 12px; }.feature-card h3 { margin-top: 55px; font-size: 21px; }.feature-card p { margin-top: 14px; font-size: 15px; }.status-configurable { background: rgba(255,153,51,.22); color: #0e6f06; }.status-integration-ready { background: rgba(0,0,128,.18); color: #000066; }.availability-note { display: flex; align-items: flex-start; gap: 12px; max-width: 700px; margin-top: 28px; }.availability-note > span { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: var(--white); }.availability-note p { font-size: 15px; }.availability-note strong { color: var(--ink); }
.module-section { background: var(--white); }
.module-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; }.module-heading .section-head { margin-bottom: 45px; }.module-heading .section-head h2 { font-size: clamp(42px,5vw,70px); }
.module-summary { display: grid; grid-template-columns: auto auto; gap: 5px 12px; flex: 0 0 220px; padding: 22px; margin-bottom: 45px; border: 1px solid var(--line); border-radius: 16px; background: var(--paper); }.module-summary strong { font-family: var(--serif); font-size: 26px; font-weight: 400; text-align: right; }.module-summary span { align-self: center; color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
.module-grid { display: grid; grid-template-columns: repeat(6,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.module-card { grid-column: span 2; min-height: 425px; padding: 27px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.module-card:nth-child(4), .module-card:nth-child(5) { grid-column: span 3; }.module-card-head { display: flex; align-items: center; justify-content: space-between; }.module-card-head > span { color: var(--muted); font-size: 13px; }.module-card-head i { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: rgba(255,153,51,.3); }.module-card h3 { max-width: 300px; margin-top: 42px; font-size: 27px; }.module-card > p { max-width: 420px; margin-top: 13px; font-size: 15px; }.module-card ul { padding: 0; margin: 30px 0 0; border-top: 1px solid var(--line); list-style: none; }.module-card li { display: flex; gap: 8px; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid var(--line); color: var(--ink-2); font-size: 14px; }.module-card li svg { margin-top: 1px; color: var(--lime-dark); }
.module-footnote { display: grid; grid-template-columns: 34px 1fr auto; gap: 12px; align-items: center; padding: 22px 0; }.module-footnote > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: var(--paper); }.module-footnote p { font-size: 14px; }.module-footnote a { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 750; }
.maturity-section { position: relative; overflow: hidden; background: radial-gradient(circle at 86% 20%, rgba(255,153,51,.18), transparent 30%), var(--ink); color: white; }.maturity-section::before { content: ""; position: absolute; inset: 0; opacity: .13; background-image: radial-gradient(rgba(255,255,255,.5) 1px, transparent 1px); background-size: 22px 22px; mask-image: linear-gradient(90deg, transparent, black); }.maturity-section .shell { position: relative; z-index: 1; }
.maturity-head { display: flex; align-items: end; justify-content: space-between; gap: 40px; }.maturity-head .section-head { margin-bottom: 60px; }.maturity-head .kicker { color: rgba(255,255,255,.48); }.maturity-head .section-head h2 { color: white; }.maturity-head .section-head h2 em { color: var(--lime); }.maturity-head .section-head p { color: rgba(255,255,255,.55); }.maturity-key { display: flex; gap: 18px; margin-bottom: 60px; }.maturity-key span { display: flex; align-items: center; gap: 6px; color: rgba(255,255,255,.5); font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }.maturity-key i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.3); }.maturity-key span:last-child i { background: var(--lime); }
.maturity-track { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }.maturity-line { position: absolute; top: 22px; right: 11%; left: 11%; height: 2px; background: rgba(255,255,255,.12); }.maturity-line i { display: block; width: 0; height: 100%; background: linear-gradient(90deg, rgba(255,255,255,.35), var(--lime)); transition: width 1.4s var(--ease); }.maturity-track.is-active .maturity-line i { width: 100%; }
.maturity-stage { position: relative; min-height: 290px; padding: 0 20px 25px 0; }.stage-marker { position: relative; z-index: 2; display: grid; width: 45px; height: 45px; place-items: center; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; background: var(--ink); }.maturity-stage:last-child .stage-marker { border-color: var(--lime); color: var(--ink); background: var(--lime); box-shadow: 0 0 0 10px rgba(255,153,51,.08); }.stage-marker span { font-size: 13px; }.maturity-stage > em { display: block; margin-top: 36px; color: var(--lime); font-size: 13px; font-style: normal; font-weight: 750; text-transform: uppercase; letter-spacing: .09em; }.maturity-stage h3 { max-width: 230px; margin-top: 13px; font-size: 25px; color: white; }.maturity-stage p { max-width: 230px; margin-top: 14px; color: rgba(255,255,255,.55); font-size: 15px; }.maturity-stage > small { position: absolute; bottom: 0; left: 0; color: rgba(255,255,255,.32); font-size: 12px; text-transform: uppercase; letter-spacing: .07em; }
.workflow-section { background: var(--white); }.workflow-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }.workflow-layout .section-head h2 { font-size: clamp(40px,4vw,60px); }.workflow-layout .workflow { margin-top: 30px; }.workflow-layout .workflow li { min-height: 125px; padding-right: 10px; }.workflow-layout .workflow li strong { font-size: 16px; }.workflow-layout .workflow li svg { display: none; }.workflow-layout .flow-visual { min-height: 500px; }
.reports-section { background: var(--paper-2); }.reports-layout { display: grid; grid-template-columns: 1fr .9fr; gap: 100px; align-items: center; }.reports-layout .section-head h2 { font-size: clamp(40px,4.6vw,65px); }.reports-art { min-height: 560px; padding: 70px; border-radius: var(--radius-lg); background: var(--ink); }.report-sheet { min-height: 420px; padding: 32px; border-radius: 18px; background: white; box-shadow: 0 30px 70px rgba(0,0,0,.25); transform: rotate(-2deg); }.report-title { display: flex; gap: 12px; align-items: center; }.report-title > span { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; background: rgba(255,153,51,.4); }.report-title small, .report-title strong { display: block; }.report-title small { color: var(--muted); font-size: 12px; }.report-title strong { margin-top: 3px; font-size: 17px; }.report-chart { display: flex; align-items: end; gap: 13px; height: 230px; margin-top: 35px; padding-top: 20px; border-bottom: 1px solid var(--line); background: repeating-linear-gradient(to bottom,transparent,transparent 55px,var(--line) 56px); }.report-chart i { flex: 1; border-radius: 5px 5px 0 0; background: var(--lime); }.report-chart i:nth-child(even) { background: rgba(255,153,51,.45); }.report-legend { display: flex; gap: 20px; margin-top: 18px; color: var(--muted); font-size: 12px; }.report-legend i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 2px; background: var(--lime); }.report-legend span:last-child i { background: rgba(255,153,51,.45); }.report-list { padding: 0; margin: 30px 0 0; border-top: 1px solid var(--line); list-style: none; }.report-list li { display: flex; gap: 12px; align-items: center; padding: 17px 0; border-bottom: 1px solid var(--line); font-size: 16px; }
.trust-section { padding: 85px 0; background: var(--ink); color: white; }.trust-grid { display: grid; grid-template-columns: 1.5fr repeat(3,1fr); gap: 0; }.trust-grid > div { padding: 15px 32px; border-left: 1px solid rgba(255,255,255,.13); }.trust-grid > div:first-child { padding-left: 0; border-left: 0; }.trust-grid > div:first-child > span { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 50%; background: var(--lime); color: var(--ink); }.trust-grid h2 { max-width: 420px; margin-top: 27px; font-size: 36px; }.trust-grid strong { font-size: 17px; }.trust-grid p { margin-top: 12px; color: rgba(255,255,255,.55); font-size: 15px; }
.disclaimer-section { padding: 25px 0; border-bottom: 1px solid var(--line); background: #fff7e8; }.disclaimer-section .shell { display: grid; grid-template-columns: 120px 1fr; gap: 25px; }.disclaimer-section span { font-size: 14px; font-weight: 750; text-transform: uppercase; letter-spacing: .09em; }.disclaimer-section p { font-size: 15px; }
.related-section { background: var(--white); }

.about-hero { padding: 30px 0 105px; border-bottom: 1px solid var(--line); background: var(--white); }
.about-hero-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 75px; align-items: center; }
.about-hero-copy h1 { max-width: 780px; margin: 28px 0; font-size: clamp(56px,6.2vw,90px); }
.about-hero-copy > p { max-width: 690px; font-size: 17px; }
.identity-board { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--paper); box-shadow: var(--shadow); }
.identity-board-head { display: flex; justify-content: space-between; padding: 18px 22px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .09em; }
.identity-words { display: grid; grid-template-columns: 1fr 36px 1fr; gap: 5px; align-items: stretch; padding: 20px; }
.identity-word { min-height: 330px; padding: 25px; border: 1px solid var(--line); border-radius: 18px; background: var(--white); }
.identity-word > span { color: var(--muted); font-size: 12px; letter-spacing: .09em; }
.identity-word h2 { margin-top: 60px; font-family: var(--serif); font-size: 45px; font-style: italic; }
.bharatam-word h2 { color: var(--lime-dark); }.vinyas-word h2 { color: #000080; }
.identity-word p { margin-top: 14px; font-size: 15px; }
.identity-word ul { display: flex; flex-wrap: wrap; gap: 5px; padding: 0; margin: 34px 0 0; list-style: none; }.identity-word li { padding: 6px 8px; border: 1px solid var(--line); border-radius: 999px; color: var(--ink-2); font-size: 12px; }
.identity-plus { display: grid; place-items: center; color: var(--muted); font-family: var(--serif); font-size: 24px; }
.identity-result { display: flex; align-items: center; gap: 15px; padding: 20px 25px; background: var(--ink); color: white; }.identity-result .brand-mark span:nth-child(1) { background: var(--saffron); }.identity-result .brand-mark span:nth-child(2) { background: var(--india-white); }.identity-result .brand-mark span:nth-child(3) { background: var(--india-green); }.identity-result small, .identity-result strong { display: block; }.identity-result small { color: rgba(255,255,255,.42); font-size: 13px; letter-spacing: .1em; }.identity-result strong { max-width: 440px; margin-top: 4px; font-family: var(--serif); font-size: 17px; font-weight: 400; }
.about-anchor-strip { position: sticky; top: 76px; z-index: 50; border-bottom: 1px solid var(--line); background: rgba(255,250,243,.92); backdrop-filter: blur(14px); }.about-anchor-strip .shell { display: flex; gap: 34px; overflow-x: auto; }.about-anchor-strip a { flex: 0 0 auto; padding: 16px 0 14px; border-bottom: 2px solid transparent; color: var(--muted); font-size: 14px; }.about-anchor-strip a:hover { border-color: var(--lime-dark); color: var(--ink); }
.name-story { background: var(--paper); }.name-story-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 95px; align-items: start; }.name-story-lead { position: sticky; top: 145px; }.name-story-lead .section-head h2 { font-size: clamp(42px,4.8vw,68px); }.name-language-note { max-width: 620px; padding: 20px 22px; border-left: 3px solid var(--lime); background: rgba(255,255,255,.55); font-size: 15px; }.name-language-note strong { color: var(--ink); }
.name-equation { display: grid; gap: 18px; }.name-equation > div { min-height: 210px; padding: 30px; border: 1px solid var(--line); border-radius: 20px; background: var(--white); }.name-equation > div > span { color: var(--muted); font-size: 12px; letter-spacing: .11em; }.name-equation strong { display: block; max-width: 550px; margin-top: 35px; font-size: 25px; }.name-equation p { max-width: 580px; margin-top: 12px; font-size: 16px; }.name-equation > i { display: grid; width: 42px; height: 42px; place-items: center; justify-self: center; border: 1px solid var(--line); border-radius: 50%; background: var(--paper); transform: rotate(90deg); }.name-equation .equation-outcome { border-color: var(--ink); background: var(--ink); color: white; }.equation-outcome > span { color: var(--lime) !important; }.equation-outcome p { color: rgba(255,255,255,.55); }
.purpose-section { background: var(--white); }.purpose-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.purpose-card { min-height: 450px; padding: 34px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.purpose-card > span { color: var(--muted); font-size: 12px; letter-spacing: .11em; }.purpose-card h3 { margin-top: 85px; font-family: var(--serif); font-size: 29px; font-weight: 400; line-height: 1.18; }.purpose-card p { margin-top: 24px; font-size: 15px; }.purpose-dark { background: var(--ink); color: white; }.purpose-dark > span { color: var(--lime); }.purpose-dark p { color: rgba(255,255,255,.55); }.purpose-accent { background: rgba(255,153,51,.38); }
.pillar-section { background: var(--paper-2); }.pillar-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; }.pillar-count { display: flex; flex: 0 0 170px; align-items: center; gap: 13px; padding: 18px; margin-bottom: 60px; border: 1px solid var(--line); border-radius: 15px; background: var(--white); }.pillar-count strong { font-family: var(--serif); font-size: 30px; font-weight: 400; }.pillar-count span { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .07em; }
.pillar-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.pillar-card { position: relative; min-height: 390px; padding: 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.42); }.pillar-card-top { display: flex; align-items: center; justify-content: space-between; }.pillar-card-top > span { color: var(--muted); font-size: 12px; }.pillar-card-top i { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: var(--white); }.pillar-card h3 { max-width: 300px; margin-top: 63px; font-size: 27px; }.pillar-card p { max-width: 360px; margin-top: 16px; font-size: 15px; }.pillar-card > small { position: absolute; right: 28px; bottom: 25px; left: 28px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--lime-dark); font-size: 12px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.values-section { position: relative; overflow: hidden; background: radial-gradient(circle at 12% 40%, rgba(255,153,51,.17), transparent 30%), var(--ink); color: white; }.values-section::before { content: ""; position: absolute; inset: 0; opacity: .12; background-image: radial-gradient(rgba(255,255,255,.5) 1px, transparent 1px); background-size: 24px 24px; }.values-layout { position: relative; z-index: 1; display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; align-items: start; }.values-copy { position: sticky; top: 145px; }.values-copy .kicker { color: rgba(255,255,255,.5); }.values-copy h2 { color: white; }.values-copy h2 em { color: var(--lime); }.values-copy .section-head p { color: rgba(255,255,255,.55); }
.value-compass { position: relative; width: 430px; max-width: 100%; aspect-ratio: 1; margin-top: 50px; }.compass-ring { position: absolute; inset: 11%; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: inset 0 0 0 55px rgba(255,255,255,.015); }.compass-ring::before, .compass-ring::after { content: ""; position: absolute; top: 50%; left: 50%; background: rgba(255,255,255,.1); transform: translate(-50%,-50%); }.compass-ring::before { width: 100%; height: 1px; }.compass-ring::after { width: 1px; height: 100%; }.compass-center { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 130px; height: 130px; place-items: center; border-radius: 50%; background: var(--lime); color: var(--ink); transform: translate(-50%,-50%); text-align: center; }.compass-center strong { font-family: var(--serif); font-size: 20px; font-weight: 400; line-height: 1; }.compass-center small { margin-top: -27px; font-size: 13px; text-transform: uppercase; letter-spacing: .06em; }.compass-point { position: absolute; padding: 8px 10px; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; background: #142f55; color: rgba(255,255,255,.7); font-size: 12px; }.cp1 { top: 2%; left: 38%; }.cp2 { top: 28%; right: 0; }.cp3 { right: 5%; bottom: 17%; }.cp4 { bottom: 5%; left: 18%; }.cp5 { top: 28%; left: 0; }
.value-list { border-top: 1px solid rgba(255,255,255,.13); }.value-list article { display: grid; grid-template-columns: 45px 1fr; gap: 18px; min-height: 170px; padding: 28px 0; border-bottom: 1px solid rgba(255,255,255,.13); }.value-list article > span { color: var(--lime); font-size: 13px; }.value-list h3 { font-size: 26px; color: white; }.value-list p { max-width: 550px; margin-top: 10px; color: rgba(255,255,255,.55); font-size: 15px; }.value-list small { display: inline-block; margin-top: 18px; color: var(--lime); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.method-section { background: var(--white); }.principle-rail { display: grid; grid-template-columns: repeat(4,1fr); padding: 0; margin: 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); list-style: none; }.principle-rail li { min-height: 330px; padding: 25px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.principle-rail li > span { color: var(--muted); font-size: 13px; }.principle-rail strong { display: block; max-width: 240px; margin-top: 28px; font-size: 23px; }.principle-rail p { margin-top: 16px; font-size: 15px; }.method-statement { display: grid; grid-template-columns: 45px 1fr; gap: 16px; align-items: center; max-width: 920px; margin-top: 35px; }.method-statement > span { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 50%; background: var(--lime); }.method-statement p { font-family: var(--serif); font-size: 18px; }.method-statement strong { color: var(--ink); font-weight: 600; }

.simple-hero { min-height: 580px; }.simple-hero .shell { display: flex; min-height: 450px; flex-direction: column; justify-content: flex-end; }.simple-hero h1 { width: 100%; max-width: none; font-size: clamp(58px,6.4vw,96px); text-wrap: balance; }.simple-hero > .shell > p { max-width: 920px; }.info-block { padding: 90px 0; border-bottom: 1px solid var(--line); background: var(--white); }.info-tint { background: var(--paper-2); }.info-grid { display: grid; grid-template-columns: 150px minmax(0,1fr); gap: 55px; }.info-grid > span { color: var(--muted); font-size: 15px; }.info-grid h2 { width: 100%; max-width: none; font-size: clamp(38px,4vw,60px); text-wrap: balance; }.info-grid p { max-width: 920px; margin-top: 24px; font-size: 16px; }.info-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 30px; }.info-links a { display: inline-flex; align-items: center; gap: 10px; padding: 12px 16px; border: 1px solid var(--line); border-radius: 999px; font-size: 15px; background: var(--white); }
.legal-hero { padding: 30px 0 85px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 86% 30%,rgba(255,153,51,.14),transparent 28%),var(--white); }
.legal-hero-grid { display: grid; grid-template-columns: 1fr .72fr; gap: 90px; align-items: end; }
.legal-hero h1 { max-width: 850px; margin: 26px 0; font-size: clamp(55px,6.4vw,92px); }
.legal-hero-grid > div > p { max-width: 760px; font-size: 17px; }
.legal-hero-grid > div > small { display: block; margin-top: 24px; color: var(--muted); font-size: 13px; text-transform: uppercase; letter-spacing: .08em; }
.legal-directory { display: grid; border-top: 1px solid var(--line); }
.legal-directory a { display: grid; grid-template-columns: 36px 1fr; gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--line); color: var(--ink-2); font-size: 15px; }
.legal-directory a span { color: var(--muted); font-size: 12px; }
.legal-directory a:hover { color: var(--saffron-dark); }
.legal-content { padding: 25px 0 100px; background: var(--paper-2); }
.legal-content > .shell { max-width: 1050px; }
.legal-section { display: grid; grid-template-columns: 80px minmax(0,1fr); gap: 30px; padding: 65px 0; border-bottom: 1px solid var(--line); scroll-margin-top: 90px; }
.legal-section-number { color: var(--saffron-dark); font-size: 14px; font-weight: 750; letter-spacing: .08em; }
.legal-section h2 { margin-bottom: 24px; font-size: clamp(30px,4vw,48px); }
.legal-section p { max-width: 840px; margin: 14px 0; color: var(--ink-2); font-size: 17px; line-height: 1.75; }
.legal-section ul { display: grid; gap: 12px; max-width: 860px; padding: 0; margin: 20px 0; list-style: none; }
.legal-section li { display: grid; grid-template-columns: 22px 1fr; gap: 10px; align-items: start; color: var(--ink-2); font-size: 16px; line-height: 1.65; }
.legal-section li svg { margin-top: 3px; color: var(--india-green); }
.legal-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.legal-links a { display: inline-flex; align-items: center; gap: 8px; padding: 11px 14px; border: 1px solid var(--line); border-radius: 999px; background: var(--white); font-size: 14px; }
.legal-links a:hover { border-color: var(--saffron); }
.legal-contact { display: grid; grid-template-columns: 44px 1fr; gap: 18px; align-items: start; padding: 28px; margin-top: 45px; border: 1px solid rgba(0,0,128,.14); border-radius: 18px; background: rgba(0,0,128,.05); }
.legal-contact > span { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; color: white; background: var(--chakra-blue); }
.legal-contact strong { font-size: 15px; }.legal-contact p { margin-top: 7px; font-size: 16px; }.legal-contact a { text-decoration: underline; }
.industry-index-hero { min-height: 0; padding-bottom: 75px; overflow: hidden; background: radial-gradient(circle at 86% 35%,rgba(19,136,8,.15),transparent 27%),var(--white); }
.industry-index-hero .shell { display: block; min-height: 0; }
.industry-index-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 75px; align-items: center; }
.industry-index-hero-grid h1 { max-width: 830px; margin: 25px 0; font-size: clamp(54px,5.5vw,84px); }
.industry-index-hero-grid > div:first-child > p { max-width: 680px; font-size: 16px; }
.industry-operating-map { overflow: hidden; border: 1px solid var(--line); border-radius: 26px; background: rgba(255,255,255,.9); box-shadow: 0 30px 90px rgba(11,31,58,.14); transform: rotate(.7deg); }
.industry-map-head,.industry-map-foot { display: flex; align-items: center; justify-content: space-between; padding: 17px 20px; }
.industry-map-head { border-bottom: 1px solid var(--line); }.industry-map-head > span { font-size: 16px; font-weight: 750; }.industry-map-head small { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 12px; }.industry-map-head small i { width: 6px; height: 6px; border-radius: 50%; background: var(--india-green); box-shadow: 0 0 0 5px rgba(19,136,8,.1); }
.industry-map-body { display: grid; grid-template-columns: 145px 1fr; gap: 18px; align-items: center; padding: 20px; background: var(--paper-2); }
.industry-map-core { display: grid; min-height: 245px; place-items: center; align-content: center; border-radius: 18px; color: white; background: var(--ink); text-align: center; }.industry-map-core .brand-mark { margin-bottom: 12px; }.industry-map-core strong { font-size: 16px; line-height: 1.05; }.industry-map-core small { margin-top: 8px; color: rgba(255,255,255,.48); font-size: 13px; }
.industry-map-paths { display: grid; gap: 9px; }.industry-map-paths a { display: grid; grid-template-columns: 36px 1fr auto; gap: 10px; align-items: center; min-height: 72px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 13px; background: white; transition: transform .25s,border-color .25s; }.industry-map-paths a:hover { border-color: var(--saffron); transform: translateX(3px); }.industry-map-paths a > i { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 10px; color: var(--ink); background: rgba(255,153,51,.28); }.industry-map-paths a:nth-child(2) > i { background: rgba(0,0,128,.12); }.industry-map-paths a:nth-child(3) > i { background: rgba(19,136,8,.16); }.industry-map-paths span small,.industry-map-paths span strong,.industry-map-paths span em { display: block; }.industry-map-paths span small { color: var(--muted); font-size: 13px; text-transform: uppercase; letter-spacing: .08em; }.industry-map-paths span strong { margin-top: 2px; font-size: 15px; }.industry-map-paths span em { margin-top: 3px; color: var(--muted); font-size: 13px; font-style: normal; }
.industry-map-foot { gap: 12px; background: white; }.industry-map-foot span { display: flex; align-items: center; gap: 5px; color: var(--muted); font-size: 13px; }.industry-map-foot i { width: 5px; height: 5px; border-radius: 50%; background: var(--saffron); }.industry-map-foot span:nth-child(2) i { background: var(--chakra-blue); }.industry-map-foot span:nth-child(3) i { background: var(--india-green); }
.industry-map-extended { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 20px 16px; border-top: 1px solid var(--line); padding-top: 14px; }.industry-map-extended a { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border: 1px solid var(--line); border-radius: 999px; background: var(--paper); color: var(--ink); font-size: 12px; font-weight: 700; }.industry-map-extended a:hover { border-color: rgba(255,153,51,.45); color: var(--saffron-dark); }
.contact-service-note { margin-top: 18px; max-width: 42rem; padding: 14px 16px; border-left: 3px solid var(--saffron); background: rgba(255,153,51,.08); color: var(--ink); font-size: 15px; line-height: 1.5; }

.form-page { padding: 30px 0 110px; background: var(--paper-2); }.form-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; align-items: start; }.form-copy { position: sticky; top: 110px; }.form-copy h1 { max-width: 650px; margin: 27px 0; font-size: clamp(52px,6vw,84px); }.form-copy > p { max-width: 540px; font-size: 16px; }.form-expect { margin-top: 60px; padding-top: 26px; border-top: 1px solid var(--line); }.form-expect h2 { font-size: 15px; }.form-expect ol { padding: 0; margin: 20px 0 0; list-style: none; }.form-expect li { display: flex; gap: 14px; margin: 17px 0; }.form-expect li > span { display: grid; width: 26px; height: 26px; flex: 0 0 auto; place-items: center; border: 1px solid var(--line); border-radius: 50%; font-size: 13px; }.form-expect strong { display: block; color: var(--ink); font-size: 15px; }.form-expect p { font-size: 14px; }
.lead-form-card { margin-top: 100px; padding: 40px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--white); box-shadow: var(--shadow); }.form-card-head { display: flex; justify-content: space-between; padding-bottom: 24px; margin-bottom: 28px; border-bottom: 1px solid var(--line); }.form-card-head span { font-size: 16px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }.form-card-head small { color: var(--muted); font-size: 13px; }.lead-form-card form { display: grid; gap: 20px; }.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.lead-form-card label { display: grid; gap: 8px; color: var(--ink-2); font-size: 15px; font-weight: 650; }.lead-form-card input, .lead-form-card select, .lead-form-card textarea { width: 100%; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); color: var(--ink); padding: 14px; font-size: 16px; outline: 0; }.lead-form-card input, .lead-form-card select { height: 50px; }.lead-form-card input:focus, .lead-form-card select:focus, .lead-form-card textarea:focus { border-color: var(--lime-dark); box-shadow: 0 0 0 3px rgba(255,153,51,.25); }.lead-form-card [aria-invalid="true"] { border-color: var(--danger); }.field-error { min-height: 12px; color: var(--danger); font-size: 13px; }.consent { display: flex !important; grid-template-columns: 18px 1fr; align-items: start; font-weight: 400 !important; line-height: 1.5; }.consent input { width: 16px; height: 16px; margin: 2px 0 0; padding: 0; }.consent a { text-decoration: underline; }.lead-form-card .button { justify-self: start; border: 0; }.form-status { font-size: 16px; }.form-status.success { padding: 12px; border-radius: 8px; background: rgba(255,153,51,.22); }.form-note { font-size: 13px; }
.decision-tool { background: var(--paper-2); }.tool-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 25px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--white); }.tool-controls label,.calculator-card label { display: grid; gap: 8px; color: var(--ink-2); font-size: 15px; font-weight: 650; }.tool-controls select,.calculator-card input { width: 100%; height: 52px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; color: var(--ink); background: var(--paper); font: inherit; }.tool-controls select:focus,.calculator-card input:focus { border-color: var(--lime-dark); box-shadow: 0 0 0 3px rgba(255,153,51,.25); outline: 0; }.comparison-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 22px; }.comparison-card { padding: 34px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--white); }.comparison-card > span { color: var(--lime-dark); font-size: 14px; font-weight: 750; text-transform: uppercase; letter-spacing: .1em; }.comparison-card h2 { margin: 16px 0 12px; font-size: clamp(28px,3vw,42px); }.comparison-card > p { min-height: 72px; color: var(--muted); }.comparison-card dl { margin: 28px 0; }.comparison-card dl > div { padding: 19px 0; border-top: 1px solid var(--line); }.comparison-card dt { margin-bottom: 8px; color: var(--muted); font-size: 13px; text-transform: uppercase; letter-spacing: .08em; }.comparison-card dd { margin: 0; font-size: 16px; }.comparison-card ul { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 20px; padding-left: 17px; }.tool-disclaimer { max-width: 950px; margin-top: 24px; color: var(--muted); font-size: 15px; }.tool-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; align-items: stretch; }.calculator-card,.roi-results { padding: 34px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--white); }.calculator-card { display: grid; gap: 20px; }.calculator-card .form-card-head { margin-bottom: 0; }.roi-results { display: flex; flex-direction: column; justify-content: center; color: var(--white); background: var(--ink); }.roi-results > span { color: rgba(255,255,255,.65); font-size: 14px; text-transform: uppercase; letter-spacing: .1em; }.roi-results > strong { margin: 12px 0 35px; color: var(--saffron); font-size: clamp(45px,6vw,78px); line-height: 1; }.roi-results > div { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: rgba(255,255,255,.14); }.roi-results article { min-height: 105px; padding: 18px; background: var(--ink); }.roi-results small { display: block; color: rgba(255,255,255,.55); }.roi-results b { display: block; margin-top: 10px; font-size: 18px; }.roi-results > p { margin-top: 25px; color: rgba(255,255,255,.72); font-size: 16px; }

.site-footer { padding: 85px max(32px, calc((100vw - 1280px)/2)) 25px; background: #07152f; color: white; }
.site-footer .brand-mark span:nth-child(1) { background: var(--saffron); }.site-footer .brand-mark span:nth-child(2) { background: var(--india-white); }.site-footer .brand-mark span:nth-child(3) { background: var(--india-green); }.site-footer .brand-type em { color: rgba(255,255,255,.48); }
.footer-top { display: grid; grid-template-columns: 1.5fr repeat(3,1fr); gap: 60px; padding-bottom: 80px; }.footer-brand p { max-width: 280px; margin: 25px 0 16px; color: rgba(255,255,255,.5); font-size: 16px; }.footer-contact { display: grid; gap: 6px; justify-items: start; }.footer-contact a { color: var(--lime); font-size: 16px; }.footer-contact a:hover { color: #ffad5c; }.footer-contact address { margin-top: 6px; color: rgba(255,255,255,.5); font-size: 15px; font-style: normal; line-height: 1.5; }
.footer-social { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 16px; }
.footer-social a { color: rgba(255,255,255,.7); font-size: 14px; font-weight: 650; }
.footer-social a:hover { color: var(--lime); }.footer-group h2 { margin-bottom: 23px; color: rgba(255,255,255,.4); font-size: 14px; text-transform: uppercase; letter-spacing: .1em; }.footer-group ul { padding: 0; margin: 0; list-style: none; }.footer-group li { margin: 11px 0; }.footer-group a { color: rgba(255,255,255,.76); font-size: 16px; }.footer-group a:hover { color: var(--lime); }.footer-bottom { display: flex; justify-content: space-between; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.12); }.footer-bottom p, .footer-bottom a { color: rgba(255,255,255,.4); font-size: 13px; }.footer-bottom div { display: flex; gap: 20px; }

/* Technology services */
.services-hero { position: relative; overflow: hidden; padding: 30px 0 105px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 82% 35%,rgba(19,136,8,.2),transparent 25%),var(--white); }.services-hero-grid { display: grid; grid-template-columns: 1fr .9fr; gap: 90px; align-items: center; }.services-hero-grid h1 { max-width: 880px; margin-top: 30px; font-size: clamp(58px,6.8vw,98px); }.services-hero-grid > div:first-child > p { max-width: 720px; margin-top: 27px; font-size: 17px; }
.service-constellation { position: relative; width: min(600px,100%); aspect-ratio: 1; margin-inline: auto; border: 1px solid var(--line); border-radius: 34px; background: var(--ink); overflow: hidden; box-shadow: var(--shadow); }.service-constellation::before { content: ""; position: absolute; inset: 0; opacity: .15; background-image: radial-gradient(rgba(255,255,255,.65) 1px,transparent 1px); background-size: 24px 24px; }.service-constellation-ring { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; transform: translate(-50%,-50%); }.service-constellation .ring-one { width: 55%; height: 55%; }.service-constellation .ring-two { width: 83%; height: 83%; border-style: dashed; }.service-constellation-core { position: absolute; z-index: 3; top: 50%; left: 50%; display: flex; width: 155px; height: 155px; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; background: var(--lime); color: var(--ink); transform: translate(-50%,-50%); box-shadow: 0 0 0 24px rgba(255,153,51,.06); }.service-constellation-core strong { margin-top: 7px; font-size: 17px; text-align: center; line-height: 1; }.service-constellation-core small { margin-top: 8px; font-size: 13px; text-transform: uppercase; letter-spacing: .07em; }
.service-orbit-node { position: absolute; z-index: 2; display: flex; align-items: center; gap: 7px; padding: 9px 11px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; background: #17345c; color: rgba(255,255,255,.73); font-size: 12px; }.service-orbit-node i { color: var(--lime); }.son1 { top: 10%; left: 39%; }.son2 { top: 31%; right: 4%; }.son3 { right: 7%; bottom: 19%; }.son4 { bottom: 10%; left: 24%; }.son5 { top: 34%; left: 3%; }.service-orbit-dot { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 15px var(--lime); }.sod1 { top: 22%; left: 27%; }.sod2 { top: 48%; right: 17%; }.sod3 { right: 35%; bottom: 17%; }
.service-proof-strip { border-bottom: 1px solid var(--line); background: var(--paper-2); }.service-proof-strip .shell { display: grid; grid-template-columns: repeat(3,1fr); }.service-proof-strip article { display: grid; grid-template-columns: auto 1fr; gap: 2px 14px; min-height: 155px; padding: 27px; border-right: 1px solid var(--line); }.service-proof-strip article:first-child { border-left: 1px solid var(--line); }.service-proof-strip strong { grid-row: span 2; color: var(--lime-dark); font-family: var(--serif); font-size: 42px; font-weight: 400; line-height: 1; }.service-proof-strip span { align-self: end; font-size: 15px; font-weight: 750; text-transform: uppercase; letter-spacing: .07em; }.service-proof-strip p { grid-column: 2; font-size: 13px; }
.featured-services { background: var(--white); }.featured-service-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }.service-card { position: relative; display: flex; min-height: 430px; flex-direction: column; padding: 25px; overflow: hidden; border: 1px solid var(--line); border-radius: 19px; background: rgba(255,255,255,.72); }.service-card::after { content: ""; position: absolute; top: -90px; right: -90px; width: 190px; height: 190px; border-radius: 50%; background: rgba(255,153,51,.14); }.service-card-cyan::after { background: rgba(19,136,8,.15); }.service-card-orange::after { background: rgba(232,117,26,.14); }.service-card-violet::after { background: rgba(0,0,128,.14); }.service-card-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; }.service-card-top > span { color: var(--muted); font-size: 12px; }.service-card-top i { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; background: var(--paper-2); }.service-card > small { margin-top: 48px; color: var(--lime-dark); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }.service-card h3 { margin-top: 12px; font-size: 25px; }.service-card > p { margin-top: 15px; font-size: 14px; }.service-card > a { display: flex; align-items: center; gap: 8px; margin-top: auto; font-size: 14px; font-weight: 750; }.service-card-signal { display: flex; gap: 4px; margin: 28px 0 18px; }.service-card-signal span { flex: 1; height: 4px; border-radius: 99px; background: var(--paper-2); }.service-card-signal span:nth-child(-n+4) { background: var(--lime-dark); }.service-card-orange .service-card-signal span:nth-child(-n+4) { background: var(--orange); }.service-card-cyan .service-card-signal span:nth-child(-n+4) { background: #138808; }.service-card-violet .service-card-signal span:nth-child(-n+4) { background: var(--violet); }
.all-services { background: var(--paper-2); }.all-services-head { display: flex; justify-content: space-between; gap: 60px; align-items: end; }.service-directory-count { display: grid; flex: 0 0 210px; grid-template-columns: auto 1fr; gap: 4px 12px; align-items: center; margin-bottom: 60px; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--white); }.service-directory-count strong { grid-row: span 2; color: var(--lime-dark); font-size: 36px; }.service-directory-count span { font-size: 13px; font-weight: 750; text-transform: uppercase; }.service-groups { display: grid; gap: 65px; }.service-group { display: grid; grid-template-columns: 250px 1fr; gap: 50px; }.service-group-title { position: sticky; top: 120px; align-self: start; }.service-group-title > span { color: var(--muted); font-size: 13px; }.service-group-title h2 { margin-top: 22px; font-size: 32px; }.service-group-title small { display: block; margin-top: 10px; color: var(--muted); font-size: 13px; }.service-directory { border-top: 1px solid var(--line); }.service-directory > a { display: grid; grid-template-columns: 32px 45px 1fr auto; gap: 15px; align-items: center; min-height: 115px; border-bottom: 1px solid var(--line); }.service-directory > a > span { color: var(--muted); font-size: 12px; }.service-directory-icon { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; background: rgba(255,153,51,.3); }.service-icon-cyan { background: rgba(19,136,8,.25); }.service-icon-orange { background: rgba(232,117,26,.24); }.service-icon-violet { background: rgba(0,0,128,.22); }.service-directory strong,.service-directory small { display: block; }.service-directory strong { font-size: 17px; }.service-directory small { max-width: 760px; margin-top: 5px; color: var(--muted); font-size: 13px; line-height: 1.45; }.service-directory > a > svg { color: var(--muted); transition: transform .2s; }.service-directory > a:hover > svg { transform: translateX(5px); }
.service-method { overflow: hidden; background: var(--ink); color: white; }.service-method-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: center; }.service-method .kicker { color: rgba(255,255,255,.5); }.service-method h2 { color: white; }.service-method h2 em { color: var(--lime); }.service-method .section-head p { color: rgba(255,255,255,.55); }.service-method-visual { padding: 28px; border: 1px solid rgba(255,255,255,.13); border-radius: 24px; background: rgba(255,255,255,.035); }.service-method-visual ol { display: grid; grid-template-columns: repeat(5,1fr); padding: 0; margin: 0; list-style: none; }.service-method-visual li { position: relative; display: flex; min-height: 180px; flex-direction: column; padding: 15px; border-right: 1px solid rgba(255,255,255,.12); }.service-method-visual li:last-child { border-right: 0; }.service-method-visual li::after { content: ""; position: absolute; top: 35px; right: -4px; z-index: 2; width: 7px; height: 7px; border-radius: 50%; background: var(--lime); }.service-method-visual li:last-child::after { display: none; }.service-method-visual li > span { color: rgba(255,255,255,.35); font-size: 12px; }.service-method-visual li strong { margin-top: auto; font-size: 16px; }.service-method-visual li small { margin-top: 6px; color: rgba(255,255,255,.4); font-size: 13px; }.service-method-pulse { display: flex; gap: 13px; align-items: center; margin-top: 18px; padding: 15px; border-radius: 12px; background: rgba(255,153,51,.09); }.service-method-pulse > i { width: 9px; height: 9px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 7px rgba(255,153,51,.08); }.service-method-pulse span { display: flex; flex-direction: column; }.service-method-pulse strong { font-size: 13px; }.service-method-pulse small { margin-top: 3px; color: rgba(255,255,255,.45); font-size: 13px; }
.service-engagement { background: var(--white); }.service-engagement-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.service-engagement-grid article { min-height: 300px; padding: 25px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.service-engagement-grid span { color: var(--muted); font-size: 12px; }.service-engagement-grid h3 { margin-top: 28px; font-size: 23px; }.service-engagement-grid p { margin-top: 15px; font-size: 14px; }

.service-detail-hero { position: relative; overflow: hidden; padding: 30px 0 100px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 85% 30%,rgba(255,153,51,.18),transparent 28%),var(--white); }.service-detail-cyan { background: radial-gradient(circle at 85% 30%,rgba(19,136,8,.22),transparent 28%),var(--white); }.service-detail-orange { background: radial-gradient(circle at 85% 30%,rgba(232,117,26,.2),transparent 28%),var(--white); }.service-detail-violet { background: radial-gradient(circle at 85% 30%,rgba(0,0,128,.2),transparent 28%),var(--white); }.service-detail-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: center; }.service-detail-copy h1 { max-width: 740px; margin-top: 28px; font-size: clamp(54px,6.3vw,90px); }.service-detail-copy > p { max-width: 670px; margin-top: 26px; font-size: 17px; }.service-detail-copy > ul { display: flex; flex-wrap: wrap; gap: 8px 16px; padding: 0; margin: 34px 0 0; list-style: none; }.service-detail-copy > ul li { display: flex; align-items: center; gap: 5px; color: var(--muted); font-size: 13px; }.service-detail-copy > ul svg { color: var(--lime-dark); }
.service-command { min-height: 555px; padding: 26px; border: 1px solid var(--line); border-radius: 26px; background: rgba(255,255,255,.9); box-shadow: var(--shadow); }.service-command-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid var(--line); }.service-command-head > div { display: flex; flex-direction: column; }.service-command-head span { font-size: 16px; font-weight: 750; }.service-command-head small { margin-top: 3px; color: var(--muted); font-size: 12px; }.service-command-head em { display: flex; align-items: center; gap: 7px; padding: 7px 9px; border-radius: 999px; background: #edf7eb; color: var(--muted); font-size: 12px; font-style: normal; }.service-command-head em i { width: 6px; height: 6px; border-radius: 50%; background: var(--lime-dark); }
.service-command-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 20px; }.service-command-kpis article { padding: 14px; border: 1px solid var(--line); border-radius: 11px; }.service-command-kpis small,.service-command-kpis span { display: block; color: var(--muted); font-size: 13px; }.service-command-kpis strong { display: block; margin: 19px 0 5px; font-size: 16px; }.service-command-graph { margin-top: 10px; padding: 18px 18px 5px; border-radius: 14px; background: var(--ink); color: white; }.service-command-graph > div { display: flex; justify-content: space-between; }.service-command-graph strong { font-size: 14px; }.service-command-graph small { color: rgba(255,255,255,.45); font-size: 13px; }.service-command-graph svg { width: 100%; margin-top: 10px; overflow: visible; }.service-graph-area { fill: rgba(255,153,51,.08); }.service-graph-line { fill: none; stroke: var(--lime); stroke-width: 2; }.service-command-graph circle { fill: var(--lime); }.service-command-signals { display: flex; justify-content: space-between; margin-top: 17px; padding: 15px; border-radius: 12px; background: var(--paper-2); }.service-command-signals span { display: flex; align-items: center; gap: 7px; }.service-command-signals i { width: 6px; height: 6px; border-radius: 50%; background: var(--lime-dark); }.service-command-signals .signal-2 { background: var(--orange); }.service-command-signals .signal-3 { background: var(--violet); }.service-command-signals small { color: var(--muted); font-size: 13px; }
.service-quick-proof { border-bottom: 1px solid var(--line); background: var(--ink); color: white; }.service-quick-proof .shell { display: grid; grid-template-columns: repeat(3,1fr); }.service-quick-proof article { display: grid; grid-template-columns: 33px 1fr; gap: 13px; min-height: 120px; align-items: center; padding: 20px 27px; border-right: 1px solid rgba(255,255,255,.12); }.service-quick-proof article:first-child { border-left: 1px solid rgba(255,255,255,.12); }.service-quick-proof article > span { color: var(--lime); font-size: 12px; }.service-quick-proof strong { font-size: 15px; }.service-quick-proof p { margin-top: 5px; color: rgba(255,255,255,.5); font-size: 12px; }
.service-capabilities { background: var(--paper-2); }.service-capability-head { display: flex; justify-content: space-between; gap: 60px; align-items: end; }.service-capability-count { display: grid; flex: 0 0 230px; grid-template-columns: auto 1fr; gap: 3px 13px; align-items: center; margin-bottom: 60px; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--white); }.service-capability-count strong { grid-row: span 2; color: var(--lime-dark); font-size: 39px; }.service-capability-count span { font-size: 13px; font-weight: 750; text-transform: uppercase; }.service-capability-count small { color: var(--muted); font-size: 13px; }.service-capability-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.service-capability-grid article { min-height: 330px; padding: 27px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.35); }.service-capability-grid article > div { display: flex; align-items: center; justify-content: space-between; }.service-capability-grid article > div span { color: var(--muted); font-size: 12px; }.service-capability-grid article > div i { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 11px; background: var(--white); }.service-capability-grid h3 { margin-top: 55px; font-size: 24px; }.service-capability-grid p { margin-top: 15px; font-size: 14px; }.service-capability-grid article > small { display: block; margin-top: 26px; padding-top: 12px; border-top: 1px solid var(--line); color: var(--lime-dark); font-size: 13px; text-transform: uppercase; letter-spacing: .07em; }
.service-showcase { background: var(--white); }.service-showcase-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 90px; align-items: start; }.service-showcase-copy { position: sticky; top: 120px; }.service-showcase-legend { display: grid; gap: 10px; }.service-showcase-legend span { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; }.service-showcase-legend i { width: 8px; height: 8px; border-radius: 50%; background: var(--lime-dark); }.service-showcase-legend span:nth-child(2) i { background: var(--orange); }.service-showcase-legend span:nth-child(3) i { background: var(--violet); }
.service-emphasis { padding: 27px; border: 1px solid var(--line); border-radius: 22px; background: var(--paper); box-shadow: var(--shadow); }.service-emphasis-head { display: flex; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid var(--line); }.service-emphasis-head span { font-size: 15px; font-weight: 750; }.service-emphasis-head small { color: var(--muted); font-size: 12px; }.service-emphasis ol { padding: 0; margin: 0; list-style: none; }.service-emphasis li { display: grid; grid-template-columns: 28px 1.2fr 1fr 70px; gap: 13px; align-items: center; min-height: 72px; border-bottom: 1px solid var(--line); }.service-emphasis li > span,.service-emphasis li > small { color: var(--muted); font-size: 13px; }.service-emphasis li strong { font-size: 14px; }.service-emphasis li > div { height: 7px; border-radius: 99px; background: rgba(11,31,58,.08); }.service-emphasis li > div i { display: block; width: var(--service-level); height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--lime-dark),var(--cyan)); transform-origin: left; }.service-emphasis-foot { display: flex; gap: 12px; align-items: center; margin-top: 18px; padding: 15px; border-radius: 12px; background: var(--ink); color: white; }.service-emphasis-foot > i { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: var(--lime); color: var(--ink); }.service-emphasis-foot p { color: rgba(255,255,255,.5); font-size: 12px; }.service-emphasis-foot strong { display: block; color: white; font-size: 13px; }
.service-flow { background: var(--ink); color: white; }.service-flow .kicker { color: rgba(255,255,255,.5); }.service-flow h2 { color: white; }.service-flow h2 em { color: var(--lime); }.service-flow .section-head p { color: rgba(255,255,255,.5); }.service-flow .workflow { border-color: rgba(255,255,255,.14); }.service-flow .workflow li { border-color: rgba(255,255,255,.14); }.service-flow .workflow li > span { color: rgba(255,255,255,.35); }.service-flow .workflow li strong { color: white; }.service-flow .workflow li > svg { color: var(--lime); }
.service-deliverables { background: var(--paper-2); }.service-deliverable-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.service-deliverable-grid article { min-height: 330px; padding: 25px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.service-deliverable-grid span { color: var(--muted); font-size: 12px; }.service-deliverable-grid i { display: grid; width: 42px; height: 42px; place-items: center; margin-top: 45px; border-radius: 12px; background: var(--white); }.service-deliverable-grid h3 { margin-top: 30px; font-size: 21px; }.service-deliverable-grid p { margin-top: 14px; font-size: 13px; }.related-services { background: var(--white); }

/* Education ERP flagship */
.education-spotlight { overflow: hidden; border-bottom: 1px solid var(--line); background: linear-gradient(120deg, #edf7eb 0%, #fffaf3 52%, #edf7eb 100%); }
.education-spotlight-grid { display: grid; grid-template-columns: .88fr 1.12fr; gap: 90px; align-items: center; }
.education-spotlight-copy h2 { max-width: 680px; margin-top: 30px; font-size: clamp(48px,5.5vw,80px); }
.education-spotlight-copy > p { max-width: 610px; margin-top: 28px; font-size: 17px; }
.education-spotlight-facts { display: flex; gap: 28px; margin-top: 36px; }
.education-spotlight-facts span { display: flex; flex-direction: column; padding-right: 28px; border-right: 1px solid var(--line); color: var(--muted); font-size: 14px; text-transform: uppercase; letter-spacing: .09em; }
.education-spotlight-facts span:last-child { border: 0; }
.education-spotlight-facts strong { color: var(--ink); font-size: 24px; letter-spacing: -.04em; }
.education-spotlight-copy .hero-actions { margin-top: 36px; }
.edu-preview { position: relative; padding: 30px; border: 1px solid rgba(11,31,58,.14); border-radius: 28px; background: rgba(255,255,255,.84); box-shadow: var(--shadow); }
.edu-preview::before { content: ""; position: absolute; inset: 50px 25% 90px; border-radius: 50%; background: rgba(255,153,51,.18); filter: blur(36px); }
.edu-preview-head { position: relative; display: flex; justify-content: space-between; align-items: center; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.edu-preview-head > span { font-weight: 750; }
.edu-preview-head small { display: flex; align-items: center; gap: 7px; color: var(--muted); }
.edu-preview-head small i, .edu-command-head > i span, .edu-notification-live > i { width: 7px; height: 7px; border-radius: 50%; background: var(--lime-dark); box-shadow: 0 0 0 6px rgba(19,136,8,.12); }
.edu-preview ol { position: relative; display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin: 26px 0; padding: 0; list-style: none; }
.edu-preview li { display: flex; align-items: center; gap: 10px; min-height: 70px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.8); }
.edu-preview li span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: var(--paper-2); font-size: 13px; }
.edu-preview li strong { font-size: 15px; }
.edu-preview .edu-preview-repeat { border-color: var(--lime-dark); background: var(--ink); color: white; }
.edu-preview-repeat span { color: var(--ink); }
.edu-preview-notice { position: relative; display: flex; gap: 12px; align-items: center; padding: 15px; border-radius: 13px; background: #edf7eb; }
.edu-preview-notice > i { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; background: var(--white); color: #0f6f29; }
.edu-preview-notice span { display: flex; flex-direction: column; }
.edu-preview-notice strong { font-size: 15px; }
.edu-preview-notice small { margin-top: 2px; color: var(--muted); font-size: 13px; }
.education-directory-feature { border-bottom: 1px solid var(--line); background: var(--ink); color: white; }
.education-directory-feature .shell { display: grid; grid-template-columns: 1.15fr 1.35fr auto; gap: 55px; align-items: center; padding-top: 48px; padding-bottom: 48px; }
.education-directory-feature span { color: var(--lime); font-size: 13px; font-weight: 750; letter-spacing: .14em; }
.education-directory-feature h2 { max-width: 520px; margin-top: 12px; font-size: 27px; }
.education-directory-feature p { margin-top: 12px; color: rgba(255,255,255,.58); font-size: 16px; }
.education-directory-feature ol { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.education-directory-feature li { padding: 8px 11px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: rgba(255,255,255,.76); font-size: 13px; }
.education-directory-feature a { display: flex; gap: 13px; align-items: center; white-space: nowrap; color: var(--lime); font-size: 16px; font-weight: 750; }

.edu-hero { position: relative; overflow: hidden; padding: 35px 0 100px; background: radial-gradient(circle at 85% 30%,rgba(19,136,8,.24),transparent 28%), linear-gradient(130deg,#fffaf3 35%,#fff3e2); }
.edu-hero::after { content: ""; position: absolute; right: -90px; bottom: -190px; width: 420px; height: 420px; border: 1px solid rgba(11,31,58,.08); border-radius: 50%; }
.edu-hero-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 85px; align-items: center; }
.edu-hero-copy h1 { max-width: 700px; margin-top: 31px; font-size: clamp(58px,6.3vw,94px); }
.edu-hero-copy > p { max-width: 680px; margin-top: 28px; font-size: 18px; }
.edu-hero-copy .hero-actions { margin-top: 34px; }
.edu-audience-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 33px 0 0; padding: 0; list-style: none; }
.edu-audience-list li { padding: 10px 14px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.35); color: var(--ink-2); font-size: 14px; }
.edu-command { position: relative; z-index: 1; min-height: 590px; padding: 27px; border: 1px solid rgba(11,31,58,.14); border-radius: 28px; background: rgba(255,255,255,.9); box-shadow: 0 35px 100px rgba(11,31,58,.16); transform: rotate(1deg); }
.edu-command-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.edu-command-head > div { display: flex; flex-direction: column; }
.edu-command-head > div span { font-weight: 750; }
.edu-command-head > div small { margin-top: 4px; color: var(--muted); font-size: 14px; }
.edu-command-head > i { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 999px; background: #edf7eb; color: var(--muted); font-size: 13px; font-style: normal; }
.edu-command-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 21px; }
.edu-command-summary article { min-height: 118px; padding: 16px; border: 1px solid var(--line); border-radius: 13px; background: white; }
.edu-command-summary span, .edu-command-summary small { display: block; color: var(--muted); font-size: 13px; }
.edu-command-summary strong { display: block; margin: 16px 0 6px; font-size: 18px; }
.edu-command-chart { margin-top: 12px; padding: 18px 18px 8px; border-radius: 14px; background: var(--ink); color: white; }
.edu-command-chart > div { display: flex; justify-content: space-between; }
.edu-command-chart span { font-size: 15px; font-weight: 700; }
.edu-command-chart small { color: rgba(255,255,255,.48); font-size: 13px; }
.edu-command-chart svg { overflow: visible; width: 100%; margin-top: 14px; }
.edu-chart-area { fill: rgba(255,153,51,.09); }
.edu-chart-line { fill: none; stroke: var(--lime); stroke-width: 2; }
.edu-command-chart circle { fill: var(--lime); }
.edu-command-footer { display: flex; justify-content: space-between; margin-top: 20px; padding: 16px; border-radius: 13px; background: var(--paper-2); }
.edu-command-footer span { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 13px; }
.edu-command-footer i { width: 6px; height: 6px; border-radius: 50%; background: var(--orange); }
.edu-command-footer span:nth-child(2) i { background: var(--violet); }.edu-command-footer span:nth-child(3) i { background: var(--lime-dark); }
.edu-anchor-strip { position: sticky; top: 76px; z-index: 40; border-block: 1px solid var(--line); background: rgba(255,250,243,.92); backdrop-filter: blur(15px); }
.edu-anchor-strip .shell { display: flex; gap: 37px; overflow-x: auto; scrollbar-width: none; }
.edu-anchor-strip a { flex: 0 0 auto; padding: 17px 0; color: var(--muted); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.edu-anchor-strip a:hover { color: var(--ink); }
.edu-cycle-section { overflow: hidden; background: var(--white); }
.edu-cycle-head, .edu-module-heading, .edu-notification-heading { display: flex; justify-content: space-between; gap: 70px; align-items: end; }
.edu-cycle-count, .edu-module-stat { display: grid; flex: 0 0 225px; grid-template-columns: auto 1fr; align-items: center; margin-bottom: 60px; padding: 18px; border: 1px solid var(--line); border-radius: 14px; }
.edu-cycle-count strong, .edu-module-stat strong { grid-row: span 2; margin-right: 14px; color: var(--lime-dark); font-size: 39px; letter-spacing: -.06em; }
.edu-cycle-count span, .edu-module-stat span { font-size: 14px; font-weight: 750; text-transform: uppercase; }
.edu-cycle-count small, .edu-module-stat small { color: var(--muted); font-size: 12px; }
.edu-loop { position: relative; width: min(790px,90vw); height: 790px; margin: 15px auto 120px; }
.edu-loop-ring { position: absolute; inset: 0; width: 100%; height: 100%; }
.edu-loop-ring circle { fill: none; stroke: rgba(11,31,58,.18); stroke-width: 1.5; stroke-dasharray: 7 10; transform-origin: center; }
.edu-loop-ring path { fill: none; stroke: var(--lime-dark); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.edu-loop-core { position: absolute; top: 50%; left: 50%; display: flex; width: 260px; height: 260px; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; background: var(--ink); color: white; text-align: center; transform: translate(-50%,-50%); box-shadow: 0 0 0 35px rgba(11,31,58,.035); }
.edu-loop-core > span { display: grid; width: 42px; height: 42px; place-items: center; margin-bottom: 17px; border-radius: 50%; background: var(--lime); color: var(--ink); }
.edu-loop-core strong { font-size: 24px; line-height: 1.05; }.edu-loop-core small { margin-top: 10px; color: rgba(255,255,255,.5); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.edu-loop ol { margin: 0; padding: 0; list-style: none; }
.edu-loop-node { position: absolute; display: flex; width: 188px; min-height: 84px; gap: 10px; align-items: center; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--white); box-shadow: 0 12px 35px rgba(11,31,58,.08); }
.edu-loop-node > span { display: grid; width: 30px; height: 30px; flex: 0 0 30px; place-items: center; border-radius: 50%; background: var(--paper-2); color: var(--muted); font-size: 13px; }
.edu-loop-node div { display: flex; flex-direction: column; }.edu-loop-node strong { font-size: 16px; }.edu-loop-node small { margin-top: 3px; color: var(--muted); font-size: 13px; }
.edu-loop-node-1 { top: -5px; left: 310px; }.edu-loop-node-2 { top: 93px; right: 22px; }.edu-loop-node-3 { top: 282px; right: -60px; }.edu-loop-node-4 { right: 15px; bottom: 125px; }.edu-loop-node-5 { right: 190px; bottom: -10px; }.edu-loop-node-6 { bottom: 20px; left: 120px; }.edu-loop-node-7 { bottom: 178px; left: -65px; }.edu-loop-node-8 { top: 240px; left: -68px; }.edu-loop-node-9 { top: 65px; left: 52px; border-color: var(--lime-dark); background: #fff1df; }
.edu-stage-notes { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.edu-stage-notes article { min-height: 245px; padding: 27px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.edu-stage-notes article > span { color: var(--lime-dark); font-size: 13px; font-weight: 750; letter-spacing: .09em; }
.edu-stage-notes h3 { margin-top: 43px; font-size: 24px; }.edu-stage-notes p { margin-top: 12px; font-size: 16px; }
.edu-stage-notes small { display: flex; gap: 7px; align-items: center; margin-top: 18px; color: #0f6f29; font-size: 14px; }
.edu-module-section { background: var(--paper-2); }
.edu-module-stat { flex-basis: 270px; }.edu-module-stat small { line-height: 1.4; }
.edu-module-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.edu-module-card { min-height: 510px; padding: 27px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.42); }
.edu-module-top { display: flex; align-items: center; justify-content: space-between; color: var(--muted); font-size: 13px; }.edu-module-top i { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--ink); }
.edu-module-card h3 { min-height: 55px; margin-top: 60px; font-size: 24px; }.edu-module-card > p { min-height: 62px; margin-top: 14px; font-size: 16px; }
.edu-module-card ul { display: grid; gap: 11px; margin: 28px 0 0; padding: 0; list-style: none; }
.edu-module-card li { display: flex; gap: 8px; align-items: flex-start; color: var(--ink-2); font-size: 15px; line-height: 1.45; }.edu-module-card li svg { margin-top: 2px; color: var(--lime-dark); }
.edu-operations { background: var(--white); }
.edu-operation-grid { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 18px; }
.edu-operation-grid > article { min-height: 470px; padding: 28px; border: 1px solid var(--line); border-radius: 22px; background: var(--paper); }
.edu-panel-title { display: flex; flex-direction: column; padding-bottom: 21px; border-bottom: 1px solid var(--line); }.edu-panel-title span { color: var(--lime-dark); font-size: 13px; font-weight: 750; letter-spacing: .1em; }.edu-panel-title strong { margin-top: 7px; font-size: 20px; }
.edu-pipeline ol { display: grid; gap: 8px; margin: 27px 0; padding: 0; list-style: none; }
.edu-pipeline li { position: relative; display: flex; justify-content: space-between; padding: 15px; border-radius: 9px; background: white; font-size: 15px; }.edu-pipeline li::after { content: ""; position: absolute; bottom: -8px; left: 24px; width: 1px; height: 8px; background: var(--lime-dark); }.edu-pipeline li:last-child { background: var(--ink); color: white; }.edu-pipeline li:last-child::after { display: none; }.edu-pipeline li small { color: var(--muted); font-size: 13px; }.edu-pipeline li:last-child small { color: rgba(255,255,255,.55); }
.edu-panel-foot { margin-top: auto; padding-top: 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: 14px; line-height: 1.5; }
.edu-operation-grid > article { display: flex; flex-direction: column; }
.edu-fee-stack { display: grid; gap: 15px; margin: 35px 0; }.edu-fee-stack div { position: relative; padding: 16px; border-left: 3px solid var(--cyan); background: white; }.edu-fee-stack small,.edu-fee-stack span { display: block; }.edu-fee-stack small { color: var(--muted); font-size: 13px; text-transform: uppercase; letter-spacing: .08em; }.edu-fee-stack span { margin-top: 8px; font-size: 15px; font-weight: 700; }
.edu-week { display: grid; grid-template-columns: repeat(6,1fr); gap: 6px; margin-top: 38px; }.edu-week span { display: grid; gap: 10px; place-items: center; color: var(--muted); font-size: 13px; }.edu-week i { width: 100%; height: 42px; border-radius: 6px; background: rgba(19,136,8,.18); }.edu-week i.warn { background: rgba(232,117,26,.35); }.edu-week i.alert { background: rgba(180,59,50,.3); }
.edu-attendance-panel ul { display: grid; gap: 13px; margin: 38px 0; padding: 0; list-style: none; }.edu-attendance-panel li { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 15px; }.edu-attendance-panel li span { width: 8px; height: 8px; border-radius: 50%; background: rgba(19,136,8,.8); }.edu-attendance-panel li span.warn { background: var(--orange); }.edu-attendance-panel li span.alert { background: var(--danger); }
.edu-assessment { background: var(--ink); color: white; }
.edu-assessment-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; }.edu-assessment h2 { font-size: clamp(48px,5vw,74px); }.edu-assessment p { max-width: 570px; margin-top: 25px; color: rgba(255,255,255,.56); }.edu-assessment .kicker { color: var(--lime); }
.edu-assessment-steps { display: grid; grid-template-columns: repeat(3,1fr); margin: 44px 0 0; padding: 0; border-top: 1px solid rgba(255,255,255,.15); border-left: 1px solid rgba(255,255,255,.15); list-style: none; }.edu-assessment-steps li { display: flex; min-height: 82px; flex-direction: column; justify-content: space-between; padding: 12px; border-right: 1px solid rgba(255,255,255,.15); border-bottom: 1px solid rgba(255,255,255,.15); font-size: 14px; }.edu-assessment-steps span { color: rgba(255,255,255,.36); font-size: 12px; }
.edu-report-card { padding: 27px; border-radius: 24px; background: var(--white); color: var(--ink); box-shadow: 0 35px 80px rgba(0,0,0,.24); transform: rotate(-1deg); }.edu-report-head { display: flex; justify-content: space-between; padding-bottom: 19px; border-bottom: 1px solid var(--line); }.edu-report-head span { font-size: 16px; font-weight: 750; }.edu-report-head small { color: var(--muted); font-size: 12px; }.edu-report-profile { display: flex; align-items: center; gap: 12px; padding: 24px 0; }.edu-report-profile > i { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 50%; background: var(--cyan); font-size: 15px; font-style: normal; font-weight: 750; }.edu-report-profile > div { display: flex; flex: 1; flex-direction: column; }.edu-report-profile strong { font-size: 15px; }.edu-report-profile span { margin-top: 3px; color: var(--muted); font-size: 12px; }.edu-report-profile > small { padding: 7px 9px; border-radius: 999px; background: #edf7eb; color: var(--lime-dark); font-size: 13px; }
.edu-report-lines { display: grid; gap: 18px; padding: 21px; border-radius: 13px; background: var(--paper-2); }.edu-report-lines div { display: grid; grid-template-columns: 145px 1fr; gap: 15px; align-items: center; }.edu-report-lines span { color: var(--muted); font-size: 14px; }.edu-report-lines i { position: relative; height: 8px; border-radius: 999px; background: rgba(11,31,58,.09); }.edu-report-lines i::after { content: ""; display: block; width: var(--edu-progress); height: 100%; border-radius: inherit; background: var(--lime-dark); }
.edu-report-message { display: flex; gap: 12px; margin-top: 18px; padding: 15px; border: 1px solid rgba(19,136,8,.45); border-radius: 12px; background: #edf7eb; }.edu-report-message > span { color: #0f6f29; }.edu-report-message p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.55; }.edu-report-message strong { display: block; color: var(--ink); font-size: 15px; }
.edu-analytics { background: var(--paper-2); }.edu-analytics-head { display: flex; justify-content: space-between; gap: 60px; align-items: end; }.edu-improvement-loop { display: flex; flex: 0 0 460px; align-items: center; gap: 10px; margin-bottom: 60px; padding: 16px 18px; border-radius: 999px; background: var(--ink); color: rgba(255,255,255,.65); }.edu-improvement-loop span,.edu-improvement-loop strong { font-size: 14px; }.edu-improvement-loop i { color: rgba(255,255,255,.3); }.edu-improvement-loop strong { color: var(--lime); }
.edu-analytics-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.edu-analytics-grid article { min-height: 220px; padding: 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.46); }.edu-analytics-grid article > span { color: var(--muted); font-size: 13px; }.edu-analytics-grid strong { display: block; min-height: 48px; margin-top: 28px; font-size: 18px; }.edu-analytics-grid article div { height: 7px; margin-top: 22px; border-radius: 99px; background: rgba(11,31,58,.08); }.edu-analytics-grid article div i { display: block; height: 100%; border-radius: inherit; background: var(--lime-dark); }.edu-analytics-grid small { display: block; margin-top: 10px; color: var(--muted); font-size: 13px; }
.edu-insight-note { display: grid; grid-template-columns: 35px 1fr; gap: 15px; margin-top: 24px; padding: 21px; border: 1px solid var(--line); border-radius: 14px; background: var(--white); }.edu-insight-note > span { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 50%; background: #edf7eb; color: #0f6f29; }.edu-insight-note p { font-size: 16px; }.edu-insight-note strong { color: var(--ink); }
.edu-notifications { background: var(--white); }.edu-notification-live { display: flex; flex: 0 0 270px; gap: 15px; align-items: center; margin-bottom: 60px; padding: 18px; border: 1px solid var(--line); border-radius: 13px; }.edu-notification-live > span { display: flex; flex-direction: column; }.edu-notification-live strong { font-size: 16px; }.edu-notification-live small { margin-top: 3px; color: var(--muted); font-size: 13px; }
.edu-notification-table { overflow-x: auto; border: 1px solid var(--line); border-radius: 18px; }.edu-notification-table table { width: 100%; min-width: 920px; border-collapse: collapse; }.edu-notification-table th { padding: 18px 20px; background: var(--ink); color: rgba(255,255,255,.7); font-size: 13px; text-align: left; text-transform: uppercase; letter-spacing: .1em; }.edu-notification-table td { padding: 20px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 15px; }.edu-notification-table tbody tr:last-child td { border-bottom: 0; }.edu-notification-table td:first-child { display: flex; align-items: center; gap: 10px; color: var(--ink); }.edu-notification-table td:first-child span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: var(--paper-2); color: var(--muted); font-size: 13px; }.edu-notification-table td small { display: inline-block; padding: 8px 11px; border-radius: 999px; background: #edf7eb; color: #0f6f29; font-size: 13px; white-space: nowrap; }
.edu-roles { background: var(--paper); }.edu-role-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }.edu-role-card { min-height: 360px; padding: 25px; border: 1px solid var(--line); border-radius: 18px; background: var(--white); }.edu-role-card > div { display: flex; justify-content: space-between; color: var(--muted); font-size: 13px; }.edu-role-card h3 { margin-top: 78px; font-size: 26px; }.edu-role-card ul { display: grid; gap: 12px; margin: 32px 0 0; padding: 0; list-style: none; }.edu-role-card li { display: flex; gap: 8px; align-items: center; color: var(--muted); font-size: 15px; }.edu-role-card li svg { color: var(--lime-dark); }
.edu-implementation { background: var(--white); }.edu-implementation-rail { display: grid; grid-template-columns: repeat(6,1fr); margin: 0; padding: 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); list-style: none; }.edu-implementation-rail li { min-height: 290px; padding: 22px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.edu-implementation-rail span { color: var(--muted); font-size: 13px; }.edu-implementation-rail strong { display: block; margin-top: 28px; font-size: 19px; }.edu-implementation-rail p { margin-top: 14px; font-size: 15px; }

.reveal { opacity: 1; transform: none; }
.js .reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s var(--ease), transform .7s var(--ease); }
.js .reveal.is-visible { opacity: 1; transform: none; }

.growth-brand-statement { position: relative; min-height: 118px; margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.16); }.growth-brand-statement p { color: rgba(255,255,255,.76); font-size: 16px; line-height: 1.7; }.js .growth-brand-statement p { position: absolute; inset: 16px 0 auto; opacity: 0; transform: translateY(7px); transition: opacity .45s ease, transform .45s ease; pointer-events: none; }.js .growth-brand-statement p.active { opacity: 1; transform: none; pointer-events: auto; }

.brand-statement-controls { position: absolute; right: 0; bottom: -2px; left: 0; display: flex; align-items: center; justify-content: space-between; }.brand-statement-controls button { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid rgba(255,255,255,.24); border-radius: 50%; color: var(--white); background: transparent; font-size: 21px; line-height: 1; cursor: pointer; }.brand-statement-controls button:hover,.brand-statement-controls button:focus-visible { border-color: var(--saffron); color: var(--saffron); outline: 0; }.brand-statement-controls span { color: rgba(255,255,255,.58); font-size: 12px; font-weight: 700; letter-spacing: .1em; }

.growth-brand-note > ul { display: flex; flex-wrap: nowrap; align-items: center; gap: 0; padding: 0; margin: 14px 0 0; list-style: none; }.growth-brand-note > ul li { display: inline-flex; align-items: center; white-space: nowrap; font-size: 14px; font-weight: 700; letter-spacing: .02em; }.growth-brand-note > ul li:not(:last-child)::after { content: "•"; margin: 0 10px; color: var(--saffron); }

.growth-brand-statement { margin-bottom: 34px; }.brand-statement-controls { right: 0; bottom: 2px; left: auto; justify-content: flex-end; gap: 10px; }

.growth-brand-statement { margin-bottom: 20px; padding-right: 46px; padding-left: 46px; }.js .growth-brand-statement p { inset: 16px 46px auto; }.brand-statement-controls { inset: 50% 0 auto; justify-content: space-between; gap: 0; transform: translateY(-50%); pointer-events: none; }.brand-statement-controls button { pointer-events: auto; }.brand-statement-controls span { display: none; }

.growth-core-values { display: flex; flex-wrap: nowrap; align-items: baseline; gap: 8px; white-space: nowrap; font-size: 14px; }.growth-core-values span { color: var(--saffron); font-size: 13px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }.growth-core-values strong { color: var(--white); font-size: 14px; }.growth-core-values i { color: rgba(255,255,255,.45); font-style: normal; }

.growth-core-values { padding-bottom: 3px; overflow-x: auto; scrollbar-width: none; }.growth-core-values::-webkit-scrollbar { display: none; }

.priority-product-grid { grid-template-columns: repeat(3,1fr); }.priority-product-card { min-height: 330px; }.priority-directory { background: var(--paper-2); }

.growth-brand-note .growth-brand-statement { margin-top: 0; padding-top: 0; border-top: 0; }.js .growth-brand-note .growth-brand-statement p { top: 0; }

.growth-journey { border-top: 0; }.growth-brand-statement { min-height: 78px; margin-bottom: 14px; }.brand-statement-controls { top: 22px; transform: none; }

.scroll-top { position: fixed; right: max(22px,env(safe-area-inset-right)); bottom: calc(max(22px,env(safe-area-inset-bottom)) + 66px); z-index: 110; display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; color: var(--white); background: var(--ink); box-shadow: 0 14px 36px rgba(11,31,58,.22); cursor: pointer; transition: opacity .25s var(--ease), transform .25s var(--ease), background .2s; }
.scroll-top:hover { background: #152844; transform: translateY(-2px); }
.scroll-top:focus-visible { outline: 2px solid var(--saffron); outline-offset: 3px; }
.scroll-top[hidden] { display: none; }
.contact-widget { position: fixed; right: max(22px,env(safe-area-inset-right)); bottom: max(22px,env(safe-area-inset-bottom)); z-index: 110; }.contact-widget-trigger { display: flex; min-height: 50px; align-items: center; gap: 9px; padding: 7px 18px 7px 7px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; color: var(--white); background: var(--ink); box-shadow: 0 18px 50px rgba(11,31,58,.24); cursor: pointer; }.contact-widget-trigger > span { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; color: var(--ink); background: var(--saffron); }.contact-widget-trigger strong { font-size: 15px; }.contact-widget-panel { position: absolute; right: 0; bottom: 62px; width: min(370px,calc(100vw - 32px)); padding: 22px; border: 1px solid var(--line); border-radius: 22px; background: var(--white); box-shadow: 0 25px 80px rgba(11,31,58,.25); }.contact-widget-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }.contact-widget-head small { color: var(--saffron-dark); font-size: 12px; font-weight: 750; letter-spacing: .1em; }.contact-widget-head h2 { margin-top: 5px; font-size: 25px; }.contact-widget-head button { display: grid; width: 34px; height: 34px; flex: 0 0 auto; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: transparent; cursor: pointer; }.contact-widget-panel > p { margin-top: 10px; color: var(--muted); font-size: 15px; }.contact-widget-options { display: grid; gap: 8px; margin-top: 18px; }.contact-option { display: grid; grid-template-columns: 38px 1fr auto; gap: 11px; align-items: center; min-height: 66px; padding: 10px; border: 1px solid var(--line); border-radius: 13px; background: var(--paper); }.contact-option > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 10px; color: var(--ink); background: rgba(255,153,51,.34); font-size: 13px; font-weight: 800; }.contact-option strong,.contact-option small { display: block; }.contact-option strong { font-size: 15px; }.contact-option small { margin-top: 3px; color: var(--muted); font-size: 12px; }.contact-option:hover { border-color: var(--saffron); transform: translateY(-1px); }.contact-whatsapp > span { color: white; background: #128c4a; }.contact-widget-panel .contact-widget-note { margin-top: 14px; font-size: 12px; }.contact-widget [hidden] { display: none; }
.chat-session { display: grid; gap: 12px; margin-top: 14px; }
.chat-session[hidden], .chat-handoff[hidden], .contact-widget-options[hidden] { display: none !important; }
.chat-interest { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border: 1px solid rgba(255,153,51,.28); border-radius: 12px; background: rgba(255,153,51,.1); }
.chat-interest span { color: var(--saffron-dark); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.chat-interest strong { font-size: 16px; }
.chat-lead-form { display: grid; gap: 9px; }
.chat-lead-form label > span { display: block; margin-bottom: 5px; color: var(--muted); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.chat-lead-form input, .chat-lead-form textarea { width: 100%; border: 1px solid var(--line); border-radius: 10px; outline: 0; background: var(--paper); font: inherit; font-size: 16px; }
.chat-lead-form input { height: 40px; padding: 0 11px; }
.chat-lead-form textarea { min-height: 74px; padding: 10px 11px; resize: vertical; }
.chat-lead-form input:focus, .chat-lead-form textarea:focus { border-color: var(--saffron); box-shadow: 0 0 0 3px rgba(255,153,51,.12); }
.chat-lead-form [aria-invalid="true"] { border-color: #c45f0c; }
.chat-lead-form .button { width: 100%; border: 0; cursor: pointer; }
.chat-lead-form .form-status { min-height: 14px; margin: 0; font-size: 13px; }
.chat-handoff { display: grid; gap: 8px; }
.chat-handoff > p { margin: 0; color: var(--muted); font-size: 14px; }


.form-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }.lead-form-card button[disabled] { cursor: wait; opacity: .7; }.form-status.sending { padding: 12px; border-radius: 8px; background: rgba(0,0,128,.08); }.form-status.error { padding: 12px; border-radius: 8px; color: var(--danger); background: rgba(185,28,28,.08); }

.connected-hero { padding: 30px 0 85px; overflow: hidden; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 82% 35%,rgba(255,153,51,.22),transparent 28%),var(--white); }.connected-hero-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; align-items: center; }.connected-hero-grid > div:first-child h1 { margin: 26px 0; font-size: clamp(50px,5.6vw,82px); }.connected-hero-grid > div:first-child > p { max-width: 650px; font-size: 16px; }.connected-hero-grid > div:first-child > ul { display: flex; flex-wrap: wrap; gap: 9px 18px; padding: 0; margin: 30px 0 0; list-style: none; }.connected-hero-grid > div:first-child > ul li { display: flex; align-items: center; gap: 5px; color: var(--muted); font-size: 13px; }.connected-dashboard { overflow: hidden; border: 1px solid var(--line); border-radius: 25px; background: var(--white); box-shadow: var(--shadow); transform: rotate(.6deg); }.connected-dashboard-bar { display: flex; align-items: center; justify-content: space-between; padding: 13px 17px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 12px; }.connected-dashboard-bar span { display: flex; align-items: center; gap: 7px; }.connected-dashboard-bar i { width: 6px; height: 6px; border-radius: 50%; background: var(--india-green); }.connected-dashboard-body { display: grid; grid-template-columns: 50px 1fr; min-height: 450px; }.connected-dashboard-body > aside { display: flex; align-items: center; flex-direction: column; gap: 22px; padding: 17px 0; background: var(--ink); color: white; }.connected-dashboard-body > aside strong { color: var(--saffron); font-size: 14px; }.connected-dashboard-body > aside i { width: 18px; height: 4px; border-radius: 9px; background: rgba(255,255,255,.2); }.connected-dashboard-body > aside i.active { background: var(--saffron); }.connected-dashboard-main { min-width: 0; padding: 20px; background: var(--paper-2); }.connected-dashboard-main > header { display: flex; align-items: center; justify-content: space-between; gap: 20px; }.connected-dashboard-main header small,.connected-dashboard-main header strong { display: block; }.connected-dashboard-main header small { color: var(--muted); font-size: 12px; }.connected-dashboard-main header strong { margin-top: 4px; font-size: 17px; }.connected-dashboard-main header button { padding: 7px 10px; border: 1px solid var(--line); border-radius: 8px; background: white; font-size: 12px; }.connected-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 17px; }.connected-kpis article { min-height: 85px; padding: 12px; border: 1px solid var(--line); border-radius: 11px; background: white; }.connected-kpis small,.connected-kpis strong { display: block; }.connected-kpis small { color: var(--muted); font-size: 13px; }.connected-kpis strong { margin-top: 18px; font-size: 16px; }.connected-kpis i { display: block; width: 55%; height: 3px; margin-top: 8px; border-radius: 9px; background: linear-gradient(90deg,var(--saffron),var(--india-green)); }.connected-dashboard-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 9px; margin-top: 9px; }.connected-graph,.connected-form-preview { min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: white; }.connected-graph > div,.connected-form-preview > div { display: flex; justify-content: space-between; gap: 9px; }.connected-graph strong,.connected-form-preview strong { font-size: 13px; }.connected-graph small,.connected-form-preview small { color: var(--muted); font-size: 12px; }.connected-graph svg { width: 100%; height: 145px; margin-top: 11px; overflow: visible; }.connected-area { fill: rgba(255,153,51,.12); }.connected-line { fill: none; stroke: var(--india-green); stroke-width: 2; }.connected-graph circle { fill: var(--saffron); }.connected-form-preview label { display: block; margin-top: 10px; }.connected-form-preview label span { display: block; color: var(--muted); font-size: 12px; }.connected-form-preview .field-line { display: block; width: 100%; height: 7px; margin-top: 4px; border-radius: 4px; background: var(--paper-2); }.connected-form-preview .field-line-2 { width: 78%; }.connected-form-preview .field-line-3 { width: 90%; }.connected-form-preview .field-line-4 { width: 64%; }.connected-form-preview button { width: 100%; margin-top: 12px; padding: 7px; border: 0; border-radius: 6px; color: white; background: var(--ink); font-size: 13px; }.connected-signal-strip { border-bottom: 1px solid var(--line); background: var(--ink); color: white; }
.connected-signal-strip .shell { display: flex; align-items: center; justify-content: center; gap: 26px; padding-top: 24px; padding-bottom: 24px; }
.connected-signal-strip i { width: 3px; height: 3px; flex: 0 0 auto; border-radius: 50%; background: var(--lime); }
.connected-signal-strip span { position: relative; z-index: 0; display: inline-flex; align-items: center; gap: 9px; padding: 8px 13px; border: 1px solid transparent; border-radius: 999px; color: rgba(255,255,255,.63); font-size: 16px; font-weight: 750; letter-spacing: .01em; white-space: nowrap; isolation: isolate; }
.connected-signal-strip b { display: grid; width: 22px; height: 22px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: rgba(255,153,51,.18); color: var(--saffron); font-size: 13px; }
.connected-signal-strip span:nth-of-type(3n+1) { animation: signal-retail-highlight 3.2s ease-in-out infinite; }
.connected-signal-strip span:nth-of-type(3n+1)::after { content: ""; position: absolute; right: 12px; bottom: 3px; left: 12px; height: 1px; background: var(--saffron); transform: scaleX(0); transform-origin: left; animation: signal-retail-line 3.2s var(--ease) infinite; }
.connected-signal-strip span:nth-of-type(3n+2) { animation: signal-distribution-highlight 3.8s ease-in-out .4s infinite; }
.connected-signal-strip span:nth-of-type(3n+2) b { animation: signal-blue-badge 3.8s ease-in-out .4s infinite; }
.connected-signal-strip span:nth-of-type(3n+3) { animation: signal-manufacturing-highlight 4.4s ease-in-out .8s infinite; }
.connected-signal-strip span:nth-of-type(3n+3)::before { content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--india-green); box-shadow: 0 0 0 0 rgba(19,136,8,.45); animation: signal-green-dot 2.2s ease-out infinite; }
.connected-signal-strip span:nth-of-type(2),.connected-signal-strip span:nth-of-type(5) { animation-delay: 1s; }
.connected-signal-strip span:nth-of-type(3),.connected-signal-strip span:nth-of-type(6) { animation-delay: 1.6s; }
@keyframes signal-blue-badge { 0%,58%,100% { background: rgba(255,153,51,.18); color: var(--saffron); box-shadow: 0 0 0 transparent; } 67%,84% { background: rgba(0,0,128,.4); color: #cbd5ff; box-shadow: 0 0 14px rgba(126,156,255,.5); } }
.step-graphic { display: grid; width: 48px; height: 48px; place-items: center; margin-top: 28px; border-radius: 14px; background: rgba(255,153,51,.14); color: var(--saffron); box-shadow: inset 0 0 0 1px rgba(255,153,51,.18); }
.step-graphic.accent-saffron { background: rgba(255,153,51,.16); color: var(--saffron); box-shadow: inset 0 0 0 1px rgba(255,153,51,.22); }
.step-graphic.accent-chakra { background: rgba(0,0,128,.12); color: var(--chakra-blue); box-shadow: inset 0 0 0 1px rgba(0,0,128,.18); }
.step-graphic.accent-green { background: rgba(19,136,8,.12); color: var(--india-green); box-shadow: inset 0 0 0 1px rgba(19,136,8,.2); }
.connected-implementation li strong { display: block; margin-top: 28px; font-size: 16px; }
.edu-implementation-rail strong { display: block; margin-top: 28px; font-size: 18px; }
.principle-rail strong { display: block; max-width: 240px; margin-top: 28px; font-size: 23px; }
.service-engagement-grid h3 { margin-top: 28px; font-size: 23px; }
.connected-module-grid { display: grid; grid-template-columns: repeat(12,1fr); gap: 14px; }
.connected-module-card { --module-accent: var(--saffron); --module-soft: rgba(255,153,51,.13); position: relative; z-index: 0; display: flex; flex-direction: column; grid-column: span 4; min-height: 290px; padding: 26px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--white); transition: transform .35s var(--ease), border-color .35s, box-shadow .35s; isolation: isolate; }
.connected-module-card.accent-chakra { --module-accent: var(--chakra-blue); --module-soft: rgba(0,0,128,.09); }
.connected-module-card.accent-green { --module-accent: var(--india-green); --module-soft: rgba(19,136,8,.11); }
.connected-module-card::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 3px; background: linear-gradient(90deg,var(--module-accent),transparent 72%); opacity: .75; transition: opacity .35s; }
.connected-module-card::after { content: ""; position: absolute; top: -70px; right: -70px; z-index: -1; width: 190px; height: 190px; border-radius: 50%; background: radial-gradient(circle,var(--module-soft),transparent 68%); opacity: 0; transition: opacity .4s var(--ease); }
.connected-module-card > div { display: flex; align-items: flex-start; justify-content: space-between; }
.connected-module-card > div > i { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 14px; color: var(--module-accent); background: var(--module-soft); box-shadow: inset 0 0 0 1px var(--module-soft); transition: transform .35s var(--ease); }
.connected-module-card > div > span { color: rgba(11,31,58,.12); font-family: var(--serif); font-size: 34px; font-weight: 400; letter-spacing: -.04em; line-height: 1; transition: color .35s; }
.connected-module-card h3 { margin-top: auto; padding-top: 40px; font-size: 24px; }
.connected-module-card p { margin-top: 13px; color: var(--muted); font-size: 16px; line-height: 1.65; }
.connected-module-card > b { display: grid; width: 32px; height: 32px; place-items: center; margin-top: 18px; border: 1px solid var(--line); border-radius: 50%; color: var(--module-accent); opacity: .55; transition: opacity .35s, border-color .35s, transform .35s var(--ease); }
.connected-module-card:hover { border-color: var(--module-accent); box-shadow: 0 22px 55px rgba(11,31,58,.1); transform: translateY(-5px); }
.connected-module-card:hover::before { opacity: 1; }
.connected-module-card:hover::after { opacity: 1; }
.connected-module-card:hover > div > i { transform: rotate(-6deg) scale(1.06); }
.connected-module-card:hover > div > span { color: var(--module-accent); }
.connected-module-card:hover > b { border-color: var(--module-accent); opacity: 1; transform: translateX(4px); }.connected-operations { color: white; background: var(--ink); }.connected-operations .section-head h2,.connected-operations .section-head p { color: white; }.connected-operations-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; align-items: center; }.connected-operations-grid > div:first-child > ul { padding: 0; margin: 30px 0 0; list-style: none; }.connected-operations-grid > div:first-child > ul li { display: grid; grid-template-columns: 20px 1fr; gap: 10px; padding: 13px 0; border-top: 1px solid rgba(255,255,255,.13); }.connected-operations-grid li svg { color: var(--saffron); }.connected-operations-grid li span,.connected-operations-grid li strong { display: block; }.connected-operations-grid li span { color: rgba(255,255,255,.66); font-size: 14px; }.connected-operations-grid li strong { margin-bottom: 3px; color: white; font-size: 15px; }.role-access-panel { display: grid; gap: 22px; padding: 28px; border: 1px solid rgba(255,255,255,.14); border-radius: 24px; background: linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03)); box-shadow: 0 24px 60px rgba(0,0,0,.18); }
.role-access-head .kicker { margin-bottom: 14px; }
.role-access-head h3 { max-width: 360px; color: white; font-size: clamp(26px,2.4vw,34px); line-height: 1.15; }
.role-access-head p { max-width: 420px; margin-top: 12px; color: rgba(255,255,255,.58); font-size: 15px; line-height: 1.55; }
.role-access-list { display: grid; gap: 10px; }
.role-access-card { display: grid; grid-template-columns: 42px 40px 1fr; gap: 14px; align-items: start; padding: 16px 16px 16px 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(7,21,47,.55); }
.role-access-index { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: rgba(255,153,51,.14); color: var(--saffron); font-size: 13px; font-weight: 750; letter-spacing: .04em; }
.role-access-card > i { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; border: 1px solid rgba(255,255,255,.12); color: var(--saffron); background: rgba(255,255,255,.04); }
.role-access-card strong { display: block; color: white; font-size: 16px; }
.role-access-card p { margin-top: 5px; color: rgba(255,255,255,.58); font-size: 14px; line-height: 1.5; }
.role-access-card:nth-child(2) .role-access-index { background: rgba(0,0,128,.28); color: #9db7ff; }
.role-access-card:nth-child(3) .role-access-index { background: rgba(19,136,8,.22); color: #8fef8a; }
.role-access-card:nth-child(4) .role-access-index { background: rgba(255,255,255,.08); color: rgba(255,255,255,.78); }.connected-implementation { background: var(--paper-2); }.connected-implementation ol { display: grid; grid-template-columns: repeat(6,1fr); padding: 0; margin: 0; list-style: none; }.connected-implementation li { min-height: 210px; padding: 20px; border-top: 1px solid var(--line); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: white; }.connected-implementation li:first-child { border-left: 1px solid var(--line); }.connected-implementation li span { color: var(--muted); font-size: 13px; }.connected-implementation li strong { display: block; margin-top: 28px; font-size: 16px; }

@media (max-width: 1100px) {
  .responsive-copy-full { display: none; }
  .responsive-copy-short { display: inline; }
  .industry-index-hero-grid { grid-template-columns: 1fr; gap: 50px; }
  .industry-operating-map { max-width: 780px; transform: none; }
  .home-hero-grid { grid-template-columns: 1fr; gap: 55px; }
  .home-command { max-width: 780px; min-height: auto; transform: none; }
  .home-hero, .home-command-hero { min-height: auto; }
  .home-hero-grid { align-items: start; }
  .home-command-hero { padding-top: 12px; }
  .home-command-hero .hero-copy { padding-top: 16px; }
  .connected-hero-grid,.connected-operations-grid { grid-template-columns: 1fr; }.connected-dashboard { max-width: 800px; }.connected-module-card { grid-column: span 6; }.connected-implementation ol { grid-template-columns: repeat(3,1fr); }
  .connected-signal-strip .shell { justify-content: flex-start; gap: 20px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; overscroll-behavior-inline: contain; }.connected-signal-strip .shell::-webkit-scrollbar { display: none; }.connected-signal-strip span { flex: 0 0 auto; scroll-snap-align: start; }
  .priority-product-grid { grid-template-columns: repeat(2,1fr); }
  :root { --shell: min(100% - 40px, 960px); }
  .desktop-nav, .header-actions .text-link { display: none; }.header-shell { grid-template-columns: 1fr auto; }.menu-toggle { display: block; }.header-actions { gap: 10px; }
  body.menu-open .site-header { backdrop-filter: none; -webkit-backdrop-filter: none; background: var(--paper); }
  body.menu-open .contact-widget,
  body.menu-open .scroll-top { display: none; }
  .mobile-menu { position: fixed; inset: 0; z-index: 120; display: flex; flex-direction: column; background: var(--paper); overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
  .mobile-menu[hidden] { display: none; }
  .mobile-menu-head { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; min-height: 66px; padding: 10px 24px; border-bottom: 1px solid var(--line); background: var(--paper); }
  .mobile-menu-head::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 3px; background: linear-gradient(90deg,var(--saffron) 0 33.333%,var(--india-white) 33.333% 66.666%,var(--india-green) 66.666%); }
  .mobile-menu-head button { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: var(--white); }
  .mobile-menu nav { display: grid; padding: 8px 24px 30px; margin: 0; }
  .mobile-menu nav > a { display: flex; align-items: center; justify-content: space-between; padding: 16px 0; border-bottom: 1px solid var(--line); font-size: 23px; font-weight: 700; letter-spacing: -.03em; }
  .mobile-menu nav a.mobile-sub { display: block; padding: 12px 0 12px 18px; border-bottom: 1px solid rgba(11,31,58,.07); color: var(--muted); font-size: 17px; font-weight: 600; letter-spacing: 0; }
  .mobile-menu nav a.mobile-sub:active, .mobile-menu nav a.mobile-sub:hover { color: var(--ink); }
  .mobile-hot { padding: 15px 0 19px; border-bottom: 1px solid var(--line); }
  .mobile-hot-label { display: inline-flex; align-items: center; gap: 6px; color: var(--saffron-dark); font-size: 14px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
  .mobile-hot-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 11px; }
  .mobile-hot-links a { display: inline-flex; align-items: center; min-height: 38px; padding: 7px 15px; border: 1px solid rgba(255,153,51,.42); border-radius: 999px; background: linear-gradient(120deg,rgba(255,153,51,.12),rgba(255,255,255,.7) 55%,rgba(19,136,8,.1)); font-size: 16px; font-weight: 700; }
  .mobile-menu .button { margin: auto 24px 24px; }
  .growth-banner-shell { grid-template-columns: 1fr; gap: 38px; }.growth-banner-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; align-items: end; }.growth-banner-copy .kicker { grid-column: 1/-1; }.growth-banner-copy p { margin-top: 0; }.growth-engagement { grid-column: auto; }.growth-proof-rail { grid-column: auto; }
  .home-hero { grid-template-columns: 1fr; }.hero-stage { min-height: 690px; border-top: 1px solid var(--line); border-left: 0; }.hero-copy { padding-left: max(20px, calc((100vw - 960px)/2)); padding-right: max(20px, calc((100vw - 960px)/2)); }.hero-index { display: none; }
  .family-row { grid-template-columns: 55px 1fr 260px 45px; }.family-art { transform: scale(.82); }
  .tool-layout { grid-template-columns: 1fr; }
  .platform-grid, .decision-shell, .page-hero-grid, .category-hero-grid, .finder-shell, .capability-layout, .workflow-layout, .reports-layout, .faq-layout, .product-hero-grid, .form-layout { grid-template-columns: 1fr; }.sticky-copy, .form-copy { position: static; }.platform-art { min-height: 600px; }.decision-card { max-width: 700px; }.page-hero-grid { gap: 55px; }.hero-directory { max-width: 720px; }.category-hero-grid .flow-visual { max-width: 700px; margin-inline: auto; }.finder-shell { gap: 50px; }.catalog-head { display: block; }.filter-group { justify-content: flex-start; }.product-hero-grid { gap: 20px; }.product-visual { max-width: 720px; }.workflow-layout .flow-visual { display: none; }.reports-art { max-width: 700px; }.trust-grid { grid-template-columns: 1fr 1fr; row-gap: 40px; }.trust-grid > div:nth-child(3) { border-left: 0; padding-left: 0; }.lead-form-card { max-width: 760px; margin-top: 0; }.form-layout { gap: 40px; }
  .fit-demographics, .feature-grid { grid-template-columns: 1fr 1fr; }.module-heading, .maturity-head { display: block; }.module-summary { width: 260px; }.module-card { grid-column: span 3; }.maturity-track { grid-template-columns: 1fr 1fr; row-gap: 45px; }.maturity-line { display: none; }.maturity-stage { min-height: 260px; }
  .about-hero-grid, .name-story-grid, .values-layout { grid-template-columns: 1fr; }.identity-board { max-width: 820px; }.name-story-lead, .values-copy { position: static; }.purpose-grid { grid-template-columns: 1fr 1fr; }.purpose-card:first-child { grid-column: 1/-1; }.pillar-grid { grid-template-columns: 1fr 1fr; }.principle-rail { grid-template-columns: 1fr 1fr; }.value-compass { width: 480px; }
  .services-hero-grid, .service-detail-grid, .service-method-grid, .service-showcase-grid { grid-template-columns: 1fr; }.service-constellation { max-width: 720px; }.featured-service-grid { grid-template-columns: 1fr 1fr; }.service-card { min-height: 390px; }.service-method-grid { gap: 45px; }.service-showcase-copy { position: static; }.service-capability-grid { grid-template-columns: 1fr 1fr; }.service-deliverable-grid { grid-template-columns: 1fr 1fr; }.service-command { max-width: 780px; }.service-detail-grid { gap: 45px; }
  .education-spotlight-grid, .edu-hero-grid, .edu-assessment-grid { grid-template-columns: 1fr; }.edu-preview, .edu-command { max-width: 780px; }.education-directory-feature .shell { grid-template-columns: 1fr 1fr; }.education-directory-feature a { grid-column: 1/-1; }.edu-command { min-height: auto; transform: none; }.edu-module-grid { grid-template-columns: repeat(2,1fr); }.edu-operation-grid { grid-template-columns: 1fr; }.edu-operation-grid > article { min-height: 400px; }.edu-analytics-head { display: block; }.edu-improvement-loop { width: fit-content; margin-top: -25px; }.edu-role-grid { grid-template-columns: 1fr 1fr; }.edu-implementation-rail { grid-template-columns: repeat(3,1fr); }
}

@media (min-width: 1101px) and (max-height: 900px) {
  .page-hero,.simple-hero,.product-hero,.service-detail-hero,.edu-hero { padding-top: 18px; padding-bottom: 32px; }
  .page-hero .breadcrumbs,.simple-hero .breadcrumbs,.product-hero .breadcrumbs,.services-hero .breadcrumbs,.service-detail-hero .breadcrumbs,.edu-hero .breadcrumbs { margin: 8px 0 30px; }
  .page-hero h1,.simple-hero h1 { margin: 18px 0; font-size: clamp(48px,5vw,72px); line-height: 1; }
  .page-hero-grid > div:first-child > p,.simple-hero > .shell > p { font-size: 17px; line-height: 1.55; }
  .simple-hero,.simple-hero .shell { min-height: 0; }
  .page-hero-grid { gap: 55px; }
  .hero-directory a { padding: 13px 0; }
  .hero-directory strong { font-size: 15px; }

  .services-hero { min-height: calc(100svh - 78px); padding: 18px 0 28px; }
  .services-hero-grid { gap: 60px; }
  .services-hero-grid h1 { margin-top: 18px; font-size: clamp(48px,4.9vw,70px); line-height: .98; }
  .services-hero-grid > div:first-child > p { margin-top: 18px; font-size: 17px; line-height: 1.55; }
  .services-hero-grid .hero-actions { margin-top: 24px; }
  .service-constellation { width: min(470px,100%); }
  .service-constellation-core { width: 125px; height: 125px; }

  .category-hero { padding-bottom: 30px; }
  .category-hero .breadcrumbs { margin-bottom: 28px; }
  .category-hero-grid { gap: 45px; }
  .category-hero h1 { font-size: clamp(48px,5vw,72px); line-height: 1; }
  .category-hero-grid > div:first-child > p { margin-top: 18px; font-size: 17px; }
  .hero-facts { margin-top: 28px; }
  .category-hero .flow-visual { min-height: 430px; transform: scale(.82); }

  .product-hero-grid,.service-detail-grid,.edu-hero-grid { gap: 52px; }
  .product-hero-copy h1,.service-detail-copy h1,.edu-hero-copy h1 { margin: 18px 0; font-size: clamp(46px,4.8vw,70px); line-height: 1; }
  .product-hero-copy > p,.service-detail-copy > p,.edu-hero-copy > p { margin-top: 16px; font-size: 17px; line-height: 1.55; }
  .product-hero-copy .hero-actions,.service-detail-copy .hero-actions,.edu-hero-copy .hero-actions { margin-top: 23px; }
  .audience-list,.service-detail-copy > ul { margin-top: 22px; }
  .product-visual { padding: 25px 0 20px; transform: scale(.82); }
  .service-command { min-height: 470px; padding: 20px; transform: scale(.88); }
  .edu-command { min-height: 485px; padding: 21px; transform: scale(.86) rotate(1deg); }

  .home-hero { min-height: calc(100svh - 78px); }
  .hero-copy { padding-top: 40px; padding-bottom: 60px; }
  .hero-copy h1 { margin: 18px 0; font-size: clamp(48px,4.5vw,68px); }
  .hero-actions { margin-top: 24px; }
  .hero-coverage { margin-top: 25px; }
  .hero-stage { padding-top: 35px; padding-bottom: 70px; }

  .form-page { padding-top: 18px; padding-bottom: 55px; }
  .form-page .breadcrumbs { margin: 8px 0 30px; }
  .form-copy h1 { margin: 18px 0; font-size: clamp(46px,4.5vw,66px); }
  .form-expect { margin-top: 30px; padding-top: 18px; }
  .form-expect li { margin: 11px 0; }
  .lead-form-card { margin-top: 40px; padding: 28px; }

  .about-hero { min-height: calc(100svh - 78px); padding: 18px 0 32px; }
  .about-hero .breadcrumbs { margin: 8px 0 30px; }
  .about-hero-grid { gap: 52px; }
  .about-hero-copy h1 { margin: 18px 0; font-size: clamp(50px,5.25vw,76px); line-height: .98; }
  .about-hero-copy > p { font-size: 17px; line-height: 1.55; }
  .about-hero-copy .hero-actions { margin-top: 24px; }
  .identity-board-head { padding: 12px 18px; }
  .identity-words { padding: 14px; }
  .identity-word { min-height: 250px; padding: 20px; }
  .identity-word h2 { margin-top: 30px; font-size: 38px; }
  .identity-word p { margin-top: 10px; font-size: 14px; }
  .identity-word ul { margin-top: 20px; }
  .identity-result { padding: 14px 20px; }
}

@media (max-width: 900px) {
  .families-head-grid { grid-template-columns: 1fr; gap: 6px; }
  .families-head-grid .section-head { margin-bottom: 12px; }
  .families-worlds { margin-bottom: 46px; }
  .growth-engagement { min-height: 0; gap: 12px; }.growth-engagement-card { min-height: 0; padding: 20px; }.growth-engagement-card h3 { font-size: 20px; }.growth-proof-rail article { grid-template-columns: 1fr; gap: 8px; }
  .family-row { grid-template-columns: 48px 1fr 44px; min-height: 330px; }.family-art { display: none; }.family-arrow { grid-column: 3; grid-row: 1; }.product-grid { grid-template-columns: 1fr 1fr; }.challenge-band .shell { grid-template-columns: 1fr 1fr; }.vertical-kicker { grid-column: 1/-1; }.purpose-grid, .pillar-grid { grid-template-columns: 1fr 1fr; }.purpose-card:first-child { grid-column: 1/-1; }
  .edu-loop { width: 100%; height: auto; margin: 0 0 80px; }.edu-loop-ring, .edu-loop-core { display: none; }.edu-loop ol { display: grid; }.edu-loop-node { position: relative; inset: auto; width: 100%; min-height: 83px; border-radius: 0; box-shadow: none; }.edu-loop-node::after { content: ""; position: absolute; bottom: -13px; left: 27px; z-index: 2; width: 1px; height: 13px; background: var(--lime-dark); }.edu-loop-node:last-child::after { display: none; }
}

@media (max-width: 760px) {
  .industry-index-hero { padding-bottom: 65px; }
  .industry-index-hero-grid h1 { font-size: clamp(40px,13vw,52px); }
  .industry-map-body { grid-template-columns: 1fr; }
  .industry-map-core { min-height: 155px; }
  .industry-map-foot { align-items: flex-start; flex-direction: column; }
  .home-command-hero { padding: 12px 0 70px; }
  .home-command-hero .hero-copy { padding: 14px 0 0; }
  .home-command-hero .hero-copy h1 { font-size: clamp(43px,13vw,54px); }
  .home-command-hero .hero-copy > p { font-size: 16px; }
  .connected-hero { padding-bottom: 60px; }.connected-hero-grid > div:first-child h1 { font-size: clamp(40px,12vw,52px); }.connected-dashboard-body { grid-template-columns: 34px 1fr; min-height: 0; }.connected-dashboard-main { padding: 12px; }.connected-kpis { grid-template-columns: 1fr; }.connected-kpis article { min-height: 65px; }.connected-kpis strong { margin-top: 10px; }.connected-dashboard-grid { grid-template-columns: 1fr; }.connected-graph svg { height: 120px; }.connected-signal-strip .shell { justify-content: flex-start; gap: 18px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; overscroll-behavior-inline: contain; }.connected-signal-strip .shell::-webkit-scrollbar { display: none; }.connected-signal-strip span { flex: 0 0 auto; scroll-snap-align: start; }.connected-module-card { grid-column: span 12; min-height: 250px; }.connected-module-card h3 { padding-top: 28px; }.connected-operations-grid { gap: 40px; }.role-access-panel { padding: 22px; }.role-access-card { grid-template-columns: 38px 36px 1fr; gap: 12px; padding: 14px; }.role-access-index,.role-access-card > i { width: 36px; height: 36px; }.connected-implementation ol { grid-template-columns: 1fr; }.connected-implementation li { min-height: 130px; border-left: 1px solid var(--line); }.connected-implementation li strong { margin-top: 22px; }
  .growth-brand-statement { min-height: 190px; }
  :root { --shell: calc(100% - 32px); --radius-lg: 24px; }
  .section { padding: 85px 0; }.section-head { margin-bottom: 42px; }.section-head h2 { font-size: clamp(36px,11vw,42px); }.section-head p { font-size: 15px; }.button { min-height: 48px; }.hero-actions .button { flex: 1 1 210px; }.mobile-menu nav > a { min-height: 48px; }.mobile-menu-head, .mobile-menu nav { padding-right: max(24px,env(safe-area-inset-right)); padding-left: max(24px,env(safe-area-inset-left)); }.mobile-menu .button { margin-bottom: max(24px,env(safe-area-inset-bottom)); }
  .site-header { position: sticky; top: 0; }.header-shell { min-height: 66px; }.header-actions .button { display: none; }
  .growth-banner-shell { padding-top: 42px; padding-bottom: 30px; }.growth-banner-copy { display: block; }.growth-banner-copy h2 { font-size: 35px; }.growth-banner-copy p { margin-top: 15px; }.growth-journey-head { display: grid; gap: 6px; }.growth-path { grid-template-columns: 1fr 1fr; gap: 26px 14px; }.growth-path::before,.growth-path-traveller { display: none; }.growth-path li { grid-template-columns: 32px 1fr; gap: 10px; align-items: center; }.growth-engagement-head { grid-template-columns: 1fr; gap: 12px; }.growth-engagement { min-height: 0; grid-template-columns: 1fr; gap: 12px; padding-left: 0; }.growth-engagement::before { display: none; }.growth-engagement-card,.growth-step-1,.growth-step-2,.growth-step-3 { min-height: 0; margin-top: 0; }.growth-engagement-card { padding: 20px; }.growth-engagement-card > small { margin-top: 18px; }.growth-engagement-card h3 { font-size: 20px; }.growth-engagement-cta { margin-top: 14px; min-height: 44px; }.growth-proof-rail { grid-template-columns: 1fr; }.growth-proof-rail article { min-height: 105px; grid-template-columns: .8fr 1.2fr; border-right: 1px solid rgba(255,255,255,.14); border-bottom: 1px solid rgba(255,255,255,.14); }.growth-proof-rail article:last-child { border-bottom: 0; }
  .home-hero { min-height: auto; }.hero-copy { padding: 75px 16px 80px; }.hero-copy h1 { font-size: 50px; }.hero-copy > p { font-size: 16px; }.hero-coverage { margin-top: 34px; }.hero-coverage div { padding-inline: 7px; }.hero-coverage div:first-child { padding-left: 0; }.hero-note { margin-top: 20px; }.hero-stage { min-height: 520px; padding: 55px 16px 90px; }.hero-stage .dashboard { width: 680px; max-width: none; transform: scale(.62) rotate(-1.3deg); }.float-card { transform: scale(.85); }.float-card-a { left: 2%; bottom: 17%; }.float-card-b { top: 20%; right: 2%; }.stage-label { display: none; }
  .signal-strip { justify-content: flex-start; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; overscroll-behavior-inline: contain; }.signal-strip::-webkit-scrollbar { display: none; }.signal-strip a { flex: 0 0 auto; scroll-snap-align: start; }
  .family-row { grid-template-columns: 38px 1fr 42px; min-height: 380px; padding: 35px 0; }.family-art { display: none; }.family-number { padding-top: 10px; }.family-main h3 { font-size: 39px; }.family-arrow { grid-column: 3; grid-row: 1; align-self: start; }.family-tags span:nth-child(n+4) { display: none; }
  .platform-grid { gap: 45px; }.platform-art { min-height: 0; padding: 34px 10px; }.system-map { width: min(430px, 100%); }.system-center { width: 116px; height: 116px; }.system-center strong { font-size: 14px; }.system-center small { font-size: 9px; letter-spacing: .06em; }.system-pill { padding: 8px 11px; font-size: 12px; }.p2 { right: 0; }.p3 { right: 1%; }.p5 { left: 0; }.p6 { left: 1%; }
  .product-grid { grid-template-columns: 1fr; }.product-card { min-height: 285px; }.decision-card { padding: 26px; }.decision-card h3 { font-size: 28px; }
  .conversion { min-height: 0; grid-template-columns: 1fr; gap: 42px; padding: 70px 16px; }.conversion h2 { font-size: 45px; }.conversion-form-card { max-width: 620px; }
  .breadcrumbs { margin-bottom: 28px; }.page-hero, .simple-hero { padding-bottom: 70px; }.simple-hero { min-height: auto; }.simple-hero .shell { min-height: auto; }.page-hero h1, .simple-hero h1 { font-size: clamp(40px,13vw,52px); }.page-hero-grid { gap: 50px; }.page-hero-grid > div:first-child > p, .simple-hero > .shell > p { font-size: 16px; }
  .choice-grid { grid-template-columns: 1fr; }.choice-grid label > span { min-height: 110px; }.compact-choices { flex-wrap: wrap; }.filter-group { margin-bottom: 40px; }
  .decision-options { grid-template-columns: 1fr 1fr; }.decision-option { min-height: 70px; padding: 11px; }.decision-card h3 { margin: 22px 0 16px; font-size: 26px; }
  .tool-controls,.comparison-grid { grid-template-columns: 1fr; }.comparison-card { padding: 24px; }.comparison-card > p { min-height: 0; }.calculator-card,.roi-results { padding: 24px; }
  .category-hero h1, .product-hero-copy h1 { font-size: clamp(39px,12.5vw,49px); }.hero-facts { flex-wrap: wrap; gap: 14px; }.hero-facts span { padding-right: 14px; }.flow-visual { min-height: 410px; margin-top: 20px; }.flow-orbit { width: 430px; max-width: 115%; }.flow-node { width: 94px; padding: 11px; }.flow-node strong { font-size: 13px; }.flow-core { width: 98px; height: 98px; }.flow-core strong { font-size: 14px; }
  .challenge-band .shell { grid-template-columns: 1fr; }.vertical-kicker { margin-bottom: 10px; }.capability-layout { gap: 30px; }.capability-stack article { grid-template-columns: 30px 1fr 36px; }.visual-section .dashboard { width: 720px; max-width: none; transform: scale(.48); transform-origin: top left; }.visual-section .dashboard + * { margin-top: -280px; }.visual-section .shell { overflow: hidden; }.visual-section { padding-bottom: 0; }.process-section { padding-top: 80px; }
  .workflow { grid-template-columns: 1fr; }.workflow li { min-height: 85px; flex-direction: row; align-items: center; padding: 15px 0; }.workflow li > svg { right: 0; bottom: 31px; transform: rotate(90deg); }.faq-layout { gap: 30px; }
  .product-visual { padding: 30px 0; overflow: hidden; }.product-visual .dashboard { width: 680px; max-width: none; transform: scale(.52) rotate(1.3deg); transform-origin: top left; margin-bottom: -185px; }.visual-caption { right: 0; bottom: 0; }.product-promise .shell { grid-template-columns: 1fr; gap: 10px; }.feature-grid { grid-template-columns: 1fr 1fr; }.feature-card { min-height: 240px; padding: 18px; }.feature-card h3 { margin-top: 36px; font-size: 18px; }.feature-card p { font-size: 14px; }.workflow-layout .workflow { grid-template-columns: 1fr; }.reports-art { min-height: 410px; padding: 35px 20px; }.report-sheet { min-height: 340px; padding: 20px; }.report-chart { height: 175px; }.trust-grid { grid-template-columns: 1fr; }.trust-grid > div { padding: 25px 0; border-top: 1px solid rgba(255,255,255,.13); border-left: 0; }.trust-grid > div:first-child { border-top: 0; }.disclaimer-section .shell { grid-template-columns: 1fr; gap: 8px; }
  .fit-intro { display: block; }.fit-intro h2 { margin-top: 12px; text-align: left; }.fit-demographics { grid-template-columns: 1fr; }.fit-demographics article { min-height: 105px; }.module-summary { width: 100%; }.module-card, .module-card:nth-child(4), .module-card:nth-child(5) { grid-column: span 6; min-height: auto; }.module-card { padding: 24px; }.module-footnote { grid-template-columns: 34px 1fr; }.module-footnote a { grid-column: 2; }.maturity-key { flex-direction: column; align-items: flex-start; }.maturity-track { grid-template-columns: 1fr; }.maturity-stage { min-height: 235px; padding-left: 65px; }.stage-marker { position: absolute; top: 0; left: 0; }.maturity-stage > em { margin-top: 0; }.maturity-stage > small { left: 65px; }
  .info-grid { grid-template-columns: 1fr; gap: 20px; }.info-grid h2 { font-size: 40px; }.info-block { padding: 65px 0; }
  .about-hero { padding-bottom: 75px; }.about-hero-copy h1 { font-size: clamp(40px,13vw,50px); }.identity-words { grid-template-columns: 1fr; }.identity-plus { min-height: 35px; }.identity-word { min-height: 285px; }.identity-word h2 { margin-top: 42px; }.about-anchor-strip { top: 66px; }.about-anchor-strip .shell, .edu-anchor-strip .shell { gap: 25px; scroll-snap-type: x proximity; scrollbar-width: none; overscroll-behavior-inline: contain; }.about-anchor-strip a, .edu-anchor-strip a { scroll-snap-align: start; }.about-anchor-strip .shell::-webkit-scrollbar, .edu-anchor-strip .shell::-webkit-scrollbar { display: none; }.name-equation > div { min-height: 190px; padding: 24px; }.purpose-grid, .pillar-grid, .principle-rail { grid-template-columns: 1fr; }.purpose-card:first-child { grid-column: auto; }.purpose-card { min-height: 380px; padding: 27px; }.purpose-card h3 { margin-top: 65px; font-size: 26px; }.pillar-heading { display: block; }.pillar-count { margin-bottom: 45px; }.pillar-card { min-height: 360px; }.value-compass { width: min(330px,100%); margin-inline: auto; }.compass-point { font-size: 13px; }.value-list article { grid-template-columns: 32px 1fr; }.principle-rail li { min-height: 270px; }.principle-rail strong { margin-top: 22px; }.method-statement { grid-template-columns: 1fr; }
  .services-hero { padding-bottom: 75px; }.services-hero-grid h1, .service-detail-copy h1 { font-size: clamp(40px,12.5vw,52px); }.service-constellation { border-radius: 24px; }.service-proof-strip .shell, .service-quick-proof .shell { grid-template-columns: 1fr; }.service-proof-strip article, .service-quick-proof article { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); border-left: 1px solid var(--line); }.featured-service-grid { grid-template-columns: 1fr; }.all-services-head, .service-capability-head { display: block; }.service-directory-count, .service-capability-count { width: 100%; margin-bottom: 45px; }.service-group { grid-template-columns: 1fr; gap: 20px; }.service-group-title { position: static; }.service-directory > a { grid-template-columns: 27px 40px 1fr auto; gap: 10px; }.service-directory small { font-size: 12px; }.service-method-visual ol { grid-template-columns: 1fr; }.service-method-visual li { min-height: 92px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }.service-method-visual li::after { top: auto; right: auto; bottom: -4px; left: 32px; }.service-method-visual li strong { margin-top: 25px; }.service-engagement-grid { grid-template-columns: 1fr; }.service-engagement-grid article { min-height: 245px; }.service-capability-grid, .service-deliverable-grid { grid-template-columns: 1fr; }.service-capability-grid article { min-height: 300px; }.service-emphasis li { grid-template-columns: 23px 1fr; gap: 7px 11px; padding: 12px 0; }.service-emphasis li > div { grid-column: 2; }.service-emphasis li > small { grid-column: 2; }.service-deliverable-grid article { min-height: 285px; }
  .education-spotlight { padding-block: 80px; }.education-spotlight-grid { gap: 55px; }.education-spotlight-copy h2 { font-size: 45px; }.education-spotlight-facts { gap: 15px; }.education-spotlight-facts span { padding-right: 15px; }.edu-preview { padding: 20px; }.edu-preview ol { grid-template-columns: 1fr 1fr; }.education-directory-feature .shell { grid-template-columns: 1fr; gap: 25px; }.education-directory-feature a { grid-column: auto; }.edu-hero { padding-bottom: 75px; }.edu-hero-grid { gap: 55px; }.edu-hero-copy h1 { font-size: 52px; }.edu-hero-copy > p { font-size: 16px; }.edu-command { padding: 18px; }.edu-command-summary { grid-template-columns: 1fr; }.edu-command-summary article { min-height: 85px; }.edu-command-summary strong { margin-top: 12px; }.edu-command-footer { flex-direction: column; gap: 11px; }.edu-anchor-strip { top: 66px; }.edu-anchor-strip .shell { gap: 27px; }.edu-cycle-head, .edu-module-heading, .edu-notification-heading { display: block; }.edu-cycle-count, .edu-module-stat, .edu-notification-live { width: 100%; margin-bottom: 45px; }.edu-loop { width: 100%; height: auto; margin: 0 0 70px; }.edu-loop-ring, .edu-loop-core { display: none; }.edu-loop ol { display: grid; }.edu-loop-node { position: relative; inset: auto; width: 100%; min-height: 83px; border-radius: 0; box-shadow: none; }.edu-loop-node::after { content: ""; position: absolute; bottom: -13px; left: 27px; z-index: 2; width: 1px; height: 13px; background: var(--lime-dark); }.edu-loop-node:last-child::after { display: none; }.edu-stage-notes, .edu-module-grid, .edu-analytics-grid { grid-template-columns: 1fr; }.edu-stage-notes article { min-height: 220px; }.edu-module-card { min-height: auto; }.edu-module-card h3 { min-height: auto; margin-top: 40px; }.edu-module-card > p { min-height: auto; }.edu-operation-grid > article { min-height: 420px; padding: 22px; }.edu-assessment-grid { gap: 55px; }.edu-assessment h2 { font-size: 46px; }.edu-assessment-steps { grid-template-columns: 1fr 1fr; }.edu-report-card { padding: 19px; transform: none; }.edu-report-lines div { grid-template-columns: 1fr; gap: 6px; }.edu-improvement-loop { width: 100%; overflow-x: auto; }.edu-improvement-loop span,.edu-improvement-loop strong { white-space: nowrap; }.edu-notification-table { margin-right: calc((100vw - var(--shell))/-2); border-radius: 14px 0 0 14px; }.edu-role-grid { grid-template-columns: 1fr; }.edu-role-card { min-height: 300px; }.edu-role-card h3 { margin-top: 55px; }.edu-implementation-rail { grid-template-columns: 1fr; }.edu-implementation-rail li { min-height: 210px; }.edu-implementation-rail strong { margin-top: 22px; }
  .form-copy h1 { font-size: clamp(40px,13vw,50px); }.lead-form-card { padding: 24px; }.field-row { grid-template-columns: 1fr; }.form-card-head { display: grid; gap: 8px; }.lead-form-card input, .lead-form-card select, .lead-form-card textarea { font-size: 16px; }.lead-form-card .button { width: 100%; }
  .footer-top { grid-template-columns: 1fr 1fr; }.footer-brand { grid-column: 1/-1; }.footer-bottom { flex-direction: column; gap: 15px; }
}

@media (max-width: 480px) {
  .growth-brand-statement { min-height: 225px; }
  :root { --shell: calc(100% - 24px); --radius-lg: 20px; }
  .section { padding: 72px 0; }.section-head { margin-bottom: 36px; }.section-head h2 { font-size: clamp(34px,10.8vw,40px); }.kicker { margin-bottom: 17px; }
  .brand { gap: 8px; }.brand-type strong { font-size: 17px; }.brand-type em { font-size: 16px; }
  .growth-banner-shell { padding-top: 35px; }.growth-banner-copy h2 { font-size: 31px; }.growth-engagement-card { min-height: 285px; padding: 21px; }.growth-proof-rail article { grid-template-columns: 1fr; gap: 8px; padding: 18px; }.growth-proof-rail strong b { font-size: 34px; }
  .hero-copy { padding: 62px 12px 70px; }.hero-copy h1 { font-size: clamp(39px,12vw,46px); }.hero-actions { display: grid; grid-template-columns: 1fr; }.hero-actions .button { width: 100%; }.hero-coverage strong { font-size: 13px; }.hero-note p { font-size: 15px; }
  .hero-stage { min-height: 450px; }.hero-stage .dashboard { transform: scale(.53) rotate(-1.3deg); }.float-card { min-width: 156px; padding: 10px; }.float-card strong { font-size: 14px; }
  .families-worlds { width: min(340px,100%); }
  .families-worlds-core { width: 96px; height: 96px; box-shadow: 0 0 0 10px rgba(255,153,51,.14),0 16px 35px rgba(11,31,58,.2); }
  .families-worlds-core strong { font-size: 17px; }
  .world-chip { padding: 7px 11px; }
  .world-chip > i { width: 26px; height: 26px; }
  .signal-strip { gap: 22px; padding-inline: 18px; }.family-row { grid-template-columns: 32px 1fr 38px; gap: 12px; min-height: 340px; }.family-main h3 { font-size: 35px; }.family-main p { font-size: 16px; }.family-arrow { width: 38px; height: 38px; }
  .product-grid, .feature-grid { grid-template-columns: 1fr; }.feature-card { min-height: 225px; }.decision-card { padding: 21px; }.decision-options { grid-template-columns: 1fr; }.conversion { padding-block: 58px; }.conversion h2 { font-size: 39px; }.conversion-form-card { padding: 20px; border-radius: 20px; }.conversion-form-head { display: grid; gap: 5px; }.conversion-form-head small { max-width: none; text-align: left; }.quick-field-row { grid-template-columns: 1fr; }.quick-form-foot { align-items: flex-start; flex-direction: column; }.quick-form-foot .button { width: 100%; }
  .filter-group { flex-wrap: nowrap; justify-content: flex-start; margin-right: -12px; padding-right: 12px; overflow-x: auto; scrollbar-width: none; }.filter-group::-webkit-scrollbar { display: none; }.filter-group button { flex: 0 0 auto; min-height: 44px; }
  .hero-facts { display: grid; grid-template-columns: 1fr 1fr; }.hero-facts span { border-right: 0; }.challenge-band .shell { grid-template-columns: 1fr; }.vertical-kicker { grid-column: auto; }.capability-stack article { gap: 10px; }.capability-stack h3 { font-size: 19px; }
  .product-visual .dashboard { transform: scale(.47) rotate(1.3deg); margin-bottom: -205px; }.visual-section .dashboard { transform: scale(.42); }.reports-art { padding: 26px 14px; }.report-sheet { padding: 17px; transform: none; }.report-chart { gap: 8px; }.report-title strong { font-size: 16px; }.report-list li { align-items: flex-start; }
  .module-footnote { grid-template-columns: 1fr; }.module-footnote a { grid-column: auto; }.module-footnote > span { display: none; }.maturity-stage { padding-left: 58px; }.maturity-stage > small { left: 58px; }
  .identity-board-head { display: grid; gap: 6px; }.identity-word { padding: 20px; }.identity-word h2 { font-size: 39px; }.identity-result { align-items: flex-start; padding: 18px; }.identity-result .brand-mark { flex: 0 0 25px; }.purpose-card { min-height: 340px; }.pillar-card { min-height: 340px; padding: 23px; }.pillar-card > small { right: 23px; left: 23px; }.compass-center { width: 108px; height: 108px; }.compass-center strong { font-size: 17px; }.compass-point { padding: 6px 8px; }
  .service-constellation { min-height: 390px; aspect-ratio: auto; }.service-constellation-core { width: 120px; height: 120px; }.service-orbit-node { padding: 7px 9px; }.son1 { left: 34%; }.service-proof-strip article { padding: 22px; }.service-card { min-height: 390px; padding: 22px; }.service-directory > a { grid-template-columns: 25px 38px 1fr; min-height: 125px; }.service-directory > a > svg { display: none; }.service-directory-icon { width: 36px; height: 36px; }.service-command { min-height: auto; padding: 18px; }.service-command-head { align-items: flex-start; gap: 9px; }.service-command-head em { flex: 0 0 auto; }.service-command-kpis { grid-template-columns: 1fr; }.service-command-kpis article { min-height: 82px; }.service-command-kpis strong { margin-top: 11px; }.service-command-signals { flex-direction: column; gap: 10px; }.service-emphasis { padding: 18px; }.service-emphasis-head { display: grid; gap: 6px; }.service-method-visual { padding: 18px; }.service-quick-proof article { grid-template-columns: 27px 1fr; }.service-capability-grid article { padding: 23px; }.service-engagement-grid article { min-height: 220px; }.service-engagement-grid h3 { margin-top: 22px; }
  .education-spotlight { padding-block: 70px; }.education-spotlight-copy h2, .edu-assessment h2 { font-size: 40px; }.education-spotlight-facts { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.education-spotlight-facts span { padding-right: 8px; }.education-spotlight-facts strong { font-size: 21px; }.edu-preview ol { grid-template-columns: 1fr; }.edu-preview-head { align-items: flex-start; gap: 15px; }.edu-command-head { align-items: flex-start; gap: 10px; }.edu-command-head > i { flex: 0 0 auto; }.edu-report-profile > small { display: none; }.edu-notification-table { margin-right: -12px; }.edu-role-card { min-height: 275px; }
  .info-links { display: grid; }.info-links a { justify-content: space-between; }.lead-form-card { padding: 18px; }.footer-top { grid-template-columns: 1fr; gap: 42px; }.footer-brand { grid-column: auto; }.site-footer { padding-right: max(24px,env(safe-area-inset-right)); padding-left: max(24px,env(safe-area-inset-left)); }.footer-contact a { overflow-wrap: anywhere; }.footer-bottom div { flex-wrap: wrap; }
}

@media (max-width: 340px) {
  .growth-path { grid-template-columns: 1fr; }.growth-engagement { padding-left: 0; }.growth-engagement-card { min-height: 0; }.hero-coverage { grid-template-columns: 1fr; }.hero-coverage div { padding: 11px 0; border-right: 0; border-bottom: 1px solid var(--line); }.hero-coverage div:not(:first-child) { padding-left: 0; }.hero-coverage div:last-child { border-bottom: 0; }
  .hero-stage .dashboard { transform: scale(.43) rotate(-1.3deg); }.product-visual .dashboard { transform: scale(.4) rotate(1.3deg); margin-bottom: -240px; }.visual-section .dashboard { transform: scale(.36); }.visual-section .dashboard + * { margin-top: -330px; }
  .education-spotlight-facts { grid-template-columns: 1fr; }.education-spotlight-facts span { padding: 7px 0; border-right: 0; border-bottom: 1px solid var(--line); }.edu-command-head { display: grid; }.edu-command-head > i { justify-self: start; }.edu-assessment-steps { grid-template-columns: 1fr; }.edu-report-profile { align-items: flex-start; }.edu-report-card { padding: 15px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .js .reveal { opacity: 1; transform: none; }
  .maturity-line i { width: 100%; }
}

@media (max-width: 1100px) {
  .legal-hero-grid { grid-template-columns: 1fr; gap: 50px; }
  .legal-directory { max-width: 760px; }
}

@media (max-width: 760px) {
  .legal-hero { padding-bottom: 65px; }
  .legal-hero h1 { font-size: clamp(42px,12vw,55px); }
  .legal-hero-grid > div > p { font-size: 15px; }
  .legal-section { grid-template-columns: 1fr; gap: 14px; padding: 48px 0; }
  .legal-section h2 { font-size: 34px; }
  .legal-section p { font-size: 16px; }
  .legal-contact { grid-template-columns: 1fr; padding: 22px; }
  .footer-bottom div { flex-wrap: wrap; }
}

@media (max-width: 760px) {
  .home-command-hero { padding-top: 10px; }
  .home-command-hero .hero-copy { padding: 12px 0 0; }
  .home-command-hero .hero-copy h1 { font-size: clamp(43px,13vw,54px); }
}

@media (max-width: 480px) {
  .home-command-hero { padding-top: 8px; }
  .home-command-hero .hero-copy { padding: 10px 0 0; }
  .home-command-hero .hero-copy h1 { font-size: clamp(39px,12vw,46px); }
}

/* Interactive demo client */
.demo-client-hero { padding: 34px 0 20px; background:
  radial-gradient(ellipse 70% 55% at 90% 0%, rgba(255,153,51,.18), transparent 55%),
  linear-gradient(180deg, #fff6ea 0%, var(--paper) 100%); }
.demo-client-hero h1 { max-width: 820px; margin: 22px 0 18px; font-size: clamp(42px, 5.4vw, 72px); }
.demo-client-hero > .shell > p { max-width: 680px; font-size: 17px; }
.demo-client-hero .hero-actions { margin-top: 28px; }
.form-demo-client-link { margin-top: 22px; max-width: 540px; font-size: 15px; }
.form-demo-client-link a { color: var(--india-green); font-weight: 650; text-decoration: underline; text-underline-offset: 3px; }

.demo-client { padding-top: 24px; padding-bottom: 90px; }
.demo-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-bottom: 22px; padding: 18px 22px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--white); box-shadow: 0 12px 40px rgba(11,31,58,.06); }
.demo-toolbar-copy { display: grid; gap: 4px; min-width: 0; }
.demo-toolbar-copy strong { color: var(--ink); font-size: 15px; }
.demo-toolbar-copy span { color: var(--muted); font-size: 14px; }
.demo-toolbar-actions { display: flex; flex-wrap: wrap; gap: 10px; }

.demo-workspace { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 18px; align-items: start; }
.demo-nav { display: grid; gap: 6px; padding: 12px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(180deg, #fffdfa, #f4f7fb); position: sticky; top: 98px; }
.demo-nav-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; padding: 11px 12px; border: 0; border-radius: 12px; background: transparent; color: var(--ink-2); text-align: left; cursor: pointer; }
.demo-nav-item span { font-size: 14px; font-weight: 650; }
.demo-nav-item em { color: var(--muted); font-size: 12px; font-style: normal; font-variant-numeric: tabular-nums; }
.demo-nav-item:hover { background: rgba(11,31,58,.05); color: var(--ink); }
.demo-nav-item.is-active { background: var(--banner-navy); color: #fff; }
.demo-nav-item.is-active em { color: rgba(255,255,255,.72); }

.demo-panel { min-width: 0; padding: 28px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--white); box-shadow: var(--shadow); }
.demo-panel-head { margin-bottom: 28px; }
.demo-panel-head h2 { max-width: 720px; margin: 14px 0 12px; font-size: clamp(28px, 3.2vw, 40px); }
.demo-panel-head p { max-width: 640px; font-size: 15px; }
.demo-panel-head a { color: var(--india-green); font-weight: 650; }

.demo-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; margin-bottom: 26px; }
.demo-metrics article { padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(180deg, #fffaf3, #f7f9fc); }
.demo-metrics small { display: block; color: var(--muted); font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }
.demo-metrics strong { display: block; margin-top: 6px; color: var(--ink); font-size: 22px; letter-spacing: -.03em; }

.demo-section { margin-top: 28px; }
.demo-section-head { margin-bottom: 12px; }
.demo-section-head h3 { font-size: 18px; }
.demo-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 14px; }
.demo-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.demo-table th, .demo-table td { padding: 11px 14px; border-bottom: 1px solid var(--line); text-align: left; white-space: nowrap; }
.demo-table th { background: #f5f7fb; color: var(--ink-2); font-size: 12px; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
.demo-table tr:last-child td { border-bottom: 0; }
.demo-table td { color: var(--ink); }
.demo-empty { padding: 28px; border: 1px dashed var(--line); border-radius: 14px; background: var(--paper-2); }
.demo-empty p + p { margin-top: 8px; }
.demo-jump { margin-top: 8px; padding-top: 22px; border-top: 1px solid var(--line); }
.demo-jump > span { display: block; margin-bottom: 12px; color: var(--ink-2); font-size: 13px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.demo-jump > div { display: flex; flex-wrap: wrap; gap: 8px; }
.demo-chip { padding: 8px 12px; border: 1px solid var(--line); border-radius: 999px; background: var(--paper); color: var(--ink-2); font-size: 13px; font-weight: 650; cursor: pointer; }
.demo-chip:hover { border-color: var(--saffron); color: var(--ink); background: #fff; }
.demo-note, .demo-disclaimer { margin-top: 18px; color: var(--muted); font-size: 13px; }
.demo-disclaimer { max-width: 920px; }

@media (max-width: 980px) {
  .demo-workspace { grid-template-columns: 1fr; }
  .demo-nav { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .demo-toolbar { flex-direction: column; align-items: stretch; }
}

@media (max-width: 640px) {
  .demo-client-hero { padding-top: 18px; }
  .demo-client-hero h1 { font-size: clamp(36px, 11vw, 48px); }
  .demo-nav { grid-template-columns: 1fr; }
  .demo-panel { padding: 18px; }
  .demo-metrics { grid-template-columns: 1fr 1fr; }
  .demo-toolbar-actions .button { width: 100%; justify-content: center; }
}