:root {
  --ea-bg: #0b1020;
  --ea-card: rgba(255,255,255,0.78);
  --ea-border: rgba(255,255,255,0.18);
  --ea-primary: #5b7cff;
  --ea-secondary: #111827;
}
body { background: linear-gradient(180deg,#eef2ff 0%, #f8fafc 45%, #eef6ff 100%); min-height:100vh; }
.topbar { background: linear-gradient(135deg,#0f172a,#1e293b 55%,#334155); box-shadow: 0 10px 30px rgba(15,23,42,.18); }
.admin-topbar { background: linear-gradient(135deg,#111827,#1f2937 55%,#374151); box-shadow: 0 10px 30px rgba(17,24,39,.2); }
.hero {
  background: radial-gradient(circle at top left, rgba(91,124,255,.28), transparent 35%),
              radial-gradient(circle at bottom right, rgba(14,165,233,.22), transparent 30%),
              linear-gradient(135deg,#0f172a,#111827 70%,#1d4ed8);
  color:#fff; border-radius: 28px; padding: 4rem 2rem; position:relative; overflow:hidden;
  box-shadow: 0 30px 70px rgba(15,23,42,.22);
}
.hero .glass, .auth-card, .ea-card { backdrop-filter: blur(16px); background: var(--ea-card); border:1px solid var(--ea-border); box-shadow:0 16px 40px rgba(15,23,42,.08); border-radius:24px; }
.auth-wrap { min-height:100vh; display:flex; align-items:center; justify-content:center; background: linear-gradient(135deg,#e0e7ff,#eff6ff 55%,#f8fafc); }
.auth-card { max-width: 560px; width: 100%; }
.metric-card { border:0; border-radius:22px; box-shadow:0 12px 28px rgba(15,23,42,.08); }
.metric-value { font-size: 1.8rem; font-weight:700; }
.table thead th { font-size:.84rem; letter-spacing:.02em; color:#475569; text-transform: uppercase; }
.section-title { font-size: 1.05rem; font-weight: 700; margin-bottom: 1rem; }
.stat-chip { padding:.35rem .8rem; border-radius:999px; background:#fff; border:1px solid #e2e8f0; font-size:.85rem; }
.feature-icon { width:50px; height:50px; border-radius:18px; display:grid; place-items:center; background:linear-gradient(135deg,#dbeafe,#e0e7ff); font-weight:700; color:#1d4ed8; }
.card-clean { border:0; border-radius:24px; box-shadow:0 12px 30px rgba(15,23,42,.08); }
.invoice-box { background:#fff; border:1px solid #e5e7eb; border-radius:24px; box-shadow:0 12px 28px rgba(15,23,42,.05); }
.subtle { color:#64748b; }
.badge-soft { background:#eff6ff; color:#1d4ed8; }
.quick-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap:1rem; }
@media (max-width:768px){ .hero{padding:2rem 1.25rem;} }

.hero-premium{padding:4.5rem 2.5rem;}
.hero-micro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:700px;}
.hero-mini-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:1rem;backdrop-filter:blur(10px);}
.hero-mini-card strong{display:block;margin-bottom:.35rem;}
.hero-mini-card span{display:block;color:rgba(255,255,255,.75);font-size:.92rem;line-height:1.45;}
.quick-grid-tight{grid-template-columns:repeat(2,minmax(0,1fr));}
.feature-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
.feature-list-item{padding:1rem;border:1px solid #e5e7eb;border-radius:18px;background:#f8fafc;}
.feature-list-item strong{display:block;margin-bottom:.35rem;}
.feature-list-item span{color:#64748b;font-size:.94rem;line-height:1.45;}
.benefit-stack{display:flex;flex-direction:column;gap:1rem;}
.benefit-row{display:flex;gap:1rem;align-items:flex-start;padding:1rem;border:1px solid #e5e7eb;border-radius:18px;background:#f8fafc;}
.benefit-num{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font-weight:700;flex:0 0 40px;}
.pricing-card{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:28px;padding:2rem;box-shadow:0 16px 40px rgba(15,23,42,.08);display:flex;flex-direction:column;}
.pricing-featured{border-color:#5b7cff;box-shadow:0 22px 50px rgba(91,124,255,.16);transform:translateY(-6px);}
.pricing-ribbon{position:absolute;top:16px;right:16px;background:#111827;color:#fff;padding:.35rem .7rem;border-radius:999px;font-size:.8rem;}
.pricing-header{padding-right:90px;margin-bottom:1rem;}
.price-line{font-size:2.2rem;font-weight:800;color:#0f172a;line-height:1.1;margin-bottom:.25rem;}
.price-line span{font-size:1rem;font-weight:500;color:#64748b;margin-left:.3rem;}
.pricing-features li{padding:.55rem 0;border-bottom:1px solid #eef2f7;color:#334155;}
.pricing-features li:last-child{border-bottom:0;}
@media (max-width:991px){.hero-micro-grid,.feature-list-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:768px){.hero{padding:2rem 1.25rem;}.hero-micro-grid,.feature-list-grid,.quick-grid-tight{grid-template-columns:1fr;}.pricing-featured{transform:none;}.pricing-header{padding-right:0;}}


body, .landing-body { font-family: 'Inter', sans-serif; color: #0f172a; }
.landing-body { background:
  radial-gradient(circle at top left, rgba(50,152,200,.14), transparent 24%),
  radial-gradient(circle at top right, rgba(244,164,65,.12), transparent 20%),
  linear-gradient(180deg, #f6fbff 0%, #ffffff 44%, #f4f9ff 100%); }

:root {
  --ea-brand: #3298c8;
  --ea-brand-dark: #217cab;
  --ea-accent: #f29b24;
  --ea-ink: #0f172a;
  --ea-soft: #64748b;
  --ea-border-soft: #dbe7f1;
  --ea-surface: #ffffff;
  --ea-surface-alt: #f7fbff;
}

.btn-primary {
  background: linear-gradient(135deg, var(--ea-brand), var(--ea-brand-dark));
  border-color: var(--ea-brand-dark);
  box-shadow: 0 12px 24px rgba(50,152,200,.20);
}
.btn-primary:hover, .btn-primary:focus {
  background: linear-gradient(135deg, var(--ea-brand-dark), var(--ea-brand));
  border-color: var(--ea-brand-dark);
}
.btn-outline-primary {
  color: var(--ea-brand-dark);
  border-color: rgba(50,152,200,.35);
}
.btn-outline-primary:hover {
  background: rgba(50,152,200,.08);
  color: var(--ea-brand-dark);
  border-color: var(--ea-brand-dark);
}
.form-control:focus, .form-select:focus {
  border-color: rgba(50,152,200,.45);
  box-shadow: 0 0 0 .25rem rgba(50,152,200,.12);
}

.brand-lockup img, .footer-brand img, .auth-brand img {
  height: 42px;
  width: auto;
  display: block;
}
.landing-nav {
  backdrop-filter: blur(18px);
  background: rgba(255,255,255,.88);
  border-bottom: 1px solid rgba(15,23,42,.06);
}
.landing-nav .nav-link {
  color: #334155;
  font-weight: 500;
}
.landing-nav .nav-link:hover { color: var(--ea-brand-dark); }

.hero-section { padding: 2rem 0 1rem; }
.hero-shell {
  background:
    radial-gradient(circle at top left, rgba(50,152,200,.24), transparent 28%),
    radial-gradient(circle at bottom right, rgba(242,155,36,.16), transparent 22%),
    linear-gradient(135deg, #0e1b2f 0%, #102541 58%, #17415d 100%);
  color: #fff;
  border-radius: 34px;
  padding: 2.5rem;
  box-shadow: 0 30px 80px rgba(15,23,42,.18);
}
.eyebrow {
  display: inline-flex;
  padding: .5rem .85rem;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.18);
  color: #fff;
  font-size: .85rem;
  font-weight: 600;
  margin-bottom: 1.1rem;
}
.eyebrow-light {
  background: rgba(50,152,200,.10);
  color: var(--ea-brand-dark);
  border: 1px solid rgba(50,152,200,.14);
}
.hero-content h1 {
  font-size: clamp(2.2rem, 5vw, 4.1rem);
  font-weight: 800;
  line-height: 1.05;
  max-width: 12ch;
  margin-bottom: 1rem;
}
.hero-copy {
  color: rgba(255,255,255,.82);
  font-size: 1.05rem;
  line-height: 1.75;
  max-width: 62ch;
}
.hero-actions {
  display: flex;
  gap: .9rem;
  flex-wrap: wrap;
  margin: 1.75rem 0 1.5rem;
}
.hero-proof-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 1rem;
}
.proof-card {
  padding: 1rem 1rem 1.1rem;
  border-radius: 20px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(12px);
}
.proof-card strong {
  display: block;
  margin-bottom: .35rem;
  font-size: .98rem;
}
.proof-card span {
  display: block;
  color: rgba(255,255,255,.72);
  line-height: 1.55;
  font-size: .92rem;
}
.dashboard-preview {
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 28px;
  padding: 1.25rem;
  backdrop-filter: blur(16px);
}
.preview-top {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 1rem;
  margin-bottom: 1rem;
}
.preview-top h2 { font-size: 1.5rem; margin: 0; }
.tiny-label {
  color: rgba(255,255,255,.66);
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: .2rem;
}
.status-pill {
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  padding: .4rem .75rem;
  font-size: .8rem;
}
.preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: .95rem;
}
.preview-stat {
  padding: 1rem;
  border-radius: 20px;
  background: #fff;
  color: #0f172a;
  min-height: 108px;
}
.preview-stat span {
  display: block;
  color: var(--ea-soft);
  font-size: .86rem;
  margin-bottom: .55rem;
}
.preview-stat strong {
  display: block;
  line-height: 1.4;
}
.mockup-card {
  margin-top: 1rem;
  padding: 1.1rem;
  border-radius: 22px;
  background: rgba(255,255,255,.98);
  color: #0f172a;
}
.mockup-header {
  display: flex;
  justify-content: space-between;
  color: var(--ea-soft);
  font-size: .9rem;
  margin-bottom: .6rem;
}
.mockup-amount {
  font-size: 2.2rem;
  font-weight: 800;
  margin-bottom: .8rem;
}
.mockup-bars {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: end;
  gap: .65rem;
  min-height: 70px;
  margin-bottom: 1rem;
}
.mockup-bars span {
  display: block;
  border-radius: 999px 999px 10px 10px;
  background: linear-gradient(180deg, var(--ea-brand), rgba(50,152,200,.35));
}
.mockup-bars span:nth-child(1){height:38px;}
.mockup-bars span:nth-child(2){height:62px;}
.mockup-bars span:nth-child(3){height:48px;}
.mockup-bars span:nth-child(4){height:74px;background:linear-gradient(180deg,var(--ea-accent), rgba(242,155,36,.35));}
.mockup-list { display: grid; gap: .8rem; }
.mockup-list div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  border-top: 1px solid #e8eef5;
  padding-top: .8rem;
}
.mockup-list strong { font-size: .95rem; }
.mockup-list span { color: var(--ea-soft); font-size: .88rem; text-align: right; }

.brand-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 1rem;
  margin-top: 2rem;
}
.mini-stat {
  padding: 1rem 1.1rem;
  border-radius: 20px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.1);
}
.mini-stat strong { display: block; margin-bottom: .3rem; }
.mini-stat span { color: rgba(255,255,255,.68); }

.content-section { padding: 5rem 0; }
.alt-section { background: linear-gradient(180deg, rgba(50,152,200,.04), rgba(50,152,200,.02)); }
.section-heading { max-width: 860px; margin-bottom: 2rem; }
.section-heading h2 {
  font-size: clamp(1.8rem, 3vw, 3rem);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.1;
  margin-bottom: .9rem;
}
.section-heading p {
  color: var(--ea-soft);
  line-height: 1.8;
  margin: 0;
}
.center-heading { text-align: center; margin-left: auto; margin-right: auto; }

.info-card, .benefit-card, .workflow-card, .faq-item {
  background: rgba(255,255,255,.96);
  border: 1px solid var(--ea-border-soft);
  border-radius: 24px;
  padding: 1.4rem;
  box-shadow: 0 18px 40px rgba(15,23,42,.05);
}
.info-card h3, .benefit-card h3, .workflow-card h3, .faq-item h3 {
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: .7rem;
}
.info-card p, .benefit-card p, .workflow-card p, .faq-item p {
  color: var(--ea-soft);
  line-height: 1.7;
  margin: 0;
}
.icon-badge, .step-dot, .workflow-num {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(50,152,200,.15), rgba(242,155,36,.12));
  color: var(--ea-brand-dark);
  font-weight: 800;
  margin-bottom: 1rem;
}
.feature-surface {
  border-radius: 28px;
  padding: 1.5rem;
  border: 1px solid var(--ea-border-soft);
  background: linear-gradient(180deg, #ffffff, #f9fcff);
  box-shadow: 0 18px 38px rgba(15,23,42,.04);
}
.check-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 1rem;
}
.check-item {
  position: relative;
  padding: 1rem 1rem 1rem 3rem;
  border-radius: 20px;
  border: 1px solid #e5eef6;
  background: #fff;
  color: #334155;
}
.check-item::before {
  content: "✓";
  position: absolute;
  left: 1rem;
  top: .95rem;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(50,152,200,.12);
  color: var(--ea-brand-dark);
  font-weight: 800;
}
.pricing-section {
  background:
    radial-gradient(circle at top right, rgba(50,152,200,.08), transparent 25%),
    linear-gradient(180deg, #f7fbff, #ffffff);
}
.pricing-card {
  position: relative;
  border-radius: 28px;
  padding: 1.6rem;
  border: 1px solid #d8e6f2;
  background: #fff;
  box-shadow: 0 24px 45px rgba(15,23,42,.06);
  height: 100%;
}
.pricing-card-featured {
  border-color: rgba(50,152,200,.45);
  box-shadow: 0 26px 52px rgba(50,152,200,.15);
  transform: translateY(-8px);
}
.pricing-ribbon {
  position: absolute;
  top: 18px;
  right: 18px;
  background: linear-gradient(135deg, var(--ea-accent), #f7b04d);
  color: #0f172a;
  padding: .35rem .75rem;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 700;
}
.pricing-card-head h3 {
  font-size: 1.4rem;
  font-weight: 800;
  margin-bottom: .35rem;
}
.pricing-card-head p {
  color: var(--ea-soft);
  margin-bottom: 1.2rem;
  line-height: 1.65;
}
.price-block { margin-bottom: 1.2rem; }
.price {
  font-size: 2.5rem;
  font-weight: 800;
  color: var(--ea-ink);
  line-height: 1;
}
.price span {
  font-size: 1rem;
  color: var(--ea-soft);
  margin-left: .35rem;
  font-weight: 500;
}
.price-yearly {
  margin-top: .45rem;
  color: var(--ea-soft);
}
.pricing-points {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pricing-points li {
  padding: .75rem 0;
  border-bottom: 1px solid #edf3f8;
  color: #334155;
}
.pricing-points li:last-child { border-bottom: 0; }
.faq-shell {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 1rem;
}
.cta-section { padding: 0 0 5rem; }
.cta-shell {
  border-radius: 30px;
  padding: 2rem;
  background: linear-gradient(135deg, #0e1b2f 0%, #143556 100%);
  color: #fff;
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  align-items: center;
  box-shadow: 0 26px 60px rgba(15,23,42,.16);
}
.cta-actions { display: flex; gap: .9rem; flex-wrap: wrap; }
.landing-footer {
  padding: 0 0 2.5rem;
}
.footer-brand, .auth-brand {
  display: flex;
  align-items: center;
  gap: .75rem;
  font-weight: 700;
  color: #0f172a;
}

.auth-wrap {
  background:
    radial-gradient(circle at top left, rgba(50,152,200,.10), transparent 25%),
    linear-gradient(135deg, #f5fbff, #ffffff 56%, #f7fbff);
}
.auth-card {
  background: rgba(255,255,255,.94);
  border: 1px solid #dbe7f1;
}
.auth-brand {
  justify-content: center;
  margin-bottom: 1rem;
}

.topbar, .admin-topbar {
  background: linear-gradient(135deg, #0e1b2f, #153b57 62%, #1f6f9b);
}
.navbar-brand.brand-inline img {
  height: 36px;
  width: auto;
}
.navbar-brand.brand-inline {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
}

@media (max-width: 991px) {
  .hero-proof-grid, .brand-strip, .faq-shell, .check-grid { grid-template-columns: 1fr; }
  .preview-grid { grid-template-columns: 1fr 1fr; }
  .cta-shell { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 767px) {
  .hero-shell { padding: 1.4rem; border-radius: 24px; }
  .preview-grid { grid-template-columns: 1fr; }
  .hero-content h1 { max-width: none; }
  .content-section { padding: 4rem 0; }
  .pricing-card-featured { transform: none; }
  .cta-shell { padding: 1.4rem; }
}


/* Accufy-inspired landing refresh */
.landing-accufy{background:#f7f8fb;color:#22304a;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;}
.landing-accufy .landing-nav{background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(13,32,55,.06)}
.landing-accufy .nav-link{font-size:.95rem}
.hero-accufy{background:linear-gradient(180deg,#f8fbfc 0,#f7f8fb 100%)}
.hero-panel{background:linear-gradient(135deg,#0f4650 0%,#0a3340 70%,#082c37 100%);border-radius:0 0 0 0;padding:3rem 3rem 2.75rem;border-radius:8px;overflow:hidden;position:relative}
.hero-panel:before{content:"";position:absolute;inset:auto -5% -30% auto;width:320px;height:320px;background:radial-gradient(circle,rgba(55,195,159,.15),transparent 60%)}
.eyebrow-dark{display:inline-flex;padding:.45rem .8rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#b7dde1;font-size:.82rem;font-weight:600;margin-bottom:1rem}
.hero-accufy h1{color:#fff;font-size:clamp(2.4rem,4vw,4rem);line-height:1.03;font-weight:800;max-width:11ch;margin-bottom:1rem}
.hero-accufy p{color:rgba(238,246,247,.78);font-size:1.04rem;line-height:1.8;max-width:56ch}
.hero-inline-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}
.hero-inline-stats div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:1rem;backdrop-filter:blur(8px)}
.hero-inline-stats strong{display:block;color:#fff;font-size:.98rem}
.hero-inline-stats span{display:block;color:rgba(238,246,247,.72);font-size:.88rem;margin-top:.25rem}
.hero-mockup-wrap{position:relative;padding:1rem 0}
.hero-orb{position:absolute;border-radius:50%;filter:blur(1px)}
.orb-one{width:150px;height:150px;right:16%;top:-6px;background:rgba(140,238,212,.22)}
.orb-two{width:220px;height:220px;right:0;bottom:-10px;background:rgba(255,255,255,.08)}
.hero-dashboard-card{position:relative;background:#e9fff6;border-radius:32px;padding:1.35rem;box-shadow:0 20px 55px rgba(0,0,0,.18);max-width:510px;margin:0 auto}
.mockup-topbar{display:flex;gap:.4rem;margin-bottom:.8rem}
.mockup-topbar span{width:10px;height:10px;border-radius:50%;background:#b9dcd2;display:block}
.hero-dashboard-card small{color:#5a6b73;text-transform:uppercase;letter-spacing:.08em}
.hero-dashboard-card h3{color:#17313b;font-weight:800}
.hero-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.metric-box{background:#fff;border-radius:20px;padding:.95rem 1rem;box-shadow:0 10px 18px rgba(23,49,59,.06)}
.metric-box label{display:block;font-size:.8rem;color:#61747d;margin-bottom:.2rem}
.metric-box strong{font-size:1.12rem;color:#17313b}
.chart-strip{display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:.55rem;height:92px;background:#fff;border-radius:20px;padding:1rem;box-shadow:0 10px 18px rgba(23,49,59,.06)}
.chart-strip .bar{border-radius:999px 999px 6px 6px;background:linear-gradient(180deg,#26b279,#6fd1ae)}
.invoice-chip-row{display:flex;gap:.6rem;flex-wrap:wrap}
.invoice-chip{background:#17313b;color:#fff;padding:.55rem .85rem;border-radius:999px;font-size:.85rem}
.section-pad{padding:5rem 0}
.section-intro h2{font-size:clamp(2rem,3vw,3rem);font-weight:800;color:#23314e;line-height:1.15;margin-bottom:0}
.section-copy{max-width:720px;margin:.8rem auto 0;color:#6a788d}
.work-card{background:#fff;border-radius:12px;padding:2rem 1.4rem;box-shadow:0 16px 40px rgba(27,39,70,.08);height:100%}
.work-card.featured{transform:translateY(-10px)}
.work-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;margin:0 auto 1rem;background:#ecfaf5;color:#2aa370;font-weight:800}
.work-card h3{font-size:1.15rem;font-weight:800;color:#283653;margin-bottom:.8rem}
.work-card p{color:#68768b;line-height:1.75;margin:0}
.feature-mosaic-wrap{background:#f7f8fb}
.feature-mosaic{display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-auto-rows:220px;gap:1rem}
.mosaic-card{border-radius:6px;padding:1.5rem;box-shadow:0 16px 36px rgba(27,39,70,.06);overflow:hidden}
.mosaic-card h3{font-size:1.3rem;font-weight:800;margin-bottom:.8rem}
.mosaic-card p,.mosaic-card li{line-height:1.7;color:#43516b}
.mosaic-card ul{padding-left:1.15rem;margin:0}
.mosaic-card.light{background:#f6f8fb}
.mosaic-card.cream{background:#f8f2e5}
.mosaic-card.pale{background:#eaf3fb}
.mosaic-card.navy{background:#274c9a;color:#fff}
.mosaic-card.navy p{color:rgba(255,255,255,.82)}
.mosaic-card.gold{background:#f1b155}
.mosaic-card.gold li{color:#263244}
.mosaic-card.tall{grid-row:span 2}
.mosaic-card.wide{grid-column:span 1}
.benefit-item{padding:1rem 0 2.2rem;border-bottom:1px solid #edf1f6}
.benefit-item:last-child{border-bottom:0;padding-bottom:0}
.benefit-item h3{font-size:2rem;font-weight:800;color:#293756;line-height:1.15;margin-bottom:.8rem;max-width:16ch}
.benefit-item p{color:#68768b;line-height:1.8;max-width:52ch}
.illustration-box{height:300px;border-radius:18px;background:#f3f6fb;position:relative;overflow:hidden}
.illustration-box:before,.illustration-box:after{content:"";position:absolute;border-radius:50%}
.ill-one:before{width:170px;height:170px;background:#e7eef9;left:12%;top:16%}
.ill-one:after{width:110px;height:110px;background:#f6d5b2;right:14%;bottom:12%}
.ill-two:before{width:190px;height:190px;background:#d8efe8;left:18%;top:12%}
.ill-two:after{width:120px;height:120px;background:#dbe6f7;right:12%;bottom:16%}
.ill-three:before{width:180px;height:180px;background:#e8edf7;left:10%;bottom:8%}
.ill-three:after{width:90px;height:90px;background:#ffb7b0;right:18%;top:12%}
.ill-four:before{width:185px;height:185px;background:#f6d9d6;left:16%;top:10%}
.ill-four:after{width:120px;height:120px;background:#dceef9;right:12%;bottom:10%}
.pricing-band{background:#f7f8fb}
.pricing-card-acc{position:relative;background:#fff;border-radius:14px;padding:2rem 1.5rem;box-shadow:0 16px 40px rgba(27,39,70,.08);height:100%}
.pricing-card-acc.is-featured{border:2px solid #27b778;transform:translateY(-8px)}
.plan-badge{position:absolute;top:18px;right:18px;background:#17313b;color:#fff;border-radius:999px;padding:.35rem .7rem;font-size:.78rem}
.pricing-card-acc h3{font-weight:800;color:#24314c}
.price-tag{font-size:2.4rem;font-weight:800;color:#17313b;line-height:1.1;margin:.6rem 0 .35rem}
.price-tag span{font-size:1rem;font-weight:600;color:#6d7c90;margin-left:.25rem}
.small-copy{color:#6d7c90}
.pricing-card-acc ul{list-style:none;padding:0;margin:1rem 0 1.5rem}
.pricing-card-acc li{padding:.55rem 0;border-bottom:1px solid #edf1f6;color:#46546d}
.pricing-card-acc li:last-child{border-bottom:0}
.faq-stack{display:grid;gap:1rem}
.faq-item{background:#f9fbfd;border:1px solid #edf1f6;border-radius:12px;padding:1.35rem 1.2rem}
.faq-item h3{font-size:1.08rem;font-weight:700;color:#26344f;margin-bottom:.5rem}
.faq-item p{margin:0;color:#6a788d;line-height:1.75}
.trial-cta{padding:4.5rem 0;background:#e9faf1}
.trial-cta .tiny-kicker{color:#5b6c7e;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;margin-bottom:.8rem}
.trial-cta h2{font-size:clamp(2rem,3vw,3.2rem);font-weight:800;color:#23314e;margin-bottom:1.2rem}
.landing-footer{padding:3rem 0;background:#fff;border-top:1px solid #edf1f6}
.landing-footer h4{font-size:1rem;font-weight:800;color:#24314c;margin-bottom:.8rem}
.landing-footer p,.landing-footer a{color:#6a788d;text-decoration:none;line-height:1.8}
.landing-footer a:hover{color:#217cab}
.container-sm{max-width:860px}
@media (max-width: 991px){
  .hero-panel{padding:2rem}
  .hero-inline-stats,.feature-mosaic{grid-template-columns:1fr}
  .feature-mosaic{grid-auto-rows:auto}
  .mosaic-card.tall,.mosaic-card.wide{grid-row:auto;grid-column:auto}
  .pricing-card-acc.is-featured,.work-card.featured{transform:none}
  .benefit-item h3{max-width:none;font-size:1.6rem}
}
@media (max-width: 767px){
  .hero-accufy h1{max-width:none}
  .hero-inline-stats,.hero-metrics-grid{grid-template-columns:1fr}
  .section-pad{padding:4rem 0}
  .hero-panel{border-radius:0;padding:1.4rem}
  .hero-dashboard-card{border-radius:24px}
}



/* ==== Elite SaaS landing refresh ==== */
.landing-elite{
  --brand:#3298c8;
  --brand-dark:#1f78ad;
  --accent:#f2a33a;
  --ink:#10213b;
  --muted:#64748b;
  --line:#d9e5f0;
  --surface:#ffffff;
  --surface-2:#f5f9fd;
  background:
    radial-gradient(circle at top left, rgba(50,152,200,.12), transparent 24%),
    radial-gradient(circle at top right, rgba(242,163,58,.09), transparent 18%),
    linear-gradient(180deg,#f5f9fd 0%, #ffffff 30%, #f8fbff 100%);
  color:var(--ink);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
.landing-elite .landing-nav{
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(16,33,59,.06);
  box-shadow:0 12px 28px rgba(16,33,59,.05);
}
.landing-elite .brand-lockup img,.landing-elite .footer-brand img{height:46px}
.landing-elite .nav-link{color:#42526a;font-weight:500}
.landing-elite .nav-link:hover{color:var(--brand-dark)}
.hero-elite{padding:2rem 0 1rem}
.hero-shell-elite{
  position:relative;
  overflow:hidden;
  padding:4rem 3rem 2rem;
  border-radius:36px;
  background:
    radial-gradient(circle at 10% 15%, rgba(112,235,192,.22), transparent 18%),
    radial-gradient(circle at 90% 10%, rgba(84,155,255,.22), transparent 20%),
    linear-gradient(135deg,#0d2035 0%, #103252 45%, #144867 100%);
  box-shadow:0 35px 90px rgba(13,32,53,.18);
}
.hero-shell-elite:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 35%);
  pointer-events:none;
}
.hero-bg-grid{
  position:absolute; inset:0; opacity:.18; pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size:38px 38px;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 86%);
          mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 86%);
}
.eyebrow-pill{
  display:inline-flex; padding:.55rem .95rem; border-radius:999px;
  background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.14);
  color:#dff2ff; font-size:.84rem; font-weight:600; margin-bottom:1.15rem;
}
.hero-elite h1{
  color:#fff; font-size:clamp(2.6rem,5vw,4.65rem); line-height:1.02;
  font-weight:800; letter-spacing:-.03em; max-width:11.4ch; margin-bottom:1rem;
}
.hero-copy-elite{
  color:rgba(236,247,255,.78); font-size:1.06rem; line-height:1.85; max-width:60ch;
}
.hero-actions{display:flex; gap:.9rem; flex-wrap:wrap; margin:1.7rem 0 1.6rem}
.hero-actions .btn{min-width:180px}
.trust-points{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem;
}
.trust-points>div{
  padding:1rem 1rem 1.05rem; border-radius:20px;
  background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(10px);
}
.trust-points strong{display:block; color:#fff; margin-bottom:.25rem; font-size:.98rem}
.trust-points span{display:block; color:rgba(236,247,255,.72); font-size:.9rem; line-height:1.55}

.hero-visual-stack{position:relative; padding:1rem 0 2rem}
.hero-main-visual{
  position:relative;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.14);
  border-radius:30px;
  padding:1rem;
  box-shadow:0 26px 60px rgba(0,0,0,.18);
  backdrop-filter:blur(18px);
}
.hero-main-visual img{display:block; width:100%; border-radius:24px}
.hero-floating-card{
  position:absolute; z-index:3; width:210px; padding:1rem 1rem 1.05rem;
  border-radius:22px; background:#fff; box-shadow:0 20px 45px rgba(13,32,53,.18);
}
.hero-floating-card span{display:block; color:var(--muted); font-size:.83rem; margin-bottom:.3rem}
.hero-floating-card strong{display:block; color:var(--ink); font-size:1.55rem; font-weight:800}
.hero-floating-card small{display:block; color:#35a06f; margin-top:.2rem}
.hero-floating-card.card-top{right:-20px; top:-12px}
.hero-floating-card.card-bottom{left:-10px; bottom:0}

.platform-strip{
  margin-top:2.2rem; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem;
}
.strip-item{
  display:flex; align-items:center; gap:1rem;
  padding:1rem 1.1rem; border-radius:22px;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.10);
}
.strip-item img{width:48px; height:48px; flex:0 0 48px}
.strip-item strong{display:block; color:#fff; margin-bottom:.15rem}
.strip-item span{display:block; color:rgba(236,247,255,.72); line-height:1.45; font-size:.9rem}

.section-pad{padding:5.5rem 0}
.section-soft{background:linear-gradient(180deg,rgba(50,152,200,.035),rgba(50,152,200,.02))}
.section-intro h2{
  font-size:clamp(2.1rem,3vw,3.35rem); font-weight:800;
  line-height:1.08; letter-spacing:-.03em; color:#1d2f4c; margin-bottom:0;
}
.section-copy{max-width:760px; margin:.85rem auto 0; color:var(--muted); line-height:1.8}
.eyebrow-light{
  display:inline-flex; padding:.5rem .85rem; border-radius:999px;
  background:rgba(50,152,200,.09); border:1px solid rgba(50,152,200,.13);
  color:var(--brand-dark); font-size:.82rem; font-weight:700; margin-bottom:1rem;
}

.workflow-card-xl{
  height:100%; position:relative; overflow:hidden;
  background:rgba(255,255,255,.96); border:1px solid var(--line); border-radius:28px;
  padding:1.35rem 1.35rem 1.5rem; box-shadow:0 20px 50px rgba(16,33,59,.05);
}
.workflow-card-xl.featured{
  transform:translateY(-10px);
  box-shadow:0 24px 60px rgba(50,152,200,.16);
  border-color:rgba(50,152,200,.26);
}
.workflow-card-xl img{width:100%; height:190px; object-fit:cover; border-radius:22px; margin-bottom:1rem}
.step-pill{
  display:inline-grid; place-items:center; width:44px; height:44px; border-radius:14px;
  background:linear-gradient(135deg,var(--brand),var(--brand-dark)); color:#fff; font-weight:800; margin-bottom:.9rem;
}
.workflow-card-xl h3{font-size:1.32rem; font-weight:800; color:#203250; line-height:1.2; margin-bottom:.75rem}
.workflow-card-xl p{color:var(--muted); line-height:1.8; margin:0}

.feature-grid-elite{
  display:grid; grid-template-columns:1.2fr .8fr; gap:1.2rem;
}
.feature-panel{
  display:flex; align-items:center; justify-content:space-between; gap:1.4rem;
  border-radius:30px; padding:1.6rem; border:1px solid var(--line);
  box-shadow:0 20px 45px rgba(16,33,59,.05); overflow:hidden;
}
.feature-panel img{width:42%; max-width:260px}
.feature-panel.large{grid-row:span 2; flex-direction:column; align-items:flex-start; justify-content:flex-start}
.feature-panel.large img{width:100%; max-width:none}
.feature-panel.dark{
  background:linear-gradient(135deg,#10243e,#153c5f 75%, #205a7f); color:#fff; border:0;
}
.feature-panel.dark .panel-copy p,.feature-panel.dark .panel-copy li{color:rgba(237,245,255,.78)}
.feature-panel.dark .label-soft{background:rgba(255,255,255,.1); color:#fff; border-color:rgba(255,255,255,.12)}
.feature-panel.soft{background:#fff}
.feature-panel.accent{
  background:linear-gradient(135deg,#f9f8f4,#fff8ed);
}
.panel-copy h3{font-size:1.55rem; font-weight:800; line-height:1.15; margin-bottom:.8rem}
.panel-copy p{color:var(--muted); line-height:1.8; margin-bottom:0}
.panel-copy ul{padding-left:1.1rem; margin:1rem 0 0}
.panel-copy li{color:var(--muted); line-height:1.8}
.label-soft{
  display:inline-flex; padding:.4rem .7rem; border-radius:999px; font-size:.78rem; font-weight:700;
  color:var(--brand-dark); background:rgba(50,152,200,.08); border:1px solid rgba(50,152,200,.1); margin-bottom:.8rem;
}

.benefit-row-elite h3{
  font-size:clamp(1.8rem,3vw,2.7rem); font-weight:800; line-height:1.12; letter-spacing:-.02em;
  color:#203250; margin-bottom:.9rem;
}
.benefit-row-elite p{color:var(--muted); line-height:1.9}
.benefit-kicker{display:inline-block; color:var(--brand-dark); font-weight:800; margin-bottom:.75rem}
.visual-frame{
  background:linear-gradient(180deg,#ffffff,#f5f9fd);
  border:1px solid var(--line); border-radius:30px; padding:1rem; box-shadow:0 24px 55px rgba(16,33,59,.06);
}
.visual-frame img{display:block; width:100%; border-radius:22px}
.tick-list{list-style:none; padding:0; margin:1rem 0 0; display:grid; gap:.8rem}
.tick-list li{
  position:relative; padding-left:1.9rem; color:#41536c; line-height:1.7;
}
.tick-list li:before{
  content:"✓"; position:absolute; left:0; top:.1rem; width:1.25rem; height:1.25rem;
  display:grid; place-items:center; border-radius:50%; background:rgba(50,152,200,.1); color:var(--brand-dark); font-weight:800;
}

.pricing-shell{background:linear-gradient(180deg,#f5f9fd,#ffffff)}
.pricing-card-premium{
  position:relative; background:#fff; border:1px solid var(--line); border-radius:28px; padding:2rem 1.5rem;
  box-shadow:0 22px 50px rgba(16,33,59,.06); height:100%;
}
.pricing-card-premium.featured{
  border-color:rgba(50,152,200,.3);
  transform:translateY(-8px);
  box-shadow:0 28px 60px rgba(50,152,200,.15);
}
.price-icon-wrap{
  width:72px; height:72px; border-radius:22px; display:grid; place-items:center;
  background:linear-gradient(135deg,rgba(50,152,200,.08),rgba(50,152,200,.16));
  margin-bottom:1rem;
}
.price-icon-wrap img{width:42px; height:42px}
.plan-badge{
  position:absolute; top:18px; right:18px; border-radius:999px; padding:.4rem .75rem;
  background:#133557; color:#fff; font-size:.78rem; font-weight:700;
}
.pricing-card-premium h3{font-size:1.5rem; font-weight:800; color:#213250}
.price-tag{font-size:2.7rem; font-weight:800; color:#10213b; line-height:1.05; margin:.65rem 0 .45rem}
.price-tag span{font-size:1rem; font-weight:600; color:var(--muted); margin-left:.25rem}
.small-copy{color:var(--muted)}
.pricing-card-premium ul{list-style:none; padding:0; margin:1rem 0 1.5rem; display:grid; gap:.7rem}
.pricing-card-premium li{
  padding-left:1.6rem; position:relative; color:#43546d; line-height:1.6;
}
.pricing-card-premium li:before{
  content:""; position:absolute; left:0; top:.62rem; width:8px; height:8px; border-radius:50%;
  background:var(--brand);
}

.testimonials-band{background:#fff}
.quote-card{
  height:100%; background:linear-gradient(180deg,#ffffff,#f8fbff);
  border:1px solid var(--line); border-radius:24px; padding:1.5rem;
  box-shadow:0 18px 42px rgba(16,33,59,.05);
}
.quote-card h3{font-size:1.2rem; font-weight:800; color:#213250; margin-bottom:.8rem}
.quote-card p{color:var(--muted); line-height:1.8; margin:0}

.faq-band{background:linear-gradient(180deg,#f9fcff,#ffffff)}
.faq-stack{display:grid; gap:1rem}
.faq-item{
  background:#fff; border:1px solid var(--line); border-radius:22px; padding:1.3rem 1.25rem;
  box-shadow:0 14px 36px rgba(16,33,59,.04);
}
.faq-item h3{font-size:1.1rem; font-weight:800; color:#233454; margin-bottom:.45rem}
.faq-item p{margin:0; color:var(--muted); line-height:1.8}

.trial-cta-elite{padding:0 0 5rem}
.trial-shell{
  display:flex; justify-content:space-between; align-items:center; gap:2rem;
  background:linear-gradient(135deg,#0f2640,#18486d 70%, #1f6289);
  border-radius:32px; color:#fff; padding:2rem 2.2rem;
  box-shadow:0 28px 65px rgba(16,33,59,.16);
}
.trial-shell .tiny-kicker{color:#d4efff; text-transform:uppercase; letter-spacing:.08em; font-size:.78rem; margin-bottom:.7rem}
.trial-shell h2{font-size:clamp(2rem,3vw,3.05rem); font-weight:800; line-height:1.1; margin-bottom:.7rem}
.trial-shell p{color:rgba(236,247,255,.76); margin:0}
.trial-actions{display:flex; gap:.9rem; flex-wrap:wrap}

.landing-footer{
  padding:3.4rem 0; background:#fff; border-top:1px solid var(--line);
}
.landing-footer h4{font-size:1rem; font-weight:800; color:#233454; margin-bottom:.8rem}
.landing-footer p,.landing-footer a{color:#66768b; text-decoration:none; line-height:1.8}
.landing-footer a:hover{color:var(--brand-dark)}
.container-sm{max-width:860px}

@media (max-width: 1199px){
  .feature-grid-elite{grid-template-columns:1fr 1fr}
}
@media (max-width: 991px){
  .hero-shell-elite{padding:2rem 1.5rem}
  .hero-elite h1{max-width:none}
  .trust-points,.platform-strip,.feature-grid-elite{grid-template-columns:1fr}
  .workflow-card-xl.featured,.pricing-card-premium.featured{transform:none}
  .hero-floating-card{position:static; width:auto; margin-bottom:1rem}
  .hero-visual-stack{padding-bottom:0}
  .feature-panel{flex-direction:column; align-items:flex-start}
  .feature-panel img,.feature-panel.large img{width:100%; max-width:none}
  .trial-shell{flex-direction:column; align-items:flex-start}
}
@media (max-width: 767px){
  .landing-elite .brand-lockup img,.landing-elite .footer-brand img{height:40px}
  .hero-shell-elite{border-radius:26px}
  .hero-actions .btn,.trial-actions .btn{width:100%}
  .section-pad{padding:4.25rem 0}
  .workflow-card-xl img{height:170px}
}