/* Self-hosted Comfortaa (headings). Body text uses Bootstrap's system font stack. */
@font-face{font-family:"Comfortaa";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/comfortaa-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Comfortaa";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/comfortaa-latin-700-normal.woff2") format("woff2")}

:root,[data-bs-theme=dark]{
  --sc-bg:#2e2e2e;
  --sc-bg-deep:#1f1f1f;
  --sc-line:#444;
  --sc-indigo:#6366f1;
  --sc-indigo-soft:#a5a8f8;
  --sc-teal:#14b8a6;
  --sc-amber:#f59e0b;
  --bs-body-bg:var(--sc-bg);
  --bs-body-color:#f2f2f2;
  --bs-secondary-color:#bdbdbd;
  --bs-border-color:var(--sc-line);
  --sc-head:"Comfortaa","Trebuchet MS",var(--bs-font-sans-serif);
}

h1,h2,h3,.display-4,.sc-head{font-family:var(--sc-head);font-weight:700;line-height:1.15}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--sc-indigo-soft);outline-offset:3px}

.sc-deep{background:var(--sc-bg-deep)}
.sc-section{padding:4.5rem 0;border-top:1px solid var(--sc-line)}
.sc-lead{max-width:42rem}

.navbar.sc-deep{--bs-navbar-color:#bdbdbd;--bs-navbar-hover-color:#fff}
.sc-logo{height:34px;width:auto;display:block}


.sc-hero{padding:5rem 0 4.5rem}
.sc-pill{border:1px solid var(--sc-line);border-radius:99px;padding:.3rem .9rem;font-size:.9rem;color:var(--bs-secondary-color)}

.sc-flow{background:var(--sc-bg-deep);border-radius:14px;padding:1.75rem;text-align:center;display:grid;gap:1rem}
.sc-node{padding:1rem .5rem}
.sc-node strong{display:block;font-family:var(--sc-head);font-size:1.4rem}
.sc-node small{color:var(--sc-indigo-soft);font-weight:500}
.sc-node-client{border:1px solid var(--sc-teal);border-radius:12px;background:rgba(20,184,166,.08)}
.sc-node-client small{color:#5eead4}
.sc-node-partner{border:1px solid var(--sc-amber);border-radius:12px;background:rgba(245,158,11,.08)}
.sc-node-partner small{color:#fcd34d}
.sc-node-mid{border:1px solid var(--sc-indigo);border-radius:12px;background:rgba(99,102,241,.08)}
.sc-mark{width:52px;height:54px;display:block;margin:0 auto .4rem}

.sc-rule,.sc-stat{border-left:1px solid var(--sc-line);padding-left:1.5rem}
.sc-rule-teal{border-left-color:var(--sc-teal)}
.sc-rule-indigo{border-left-color:var(--sc-indigo)}
.sc-eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.75rem}
.sc-eyebrow-teal{color:var(--sc-teal)}
.sc-eyebrow-indigo{color:var(--sc-indigo-soft)}
.sc-stat strong{color:var(--sc-indigo-soft);display:block;font-family:var(--sc-head);font-size:clamp(2.2rem,4vw,3rem);line-height:1.1;margin-bottom:.6rem}

.btn-primary{--bs-btn-bg:var(--sc-indigo);--bs-btn-border-color:var(--sc-indigo);--bs-btn-hover-bg:#7477f3;--bs-btn-hover-border-color:#7477f3;--bs-btn-active-bg:#5558e0;--bs-btn-active-border-color:#5558e0;font-weight:700;padding:.85rem 1.6rem}

.sc-placeholder{color:var(--sc-indigo-soft)}
footer{font-size:.9rem}

@media (max-width:575.98px){.sc-hero{padding:3rem 0}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}