<style>
  :root{
    --doimo-bg:#ffffff;
    --doimo-border:#d9dde3;
    --doimo-text:#4a4a4a;
    --doimo-accent:#e54b7a;
    --doimo-cta:#0b5f86;
    --doimo-link:#e23b3b;
  }
  body{ margin:0; }
  .doimo-overlay{
    position:fixed; inset:0;
    background:rgba(0,0,0,.35);
    display:flex; align-items:center; justify-content:center;
    z-index:999999; padding:18px;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  }
  .doimo-modal{
    width:min(980px, 96vw);
    background:var(--doimo-bg);
    border:1px solid var(--doimo-border);
    border-radius:22px;
    box-shadow:0 16px 40px rgba(0,0,0,.18);
    position:relative;
    overflow:hidden;
  }
  .doimo-inner{ padding:26px 30px 24px; }
  .doimo-close{
    position:absolute; top:14px; right:14px;
    width:32px; height:32px;
    border-radius:999px;
    border:1px solid var(--doimo-border);
    background:#fff; color:#7a7a7a;
    cursor:pointer;
    display:grid; place-items:center;
    font-size:18px;
  }
  .doimo-logo{
    text-align:center; font-weight:900; font-size:56px;
    letter-spacing:-1px; color:#5b5b5b; margin:4px 0 10px;
  }
  .doimo-grid{
    display:grid;
    grid-template-columns: 1.15fr .85fr;
    gap:18px;
    align-items:start;
  }
  .doimo-title{
    margin:10px 0 14px;
    font-size:38px; line-height:1.05;
    color:var(--doimo-text);
    font-weight:900; letter-spacing:-.5px;
  }
  .doimo-list{ margin:0 0 10px; padding:0; list-style:none; display:flex; flex-direction:column; gap:10px; }
  .doimo-item{ display:flex; gap:10px; align-items:flex-start; color:var(--doimo-accent); font-size:20px; font-weight:800; }
  .doimo-check{
    width:22px; height:22px; border-radius:3px;
    background:var(--doimo-accent);
    display:grid; place-items:center;
    flex:0 0 22px; margin-top:2px;
  }
  .doimo-check svg{ width:14px; height:14px; fill:#fff; }
  .doimo-micro{ margin:6px 0 16px; color:#2b6ea0; font-size:13px; }
  .doimo-form{ display:flex; align-items:flex-end; gap:14px; flex-wrap:wrap; margin-top:8px; }
  .doimo-field{ display:flex; flex-direction:column; gap:6px; }
  .doimo-label{ font-size:14px; color:#6a6a6a; }
  .doimo-label small{ color:#9a9a9a; font-weight:600; }
  .doimo-input{
    width:240px; height:34px;
    border:1px solid #c9ced6;
    border-radius:4px;
    padding:0 10px;
    font-size:14px;
    outline:none;
  }
  .doimo-cta{
    height:38px;
    padding:0 16px;
    border:none; border-radius:4px;
    background:var(--doimo-cta);
    color:#fff;
    font-weight:900;
    cursor:pointer;
    font-size:12px;
    line-height:1.1;
    box-shadow:0 2px 0 rgba(0,0,0,.2);
  }
  .doimo-download-only{
    display:inline-block;
    margin-top:10px;
    color:var(--doimo-link);
    font-size:12.5px;
    text-decoration:underline;
    cursor:pointer;
  }
  .doimo-right{ display:flex; flex-direction:column; align-items:center; gap:14px; padding-top:8px; }
  .doimo-scene{
    width:min(340px, 100%);
    height:auto;
    display:block;
    filter: drop-shadow(0 8px 10px rgba(0,0,0,.15));
  }
  @media (max-width: 860px){
    .doimo-logo{ font-size:44px; }
    .doimo-title{ font-size:30px; }
    .doimo-grid{ grid-template-columns:1fr; }
    .doimo-input{ width:min(320px, 80vw); }
  }
</style>
    <button type="button" aria-label="Fechar" id="doimoClose">×</button>
      doimo
          <h2 id="doimoTitle">
            Que tal receber todos os novos<br/>blocos em primeira mão?
          </h2>
          <ul>
            <li><svg viewBox="0 0 24 24"><path d="M9.0 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"/></svg>Prontos para usar (sem retrabalho)</li>
            <li><svg viewBox="0 0 24 24"><path d="M9.0 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"/></svg>Medidas e materiais ajustados</li>
            <li><svg viewBox="0 0 24 24"><path d="M9.0 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"/></svg>Compatível com V-Ray, Enscape, Corona e Cycles</li>
            <li><svg viewBox="0 0 24 24"><path d="M9.0 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"/></svg>Disponível para Revit, Archicad e IFC</li>
          </ul>
          Sem spam. Você pode cancelar quando quiser.
          <form id="doimoForm">
              <label>Nome <small>(opcional)</small></label>
              <input name="name" type="text" autocomplete="name" />
              <label>e-mail <small>(obrigatório)</small></label>
              <input name="email" type="email" autocomplete="email" required />
            <button type="submit">
              Me avise quando<br/>tiver novidade
            </button>
          </form>
          <a id="doimoDownloadOnly" href="#">
            Clique aqui para baixar somente esse bloco.
          </a>
          <img decoding="async"
               alt="Prévia do ambiente"
               src="https://doimobrasil.com.br/wp-content/uploads/2026/01/SUA_IMAGEM_DO_POPUP.png"/>