:root{
  --rg-blue:#0c76bf; --rg-navy:#063b63; --rg-gray:#f7f9fc;
  --rg-text:#0f172a; --rg-radius:10px;
  --rg-shadow:0 10px 28px rgba(6,59,99,.10);
}

html { scroll-behavior: smooth; }

/* Typography rhythm */
h1,h2 { font-weight:600; letter-spacing:-0.01em; }
.section { padding: 96px 0; }
.section > p { color:#475569; max-width: 72ch; }

/* Buttons */
.cta-button{background:var(--rg-blue);color:#fff;border:0;border-radius:8px;
  padding:14px 20px;font-weight:600;box-shadow:var(--rg-shadow);
  transition:transform .08s ease, box-shadow .2s ease, filter .2s ease;}
.cta-button:hover{transform:translateY(-1px);filter:brightness(.98);}
.cta-button.is-secondary{background:transparent;color:var(--rg-blue);border:2px solid var(--rg-blue);}

/* Cards */
.card{background:#fff;border:1px solid #e5eef7;border-radius:var(--rg-radius);box-shadow:var(--rg-shadow);}
.card--subtle{background:#fff;border:1px solid #edf2f7;box-shadow:none;}

/* Hero background */
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7f9fc 0%,#fff 100%);}
.hero::before{content:"";position:absolute;inset:0;background:url('/assets/v2/illustrations/hero-bg-enterprise.svg') center/cover no-repeat;opacity:.25;pointer-events:none;}

/* Client logos row */
.client-logos{display:flex;gap:28px;align-items:center;justify-content:center;flex-wrap:wrap;}
.client-logos img{height:26px;filter:grayscale(1);opacity:.85;transition:filter .2s,opacity .2s;}
.client-logos img:hover{filter:none;opacity:1;}

/* Platform selector */
.platform-btn{display:flex;gap:12px;align-items:center;justify-content:flex-start;border:1px solid #e5eef7;border-radius:12px;padding:14px 16px;background:#ffffff;transition:transform .12s ease, box-shadow .2s ease;}
.platform-btn .platform-icon{width:48px;height:48px;border-radius:12px;background:#eef6fd;display:grid;place-items:center;}
.platform-btn:hover{transform:translateY(-2px);box-shadow:var(--rg-shadow);}

/* Inputs */
.input-group input{height:48px;font-size:16px;border-radius:10px;border:1px solid #d8e4f0;padding:0 14px;width:100%;}
.input-group input:focus{outline:2px solid #b9daf7;border-color:#a9d0f6;}

/* Reveal-on-scroll */
.fade-in{opacity:0;transform:translateY(16px);transition:all .6s ease;}
.fade-in.visible{opacity:1;transform:none;}

/* Footer */
footer{background:var(--rg-navy);color:#e5f0ff;padding:48px 0;}
footer a{color:#c9e2ff;}