/* =====================================================================
   GoodEarth Climate Investments · Sindhu Delta — shared design system
   Dark (default) + Light theme via [data-theme]
   ===================================================================== */
:root{
  color-scheme:dark;
  --bg:#0b110d;--bg-2:#0e1611;--card:#12211a;--card-2:#16281d;
  --line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.16);
  --gold:#cda052;--gold-2:#e0c38a;--gold-ink:#1a1206;
  --text:#ededed;--muted:#9aa89e;--muted-2:#7c8a80;
  --water:#57b6c6;--water-2:#8fd6e0;--water-ink:#07171b;
  /* Sindhu Delta tokens */
  --sd-band-a:#081417;--sd-band-b:#0a1a1f;
  --sd-tile:rgba(12,32,39,.5);--sd-tile-2:rgba(14,40,48,.66);
  --sd-border:rgba(87,182,198,.18);--sd-border-h:rgba(143,214,224,.45);
  --sd-h:#eafcff;--sd-t:#a7c1c5;--sd-soft:#9fb9bd;
  --shadow:0 24px 60px -30px rgba(0,0,0,.7);
  --maxw:1200px;
  --serif:"Playfair Display",Georgia,serif;
  --sans:"Inter",system-ui,-apple-system,sans-serif;
}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f6f5ef;--bg-2:#efece2;--card:#ffffff;--card-2:#faf8f1;
  --line:rgba(24,36,28,.12);--line-strong:rgba(24,36,28,.22);
  --gold:#9c6f28;--gold-2:#b98d3f;--gold-ink:#ffffff;
  --text:#182420;--muted:#5a6b5e;--muted-2:#7d8b80;
  --water:#1f7f90;--water-2:#2f97a9;--water-ink:#ffffff;
  --sd-band-a:#e9f4f5;--sd-band-b:#dfeef0;
  --sd-tile:#ffffff;--sd-tile-2:#f2f9fa;
  --sd-border:rgba(31,127,144,.22);--sd-border-h:rgba(31,127,144,.5);
  --sd-h:#0f3b43;--sd-t:#496166;--sd-soft:#5a747a;
  --shadow:0 20px 50px -28px rgba(30,50,40,.28);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:88px}
body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;
  font-size:16px;overflow-x:hidden;-webkit-font-smoothing:antialiased;
  transition:background .4s ease,color .4s ease}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
section{position:relative}

/* ---------- Scroll progress bar ---------- */
.progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:60;
  background:linear-gradient(90deg,var(--gold),var(--gold-2));transition:width .1s linear}

/* ---------- Typography ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:12px;font-weight:600;
  letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
.eyebrow::before{content:"";width:34px;height:1px;background:var(--gold);opacity:.85}
.eyebrow.center{justify-content:center}
.eyebrow.water{color:var(--water)}.eyebrow.water::before{background:var(--water)}
.display{font-family:var(--serif);font-weight:600;line-height:1.05;letter-spacing:-.01em}
h2.display{font-size:clamp(28px,4.4vw,50px)}
h3{font-family:var(--serif);font-weight:600;font-size:22px;line-height:1.2}
.lead{color:var(--muted);font-size:clamp(16px,1.5vw,19px);max-width:62ch}
.gold{color:var(--gold)}.muted{color:var(--muted)}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;font-weight:600;
  font-size:14.5px;letter-spacing:.02em;border-radius:2px;border:1px solid transparent;
  cursor:pointer;transition:.25s ease}
.btn-primary{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}
.btn-primary:hover{background:var(--gold-2);transform:translateY(-2px);box-shadow:0 12px 26px -14px var(--gold)}
.btn-ghost{border-color:var(--line-strong);color:var(--text);background:transparent}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn-water{background:var(--water);color:var(--water-ink);border-color:var(--water)}
.btn-water:hover{filter:brightness(1.08);transform:translateY(-2px)}
.btn .ar{transition:transform .25s ease}.btn:hover .ar{transform:translateX(4px)}

/* ---------- Nav ---------- */
header{position:fixed;top:0;left:0;right:0;z-index:50;transition:.3s ease;
  background:transparent;border-bottom:1px solid transparent}
