{{-- Bill Organizer - email verification code. Subject: "{otp} is your Bill Organizer code" --}}
@php
    $code = $user->otp;
    $name = trim((string) ($user->name ?? '')) !== '' ? $user->name : 'there';
    $otpExpiresIn = $user->otp_expires_at ? (int) ceil(now()->diffInSeconds($user->otp_expires_at, false) / 60) : null;
    $expiryText = $otpExpiresIn > 0 ? $otpExpiresIn . ' ' . ($otpExpiresIn == 1 ? 'minute' : 'minutes') : null;
    $logo = 'data:image/png;base64,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';
    $badgeLight = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAABQCAYAAAAnSfh8AAAQAElEQVR4nOydB5gUxRKA2xMTImKOKKKgYs4ZcxYxICIcYs4JA+acsyLmiCQRERUxZxRzzoqKAcGIihnB138/al9dMzs7tzczu3ev/+8bdm/ZnZmdnaqurtTNTAJGjhzZfPLkyR3//fffde2f7WaaaaY29pFtURMIBBrKeCtb4+zjOCtbn9jnY1q2bDm6U6dOv5f64Exx/3nHHXesPnXq1KPtTnvIa7///rv57bff3PbHH38YezATCATKw8qWmWOOOcycc87ptubNmxf+z8rWILtdWFtb+3bRz0e9OHjw4Pntw+V2q+XvV155xYwZM8a89dZbToADgUA2IMQrr7yy2WCDDczqq68uL5/UvXv386PeP4MADxw4sIPVCg/bbfFx48aZ66+/3nz++ecmEAjkS9u2bc0hhxxiFl3UzVSfbdas2W5du3adqN9TR4AHDBiwbE1NzUtWeFved999mNAmEAhUlr333ttsueWWPB1nhXglK8S/yv/NLE9GjBjRys53n7fCu+BVV11lHnroIRMIBCrPG2+8YWabbTbTvn37VtOmTeswfPjwofJ/NfLEOqTOtQ+t7fzXPP/88yYQCFQPyOXbbztf1k72+THyuhPgQYMGtbMPh3zxxRdm1KhRJhAIVB9XXnml+f7773l6iZ3uLsMTJ8DWbD6KxzvvvDOEhQKBKoUIUP/+/d1z66s63D3yjxXa3ZHs1157zQQCgerl1VdfNT/88AODbhf+rrGe5uXtH/O98847JhAIVD/vvfceD4tiRtdYz/Mq/PXpp5+aQCBQ/Xz22Wfu0YaUVm1mH9vyx8SJE00gEKh+vvvuO/doQ0ptEOCF+OOnn34ygUCg+hFZtVPfhZvZf1rwx59//mkCgUD18+uv/03Ess7nVjX2H1f+MGXKFBMIBKofJauz19gRGDPa/PPPPybQdFhiiSXMJptsYuabbz6TNwsssIA79uKLL26qmVatWrnzbNOmjWmsFFIpqUtsLFBuxYXPmuWXX96cccYZdbY+ffqYjTbayMw666ymmqmtrTVPPvmkWX/99U3ebLrppu7Yu+22m6lmKNfjPCkWaEzYyJF7tDJb08w0EhZbbDEnQDvssINZeOGFzXnnnWeeeuopkyUdOnQwp59+euT/kfhy8sknm5tuuglvoAlUL507dza9e/c25557rnn00UdNY0eyJe1j4xDgjTfe2Nx9991m3nnnLbw2fvx4kzUimEOGDDE33HCDe845rLfeeuaII45wtdKLLLKIOfPMM02gekH5cw/dfPPNpimg0p2rX4CPPvpoc8kll8xg4n/11VcmLyjy0KM9yuTWW281b775pjnxxBPN7bffXgiuw4ILLmiOOuoos+KKK5q///7bdTK57LLLCt5DzNqtttrKDBs2zLz77rvuNayKgw46yL2X/QuMHHD55Ze7x5NOOsl8/fXX9CkzBx98sNlss83M2LFjzYUXXmg++eSTkt+lZcuW5thjjzUrrLACiQCuwoXr64cRKV/bc889TceOHd1ckZI2rA2/uQP74xowrfnoo4/cdRHFlySvns8fc8wx7lrNMsss7ny4VqQLClhCXbt2Nffcc4+buhxwwAGmdevW7je5+OKLY/03hx12mNl2223d85133tksvfTSrs79gw8+qHOe7dq1c/vFrKYDDRbezz//XGdfCy20kPs9OFfaSfG+Sy+9tKL+o6oW4LXWWstdIB8u7NNPP20qCels11xzjRuJd9xxR1cpAquttpp57LHH3Ej94Ycfupt/1113Nfvuu68TBgSAmxDTHAE65ZRT3OfYB68hBCLAc801l7uZ+VsLMIKKgmA/OKmYc+6+++7u2HEZddyk3PR0eEAp/fXXX+64++23n9l8880LyoRzpoUSPoAXXnjBvY/pAsqUm1eUFf2bKD1FwCZPnuycViihoUOHmiQgTM8884w7nwkTJphffvnFdOrUyey///6ugB0FCTKVWXbZZd35cp6rrrqqU4Ibbrih2X777YseAwHmc4AAs7FfBFhgX4ceeqhThCuttJJTipzHGmus4QQVVlllFfP444+7683159p36dLFHZvrL/PSvKkxVQojLho/iijtmAU1NfGXBw0M888/v3uceeaZXbUIwovWX2655dzIirDhFb722mvd+5577jl3Y9D3SOCGRQjat2/vRhdA4OHhhx+uc1xGO0Zfbmz2f8EFFxRG1jgYHRGWHj16mCWXXNIdC0cTI8uNN95YeB8Wwrfffmt22mknN13AYchnEFhGKeHII49058DvxI3NTb7mmms6IUsCx+R8UCA8cr122WUX58XG3PWtLs6XKcvaa6/trjlKdLvttjPrrrtu0WOwT4QT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';
    $badgeDark = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAABQCAYAAAAnSfh8AAAQAElEQVR4nOydBbgUVRSAL4iFhaKoiIiI3d3dYne3YH52dydgt2ILYnd3d4sKCFKKqIgIigrOf93zvvPum52Z3Z3ZmQf3/77Rfcvu7OzsPfeevq1MMloHxzrBsVpwLBwcnUpHe+PxeGpleHAMLh0Dg+PN4HgtOMbHvbFFzL+vEBzHBMce8sRss81mZp99dnvMOuuspkWLuFN4PJ5yTJ482YwdO9b88ssv5tdff7WPFXcHx8XB8Vm595eTvjmDo1dw7Mkf22yzjdl9993NpptuagXY4/FkA0L8zDPPmLvvvts8/vjj8vQpwXFh2OvDBHjJ4Hg6ODost9xypnfv3ob/ezye+vL++++bPffc03z99df8+Xpw7BwcI/VrWjrvWcz8r393OPHEE81HH33khdfjyYmVVlrJ9O/f3xxyyCH8uZb5XzZn0a+ZRj1uU3pBuz59+pijjjrKeDye/Onatav5448/zJtvvomMLh4cfeXftAD3CI6NLrnkEtOtWzfj8XiKwyabbIIAm0GDBqEljwuOt3hebGBCQ98svfTS5pNPPvGeZY+ngPz2228GGR06dCh/IrMDxAa2+vL555/vhdfjKShEgK6++mr58wj+I9I6umPHjm2HDBliPB5PsZl//vnNsGHDRgQP52MFxihuu9FGGxmPx1N81l9/ff5HFmQXBHhZ/sJl7fF4is+KK64oD5drFfynM48WWWQR4/F4is+CCy4oDzshwHPzaJ555jEej6f4zDvvvPJwHgR4Zh7NMsssxuPxFB8KiUq0wQamVNBMP/30pjkReOGMxzM1MuOMM8rDGRBgVmEz3XTTmaLz5JNPmsMOO8wstthiZs011zSe8nz//ffm5ZdfNj///LOpNz/99JP97KJPsmPGjLHXOXjwYNNcaSUPJk2aZIrKv//+aw466CBbGSXUQ4C/+uor07dv30bPtW7d2qy++upm1VVXLfSkd9ddd5lTTz3VPProo2arrbYy9eSll14yu+yyi+nZs6c5+uijTVH58MMPzYYbbmjOOOMMc/bZZ5vmQqtWDWLbspUpONRHbrfdduaVV15p9DzB7Kz58ssvy/6wc845p81cO/DAA03Lli2Np7g88sgjplevXnZC23jjjU1zR423Yo88Vt511123ifBCx44dTdbIjdptt93sqsLxwAMPmOOOO852Tujevbs599xzjafYDB8+3I6hH374wUwJqHTnYq/Al19+ufnss6bdRKaZZhqz1157mXrBZLHeeus1/L399tub/fbbzyy77LLmwgsvNHvvvbeOzZlRo0bZa//888+tmr3MMsuYY445xsw8s3X426qSZ5991uy0005mySWXtM8xuK6//nr7Ws4vsHKAqKIXXHCBad++vVWLr7vuOvPiiy+aLl26GOq3F1poodjvwsRz2WWXmS+++ML8888/NjmeCalNmzaNXvfXX3+ZO+64w7z66qvWVqQuHG1jgQUWaHI+7sGnn35qcwm4LzLxJcmr5/09evSw9+rvv/+218O9atu2bcNr0ITuu+8+s+2225qJEyeaG2+80Sb085scf/zxWqVsArnDTz31lH380EMPmYEDB5pdd93V+lH0dX777bf2vKjVJDWdcsopTbrP/Pjjj/b34FpxJPG6Y489NvLzs6awAjx69Oiy6usRRxxhllpqKZMnSyyxhDn00EPNlVdeae3MI4880j5PEwTSUulxtOiii9rBz6p9yy23WGFAABiEfDcE6LzzzrPv4xw8hxCIAP/+++92MPO3FmAElQmC8+CkQjPAVuezO3fuXPaaGaQM+hEjRthJicgDn3vzzTebF154oWEy4ZrXWGMN6wNYbbXV7OswF7BpGbwyWY0fP976AxAwwpA4rZiEsH+TgDCts8469nqIbdJj7bHHHjM33XSTee655+wECWLK0JmC6+U6P/74YzsJvv766+aJJ54o+xkIcKmjhRVgDs6LAAuc65prrrETIQsGkyLX8cEHHzR4fKnSw17mfnP/uff333+//WzuP4tKHhRWhb733nvtAHYh4aReamucY0/ST5lsAJV/n332scLLrE83BVZWhA2vcKmzgnXAMTDeeOONhnMxYBGCb775RsrFrMADvcg0rHasvgxszn/SSSc1rKxRsDoiLPRbonCFz+rXr59dWXASCmgI7dq1Mw8//LB56623rKeW9yCwrFLCFVdcYa+BlZmBzSCnDQxClgQ+k+thAuH/3K8HH3zQerEPOOAA2/BNw/WOHDnSvPvuu/aeM4kSmXj77bfLfgbnRDgBjYJz4lMBOT9Cy7n5rnyPLbfc0k5ejEF5nf6OAwYMsL8nWsFrr71mbr/9dpMXhRVgBqnLDDPMYAeH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';
