/* =========================================================
   EasyLeasey Marketing — Blue/Black Brand Theme
   Safe override layer loaded AFTER site.css.
   Content, layout, routes, and functionality are untouched.
   ========================================================= */

:root,
html[data-theme="light"],
html[data-theme="dark"]{
  --brand-black:#020617;
  --brand-navy:#0f172a;
  --brand-navy-2:#111827;
  --brand-card:#111827;
  --brand-card-soft:#0b1220;
  --brand-blue:#2563eb;
  --brand-blue-2:#1d4ed8;
  --brand-blue-soft:rgba(37,99,235,.16);

  --rust-700:#1d4ed8;
  --rust-600:#2563eb;
  --rust-500:#2563eb;
  --rust-450:#3b82f6;
  --gold-200:rgba(96,165,250,.26);

  --navy-900:#020617;
  --navy-850:#050b18;
  --navy-800:#0f172a;
  --navy-750:#111827;
  --navy-700:#1e293b;

  --bg:#020617;
  --bg2:#0f172a;
  --card:rgba(15,23,42,.94);
  --card2:rgba(17,24,39,.94);

  --text:#f8fafc;
  --text2:rgba(226,232,240,.84);
  --text3:rgba(148,163,184,.78);

  --line:rgba(148,163,184,.18);
  --line2:rgba(59,130,246,.32);
  --shadow:0 22px 70px rgba(0,0,0,.45);

  --accent:#2563eb;
  --accent2:#3b82f6;

  --utility-bg:rgba(2,6,23,.90);
  --header-bg:rgba(2,6,23,.92);

  --ghost-bg:rgba(148,163,184,.10);
  --ghost-bg-hover:rgba(148,163,184,.16);
  --ghost-bd:rgba(148,163,184,.22);

  --pill-bg:rgba(37,99,235,.16);
  --pill-bd:rgba(96,165,250,.28);

  --mock-top-bg:rgba(15,23,42,.96);
  --mock-dot-bg:rgba(96,165,250,.32);

  --hero-bg:
    radial-gradient(1100px 560px at 18% 0%, rgba(37,99,235,.34), transparent 58%),
    radial-gradient(860px 520px at 84% 12%, rgba(59,130,246,.18), transparent 56%),
    linear-gradient(180deg, #020617 0%, #0f172a 58%, #111827 100%);
  --hero-bd:rgba(96,165,250,.20);

  --hero-overlay:
    radial-gradient(980px 560px at 20% 35%, rgba(37,99,235,.22), transparent 60%),
    radial-gradient(860px 560px at 78% 30%, rgba(96,165,250,.10), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0));
}

body{
  background:
    radial-gradient(900px 520px at 14% 16%, rgba(37,99,235,.18), transparent 60%),
    radial-gradient(760px 520px at 88% 18%, rgba(96,165,250,.10), transparent 58%),
    linear-gradient(180deg, var(--bg), var(--bg2));
  color:var(--text);
}

