/* ── ADSSARTHI SHARED STYLES ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#FFFFFF;--bg2:#FAFAF7;--bg3:#F5F4EE;
  --ink:#0A0A0A;--ink2:#1F1F1F;
  --muted:#6B7280;--muted2:#9CA3AF;
  --line:#E5E7EB;--line2:#D4D4D8;
  --saffron:#FF6B00;--saffron2:#FF8533;--saffron-dim:#FFF4EC;
  --green:#16A34A;--green-dim:#ECFDF5;
  --blue:#2563EB;--blue-dim:#EFF6FF;
  --amber:#D97706;--amber-dim:#FFFBEB;
  --red:#DC2626;--red-dim:#FEF2F2;
  --dark:#0A0E1A;--dark2:#111827;
  --shadow-sm:0 1px 2px rgba(0,0,0,.04);
  --shadow:0 4px 16px rgba(0,0,0,.06);
  --shadow-lg:0 24px 64px -12px rgba(0,0,0,.18);
  --shadow-xl:0 32px 100px -20px rgba(0,0,0,.25);
  --radius:14px;--radius-lg:20px;
}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--ink);line-height:1.55;letter-spacing:-.005em}

.india-strip{height:3px;background:linear-gradient(90deg,#FF9933 33.33%,#FFFFFF 33.33% 66.66%,#138808 66.66%);position:fixed;top:0;left:0;right:0;z-index:300}

nav{position:fixed;top:3px;left:0;right:0;z-index:200;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid transparent;height:64px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:all .25s}
nav.scrolled{background:rgba(255,255,255,.97);border-bottom-color:var(--line)}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none}
.logo-mark{width:32px;height:32px;background:linear-gradient(135deg,var(--saffron) 0%,#FF4500 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;color:#fff;flex-shrink:0;box-shadow:0 2px 8px rgba(255,107,0,.25)}
.logo-name{font-size:1.08rem;font-weight:800;color:var(--ink);letter-spacing:-.4px}
.logo-name em{color:var(--saffron);font-style:normal}
.nav-links{display:flex;gap:32px;list-style:none}
.nav-links a{color:var(--ink);text-decoration:none;font-size:.88rem;font-weight:500;transition:color .15s}
.nav-links a:hover,.nav-links a.active{color:var(--saffron)}
.nav-right{display:flex;align-items:center;gap:8px}
.nav-login{color:var(--ink);text-decoration:none;font-size:.88rem;font-weight:500;padding:8px 14px;border-radius:8px;transition:background .15s}
.nav-login:hover{background:var(--bg2)}
.nav-cta{background:var(--ink);color:#fff;text-decoration:none;padding:9px 18px;border-radius:8px;font-size:.86rem;font-weight:600;transition:all .2s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.nav-cta:hover{background:var(--saffron)}
@media(max-width:880px){.nav-links{display:none}.nav-login{display:none}}

/* PAGE HERO */
.page-hero{padding:140px 5% 64px;text-align:center;background:var(--bg);position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;top:0;left:50%;width:1000px;height:400px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(255,107,0,.06) 0%,transparent 70%);pointer-events:none}
.page-badge{display:inline-flex;align-items:center;gap:6px;background:var(--saffron-dim);color:var(--saffron);font-size:.74rem;font-weight:700;padding:5px 14px;border-radius:100px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:18px;position:relative}
.page-hero h1{font-size:clamp(2.4rem,5.5vw,4.4rem);font-weight:800;line-height:1.05;letter-spacing:-2.2px;max-width:840px;margin:0 auto 18px;color:var(--ink);position:relative}
.page-hero h1 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--saffron)}
.page-hero p{color:var(--muted);font-size:1.12rem;max-width:560px;margin:0 auto;line-height:1.6;position:relative}

