// Thesis.jsx — "Every ad rupee is dry powder" section

const thesisStyles = {
  section: { padding: '96px 0', background: 'var(--ink-50)', borderTop: '1px solid var(--border)', borderBottom: '1px solid var(--border)' },
  container: { maxWidth: 'var(--container-max)', margin: '0 auto', padding: '0 var(--container-pad)' },
  eyebrow: { fontFamily: 'var(--font-mono)', fontSize: 11, letterSpacing: '0.14em', textTransform: 'uppercase', color: 'var(--fg-muted)', fontWeight: 500, marginBottom: 28 },
  h: {
    fontFamily: 'var(--font-display)', fontWeight: 400,
    fontSize: 'clamp(36px, 5.5vw, 76px)',
    lineHeight: 0.92, letterSpacing: '-0.015em',
    textTransform: 'uppercase',
    color: 'var(--ink-1000)', textWrap: 'balance',
    maxWidth: '18ch', margin: 0,
  },
  hSub: { fontFamily: 'var(--font-sans)', fontWeight: 400, fontSize: 20, lineHeight: 1.45, color: 'var(--fg-muted)', textTransform: 'none', marginTop: 20, maxWidth: '52ch' },
  cols: { display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 40, marginTop: 72, paddingTop: 32, borderTop: '1px solid var(--border)' },
  num: { fontFamily: 'var(--font-mono)', fontSize: 12, letterSpacing: '0.12em', color: 'var(--powder-500)', fontWeight: 500, marginBottom: 12 },
  colH: { fontFamily: 'var(--font-sans)', fontWeight: 600, fontSize: 20, lineHeight: 1.3, marginBottom: 10 },
  colP: { fontFamily: 'var(--font-sans)', fontSize: 15, lineHeight: 1.55, color: 'var(--fg-muted)' },
};

function Thesis() {
  return (
    <section id="thesis" style={thesisStyles.section}>
      <div style={thesisStyles.container}>
        <div style={thesisStyles.eyebrow}>01 · The thesis</div>
        <h2 style={thesisStyles.h}>Every ad rupee is dry powder.</h2>
        <p style={thesisStyles.hSub}>
          We treat your ad budget like a trader treats capital — position-sized, patient,
          deployed at the right moment.
        </p>

        <div style={thesisStyles.cols}>
          <div>
            <div style={thesisStyles.num}>01 · Position</div>
            <h3 style={thesisStyles.colH}>Size the bet to the conviction.</h3>
            <p style={thesisStyles.colP}>
              Every campaign starts at ₹15,000 / week — the smallest spend that produces
              statistically meaningful data. We only scale what beats the benchmark twice.
            </p>
          </div>
          <div>
            <div style={thesisStyles.num}>02 · Aim</div>
            <h3 style={thesisStyles.colH}>One geography, one offer, one hook.</h3>
            <p style={thesisStyles.colP}>
              Indian SMBs lose money trying to look national. We pick a 25-km radius,
              one lead-magnet offer, and one creative hook — and read the numbers honestly.
            </p>
          </div>
          <div>
            <div style={thesisStyles.num}>03 · Discipline</div>
            <h3 style={thesisStyles.colH}>Cut losers. Re-load winners.</h3>
            <p style={thesisStyles.colP}>
              Every Friday we close anything below the CPL floor. Every Monday we
              redeploy the unspent dry powder behind whatever's working.
            </p>
          </div>
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { Thesis });