header.scrolled{background:color-mix(in srgb,var(--bg) 82%,transparent);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--serif);font-weight:600;font-size:22px;color:var(--text)}
.brand img{height:30px;width:auto}
.brand .tiny{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--water);
  font-family:var(--sans);font-weight:600;margin-top:2px;display:block}
.navwrap{display:flex;align-items:center;gap:26px}
.navlinks{display:flex;align-items:center;gap:30px}
.navlinks a{font-size:14.5px;color:var(--muted);font-weight:500;transition:.2s;position:relative}
.navlinks a:hover{color:var(--text)}
.navlinks a.active{color:var(--text)}
.navlinks a.active::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--gold)}
.navlinks a.portal{color:var(--gold);border:1px solid var(--line-strong);padding:9px 18px;border-radius:2px}
.navlinks a.portal:hover{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent)}
.theme-toggle{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong);
  background:transparent;color:var(--text);cursor:pointer;display:grid;place-items:center;transition:.25s}
.theme-toggle:hover{border-color:var(--gold);color:var(--gold);transform:rotate(12deg)}
.theme-toggle svg{width:19px;height:19px}
.theme-toggle .moon{display:none}
:root[data-theme="light"] .theme-toggle .sun{display:none}
:root[data-theme="light"] .theme-toggle .moon{display:block}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.burger span{width:24px;height:2px;background:var(--text);transition:.3s}

/* ---------- Hero (kept dark in both themes) ---------- */
.hero{min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:-2}
.hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.5}
.hero-bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(6,10,8,.5),rgba(6,10,8,.82) 55%,var(--bg) 100%),
  radial-gradient(90% 70% at 15% 30%,rgba(6,10,8,.1),rgba(6,10,8,.85))}
.hero .orb{position:absolute;border-radius:50%;filter:blur(70px);z-index:-1;opacity:.5;animation:float 14s ease-in-out infinite}
.hero .orb.a{width:380px;height:380px;background:radial-gradient(circle,var(--gold),transparent 70%);top:8%;right:6%}
.hero .orb.b{width:300px;height:300px;background:radial-gradient(circle,var(--water),transparent 70%);bottom:6%;left:-4%;animation-delay:-6s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-28px)}}
.hero h1{font-size:clamp(44px,8.2vw,102px);font-family:var(--serif);font-weight:600;line-height:.99;letter-spacing:-.02em;color:#fff}
.hero h1 .l2{color:var(--gold-2)}
.hero .lead{margin:30px 0 40px;font-size:clamp(17px,1.7vw,21px);color:#d3d9d3;max-width:60ch}
.hero .eyebrow{color:var(--gold-2)}.hero .eyebrow::before{background:var(--gold-2)}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap}
.hero.water-hero .hero-bg::after{
  background:linear-gradient(180deg,rgba(5,16,19,.55),rgba(5,16,19,.85) 55%,var(--bg) 100%),
  radial-gradient(90% 70% at 80% 20%,rgba(31,127,144,.28),rgba(5,16,19,.7))}
.hero.water-hero .eyebrow{color:var(--water-2)}.hero.water-hero .eyebrow::before{background:var(--water-2)}
.hero.water-hero h1 .l2{color:var(--water-2)}
.hero .metastrip{display:flex;gap:34px;flex-wrap:wrap;margin-top:44px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14)}
.hero .metastrip .n{font-family:var(--serif);font-size:30px;color:#fff;font-weight:600;line-height:1}
.hero .metastrip .l{font-size:12.5px;color:#b9c3ba;margin-top:6px;max-width:22ch}
.scroll-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:11px;
  letter-spacing:.25em;text-transform:uppercase;color:#9aa89e;display:flex;flex-direction:column;align-items:center;gap:10px}
.scroll-hint .bar{width:1px;height:44px;background:linear-gradient(var(--gold),transparent);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.3}50%{opacity:1}}

/* ---------- Section frame ---------- */
.band{padding:110px 0}
.band.tight{padding:84px 0}
.band.alt{background:var(--bg-2)}
.divider{height:1px;background:var(--line);max-width:var(--maxw);margin:0 auto}
.sec-head{max-width:680px}
.sec-head .lead{margin-top:18px}
.kicker-num{font-family:var(--serif);color:var(--gold);opacity:.55;font-size:15px;letter-spacing:.1em}

/* ---------- About ---------- */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.about-grid .big{font-family:var(--serif);font-size:clamp(26px,3.3vw,40px);line-height:1.18;font-weight:500}
.about-grid .big em{font-style:normal;color:var(--gold)}
.stat-row{display:flex;gap:44px;margin-top:38px;flex-wrap:wrap}
.stat .n{font-family:var(--serif);font-size:40px;color:var(--gold);font-weight:600;line-height:1}
.stat .l{font-size:13px;color:var(--muted);margin-top:8px}

/* ---------- Cards ---------- */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:34px 30px;
  transition:.3s ease;position:relative;overflow:hidden;box-shadow:var(--shadow)}
