// itin.jsx
function Itin() {
  return (
    <section className="itin" id="itin" data-screen-label="ITIN Service">
      <div className="wrap">
        <div className="itin-grid">
          <div className="itin-left">
            <Eyebrow>ITIN Done 4 You</Eyebrow>
            <h2 style={{ marginTop: 14, marginBottom: 0 }}>
              Erst mit der ITIN<br/>
              <span className="accent">öffnet sich das<br/>US-Finanzsystem</span> richtig.
            </h2>
            <p className="lead">
              LLC und EIN sind die Basis. Aber die <strong style={{ color: 'var(--ink)' }}>richtigen Kreditkarten, Credit Lines und Premium-Banking</strong> bekommst du erst mit einer ITIN. Deshalb: immer direkt mitstarten — IRS braucht 6–14 Wochen.
            </p>

            <div className="itin-features">
              <div className="f">
                <div className="ic">01</div>
                <div>
                  <div className="t">Bearbeitungszeit IRS: 6–14 Wochen</div>
                  <div className="d">Genau deshalb direkt bei der LLC-Gründung mitbestellen. Wer später nachzieht, verliert Monate — und blockiert den Zugang zu US-Kreditkarten & Banking in der entscheidenden Aufbau-Phase.</div>
                </div>
              </div>
              <div className="f">
                <div className="ic">02</div>
                <div>
                  <div className="t">Volles Potenzial deiner LLC freischalten</div>
                  <div className="d">Ohne ITIN: nur Basic Banking. Mit ITIN: Amex Business, Chase Ink, Brex, Credit Lines, Business Loans, Real Estate Investments. Die Tür zu echtem US-Finanzsystem.</div>
                </div>
              </div>
              <div className="f">
                <div className="ic">03</div>
                <div>
                  <div className="t">Certified Acceptance Agent — kein Reisepass-Versand</div>
                  <div className="d">Wir beglaubigen direkt beim Notar in Deutschland. Kein Original-Pass muss in die USA, keine wochenlange Wartezeit ohne Ausweis.</div>
                </div>
              </div>
              <div className="f">
                <div className="ic">04</div>
                <div>
                  <div className="t">Detaillierte Anleitung im Business Funding Blueprint</div>
                  <div className="d">Sobald deine ITIN da ist: Schritt-für-Schritt Playbook welche Karten, welche Konten, welche Reihenfolge. Für individuelle Fragen buchst du einfach eine 1:1 Beratung.</div>
                </div>
              </div>
            </div>

            <div style={{ display: 'flex', gap: 12, flexWrap: 'wrap' }}>
              <a href="itin.html" className="btn btn-primary">Alle Details zur ITIN <Arrow /></a>
              <a href="checkout.html?p=llc-itin" className="btn btn-ghost">ITIN-Paket buchen</a>
            </div>
          </div>

          <div className="itin-right">
            <div className="itin-card-head">
              <div className="t">ITIN Done 4 You</div>
              <div className="chip accent">IRS · 6–14 Wochen</div>
            </div>

            <div>
              <div className="summary-title" style={{ marginBottom: 6 }}>Einmalig</div>
              <div className="itin-price">
                <span className="p"><span className="cur">€</span>399</span>
                <span style={{ fontFamily: 'var(--mono)', fontSize: 12, color: 'var(--ink-3)' }}>Stand-alone</span>
              </div>
              <div style={{ fontFamily: 'var(--mono)', fontSize: 11, color: 'var(--accent)', letterSpacing: '0.08em', textTransform: 'uppercase', marginTop: 6 }}>
                Add-On zur LLC: nur 339 €
              </div>
            </div>

            <div className="itin-doc-ph">
              <div>
                <div className="doc-tag">IRS · Form W-7</div>
                <div className="doc-id">Application No. 9XX-XX-####</div>
              </div>
              <div className="doc-name" style={{ fontStyle: 'italic' }}>Individual Taxpayer<br/>Identification Number</div>
              <div className="doc-stamp">Approved ✓</div>
            </div>

            <ul style={{ listStyle: 'none', padding: 0, margin: 0, display: 'flex', flexDirection: 'column', gap: 10 }}>
              <li style={{ display: 'flex', gap: 12, fontSize: 14 }}><span className="check"></span> W-7 + Notar-Beglaubigung (CAA)</li>
              <li style={{ display: 'flex', gap: 12, fontSize: 14 }}><span className="check"></span> IRS-Einreichung & Follow-up</li>
              <li style={{ display: 'flex', gap: 12, fontSize: 14 }}><span className="check"></span> Bonus: Funding Blueprint & Community</li>
              <li style={{ display: 'flex', gap: 12, fontSize: 14 }}><span className="check"></span> 1:1 Support bis ITIN im Briefkasten</li>
            </ul>
          </div>
        </div>
      </div>
    </section>
  );
}
window.Itin = Itin;