/* BUTTONS */
.btn-primary{background:var(--ink);color:#fff;padding:13px 26px;border-radius:10px;font-weight:600;font-size:.92rem;border:none;cursor:pointer;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center;gap:8px}
.btn-primary:hover{background:var(--saffron);transform:translateY(-1px);box-shadow:0 6px 20px rgba(255,107,0,.25)}
.btn-ghost{background:transparent;color:var(--ink);padding:13px 26px;border-radius:10px;font-weight:600;font-size:.92rem;border:1px solid var(--line2);cursor:pointer;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center;gap:8px}
.btn-ghost:hover{background:var(--bg2);border-color:var(--ink)}

/* SECTION */
.section{padding:96px 5%;max-width:1100px;margin:0 auto}
.section-narrow{max-width:920px}
.section-head{text-align:center;max-width:680px;margin:0 auto 56px}
.section-label{display:inline-block;font-size:.74rem;font-weight:600;color:var(--saffron);background:var(--saffron-dim);padding:5px 12px;border-radius:100px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:18px}
.section-title{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:18px;color:var(--ink)}
.section-title em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--saffron)}
.section-desc{color:var(--muted);font-size:1.05rem;line-height:1.65;max-width:580px;margin:0 auto}

/* FOOTER */
.footer{background:var(--bg);border-top:1px solid var(--line);padding:64px 5% 24px;margin-top:96px}
.footer-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:48px}
@media(max-width:880px){.footer-inner{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:520px){.footer-inner{grid-template-columns:1fr 1fr}}
.footer-brand p{font-size:.85rem;color:var(--muted);margin:14px 0 22px;line-height:1.65;max-width:280px}
.social-links{display:flex;gap:8px}
.social-btn{width:34px;height:34px;border-radius:8px;background:var(--bg2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:.95rem;text-decoration:none;color:var(--ink);transition:all .15s}
.social-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.footer-col-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:18px}
.footer-links-list{display:flex;flex-direction:column;gap:11px;list-style:none}
.footer-links-list a{color:var(--ink);text-decoration:none;font-size:.88rem;font-weight:500;transition:color .15s}
.footer-links-list a:hover{color:var(--saffron)}
.footer-bottom{max-width:1100px;margin:48px auto 0;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}
.footer-copy{font-size:.8rem;color:var(--muted)}
.footer-meta{font-size:.78rem;color:var(--muted)}

/* ANIMATION */
.fade-up{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.fade-up.visible{opacity:1;transform:translateY(0)}

@media(max-width:640px){.section{padding:64px 5%}.page-hero{padding:100px 5% 48px}}

/* A11Y_V1 — WCAG 2.1 AA additive patch */
:root{
  /* darker saffron for body text on white (4.91:1 on #FFFFFF) */
  --saffron-text:#D75800;
}
.skip-link{
  position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;
  background:#0A0A0A;color:#fff;padding:10px 16px;border-radius:8px;
  font-weight:600;text-decoration:none;z-index:10000;
}
.skip-link:focus{
  left:16px;top:10px;width:auto;height:auto;outline:2px solid #FF6B00;outline-offset:2px;
}
/* Restore visible focus that some buttons strip via outline:none */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible,
[role="tab"]:focus-visible,
.pill:focus-visible,
.demo-tab:focus-visible,
.social-btn:focus-visible,
.btn-primary:focus-visible,
.btn-ghost:focus-visible,
.nav-cta:focus-visible{
  outline:2px solid #FF6B00;
  outline-offset:2px;
  border-radius:6px;
}
/* Saffron text on white fails AA — swap to darker shade for body-size text. */
.nav-links a:hover,
.nav-links a.active,
.footer-links-list a:hover,
.logo-name em,
.section-label,
.page-badge,
.hero h1 em,
.section-title em,
.page-hero h1 em,
.hero-sub a{
  color:var(--saffron-text);
}
/* keep the dim background swatch readable */
.section-label,
.page-badge{ background:#FFE9D6; }
@media (prefers-reduced-motion: reduce){
  .fade-up{transition:none !important;opacity:1 !important;transform:none !important}
  *{scroll-behavior:auto !important}
}