.card:hover{border-color:var(--line-strong);transform:translateY(-5px)}
.card .idx{font-family:var(--serif);font-size:14px;color:var(--gold);letter-spacing:.1em;opacity:.85}
.card h3{margin:16px 0 12px}
.card p{color:var(--muted);font-size:15px}
.card .ic{width:44px;height:44px;color:var(--gold);margin-bottom:6px}
.card .link{margin-top:20px;font-size:13.5px;font-weight:600;color:var(--gold);letter-spacing:.03em;
  display:inline-flex;gap:8px;align-items:center}
.card:hover .link .ar{transform:translateX(4px)}.card .link .ar{transition:transform .25s}
.card .topline{position:absolute;top:0;left:0;height:3px;width:0;background:var(--gold);transition:.35s ease}
.card:hover .topline{width:100%}
.card.water-card .idx,.card.water-card .ic,.card.water-card .link{color:var(--water)}
.card.water-card .topline{background:var(--water)}

/* ---------- Leadership / CEO ---------- */
.lead-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.ceo-card{border:1px solid var(--line);border-radius:8px;padding:40px;background:var(--card);
  box-shadow:var(--shadow);position:relative;overflow:hidden}
.ceo-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;
  background:linear-gradient(90deg,var(--gold),var(--water))}
.ceo-portrait{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;
  font-family:var(--serif);font-size:34px;font-weight:600;color:var(--gold-ink);
  background:linear-gradient(140deg,var(--gold-2),var(--gold));margin-bottom:22px;box-shadow:0 10px 30px -12px var(--gold)}
.ceo-card h3{font-size:26px}
.ceo-card .role{color:var(--gold);font-weight:600;font-size:14px;letter-spacing:.03em;margin:6px 0 18px}
.ceo-card p{color:var(--muted);font-size:15px}
.ceo-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.ceo-tags span{font-size:12px;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:6px 13px}
.co-founder{margin-top:24px;border:1px solid var(--line);border-radius:8px;padding:26px 30px;background:var(--card-2);display:flex;gap:20px;align-items:flex-start}
.co-founder .av{width:56px;height:56px;flex:none;border-radius:50%;display:grid;place-items:center;
  font-family:var(--serif);font-weight:600;color:var(--water-ink);background:linear-gradient(140deg,var(--water-2),var(--water))}
.co-founder h4{font-size:18px}.co-founder .role{color:var(--water);font-size:13px;font-weight:600;margin:3px 0 8px}
.co-founder p{color:var(--muted);font-size:14px}

