/* SEO By Ganesh | Phase C1: additive design system & founder portrait. No existing hooks changed. */
:root {
  --sbg-bg:#fff;--sbg-bg-soft:#f8fafc;--sbg-bg-dark:#0b1220;
  --sbg-primary:#2563eb;--sbg-primary-hover:#1d4ed8;--sbg-accent:#14b8a6;
  --sbg-text:#0f172a;--sbg-body:#334155;--sbg-muted:#475569;
  --sbg-border:#e2e8f0;--sbg-success:#15803d;--sbg-error:#b91c1c;
  --sbg-radius-button:10px;--sbg-radius-card:16px;--sbg-radius-panel:24px;
  --sbg-shadow-card:0 8px 28px rgba(15,23,42,.07);
  --sbg-focus:#2563eb;
}
html {scroll-padding-top:5.75rem}
:where(a,button,input,select,textarea,summary):focus-visible {
  outline:2px solid var(--sbg-focus);outline-offset:3px;
}
/* A real, verifiable portrait and biography, without fake badges or invented results. */
.sbg-founder-feature {padding:clamp(3.5rem,6vw,6rem) 1rem;background:linear-gradient(135deg,#f8fafc 0%,#eaf3ff 66%,#fff 100%);color:var(--sbg-text)}
.sbg-founder-feature__inner {max-width:1200px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:clamp(1.5rem,5vw,4.5rem);align-items:center}
.sbg-founder-feature__imagewrap {position:relative;isolation:isolate;max-width:410px;margin-inline:auto;min-width:0;width:100%}
.sbg-founder-feature__imagewrap::before {content:"";position:absolute;inset:1.25rem -1rem -1.25rem 1rem;border-radius:26px;background:linear-gradient(145deg,#2563eb,#14b8a6);z-index:-1}
.sbg-founder-feature__photo {display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 34%;border-radius:24px;box-shadow:0 24px 55px rgba(15,23,42,.19);background:#e2e8f0}
.sbg-founder-feature__eyebrow {margin:0 0 .8rem;font-size:.81rem;font-weight:800;letter-spacing:.095em;text-transform:uppercase;color:#1d4ed8}
.sbg-founder-feature__title {font-size:clamp(1.9rem,3.5vw,2.7rem);line-height:1.16;letter-spacing:-.03em;font-weight:850;color:#0f172a;margin:0 0 1rem}
.sbg-founder-feature__lede {max-width:64ch;font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.68;color:#334155;margin:0 0 1rem}
.sbg-founder-feature__pills {display:flex;flex-wrap:wrap;gap:.55rem;margin:1.4rem 0 1.8rem;padding:0;list-style:none}
.sbg-founder-feature__pills li {font-size:.86rem;line-height:1.45;font-weight:700;border:1px solid #cbd5e1;border-radius:999px;padding:.52rem .8rem;background:#fff;color:#334155}
.sbg-founder-feature__actions {display:flex;align-items:center;flex-wrap:wrap;gap:.7rem}
.sbg-founder-feature__btn {display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.78rem 1.25rem;border-radius:10px;text-decoration:none;font-size:.95rem;font-weight:750;transition:background .18s ease,transform .18s ease,border-color .18s ease}
.sbg-founder-feature__btn--primary {background:#2563eb;color:#fff;border:2px solid #2563eb}
.sbg-founder-feature__btn--primary:hover {background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-2px)}
.sbg-founder-feature__btn--secondary {background:#fff;color:#1d4ed8;border:2px solid #b9c9ea}
.sbg-founder-feature__btn--secondary:hover {border-color:#2563eb;background:#eff6ff}
.sbg-founder-feature__caption {color:#475569;font-size:.82rem;line-height:1.5;margin:.75rem 0 0;text-align:center}
/* Replace the old SG avatar in the existing About founder card; never duplicate H1. */
#about-page .sbg-about-founder-figure {margin:0 0 1.3rem;width:min(100%,220px)}
#about-page .sbg-about-founder-photo {display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 25%;border-radius:16px;border:3px solid rgba(255,255,255,.23);box-shadow:0 15px 30px rgba(0,0,0,.20);background:#e2e8f0}
#about-page .sbg-about-founder-figure figcaption {font-size:.8rem;line-height:1.4;color:#bfdbfe;margin-top:.55rem}
#about-page > section:first-child h1 {max-width:18ch;text-wrap:balance;line-height:1.12}
#about-page .about-contact, #about-page article {min-width:0}
/* Lightweight site-wide UI polish only for scoped, verified elements. */
#services-heading {letter-spacing:-.028em;text-wrap:balance}
#hero-heading {text-wrap:balance}
@media (max-width:767px) {
  .sbg-founder-feature__inner {grid-template-columns:1fr}
  .sbg-founder-feature__imagewrap {max-width:300px}
  .sbg-founder-feature__imagewrap::before {inset:1rem -.6rem -1rem .6rem}
  .sbg-founder-feature__actions {align-items:stretch}
  .sbg-founder-feature__btn {flex:1 1 100%}
  #about-page .sbg-about-founder-figure {width:180px}
}
@media (max-width:359px) {
  .sbg-founder-feature {padding-inline:1rem}
  .sbg-founder-feature__pills li {font-size:.78rem}
}
@media (prefers-reduced-motion:reduce) {
  .sbg-founder-feature *, .sbg-founder-feature *::before, .sbg-founder-feature *::after {transition:none!important;animation:none!important}
}