:root {
  --cr: #A51C30; --cr-dk: #7a1020; --cr-lt: #f7eaec;
  --blk: #1E1E1E; --dk: #2d2d2d; --mid: #555; --lt: #888; --fnt: #bbb;
  --bdr: #e4e4e4; --bg: #f9f9f8; --wh: #fff; --grn: #005F51;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: 'EB Garamond', Georgia, serif; font-size: 18px; line-height: 1.78; color: var(--blk); background: var(--wh); -webkit-font-smoothing: antialiased; }
a { color: var(--cr); text-decoration: none; }
a:hover { text-decoration: underline; }
p + p { margin-top: 14px; }

/* NAV */
nav { position: sticky; top: 0; background: rgba(255,255,255,.97); backdrop-filter: blur(8px); border-bottom: 1px solid var(--bdr); z-index: 100; }
.ni { max-width: 1080px; margin: 0 auto; padding: 0 32px; display: flex; align-items: center; justify-content: space-between; height: 60px; }
.nl { display: flex; align-items: stretch; gap: 11px; text-decoration: none; }
.nl-r { width: 3px; background: var(--cr); border-radius: 2px; flex-shrink: 0; }
.nl-t { display: flex; flex-direction: column; justify-content: center; gap: 1px; }
.nl-a { font-family: 'Inter', sans-serif; font-size: 20px; font-weight: 700; color: var(--blk); letter-spacing: 2px; line-height: 1; }
.nl-a span { color: var(--cr); }
.nl-s { font-family: 'Inter', sans-serif; font-size: 7.5px; font-weight: 500; color: #444; letter-spacing: 1.8px; text-transform: uppercase; }
.nav-links { display: flex; gap: 26px; align-items: center; }
.nav-links a { font-family: 'Inter', sans-serif; font-size: 13px; color: var(--mid); font-weight: 500; position: relative; padding-bottom: 3px; transition: color .2s; }
.nav-links a::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 1.5px; background: var(--cr); transition: width .22s ease; }
.nav-links a:hover { color: var(--cr); text-decoration: none; }
.nav-links a:hover::after { width: 100%; }
.nav-links a.nav-active { color: var(--cr); font-weight: 600; }
.nav-links a.nav-active::after { width: 100%; }

/* NOTICE */
.notice { background: var(--cr-lt); border-bottom: 1px solid #e8bfc5; padding: 9px 32px; text-align: center; font-family: 'Inter', sans-serif; font-size: 12px; color: #7a1020; }

/* LAYOUT */
section { padding: 88px 32px; }
.cx { max-width: 1080px; margin: 0 auto; }
.lbl { font-family: 'Inter', sans-serif; font-size: 10.5px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--cr); margin-bottom: 16px; }
h2 { font-size: 32px; font-weight: 400; color: var(--blk); line-height: 1.26; margin-bottom: 20px; }
.lead { font-size: 19px; color: #444; max-width: 760px; margin-bottom: 14px; line-height: 1.75; }
.body-t { font-size: 16px; color: #444; line-height: 1.82; }

/* HERO */
.hero {
  padding: 104px 32px 88px;
  border-bottom: 1px solid var(--bdr);
  background: #f5f1ea;
  position: relative;
  overflow: hidden;
}
.hero-bg {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-image: url('hero-map.png');
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: 0;
}
.hero-bg::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 55%;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 60%, rgba(255,255,255,1) 100%);
}
.hero-bg::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 70%, rgba(255,255,255,0.3) 100%);
}
.hero .cx {
  position: relative;
  z-index: 1;
}
.h-ey { font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--cr); margin-bottom: 28px; display: flex; align-items: center; gap: 14px; }
.h-ey::after { content: ''; flex: 1; height: 1px; background: var(--bdr); }
.hero h1 { font-size: 50px; font-weight: 400; line-height: 1.15; color: var(--blk); max-width: 820px; margin-bottom: 24px; letter-spacing: -.5px; }
.hero h1 em { font-style: italic; color: var(--cr); }
.h-desc { font-family: 'Inter', sans-serif; font-size: 15px; color: var(--cr); font-weight: 600; letter-spacing: .2px; margin-bottom: 20px; }
.h-sub { font-size: 19px; color: #444; max-width: 680px; line-height: 1.72; margin-bottom: 36px; }
.h-btns { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 60px; }
.bp { background: var(--cr); color: #fff; padding: 13px 28px; border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 600; transition: background .2s; }
.bp:hover { background: var(--cr-dk); text-decoration: none; }
.bs { background: transparent; color: var(--cr); padding: 13px 28px; border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 600; border: 1.5px solid var(--cr); transition: background .2s; }
.bs:hover { background: var(--cr-lt); text-decoration: none; }
.h-stats { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--bdr); border-left: 1px solid var(--bdr); background: rgba(255,255,255,0.92); }
.h-stat { padding: 22px 24px; border-right: 1px solid var(--bdr); border-bottom: 1px solid var(--bdr); background: rgba(255,255,255,0.92); backdrop-filter: blur(4px); }
.h-stat-n { font-family: 'Inter', sans-serif; font-size: 24px; font-weight: 700; color: var(--blk); line-height: 1; margin-bottom: 6px; }
.h-stat-d { font-family: 'Inter', sans-serif; font-size: 12px; color: var(--lt); line-height: 1.45; }

/* PULL */
.pull { background: var(--cr); padding: 56px 32px; text-align: center; }
.pull blockquote { font-size: 21px; color: #fff; font-style: italic; max-width: 760px; margin: 0 auto; line-height: 1.52; }
.pull cite { display: block; font-family: 'Inter', sans-serif; font-size: 12px; color: rgba(255,255,255,.6); margin-top: 14px; font-style: normal; }

/* BG */
.bg-alt { background: var(--bg); }

/* TWO COL */
.two { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; margin-top: 32px; }
.col h3 { font-size: 19px; font-weight: 400; font-style: italic; color: var(--blk); margin-bottom: 12px; line-height: 1.3; }
.col p { font-size: 16px; color: #444; line-height: 1.82; margin-bottom: 12px; }

/* QUOTE BOX */
.qb { background: var(--cr-lt); border-left: 4px solid var(--cr); padding: 20px 24px; margin: 28px 0; border-radius: 0 6px 6px 0; max-width: 780px; }
.qb p { font-size: 17px; color: var(--dk); font-style: italic; margin-bottom: 8px; line-height: 1.7; }
.qb cite { font-family: 'Inter', sans-serif; font-size: 12px; color: var(--cr); font-style: normal; font-weight: 600; }

/* THEORY OF CHANGE */
.toc-steps { display: flex; align-items: stretch; overflow-x: auto; margin-top: 28px; }
.toc-step { flex: 1; min-width: 110px; padding: 22px 18px; border: 1px solid var(--bdr); border-right: none; background: var(--wh); }
.toc-step:last-child { border-right: 1px solid var(--bdr); }
.toc-step.hl { background: var(--cr); border-color: var(--cr); }
.toc-n { font-family: 'Inter', sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--fnt); margin-bottom: 8px; }
.toc-step.hl .toc-n { color: rgba(255,255,255,.5); }
.toc-step h4 { font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 700; color: var(--blk); margin-bottom: 5px; line-height: 1.3; }
.toc-step.hl h4 { color: #fff; }
.toc-step p { font-family: 'Inter', sans-serif; font-size: 12px; color: var(--mid); line-height: 1.55; margin: 0; }
.toc-step.hl p { color: rgba(255,255,255,.75); }
.toc-arrow { display: flex; align-items: center; padding: 22px 8px; color: var(--fnt); font-size: 14px; flex-shrink: 0; background: var(--wh); border-top: 1px solid var(--bdr); border-bottom: 1px solid var(--bdr); }
.toc-note { margin-top: 16px; padding: 13px 16px; background: var(--cr-lt); border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 13px; color: #7a1020; line-height: 1.6; max-width: 720px; }

/* WORKFLOW */
.wf { display: flex; align-items: stretch; gap: 0; margin-top: 32px; flex-wrap: wrap; }
.wf-step { flex: 1; min-width: 140px; background: var(--wh); border: 1px solid var(--bdr); border-right: none; padding: 22px 18px; }
.wf-step:last-child { border-right: 1px solid var(--bdr); }
.wf-step.wf-hl { background: var(--cr); border-color: var(--cr); }
.wf-n { font-family: 'Inter', sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--fnt); margin-bottom: 8px; }
.wf-step.wf-hl .wf-n { color: rgba(255,255,255,.5); }
.wf-step h4 { font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 600; color: var(--blk); margin-bottom: 5px; }
.wf-step.wf-hl h4 { color: #fff; }
.wf-step p { font-family: 'Inter', sans-serif; font-size: 12px; color: var(--mid); line-height: 1.55; margin: 0; }
.wf-step.wf-hl p { color: rgba(255,255,255,.75); }
.wf-arrow { display: flex; align-items: center; padding: 22px 6px; color: var(--fnt); font-size: 13px; flex-shrink: 0; background: var(--wh); border-top: 1px solid var(--bdr); border-bottom: 1px solid var(--bdr); }
.wf-note { margin-top: 14px; font-family: 'Inter', sans-serif; font-size: 13px; color: var(--lt); font-style: italic; }

/* OUR ROLE */
.role-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 2px; background: var(--bdr); margin-top: 32px; }
.role-item { background: var(--wh); padding: 28px 24px; }
.role-num { font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--cr); margin-bottom: 12px; }
.role-item h3 { font-size: 20px; font-weight: 400; color: var(--blk); margin-bottom: 10px; line-height: 1.25; }
.role-item p { font-family: 'Inter', sans-serif; font-size: 14px; color: var(--mid); line-height: 1.68; margin: 0; }

/* LINEAGE LOGOS */
.og { display: grid; grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); gap: 14px; margin-top: 24px; }
.oc { background: var(--wh); border: 1px solid var(--bdr); border-radius: 4px; padding: 18px 14px; display: flex; flex-direction: column; gap: 10px; }
.ob { height: 48px; width: 48px; display: flex; align-items: center; justify-content: center; background: #f5f5f5; border-radius: 4px; padding: 8px; }
.ob img { max-height: 32px; max-width: 32px; width: auto; height: auto; object-fit: contain; }
.ol { font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 700; color: var(--cr); display: flex; align-items: center; gap: 4px; }
.od { font-family: 'Inter', sans-serif; font-size: 12px; color: var(--mid); line-height: 1.55; }

/* HOW WE WORK */
.how-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 28px; }
.how-item { padding: 22px; border: 1px solid var(--bdr); border-radius: 4px; background: var(--wh); }
.how-num { font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--cr); margin-bottom: 8px; }
.how-item h3 { font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 600; color: var(--blk); margin-bottom: 7px; }
.how-item p { font-family: 'Inter', sans-serif; font-size: 13px; color: var(--mid); line-height: 1.62; margin: 0; }

