/* ── Home page styles ── */
.home-body { background:#fff; color:#0f0f1a; }

.home-nav { position:fixed;top:0;left:0;right:0;z-index:200;
  background:rgba(255,255,255,0.95);backdrop-filter:blur(12px);
  border-bottom:1px solid #e8e8f0; }
.home-nav-inner { max-width:1200px;margin:0 auto;padding:0 24px;
  height:64px;display:flex;align-items:center;gap:32px; }
.home-logo { font-size:20px;font-weight:800;color:#4f46e5;text-decoration:none; }
.home-nav-links { display:flex;gap:28px;margin-left:8px; }
.home-nav-links a { color:#4a4a6a;font-size:14px;text-decoration:none;font-weight:500; }
.home-nav-links a:hover { color:#4f46e5; }
.home-nav-cta { margin-left:auto;display:flex;gap:10px;align-items:center; }
.btn-ghost-nav { color:#4f46e5;font-size:14px;font-weight:600;text-decoration:none;
  padding:7px 16px;border-radius:8px;border:1px solid #e0e0f0; }
.btn-cta-nav { background:#4f46e5;color:#fff;font-size:14px;font-weight:600;
  text-decoration:none;padding:8px 20px;border-radius:8px; }
.btn-cta-nav:hover { background:#4338ca; }

/* ── Hero ── */
.hero { padding:160px 24px 100px;text-align:center;
  background:linear-gradient(160deg,#f8f7ff 0%,#fff 60%); }
.hero-badge { display:inline-block;background:#eeedfe;color:#4f46e5;font-size:13px;
  font-weight:600;padding:5px 16px;border-radius:20px;margin-bottom:24px; }
.hero-title { font-size:clamp(40px,6vw,72px);font-weight:800;line-height:1.1;
  color:#0f0f1a;margin-bottom:20px; }
.gradient-text { background:linear-gradient(135deg,#4f46e5,#7c3aed);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.hero-sub { font-size:18px;color:#4a4a6a;max-width:580px;margin:0 auto 36px;line-height:1.7; }
.hero-actions { display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:40px; }
.btn-hero-primary { background:#4f46e5;color:#fff;padding:14px 32px;border-radius:10px;
  font-size:16px;font-weight:700;text-decoration:none; }
.btn-hero-primary:hover { background:#4338ca;transform:translateY(-1px); }
.btn-hero-ghost { color:#4f46e5;padding:14px 28px;border-radius:10px;font-size:16px;
  font-weight:600;text-decoration:none;border:2px solid #e0e0f5; }
.hero-trust { display:flex;gap:28px;justify-content:center;flex-wrap:wrap; }
.hero-trust span { color:#6366a0;font-size:13px;font-weight:500; }

/* ── Sections ── */
.section { padding:80px 24px; }
.section-alt { background:#f8f7ff; }
.section-inner { max-width:1100px;margin:0 auto; }
.section-label { color:#4f46e5;font-size:13px;font-weight:700;text-transform:uppercase;
  letter-spacing:.08em;margin-bottom:12px; }
.section-title { font-size:clamp(26px,4vw,40px);font-weight:800;color:#0f0f1a;
  margin-bottom:48px;max-width:600px; }

/* ── Features ── */
.features-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px; }
.feature-card { background:#fff;border:1px solid #e8e8f5;border-radius:16px;
  padding:28px;transition:.2s; }
.feature-card:hover { border-color:#4f46e5;box-shadow:0 4px 24px rgba(79,70,229,.1); }
.feature-icon { font-size:32px;margin-bottom:14px; }
.feature-card h3 { font-size:17px;font-weight:700;color:#0f0f1a;margin-bottom:8px; }
.feature-card p { font-size:14px;color:#64648a;line-height:1.7; }

/* ── Steps ── */
.steps { display:flex;align-items:flex-start;gap:0;flex-wrap:wrap;justify-content:center; }
.step { background:#fff;border:1px solid #e8e8f5;border-radius:16px;padding:32px;
  flex:1;min-width:220px;max-width:300px;text-align:center; }
.step-num { width:48px;height:48px;border-radius:50%;background:#4f46e5;color:#fff;
  font-size:22px;font-weight:800;display:flex;align-items:center;justify-content:center;
  margin:0 auto 16px; }
.step h3 { font-size:17px;font-weight:700;margin-bottom:8px;color:#0f0f1a; }
.step p { font-size:14px;color:#64648a;line-height:1.7; }
.step-arrow { font-size:28px;color:#c7c7e0;padding:60px 12px 0;align-self:flex-start; }

/* ── Security ── */
.security-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px; }
.security-item { display:flex;gap:16px;align-items:flex-start;
  background:#fff;border:1px solid #e8e8f5;border-radius:14px;padding:24px; }
.sec-icon { font-size:28px;flex-shrink:0; }
.security-item h4 { font-size:15px;font-weight:700;color:#0f0f1a;margin-bottom:6px; }
.security-item p { font-size:13px;color:#64648a;line-height:1.7; }

/* ── CTA Banner ── */
.cta-banner { background:linear-gradient(135deg,#4f46e5,#7c3aed);
  padding:80px 24px;text-align:center;color:#fff; }
.cta-banner h2 { font-size:36px;font-weight:800;margin-bottom:12px; }
.cta-banner p { font-size:16px;opacity:.85;margin-bottom:32px; }

/* ── Footer ── */
.home-footer { background:#0f0f1a;color:#a0a0c0;padding:60px 24px 0; }
.footer-inner { max-width:1100px;margin:0 auto;display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px; }
.footer-brand .home-logo { color:#818cf8; }
.footer-brand p { margin-top:10px;font-size:13px;line-height:1.7; }
.footer-links h5 { color:#fff;font-size:13px;font-weight:700;margin-bottom:14px;
  text-transform:uppercase;letter-spacing:.06em; }
.footer-links a { display:block;color:#a0a0c0;font-size:13px;text-decoration:none;
  margin-bottom:8px; }
.footer-links a:hover { color:#818cf8; }
.footer-bottom { border-top:1px solid #1e1e3a;padding:20px 0;
  max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;
  align-items:center;font-size:12px;flex-wrap:wrap;gap:12px; }
.footer-bottom a { color:#a0a0c0;text-decoration:none;margin-left:16px; }
.footer-bottom a:hover { color:#818cf8; }

@media(max-width:700px){
  .home-nav-links{display:none}
  .footer-inner{grid-template-columns:1fr;gap:24px}
  .step-arrow{display:none}
  .steps{flex-direction:column;align-items:center}
}

/* ── SignNow-style additions ── */
.logo-strip { background:#fff;border-bottom:1px solid #e8e8f5;padding:20px 24px;
  text-align:center; }
.logo-strip span { color:#94a3b8;font-size:13px;font-weight:500;letter-spacing:.02em; }

.workflow-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px; }
.workflow-card { background:#fff;border:1px solid #e8e8f5;border-radius:16px;padding:28px;
  position:relative; }
.workflow-num { width:36px;height:36px;border-radius:50%;background:#eeedfe;color:#4f46e5;
  font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;
  margin-bottom:16px; }
.workflow-card h3 { font-size:16px;font-weight:700;color:#0f0f1a;margin-bottom:8px; }
.workflow-card p { font-size:13px;color:#64648a;line-height:1.7; }

.solutions-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px; }
.solution-card { background:#fff;border:1px solid #e8e8f5;border-radius:14px;padding:24px; }
.solution-card h3 { font-size:16px;font-weight:700;color:#0f0f1a;margin-bottom:8px; }
.solution-card p { font-size:13px;color:#64648a;line-height:1.7; }