/* Modern Light Corporate Style (keeps original HTML) */
:root{
  --bg:#ffffff;
  --bg-soft:#f7f7fb;
  --ink:#1f2937;
  --muted:#6b7280;
  --brand:#2563eb; /* cobalt */
  --ring:#dbe6ff;
  --border:#e5e7eb;
  --card:#ffffff;
  --shadow:0 10px 30px rgba(30,41,59,.08);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  color:var(--ink);
  background:
    radial-gradient(60% 120% at 100% 0%, #eef2ff 0%, transparent 40%),
    radial-gradient(60% 120% at 0% 0%, #f0f9ff 0%, transparent 45%),
    var(--bg);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
  line-height:1.7;
  padding: 56px 16px;
}

/* Constrain centered blocks (your markup already uses inline text-align:center) */
[style*="text-align:center"]{
  display:block;
  max-width: 880px;
  margin: 0 auto;
  padding: 8px 10px;
}

/* Logo card look */
img{
  max-width:100%;
  height:auto;
  border-radius:16px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow: var(--shadow);
}

/* Typography polish */
p{margin: 16px 0; font-size: 18px}
span[style*="font-size:36px"]{display:inline-block;margin-top:8px; letter-spacing:.02em}
strong{font-weight:700}
em{color:var(--muted)}

/* Link style */
a{color:var(--brand);text-decoration:none;border-bottom:1px dashed transparent;transition:border-color .15s ease, background-color .15s ease}
a:hover{border-color:var(--brand)}

/* Mail/phone pill buttons */
a[href^="mailto:"], a[href^="tel:"]{
  display:inline-block;
  padding: 8px 12px;
  border:1px solid var(--border);
  border-radius: 12px;
  background:#fff;
  box-shadow: var(--shadow);
  text-decoration:none;
}
a[href^="mailto:"]:hover, a[href^="tel:"]:hover{
  background:#f3f6ff;
  border-color: var(--ring);
}

/* Subtle separators between logical sections (use adjacent centered blocks) */
[style*="text-align:center"] + [style*="text-align:center"]{
  border-top:1px solid var(--border);
  margin-top: 18px;
  padding-top: 18px;
}

/* Reduce visual noise of raw   paragraph */
p:empty{display:none}

/* Responsive */
@media (max-width:600px){
  body{padding:28px 12px}
  p{font-size:16px}
  a[href^="mailto:"], a[href^="tel:"]{padding:7px 10px}
}