/* WHO WE SERVE */
.serve { display: grid; grid-template-columns: repeat(auto-fill,minmax(240px,1fr)); gap: 16px; margin-top: 28px; }
.sv { background: var(--wh); border: 1px solid var(--bdr); border-radius: 4px; padding: 22px; }
.sv h3 { font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 600; color: var(--blk); margin-bottom: 7px; display: flex; align-items: center; gap: 7px; }
.sv p { font-family: 'Inter', sans-serif; font-size: 13px; color: var(--mid); line-height: 1.62; margin: 0; }

/* WHAT WE BUILD */
.build { display: grid; grid-template-columns: repeat(auto-fill,minmax(230px,1fr)); gap: 14px; margin-top: 28px; }
.bi { background: var(--wh); border: 1px solid var(--bdr); border-radius: 4px; padding: 20px; }
.bt { display: inline-block; font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 3px 8px; border-radius: 3px; margin-bottom: 10px; }
.bt-a { background: #e8f5ee; color: #1a5c38; }
.bt-p { background: var(--cr-lt); color: var(--cr); }
.bt-f { background: #f4f4f4; color: #888; }
.bi h3 { font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 600; color: var(--blk); margin-bottom: 5px; }
.bi p { font-family: 'Inter', sans-serif; font-size: 13px; color: var(--mid); line-height: 1.58; margin: 0; }

/* WHY INDIA + WHY NOW grids */
.wg { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: 14px; margin-top: 24px; }
.wc { background: var(--wh); border: 1px solid var(--bdr); border-radius: 4px; padding: 20px; }
.wl { font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--cr); margin-bottom: 5px; }
.wt { font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 600; color: var(--blk); margin-bottom: 5px; }
.wx { font-family: 'Inter', sans-serif; font-size: 13px; color: var(--mid); line-height: 1.6; }
.wc-d { background: var(--cr); border-color: var(--cr); }
.wc-d .wl { color: rgba(255,255,255,.55); }
.wc-d .wt { color: #fff; font-size: 26px; font-weight: 700; }
.wc-d .wx { color: rgba(255,255,255,.75); }

/* POLICY */
.pw { background: var(--blk); padding: 64px 32px; }
.pi { max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
.pw h2 { color: #fff; font-size: 27px; margin-bottom: 14px; }
.pw p { font-family: 'Inter', sans-serif; font-size: 14px; color: #aaa; line-height: 1.78; margin-bottom: 10px; }
.pp { font-size: 18px; color: #ddd; font-style: italic; padding: 16px 0; border-top: 1px solid #333; border-bottom: 1px solid #333; margin: 18px 0; line-height: 1.5; }
.pb { background: #191919; border: 1px solid #2a2a2a; border-radius: 4px; padding: 15px 16px; margin-bottom: 10px; }
.pb-l { font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--cr); margin-bottom: 5px; }
.pb-t { font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 600; color: #fff; margin-bottom: 4px; }
.pb-x { font-family: 'Inter', sans-serif; font-size: 12px; color: #666; line-height: 1.5; }

/* STATUS */
.sw { background: var(--cr-lt); border-left: 4px solid var(--cr); padding: 18px 22px; border-radius: 0 6px 6px 0; max-width: 740px; margin-bottom: 32px; }
.sw p { font-size: 17px; color: var(--dk); margin: 0; line-height: 1.72; }
.sg { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.sc h3 { font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: var(--blk); margin-bottom: 14px; padding-bottom: 8px; border-bottom: 2px solid var(--bdr); }
.sr { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 9px; }
.dy { width: 7px; height: 7px; border-radius: 50%; background: var(--grn); margin-top: 8px; flex-shrink: 0; }
.dn { width: 7px; height: 7px; border-radius: 50%; background: #ccc; margin-top: 8px; flex-shrink: 0; }
.sr p { font-family: 'Inter', sans-serif; font-size: 13px; color: var(--mid); margin: 0; line-height: 1.62; }

/* RESPONSES */
.rg { display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: 16px; }
.rc { background: var(--wh); border: 1px solid var(--bdr); border-radius: 4px; padding: 24px; }
.ro { font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--cr); margin-bottom: 10px; }
.rq { font-size: 17px; color: var(--dk); font-style: italic; line-height: 1.68; }
.rn { font-family: 'Inter', sans-serif; font-size: 12px; color: var(--fnt); margin-top: 10px; }

/* ABOUT */
.ag { display: grid; grid-template-columns: 190px 1fr 1fr; gap: 40px; align-items: start; }
.ap { width: 175px; height: 175px; object-fit: cover; object-position: top; border-radius: 6px; border: 1px solid var(--bdr); }
.an { font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 700; color: var(--blk); margin: 12px 0 2px; }
.at { font-family: 'Inter', sans-serif; font-size: 12px; color: var(--cr); margin-bottom: 12px; }
.socials { display: flex; gap: 7px; flex-wrap: wrap; }
.sb { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 1px solid var(--bdr); border-radius: 4px; color: #666; text-decoration: none; font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 700; transition: all .2s; }
.sb:hover { border-color: var(--cr); color: var(--cr); text-decoration: none; }
.cl { display: flex; flex-direction: column; gap: 12px; }
.ce { padding: 13px 15px; background: var(--bg); border: 1px solid var(--bdr); border-radius: 4px; }
.ce-t { font-family: 'Inter', sans-serif; font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .8px; color: var(--cr); margin-bottom: 5px; }
.ce-x { font-family: 'Inter', sans-serif; font-size: 13px; color: var(--mid); line-height: 1.6; }
.adiv { width: 30px; height: 2.5px; background: var(--cr); margin: 16px 0; }

/* CONTINUE CONVERSATION */
.conv { background: var(--bg); border-top: 1px solid var(--bdr); border-bottom: 1px solid var(--bdr); padding: 88px 32px; }
.conv-inner { max-width: 680px; margin: 0 auto; text-align: center; }
.conv h2 { font-size: 34px; font-weight: 400; color: var(--blk); margin-bottom: 20px; line-height: 1.25; }
.conv p { font-size: 17px; color: #444; line-height: 1.78; margin-bottom: 12px; }
.conv-btns { display: flex; flex-direction: column; align-items: center; gap: 14px; margin-top: 36px; }
.conv-primary { background: var(--cr); color: #fff; padding: 14px 32px; border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 600; letter-spacing: .2px; transition: background .2s; display: inline-block; }
.conv-primary:hover { background: var(--cr-dk); text-decoration: none; }
.conv-secondary { font-family: 'Inter', sans-serif; font-size: 14px; color: var(--lt); }
.conv-secondary a { color: var(--cr); }

/* CTA */
.ctaw { background: var(--cr); padding: 80px 32px; }
.ctai { max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: 1fr 280px; gap: 48px; align-items: start; }
.ctaw h2 { color: #fff; font-size: 30px; margin-bottom: 16px; line-height: 1.25; }
.ctaw p { font-family: 'Inter', sans-serif; font-size: 15px; color: rgba(255,255,255,.8); margin-bottom: 12px; line-height: 1.7; }
.cta-btns { display: flex; flex-direction: column; gap: 10px; margin-top: 22px; }
.bw { background: #fff; color: var(--cr); padding: 13px 24px; border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 700; display: inline-block; text-align: center; }
.bw:hover { background: #f7eaec; text-decoration: none; }
.bgh { background: transparent; color: rgba(255,255,255,.8); padding: 13px 24px; border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 600; border: 1px solid rgba(255,255,255,.35); display: inline-block; text-align: center; }
.bgh:hover { color: #fff; text-decoration: none; }
.ca { background: rgba(0,0,0,.18); border: 1px solid rgba(255,255,255,.18); border-radius: 6px; padding: 22px; }
.ca h3 { font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 700; color: #fff; margin-bottom: 12px; }
.ca p { font-family: 'Inter', sans-serif; font-size: 13px; color: rgba(255,255,255,.55); margin-bottom: 5px; }
.ca a { font-family: 'Inter', sans-serif; color: rgba(255,255,255,.8); font-size: 13px; display: block; margin-bottom: 6px; }
.ca a:hover { color: #fff; text-decoration: none; }

/* FOOTER */
footer { background: #f8f6f3; border-top: 1px solid #e8e4e0; padding: 36px 32px; }
.fi { max-width: 1080px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; }
.fl { display: flex; align-items: stretch; gap: 10px; text-decoration: none; }
.fr { width: 3px; background: var(--cr); border-radius: 2px; }
.ft { display: flex; flex-direction: column; justify-content: center; gap: 2px; }
.fa { font-family: 'Inter', sans-serif; font-size: 17px; font-weight: 700; color: var(--blk); letter-spacing: 2px; line-height: 1; }
.fa span { color: var(--cr); }
.fs { font-family: 'Inter', sans-serif; font-size: 7.5px; font-weight: 500; color: #444; letter-spacing: 1.8px; text-transform: uppercase; }
.flinks { display: flex; gap: 8px; }
.flink { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid #ddd; border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 10.5px; font-weight: 700; color: #666; text-decoration: none; transition: all .2s; }
.flink:hover { color: var(--cr); border-color: var(--cr); text-decoration: none; }
.fc { font-family: 'Inter', sans-serif; font-size: 11px; color: #bbb; width: 100%; margin-top: 4px; }


.og { display: grid; grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); gap: 14px; margin-top: 24px; }
.oc { background: var(--wh); border: 1px solid var(--bdr); border-radius: 4px; padding: 18px 14px; display: flex; flex-direction: column; gap: 10px; }
.ob { height: 48px; width: 48px; display: flex; align-items: center; justify-content: center; background: #f5f5f5; border-radius: 4px; padding: 8px; }
.ob img { max-height: 32px; max-width: 32px; width: auto; height: auto; object-fit: contain; }
.ol { font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 700; color: var(--cr); display: flex; align-items: center; gap: 4px; }
.od { font-family: 'Inter', sans-serif; font-size: 12px; color: var(--mid); line-height: 1.55; }

@media(max-width:740px) {
  .hero h1 { font-size: 32px; }
  .h-stats { grid-template-columns: repeat(2,1fr); }
  .two, .role-grid, .how-grid, .pi, .sg, .ag, .ctai { grid-template-columns: 1fr; }
  .nav-links { display: none; }
  section { padding: 60px 20px; }
  .hero { padding: 68px 20px 56px; }
  .toc-steps, .wf { flex-direction: column; }
  .toc-arrow, .wf-arrow { display: none; }
  .wf-step { border-right: 1px solid var(--bdr); border-bottom: none; }
  .wf-step:last-child { border-bottom: 1px solid var(--bdr); }
  .conv-inner { text-align: left; }
  .conv-btns { align-items: flex-start; }
}