/* ---------- Geographies ---------- */
.geo-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.checklist{list-style:none;margin-top:26px;display:grid;gap:16px}
.checklist li{display:flex;gap:14px;align-items:flex-start;color:var(--text);font-size:15.5px}
.checklist li::before{content:"";flex:none;margin-top:9px;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.geo-media{border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}
.geo-media img{height:100%;width:100%;object-fit:cover;aspect-ratio:4/5;filter:saturate(.95) brightness(.9)}

/* =====================================================================
   SINDHU DELTA components
   ===================================================================== */
.sd-band{background:
  radial-gradient(120% 90% at 85% 0%,color-mix(in srgb,var(--water) 12%,transparent),transparent 55%),
  linear-gradient(180deg,var(--bg) 0%,var(--sd-band-a) 24%,var(--sd-band-b) 76%,var(--bg) 100%);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sd-brand{display:flex;align-items:center;gap:16px;margin-bottom:26px}
.sd-mark{width:54px;height:54px;flex:none;border-radius:50%;display:grid;place-items:center;
  border:1px solid var(--sd-border-h);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--water-2) 30%,transparent),color-mix(in srgb,var(--water-ink) 40%,transparent))}
.sd-mark svg{width:27px;height:27px}
.sd-brand .nm{font-family:var(--serif);font-size:24px;font-weight:600;line-height:1.05;color:var(--text)}
.sd-brand .sb{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--water);margin-top:3px}
.sd-tag{color:var(--sd-t)}
.sd-tiles,.sd-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sd-tile{background:var(--sd-tile);border:1px solid var(--sd-border);border-radius:6px;padding:30px 26px;transition:.3s}
.sd-tile:hover{border-color:var(--sd-border-h);transform:translateY(-5px);background:var(--sd-tile-2)}
.sd-tile .ic{width:36px;height:36px;color:var(--water);margin-bottom:18px}
.sd-tile h4{font-family:var(--serif);font-size:19px;font-weight:600;margin-bottom:12px;color:var(--sd-h)}
.sd-tile p{color:var(--sd-t);font-size:14.5px}

/* stats / ppa */
.ppa{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;
  background:var(--sd-tile);border:1px solid var(--sd-border);border-radius:8px;padding:44px;box-shadow:var(--shadow)}
.ppa-stats{display:flex;gap:40px;flex-wrap:wrap}
.ppa-stats .n{font-family:var(--serif);font-size:46px;color:var(--water);font-weight:600;line-height:1}
.ppa-stats .l{font-size:13px;color:var(--sd-soft);margin-top:10px;max-width:20ch}
.ppa h3{color:var(--sd-h)}
.ppa ul{list-style:none;display:grid;gap:14px;margin-top:6px}
.ppa ul li{display:flex;gap:13px;color:var(--sd-t);font-size:15px}
.ppa ul li::before{content:"";flex:none;margin-top:8px;width:7px;height:7px;background:var(--water);transform:rotate(45deg)}
.ppa .note{margin-top:22px;font-style:italic;color:var(--sd-soft);font-size:14.5px;border-left:2px solid var(--water);padding-left:16px}

/* type cards */
.sd-types{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.type{background:var(--sd-tile);border:1px solid var(--sd-border);border-radius:6px;padding:28px 24px;transition:.3s}
.type:hover{transform:translateY(-5px);border-color:var(--sd-border-h)}
.type .tg{font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--water);text-transform:uppercase}
.type h4{font-family:var(--serif);font-size:18px;font-weight:600;margin:12px 0 6px;color:var(--sd-h);line-height:1.15}
.type .seg{font-size:12.5px;color:var(--water);letter-spacing:.02em;margin-bottom:14px;font-weight:600}
.type p{color:var(--sd-t);font-size:14px}

/* water cycle with animated flow */
.cycle{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--sd-border);border-radius:8px;overflow:hidden;background:var(--sd-tile)}
.cyc{padding:28px 20px;border-right:1px solid var(--sd-border);position:relative;transition:.3s}
.cyc:last-child{border-right:0}
.cyc:hover{background:color-mix(in srgb,var(--water) 8%,transparent)}
.cyc .st{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);
  font-size:18px;color:var(--water);border:1px solid var(--sd-border-h);margin-bottom:14px}
.cyc h5{font-size:15px;font-weight:600;margin-bottom:8px;color:var(--sd-h)}
.cyc p{font-size:12.5px;color:var(--sd-soft);line-height:1.5}
.cyc::after{content:"→";position:absolute;right:-9px;top:38px;color:var(--water);font-size:14px;z-index:2;
  background:var(--bg);width:18px;text-align:center}
.cyc:last-child::after{display:none}