body::before{
  background:
    radial-gradient(900px 520px at 18% 20%, rgba(37,99,235,.10), transparent 60%),
    radial-gradient(820px 520px at 86% 26%, rgba(96,165,250,.08), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
  opacity:1;
}

.topbar,
.site-header,
header{
  background:var(--header-bg);
  border-color:var(--line);
}

.brand strong,
.mobnav-btxt strong,
h1,h2,h3,h4,
.section-title,
.card-title{
  color:var(--text);
}

.brand-text span,
.mobnav-btxt span,
p,
.lead,
.muted,
.card p,
.section-copy{
  color:var(--text2);
}

a{color:#93c5fd;}
a:hover{color:#bfdbfe;}

.navlink,
.login-link,
.mobnav-link{
  color:var(--text2);
}

.navlink:hover,
.navlink.is-active,
.mobnav-link:hover,
.mobnav-link.is-active{
  color:#fff;
  background:rgba(37,99,235,.16);
  border-color:rgba(96,165,250,.28);
}

.btn-accent,
.btn-primary,
button.btn-accent,
a.btn-accent{
  background:linear-gradient(135deg, var(--brand-blue), #3b82f6);
  color:#fff !important;
  border-color:rgba(147,197,253,.36);
  box-shadow:0 18px 42px rgba(37,99,235,.32);
}

.btn-accent:hover,
.btn-primary:hover,
button.btn-accent:hover,
a.btn-accent:hover{
  background:linear-gradient(135deg, var(--brand-blue-2), var(--brand-blue));
  color:#fff !important;
}

.btn-ghost,
.chip,
.iconbtn,
.login-link,
.header-demo{
  background:var(--ghost-bg);
  border-color:var(--ghost-bd);
  color:var(--text2) !important;
}

.btn-ghost:hover,
.chip:hover,
.iconbtn:hover,
.login-link:hover,
.header-demo:hover{
  background:var(--ghost-bg-hover);
  border-color:rgba(96,165,250,.32);
  color:#fff !important;
}

.hero,
.hero-section,
.page-hero,
.pricing-hero,
.tool-hero,
.guide-hero{
  background:var(--hero-bg);
  border-color:var(--hero-bd);
}

.hero::before,
.hero-section::before,
.page-hero::before{
  background:var(--hero-overlay);
}

.card,
.panel,
.feature-card,
.pricing-card,
.tool-card,
.guide-card,
.compare-card,
.stat-card,
.mock,
.form-card,
.contact-card,
section .box{
  background:linear-gradient(180deg, rgba(17,24,39,.96), rgba(15,23,42,.94));
  border-color:var(--line);
  box-shadow:var(--shadow);
}

.pill,
.badge,
.eyebrow,
.kicker{
  background:var(--pill-bg);
  border-color:var(--pill-bd);
  color:#bfdbfe;
}

input,
select,
textarea{
  background:rgba(2,6,23,.72);
  border-color:rgba(148,163,184,.25);
  color:#f8fafc;
}

input::placeholder,
textarea::placeholder{color:rgba(148,163,184,.78);}
input:focus,
select:focus,
textarea:focus{
  border-color:rgba(96,165,250,.70);
  box-shadow:0 0 0 4px rgba(37,99,235,.18);
}

.footer,
.site-footer,
footer{
  background:#020617;
  border-color:rgba(148,163,184,.16);
  color:var(--text2);
}

.mobnav-sheet{
  background:#020617;
  border-color:rgba(148,163,184,.18);
}

.logo{
  background-color:transparent;
}

/* ---------------------------------------------------------
   Security/trust card dark-theme fixes
   Keeps content/layout untouched; only overrides old light card colors.
   --------------------------------------------------------- */
.security-strip .trust-panel,
.security-strip .seal-card,
.security-strip .security-seal,
.security-strip .trust-item,
.security-strip .seal-list > div,
.page-shell .security-strip .trust-panel,
.page-shell .security-strip .seal-card,
.page-shell .security-strip .security-seal,
.page-shell .security-strip .trust-item,
.page-shell .security-strip .seal-list > div{
  background:linear-gradient(180deg, rgba(17,24,39,.98), rgba(15,23,42,.96)) !important;
  border-color:rgba(96,165,250,.22) !important;
  color:#f8fafc !important;
  box-shadow:0 22px 70px rgba(0,0,0,.42) !important;
}

.security-strip .trust-title,
.security-strip .trust-item strong,
.security-strip .seal-list strong,
.security-strip .security-badge{
  color:#f8fafc !important;
}

.security-strip .trust-copy,
.security-strip .trust-item span,
.security-strip .security-seal p,
.security-strip .seal-list,
.security-strip .seal-list > div{
  color:rgba(226,232,240,.84) !important;
}

.security-strip .trust-kicker{
  color:#bfdbfe !important;
}

.security-strip .trust-kicker::before{
  background:#3b82f6 !important;
}

.security-strip .security-badge{
  background:rgba(37,99,235,.18) !important;
  border-color:rgba(96,165,250,.34) !important;
}

.security-strip .security-badge .seal-ico,
.security-strip .seal-ico{
  background:linear-gradient(135deg, rgba(37,99,235,.34), rgba(96,165,250,.24)) !important;
}

.security-strip .seal-list span{
  color:#93c5fd !important;
}

/* ---------------------------------------------------------
   Request-demo trial cards dark-theme fixes
   Targets the remaining light-background trial/CTA cards only.
   Content/layout/routes/functionality untouched.
   --------------------------------------------------------- */
.trial-strip .trust-panel,
.trial-strip .seal-card,
.trial-strip .security-seal,
.trial-strip .trust-item,
.page-shell .trial-strip .trust-panel,
.page-shell .trial-strip .seal-card,
.page-shell .trial-strip .security-seal,
.page-shell .trial-strip .trust-item{
  background:linear-gradient(180deg, rgba(17,24,39,.98), rgba(15,23,42,.96)) !important;
  border-color:rgba(96,165,250,.22) !important;
  color:#f8fafc !important;
  box-shadow:0 22px 70px rgba(0,0,0,.42) !important;
}

.trial-strip .trust-title,
.trial-strip .trust-item strong,
.trial-strip .security-badge{
  color:#f8fafc !important;
}

.trial-strip .trust-copy,
.trial-strip .trust-item span,
.trial-strip .security-seal p,
.trial-strip .lead{
  color:rgba(226,232,240,.84) !important;
}

.trial-strip .trust-kicker{
  color:#bfdbfe !important;
}

.trial-strip .trust-kicker::before{
  background:#3b82f6 !important;
}

.trial-strip .security-badge{
  background:rgba(37,99,235,.18) !important;
  border-color:rgba(96,165,250,.34) !important;
}

.trial-strip .security-badge .seal-ico,
.trial-strip .seal-ico{
  background:linear-gradient(135deg, rgba(37,99,235,.34), rgba(96,165,250,.24)) !important;
}

/* =========================================================
   EasyLeasey Marketing Header Logo Size Restore
   Restores the full SVG logo sizing after request-demo card CSS updates.
   No content/layout/functionality changes.
   ========================================================= */
.topbar .brand.brand-full-logo{
  display:flex;
  align-items:center;
  min-width:300px;
  line-height:1;
  overflow:visible;
}

.topbar .brand.brand-full-logo .brand-logo-full{
  display:block;
  height:64px;
  width:auto;
  max-width:460px;
  object-fit:contain;
  margin:0;
  filter:none;
}

@media (max-width: 980px){
  .topbar .brand.brand-full-logo{
    min-width:220px;
  }
  .topbar .brand.brand-full-logo .brand-logo-full{
    height:52px;
    max-width:320px;
  }
}

@media (max-width: 760px){
  .topbar .brand.brand-full-logo{
    min-width:0;
  }
  .topbar .brand.brand-full-logo .brand-logo-full{
    height:44px;
    max-width:240px;
  }
}