@endphp
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="x-apple-disable-message-reformatting" />
<meta name="format-detection" content="telephone=no,date=no,address=no,email=no" />
<meta name="color-scheme" content="light dark" />
<meta name="supported-color-schemes" content="light dark" />
<title>{{ $code }} is your Bill Organizer code</title>
<!--[if mso]>
<noscript><xml><o:OfficeDocumentSettings>
  <o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings></xml></noscript>
<![endif]-->
<style type="text/css">
  /* Progressive enhancement only. Everything that matters is also inline,
     because Gmail's clipped view and several Android clients drop this block. */
  body { margin:0 !important; padding:0 !important; width:100% !important; }
  table { border-collapse:collapse !important; }
  img { border:0; line-height:100%; outline:none; text-decoration:none; }
  a { text-decoration:none; }

  /* The code is the one thing anyone came for: make a tap select all of it,
     and stop clients turning it into a phone number. */
  .code { -webkit-touch-callout:default; -webkit-user-select:all; user-select:all; }

  @media only screen and (max-width:620px) {
    .wrap      { width:100% !important; }
    .pad       { padding-left:24px !important; padding-right:24px !important; }
    .code-text { font-size:34px !important; letter-spacing:8px !important; text-indent:8px !important; }
    .h1        { font-size:26px !important; }
  }

  @media (prefers-color-scheme: dark) {
    .bg    { background-color:#080D16 !important; }
    .card  { background-color:#101828 !important; border-color:#1F2A3C !important; }
    .sunk  { background-color:#0B1220 !important; border-color:#1F2A3C !important; }
    .ink   { color:#FFFFFF !important; }
    .muted { color:#9AA4B8 !important; }
    .faint { color:#7C859A !important; }
    .rule  { border-color:#1F2A3C !important; }
    .chip  { background-color:#0B1220 !important; color:#6E90FF !important; }
    .action{ color:#6E90FF !important; }
    /* Apple's badge comes in two, and neither reads on both grounds. The
       black one is in the markup, so a client that ignores this query keeps
       the one that suits the light default. */
    .badge-light { display:none !important; }
    .badge-dark  { display:block !important; width:120px !important; height:40px !important; max-height:none !important; overflow:visible !important; }
  }
  /* Outlook.com rewrites the query above; these are its hooks. */
  [data-ogsc] .bg    { background-color:#080D16 !important; }
  [data-ogsc] .card  { background-color:#101828 !important; border-color:#1F2A3C !important; }
  [data-ogsc] .sunk  { background-color:#0B1220 !important; border-color:#1F2A3C !important; }
  [data-ogsc] .ink   { color:#FFFFFF !important; }
  [data-ogsc] .muted { color:#9AA4B8 !important; }
  [data-ogsc] .faint { color:#7C859A !important; }
  [data-ogsc] .rule  { border-color:#1F2A3C !important; }
  [data-ogsc] .chip  { background-color:#0B1220 !important; color:#6E90FF !important; }
  [data-ogsc] .action{ color:#6E90FF !important; }
  [data-ogsc] .badge-light { display:none !important; }
  [data-ogsc] .badge-dark  { display:block !important; width:120px !important; height:40px !important; max-height:none !important; overflow:visible !important; }
</style>
</head>

<body class="bg" style="margin:0; padding:0; background-color:#F5F6F8;">

<!-- Preheader: the line the inbox shows beside the subject. The code is in it
     on purpose — plenty of people never open the mail at all. The entities
     after it stop Gmail pulling body copy in behind it. -->
<div style="display:none; font-size:1px; color:#F5F6F8; line-height:1px; max-height:0; max-width:0; opacity:0; overflow:hidden;">
  Your code is {{ $code }}{{ $expiryText ? ' — it expires in ' . $expiryText : '' }}.
  &#847;&zwnj;&nbsp;&#847;&zwnj;&nbsp;&#847;&zwnj;&nbsp;&#847;&zwnj;&nbsp;&#847;&zwnj;&nbsp;&#847;&zwnj;&nbsp;&#847;&zwnj;&nbsp;&#847;&zwnj;&nbsp;&#847;&zwnj;&nbsp;&#847;&zwnj;&nbsp;
</div>

<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" class="bg" style="background-color:#F5F6F8;">
<tr>
<td align="center" style="padding:32px 12px;">

<!--[if mso]><table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0"><tr><td><![endif]-->
<table role="presentation" class="wrap" width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px; max-width:600px;">

  <!-- ── Logo and name ─────────────────────────────────────────────
       The mark carries its own blue and its corners are transparent, so the
       one file sits on the light background and the dark one without a
       swap — image swapping by `prefers-color-scheme` is unreliable anyway
       (Gmail ignores it entirely).

       The cell behind it has no colour at all. A blue one would show through
       those transparent corners and square the mark off, and a light one
       would leave a pale halo in the clients that force dark without
       honouring either hook below. Transparent takes whatever is behind it,
       in every mode, with no rule to get wrong.
       Images are blocked by default in most clients, so the name beside it is
       real text — blocked, this degrades to the wordmark alone, which looks
       deliberate. The mark is decorative once the name is written out, hence
       the empty alt. -->
  <tr>
    <td align="center" style="padding:0 0 26px 0;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td width="56" style="font-size:0; line-height:0;">
            <img src="{{ $logo }}" width="56" height="56" alt="" style="display:block; width:56px; height:56px; border:0; outline:none; text-decoration:none;" />
          </td>
          <td width="14" style="font-size:0; line-height:0;">&nbsp;</td>
          <td class="ink" style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:21px; font-weight:700; color:#101828; letter-spacing:-0.3px; white-space:nowrap;">Bill Organizer</td>
        </tr>
      </table>
    </td>
  </tr>

  <!-- ── The card ──────────────────────────────────────────────────── -->
  <tr>
    <td class="card" style="background-color:#FFFFFF; border:1px solid #E6E8EC; border-radius:16px;">
      <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">

        <!-- Heading -->
        <tr>
          <td class="pad" style="padding:40px 40px 0 40px;">
            <h1 class="h1 ink" style="margin:0; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:28px; line-height:1.25; font-weight:700; color:#101828; letter-spacing:-0.4px;">Confirm it&rsquo;s you</h1>
            <p class="muted" style="margin:12px 0 0 0; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:16px; line-height:1.55; color:#5B667A;">Hi {{ $name }} &mdash; enter this code in the app to finish setting up your account.</p>
          </td>
        </tr>

        <!-- The code. One selectable string, not six separate boxes: boxes
             look smart and break copy &amp; paste, which is the only thing
             anybody wants to do with a code. -->
        <tr>
          <td class="pad" style="padding:28px 40px 0 40px;">
            <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td class="sunk" align="center" style="background-color:#F5F6F8; border:1px solid #E6E8EC; border-radius:16px; padding:28px 16px 22px 16px;">
                  <div class="code code-text ink" style="font-family:'SF Mono',SFMono-Regular,ui-monospace,Menlo,Consolas,'Courier New',monospace; font-size:40px; line-height:1.15; font-weight:700; color:#101828; letter-spacing:12px; text-indent:12px;">{{ $code }}</div>
                  <div class="muted" style="padding-top:14px; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:13px; line-height:1.5; color:#5B667A;">{{ $expiryText ? 'Expires in ' . $expiryText . ' · ' : '' }}works once</div>
                </td>
              </tr>
            </table>
          </td>
        </tr>

        <!-- Why we ask -->
        <tr>
          <td class="pad" style="padding:36px 40px 0 40px;">
            <div class="muted" style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:12px; font-weight:700; letter-spacing:0.8px; text-transform:uppercase; color:#5B667A;">Why we ask</div>
            <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top:14px;">
              <tr>
                <td width="26" valign="top" style="padding:0 0 14px 0;"><div class="action" style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:16px; line-height:1.55; font-weight:700; color:#2D5BFF;">&bull;</div></td>
                <td valign="top" style="padding:0 0 14px 0;"><div class="ink" style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:15px; line-height:1.55; color:#101828;"><strong style="font-weight:600;">So reminders reach you.</strong> Every bill alert comes to this address, days before it is due.</div></td>
              </tr>
              <tr>
                <td width="26" valign="top" style="padding:0 0 14px 0;"><div class="action" style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:16px; line-height:1.55; font-weight:700; color:#2D5BFF;">&bull;</div></td>
                <td valign="top" style="padding:0 0 14px 0;"><div class="ink" style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:15px; line-height:1.55; color:#101828;"><strong style="font-weight:600;">So your bills are never lost.</strong> Change your phone, sign in, and everything comes back.</div></td>
              </tr>
              <tr>
                <td width="26" valign="top"><div class="action" style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:16px; line-height:1.55; font-weight:700; color:#2D5BFF;">&bull;</div></td>
                <td valign="top"><div class="ink" style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:15px; line-height:1.55; color:#101828;"><strong style="font-weight:600;">So only you can sign in.</strong> Nobody can open your account without this inbox.</div></td>
              </tr>
            </table>
          </td>
        </tr>

        <!-- Divider -->
        <tr>
          <td class="pad" style="padding:32px 40px 0 40px;">
            <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
              <tr><td class="rule" style="border-top:1px solid #E6E8EC; font-size:0; line-height:0;">&nbsp;</td></tr>
            </table>
          </td>
        </tr>

        <!-- What happens next -->
        <tr>
          <td class="pad" style="padding:28px 40px 0 40px;">
            <div class="muted" style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:12px; font-weight:700; letter-spacing:0.8px; text-transform:uppercase; color:#5B667A;">What happens next</div>
            <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top:16px;">
              <tr>
                <td width="40" valign="top" style="padding:0 0 16px 0;">
                  <table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td class="chip" align="center" width="26" height="26" style="background-color:#F5F6F8; border-radius:13px; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:13px; font-weight:700; color:#2D5BFF;">1</td></tr></table>
                </td>
                <td valign="top" style="padding:2px 0 16px 0;"><div class="ink" style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:15px; line-height:1.55; color:#101828;">Go back to Bill Organizer and type the code above.</div></td>
              </tr>
              <tr>
                <td width="40" valign="top" style="padding:0 0 16px 0;">
                  <table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td class="chip" align="center" width="26" height="26" style="background-color:#F5F6F8; border-radius:13px; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:13px; font-weight:700; color:#2D5BFF;">2</td></tr></table>
                </td>
                <td valign="top" style="padding:2px 0 16px 0;"><div class="ink" style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:15px; line-height:1.55; color:#101828;">Add your first bill &mdash; photograph it, pick a subscription, or just type it in a sentence.</div></td>
              </tr>
              <tr>
                <td width="40" valign="top">
                  <table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td class="chip" align="center" width="26" height="26" style="background-color:#F5F6F8; border-radius:13px; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:13px; font-weight:700; color:#2D5BFF;">3</td></tr></table>
                </td>
                <td valign="top" style="padding:2px 0 0 0;"><div class="ink" style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:15px; line-height:1.55; color:#101828;">We remind you before it is due. That is the whole job.</div></td>
              </tr>
            </table>
          </td>
        </tr>

        <!-- Get the app. Secondary on purpose: whoever is reading this is
             most likely already in the app, having just made an account. It
             is here for the other phone, and for anyone who signed up on the
             website. -->
        <tr>
          <td class="pad" style="padding:32px 40px 0 40px;">
            <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
              <tr><td class="rule" style="border-top:1px solid #E6E8EC; font-size:0; line-height:0;">&nbsp;</td></tr>
            </table>
            <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top:26px;">
              <tr>
                <td align="center">
                  <div class="ink" style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:15px; line-height:1.55; font-weight:600; color:#101828;">Need it on another device?</div>
                  <div class="muted" style="padding-top:4px; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:14px; line-height:1.55; color:#5B667A;">Your bills are on every phone you sign in to.</div>
                  <div style="padding-top:16px; font-size:0; line-height:0;">
                    <a href="https://apps.apple.com/app/id514301848" style="text-decoration:none;">
                      <img class="badge-light" src="{{ $badgeLight }}" width="120" height="40" alt="Download on the App Store" style="display:block; margin:0 auto; width:120px; height:40px; border:0; outline:none; text-decoration:none;" />
                      <!--[if !mso]><! -->
                      <img class="badge-dark" src="{{ $badgeDark }}" width="120" height="40" alt="Download on the App Store" style="display:none; width:0; height:0; max-height:0; overflow:hidden; margin:0 auto; border:0; outline:none; mso-hide:all;" />
                      <!--<![endif]-->
                    </a>
                  </div>
                </td>
              </tr>
            </table>
          </td>
        </tr>

        <!-- If this wasn't you -->
        <tr>
          <td class="pad" style="padding:32px 40px 40px 40px;">
            <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td class="sunk" style="background-color:#F5F6F8; border:1px solid #E6E8EC; border-radius:12px; padding:18px 20px;">
                  <div class="ink" style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:14px; line-height:1.6; color:#101828;"><strong style="font-weight:600;">Didn&rsquo;t ask for this?</strong> <span class="muted" style="color:#5B667A;">Someone probably mistyped their own address. Ignore this email &mdash; no account is created until the code is used{{ $expiryText ? ', and it stops working in ' . $expiryText : '' }}.</span></div>
                </td>
              </tr>
            </table>
            <div class="muted" style="padding-top:16px; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:13px; line-height:1.6; color:#5B667A;">We will never ask you for this code &mdash; not by email, not by message, not on the phone. Anyone who does is not us.</div>
          </td>
        </tr>

      </table>
    </td>
  </tr>

  <!-- ── Footer ────────────────────────────────────────────────────── -->
  <tr>
    <td align="center" style="padding:24px 24px 8px 24px;">
      <div class="muted" style="font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:13px; line-height:1.7; color:#5B667A;">Sent to {{ $user->email }} because an account was started with this address.</div>
      <div style="padding-top:10px; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:13px; line-height:1.7;">
        <a class="action" href="https://billreminderapp.com/support#contact" style="color:#2D5BFF; text-decoration:none;">Contact us</a><span class="faint" style="color:#9AA1AE;">&nbsp;&middot;&nbsp;</span><a class="action" href="https://billreminderapp.com/privacy" style="color:#2D5BFF; text-decoration:none;">Privacy</a><span class="faint" style="color:#9AA1AE;">&nbsp;&middot;&nbsp;</span><a class="action" href="https://billreminderapp.com/terms" style="color:#2D5BFF; text-decoration:none;">Terms</a>
      </div>
    </td>
  </tr>

</table>
<!--[if mso]></td></tr></table><![endif]-->

</td>
</tr>
</table>

</body>
</html>