/* comparison table */
.cmp-wrap{border:1px solid var(--sd-border);border-radius:8px;overflow:hidden}
.cmp{width:100%;border-collapse:collapse;font-size:14.5px}
.cmp th,.cmp td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--sd-border);vertical-align:top}
.cmp thead th{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sd-soft);background:var(--sd-tile)}
.cmp thead th:nth-child(3){color:var(--water)}
.cmp td:first-child{color:var(--sd-h);font-weight:500;width:26%}
.cmp td:nth-child(2){color:var(--sd-t);width:37%}
.cmp td:nth-child(3){color:var(--sd-h);width:37%}
.cmp tbody tr:last-child td{border-bottom:0}
.cmp .capex-col{background:color-mix(in srgb,var(--water) 8%,transparent)}
.cmp tbody tr:hover td{background:color-mix(in srgb,var(--water) 5%,transparent)}
.cmp tbody tr:hover .capex-col{background:color-mix(in srgb,var(--water) 12%,transparent)}

/* sectors */
.sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sector{border:1px solid var(--sd-border);border-radius:6px;padding:26px 24px;background:var(--sd-tile);transition:.3s}
.sector:hover{border-color:var(--sd-border-h);transform:translateY(-4px)}
.sector .ic{width:30px;height:30px;color:var(--water);margin-bottom:14px}
.sector h4{font-size:16.5px;font-weight:600;color:var(--sd-h);margin-bottom:9px}
.sector p{font-size:13.5px;color:var(--sd-t)}

/* engagement */
.engage{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.agr{border:1px solid var(--sd-border);border-radius:8px;padding:34px 32px;background:var(--sd-tile);transition:.3s}
.agr:hover{transform:translateY(-4px);border-color:var(--sd-border-h)}
.agr .code{font-family:var(--serif);font-size:34px;color:var(--water);font-weight:600}
.agr h4{font-size:19px;font-weight:600;color:var(--sd-h);margin:6px 0 4px}
.agr .model{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--water);margin-bottom:16px}
.agr p{color:var(--sd-t);font-size:14.5px}
.top-note{background:color-mix(in srgb,var(--water) 8%,transparent);border:1px solid var(--sd-border);
  border-radius:8px;padding:26px 30px;margin-top:24px}
.top-note b{color:var(--water)}.top-note span{color:var(--sd-t);font-size:14.5px}

/* engagement steps */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:44px}
.fstep{position:relative;padding:24px;border:1px solid var(--sd-border);border-radius:6px;background:var(--sd-tile)}
.fstep .n{font-family:var(--serif);font-size:15px;color:var(--water);border:1px solid var(--sd-border-h);
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin-bottom:14px}
.fstep h5{font-size:15px;color:var(--sd-h);font-weight:600}

/* why grid */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.why{padding:28px 26px;border-left:2px solid var(--water);background:var(--sd-tile);border-radius:0 6px 6px 0;transition:.3s}
.why:hover{transform:translateX(4px)}
.why h4{font-size:16.5px;font-weight:600;color:var(--sd-h);margin-bottom:10px}
.why p{font-size:14px;color:var(--sd-t)}

