/* ==============================================================
   SIGNALYTICS LANDING PAGE SYSTEM — SHARED CSS
   ADD THIS ONCE. Every page template depends on it.
   ==============================================================

   WHERE TO ADD (pick one):
   A) Divi > Theme Options > General > Custom CSS  (paste WITHOUT <style> tags)
   B) WPCode > Add Snippet > CSS Snippet > Auto Insert > Site Wide Header
   C) Appearance > Customize > Additional CSS

   Everything is scoped under .sig-page so it cannot leak into the
   rest of the theme.

   BRAND COLOURS: change the two --sig-accent values below to match
   Signalytics' exact palette and every page updates at once.
   ============================================================== */

.sig-page{--sig-ink:#0d1117;--sig-ink-2:#3d4754;--sig-accent:#f5a623;--sig-accent-2:#ffd166;--sig-bg:#ffffff;--sig-bg-alt:#f6f8fa;--sig-line:#e4e8ee;--sig-radius:14px;--sig-max:1180px;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--sig-ink);line-height:1.65;-webkit-font-smoothing:antialiased}
.sig-page *{box-sizing:border-box}
.sig-wrap{max-width:var(--sig-max);margin:0 auto;padding:0 24px}
.sig-sec{padding:80px 0}
.sig-sec--alt{background:var(--sig-bg-alt)}
.sig-page h1,.sig-page h2,.sig-page h3{line-height:1.2;margin:0 0 16px;font-weight:700;letter-spacing:-.02em}
.sig-page h1{font-size:clamp(2rem,5vw,3.4rem)}
.sig-page h2{font-size:clamp(1.6rem,3.5vw,2.5rem)}
.sig-page h3{font-size:clamp(1.1rem,2vw,1.35rem)}
.sig-page p{margin:0 0 18px;color:var(--sig-ink-2);font-size:1.05rem}
.sig-lead{font-size:1.18rem!important}
.sig-eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sig-accent);margin-bottom:14px}
.sig-btn{display:inline-block;background:var(--sig-accent);color:#0d1117;font-weight:700;padding:16px 34px;border-radius:var(--sig-radius);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease;font-size:1.02rem}
.sig-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(245,166,35,.32);color:#0d1117}
.sig-btn--ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.35);margin-left:10px}
.sig-btn--ghost:hover{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.7);box-shadow:none;transform:translateY(-2px)}
.sig-btn--ghost:focus-visible{outline:3px solid var(--sig-accent);outline-offset:3px}
/* light-background variant, if a ghost button is ever used outside a dark hero */
.sig-sec .sig-btn--ghost,.sig-sec--alt .sig-btn--ghost{color:var(--sig-ink);border-color:var(--sig-line)}
.sig-sec .sig-btn--ghost:hover,.sig-sec--alt .sig-btn--ghost:hover{color:var(--sig-ink);background:rgba(13,17,23,.04);border-color:var(--sig-ink-2)}
.sig-hero{background:linear-gradient(160deg,#0d1117 0%,#1a2332 100%);color:#fff;padding:90px 0}
.sig-hero h1{color:#fff}
.sig-hero p{color:#c3cbd6}
.sig-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.sig-hero img{width:100%;height:auto;border-radius:var(--sig-radius);display:block}
.sig-trust{display:flex;align-items:center;gap:14px;margin-top:26px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14)}
.sig-trust strong{color:var(--sig-accent-2);font-size:1.5rem;line-height:1.1}
.sig-trust span{color:#9aa5b1;font-size:.9rem}
a.sig-trust{text-decoration:none;transition:opacity .2s ease}
a.sig-trust:hover{opacity:.82}
a.sig-trust:hover strong{text-decoration:underline;text-underline-offset:3px}
a.sig-trust strong,a.sig-trust span{pointer-events:none}
.sig-trust-logo{height:18px;width:auto;display:inline-block;vertical-align:middle;margin-left:6px}
.sig-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.sig-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.sig-card{background:#fff;border:1px solid var(--sig-line);border-radius:var(--sig-radius);padding:30px;position:relative;overflow:hidden;cursor:default;
  transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s ease,border-color .28s ease,background-color .28s ease}
/* accent bar wipes in from the left edge on hover */
.sig-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sig-accent);
  transform:scaleY(0);transform-origin:top;transition:transform .32s cubic-bezier(.2,.7,.3,1)}
.sig-card:hover{transform:translateY(-6px);border-color:rgba(245,166,35,.55);
  box-shadow:0 14px 34px rgba(13,17,23,.10),0 3px 10px rgba(13,17,23,.05);background:#fffdf8}
.sig-card:hover::before{transform:scaleY(1)}
.sig-card:hover h3{color:var(--sig-ink)}
.sig-card:focus-within{transform:translateY(-6px);border-color:rgba(245,166,35,.55)}
/* numbered process cards: badge pops on hover */
.sig-card .sig-num{transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s ease}
.sig-card:hover .sig-num{transform:scale(1.09) rotate(-4deg);box-shadow:0 6px 16px rgba(245,166,35,.4)}
.sig-card .sig-flag{transition:transform .28s cubic-bezier(.2,.7,.3,1)}
.sig-card:hover .sig-flag{transform:scale(1.14)}
.sig-card h3{margin-bottom:10px}
.sig-card p{font-size:.98rem;margin:0}
.sig-num{width:42px;height:42px;border-radius:50%;background:var(--sig-accent);color:#0d1117;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.sig-flag{font-size:2rem;line-height:1;margin-bottom:12px;display:block}
.sig-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;text-align:center}
.sig-stat b{display:block;font-size:clamp(2rem,4vw,2.9rem);color:var(--sig-accent);font-weight:800;line-height:1;margin-bottom:8px}
.sig-stat span{font-size:.95rem;color:var(--sig-ink-2)}
.sig-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--sig-radius);overflow:hidden;border:1px solid var(--sig-line)}
.sig-table th,.sig-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--sig-line);font-size:.98rem}
.sig-table th{background:var(--sig-bg-alt);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}
.sig-table tr:last-child td{border-bottom:none}
.sig-faq details{background:#fff;border:1px solid var(--sig-line);border-radius:var(--sig-radius);padding:22px 26px;margin-bottom:14px}
.sig-faq summary{font-weight:700;cursor:pointer;font-size:1.05rem;list-style:none}
.sig-faq summary::-webkit-details-marker{display:none}
.sig-faq summary::after{content:'+';float:right;color:var(--sig-accent);font-size:1.5rem;line-height:1}
.sig-faq details[open] summary::after{content:'−'}
.sig-faq p{margin:16px 0 0;font-size:1rem}
.sig-cta{background:linear-gradient(160deg,#0d1117 0%,#1a2332 100%);color:#fff;text-align:center;padding:86px 0}
.sig-cta h2{color:#fff}
.sig-cta p{color:#c3cbd6;max-width:620px;margin:0 auto 30px}
.sig-risk{margin-top:18px;font-size:.88rem;color:#9aa5b1}
.sig-note{font-size:.92rem;color:var(--sig-ink-2);margin-top:20px}
@media(max-width:900px){
  .sig-hero-grid,.sig-grid-2{grid-template-columns:1fr;gap:36px}
  .sig-grid-3,.sig-stats{grid-template-columns:1fr}
  .sig-sec,.sig-hero,.sig-cta{padding:56px 0}
  .sig-btn--ghost{margin:12px 0 0}
  .sig-table{display:block;overflow-x:auto}
}

/* Respect users who ask for less motion — animations become instant, not broken */
@media (prefers-reduced-motion: reduce){
  .sig-page *,.sig-page *::before,.sig-page *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
  .sig-card:hover,.sig-btn:hover,.sig-btn--ghost:hover{transform:none}
  .sig-card:hover .sig-num,.sig-card:hover .sig-flag{transform:none}
}