/* team */
.team{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.member{border:1px solid var(--sd-border);border-radius:8px;padding:32px;background:var(--sd-tile);display:flex;gap:22px}
.avatar{width:64px;height:64px;flex:none;border-radius:50%;display:grid;place-items:center;
  font-family:var(--serif);font-size:24px;color:var(--water-ink);font-weight:600;
  background:linear-gradient(140deg,var(--water-2),var(--water))}
.member h4{font-size:19px;font-weight:600;color:var(--sd-h)}
.member .role{font-size:13px;color:var(--water);letter-spacing:.03em;margin:4px 0 12px;font-weight:600}
.member p{font-size:13.8px;color:var(--sd-t)}
.consultants{margin-top:22px;border:1px dashed var(--sd-border-h);border-radius:8px;padding:26px 30px}
.consultants .h{font-size:14px;color:var(--sd-t);margin-bottom:16px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{font-size:12.5px;color:var(--sd-t);border:1px solid var(--sd-border);border-radius:999px;padding:7px 15px;background:var(--sd-tile);transition:.25s}
.chip:hover{border-color:var(--sd-border-h);color:var(--water)}

/* ---------- Contact ---------- */
.contact-inner{border:1px solid var(--line);border-radius:10px;padding:64px;text-align:center;
  background:radial-gradient(120% 120% at 50% 0%,color-mix(in srgb,var(--gold) 9%,transparent),transparent 60%),var(--card);
  box-shadow:var(--shadow)}
.contact-inner h2{font-size:clamp(30px,4.5vw,52px);margin:16px 0 20px}
.contact-inner .lead{margin:0 auto 34px}
.steps{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.step{font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:8px 16px}
.step b{color:var(--gold);margin-right:7px}
.contact-meta{display:flex;gap:36px;justify-content:center;flex-wrap:wrap;margin-top:40px;padding-top:34px;border-top:1px solid var(--line)}
.contact-meta a{color:var(--muted);font-size:14.5px;display:flex;gap:9px;align-items:center}
.contact-meta a:hover{color:var(--gold)}

/* ---------- Footer ---------- */
footer{padding:56px 0 40px;border-top:1px solid var(--line);background:var(--bg)}
.foot{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.foot .brand{font-size:19px}
.foot .fl{display:flex;gap:26px;flex-wrap:wrap}
.foot .fl a{color:var(--muted);font-size:13.5px}.foot .fl a:hover{color:var(--text)}
.copy{margin-top:30px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted-2);
  font-size:12.5px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* ---------- Reveal ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
.reveal-l{opacity:0;transform:translateX(-30px);transition:.8s ease}.reveal-l.in{opacity:1;transform:none}
.reveal-r{opacity:0;transform:translateX(30px);transition:.8s ease}.reveal-r.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal,.reveal-l,.reveal-r{opacity:1!important;transform:none!important;transition:none}
  .scroll-hint .bar,.hero .orb{animation:none}}

/* ---------- Responsive ---------- */
@media(max-width:1000px){
  .cards,.sd-tiles,.sd-pillars,.sd-types,.sectors,.why-grid,.flow{grid-template-columns:repeat(2,1fr)}
  .cycle{grid-template-columns:repeat(3,1fr)}
  .cyc:nth-child(3n){border-right:0}.cyc:nth-child(3n)::after{display:none}
  .about-grid,.geo-grid,.ppa,.engage,.team,.lead-grid{grid-template-columns:1fr;gap:36px}
  .geo-media img{aspect-ratio:16/10}
}
/* nav collapses to a hamburger early so the wider Sindhu nav never overlaps */
@media(max-width:900px){
  .navwrap{gap:14px}
  .navlinks{position:fixed;inset:74px 0 auto 0;flex-direction:column;align-items:flex-start;gap:0;
    background:color-mix(in srgb,var(--bg) 97%,transparent);backdrop-filter:blur(14px);
    padding:14px 24px 26px;border-bottom:1px solid var(--line);transform:translateY(-150%);transition:.35s ease}
  .navlinks.open{transform:none}
  .navlinks a{padding:14px 0;width:100%;font-size:16px;border-bottom:1px solid var(--line)}
  .navlinks a.active::after{display:none}
  .navlinks a.portal{margin-top:14px;border:1px solid var(--line-strong);width:100%;justify-content:center;display:flex}
  .burger{display:flex}
}
@media(max-width:680px){
  .wrap{padding:0 20px}
  .band{padding:74px 0}
  .cards,.sd-tiles,.sd-pillars,.sd-types,.sectors,.why-grid,.flow{grid-template-columns:1fr}
  .cycle{grid-template-columns:1fr 1fr}
  .cyc{border-right:1px solid var(--sd-border)!important}.cyc:nth-child(2n){border-right:0!important}
  .cyc::after{display:none!important}
  .ppa,.contact-inner,.ceo-card{padding:32px 22px}
  .cmp-scroll{overflow-x:auto}.cmp{min-width:560px}
  .stat-row{gap:26px}
  .hero .metastrip{gap:24px}
}