/* ===== site.css ===== */
/* Zeoleads.com — production stylesheet */
:root{--bg:#07111f;--bg2:#0b1728;--panel:#0e1f35;--panel2:#122a47;--ink:#f7fbff;--muted:#aebdcb;--line:rgba(255,255,255,.105);--accent:#49d17d;--accent2:#7beaa6;--accent3:#b8ffd0;--blue:#77a7ff;--warn:#ffd277;--max:1180px;--radius:24px;--shadow:0 26px 75px rgba(0,0,0,.30)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 0%,rgba(73,209,125,.10),transparent 26%),radial-gradient(circle at 93% 9%,rgba(79,132,255,.11),transparent 24%),linear-gradient(180deg,var(--bg),#081522 44%,#07111f 100%);line-height:1.56}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:0 auto}.skip{position:absolute;left:-9999px;top:8px;padding:10px 14px;background:#fff;color:#000;border-radius:8px;z-index:999}.skip:focus{left:8px}
.nav{position:sticky;top:0;z-index:50;background:rgba(7,17,31,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:1.55rem;font-weight:900;letter-spacing:-.045em}.brand span{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:21px;color:#dce7f0;font-size:.93rem}.nav-links a:hover,.nav-links a[aria-current="page"]{color:white}.menu{display:none;background:none;border:0;color:white;font-size:1.6rem}.button,.button-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:14px;font-weight:800;border:1px solid transparent;transition:.2s;cursor:pointer}.button{background:var(--accent);color:#052414;box-shadow:0 14px 34px rgba(73,209,125,.23)}.button:hover{transform:translateY(-2px);background:var(--accent2)}.button:disabled{opacity:.6;cursor:wait;transform:none}.button-ghost{border-color:var(--line);background:rgba(255,255,255,.035);color:#fff}.button-ghost:hover{background:rgba(255,255,255,.08)}
.hero{padding:86px 0 64px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:58px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(73,209,125,.28);background:rgba(73,209,125,.08);color:var(--accent3);font-size:.8rem;font-weight:850;letter-spacing:.065em;text-transform:uppercase}h1,h2,h3{margin:0;line-height:1.03;letter-spacing:-.045em}h1{font-size:clamp(3.15rem,7vw,6.55rem);max-width:11ch}h2{font-size:clamp(2.3rem,4.8vw,4.35rem);max-width:13ch}h3{font-size:1.42rem}.lede{font-size:clamp(1.12rem,2vw,1.3rem);color:#cbd8e4;max-width:700px;margin:24px 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.microcopy{margin-top:15px;color:var(--muted);font-size:.91rem}.hero-card{position:relative;padding:24px;border-radius:32px;background:linear-gradient(180deg,rgba(17,39,67,.97),rgba(12,28,48,.97));border:1px solid rgba(255,255,255,.11);box-shadow:var(--shadow)}.hero-card:before{content:"";position:absolute;inset:-1px;border-radius:32px;background:linear-gradient(145deg,rgba(73,209,125,.38),transparent 28%,transparent 66%,rgba(91,142,255,.25));z-index:-1;filter:blur(13px)}.call-window{background:#071421;border:1px solid var(--line);border-radius:22px;padding:18px}.call-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.84rem}.pulse{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 8px rgba(73,209,125,.10);display:inline-block;margin-right:12px}.chat{display:grid;gap:11px;margin-top:22px}.bubble{max-width:86%;padding:13px 15px;border-radius:16px;font-size:.94rem}.in{background:#17304f;border:1px solid rgba(255,255,255,.07)}.out{background:var(--accent);color:#052515;margin-left:auto}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.metric{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:18px;padding:15px}.metric strong{display:block;font-size:1.18rem}.metric span{display:block;color:var(--muted);font-size:.77rem;margin-top:2px}
.trust-strip{padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;color:#cfdae5;font-weight:740;font-size:.91rem}.section{padding:94px 0}.section-tight{padding:68px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-head p{max-width:590px;color:var(--muted);margin:0;font-size:1.04rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{background:linear-gradient(180deg,rgba(17,39,67,.78),rgba(10,25,43,.82));border:1px solid var(--line);border-radius:var(--radius);padding:26px}.card p{color:var(--muted);margin:12px 0 0}.icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;margin-bottom:25px;background:rgba(73,209,125,.1);border:1px solid rgba(73,209,125,.2);color:var(--accent2);font-weight:900}.steps{display:grid;gap:14px}.step{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start;padding:20px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}.step-num{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--accent);color:#052515;font-weight:900}.step p{margin:6px 0 0;color:var(--muted)}.money{background:linear-gradient(135deg,#102743,#0d1d31 55%,#0d2b20);border:1px solid var(--line);border-radius:30px;padding:36px;box-shadow:var(--shadow)}.money .big{font-size:clamp(2.8rem,5vw,5.2rem);font-weight:900;letter-spacing:-.055em;color:var(--accent2);line-height:1}.money p{color:var(--muted);max-width:720px}.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.badge{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:#d9e4ee;font-size:.85rem}.cta{padding:44px;border-radius:32px;background:linear-gradient(135deg,rgba(73,209,125,.15),rgba(17,39,67,.80));border:1px solid rgba(73,209,125,.22);display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{max-width:12ch}.kicker{color:var(--accent3);font-weight:850;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.page-hero{padding:72px 0 46px}.page-hero h1{font-size:clamp(3rem,6vw,5.35rem);max-width:13ch}.page-hero .lede{max-width:800px}.checklist{display:grid;gap:12px;margin:20px 0 0;padding:0;list-style:none}.checklist li{padding-left:30px;position:relative;color:#d9e5ee}.checklist li:before{content:"✓";position:absolute;left:0;top:0;color:var(--accent);font-weight:900}.price-card{max-width:820px;margin:0 auto;background:linear-gradient(180deg,#102945,#0b1c2e);border:1px solid rgba(73,209,125,.28);border-radius:30px;padding:34px;box-shadow:var(--shadow)}.price{font-size:4rem;letter-spacing:-.06em;font-weight:900}.price small{font-size:1rem;color:var(--muted);font-weight:600;letter-spacing:0}
.form{max-width:820px;margin:0 auto;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:28px;padding:30px}.field{display:grid;gap:8px;margin-bottom:16px}.field label{font-weight:700}.field input,.field textarea,.field select{width:100%;background:#071421;color:white;border:1px solid rgba(255,255,255,.14);border-radius:13px;padding:14px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(73,209,125,.55);box-shadow:0 0 0 4px rgba(73,209,125,.08)}.consent{display:flex;gap:12px;align-items:flex-start;color:#c3d0dd;font-size:.9rem;margin:18px 0}.consent input{margin-top:5px}.form-note{font-size:.83rem;color:var(--muted)}.form-status{display:none;margin-top:16px;padding:14px 16px;border-radius:13px;border:1px solid var(--line)}.form-status.ok{display:block;background:rgba(73,209,125,.09);border-color:rgba(73,209,125,.25);color:#caffdc}.form-status.err{display:block;background:rgba(255,99,99,.08);border-color:rgba(255,99,99,.25);color:#ffd0d0}.hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}.legal{max-width:900px;margin:0 auto}.legal h1{font-size:clamp(2.8rem,5vw,4.8rem);max-width:none}.legal h2{font-size:1.65rem;letter-spacing:-.025em;margin-top:38px;max-width:none}.legal h3{font-size:1.1rem;margin-top:24px;letter-spacing:-.01em}.legal p,.legal li{color:#c3d0dc}.legal a{color:var(--accent2);text-decoration:underline}.legal strong{color:#fff}.notice{padding:18px 20px;border-radius:16px;background:rgba(255,210,119,.08);border:1px solid rgba(255,210,119,.22);color:#ffe3aa;margin:22px 0}.faq{display:grid;gap:12px}.faq details{border:1px solid var(--line);border-radius:18px;padding:18px 20px;background:rgba(255,255,255,.025)}.faq summary{font-weight:800;cursor:pointer}.faq p{color:var(--muted);margin:10px 0 0}.answer-box{padding:24px;border:1px solid rgba(73,209,125,.22);background:rgba(73,209,125,.06);border-radius:22px;margin:22px 0}.answer-box strong{color:var(--accent2)}.prose{max-width:860px}.prose h2{font-size:2.2rem;margin-top:48px;max-width:18ch}.prose h3{margin-top:28px}.prose p,.prose li{color:#c3d0dc}.prose a{color:var(--accent2);text-decoration:underline}.formula{padding:20px;border:1px solid var(--line);border-radius:18px;background:#0a1929;font-weight:750;margin:18px 0}.breadcrumbs{font-size:.86rem;color:var(--muted);margin-bottom:18px}.breadcrumbs a{color:#dfe9f2}.split-meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.88rem}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}.table{width:100%;border-collapse:collapse;min-width:620px}.table th,.table td{padding:15px 16px;border-bottom:1px solid var(--line);text-align:left}.table th{color:white;background:rgba(255,255,255,.035)}.table td{color:#c3d0dc}
footer{border-top:1px solid var(--line);padding:42px 0 28px;margin-top:70px;background:rgba(0,0,0,.12)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px}.footer-title{font-weight:800;margin-bottom:12px}.footer-links{display:grid;gap:8px;color:var(--muted);font-size:.9rem}.footer-links a:hover{color:white}.fine{border-top:1px solid var(--line);margin-top:30px;padding-top:22px;color:#8698aa;font-size:.82rem}
@media(max-width:900px){.hero-grid,.grid-3,.grid-2,.footer-grid{grid-template-columns:1fr}.hero{padding-top:58px}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#091522;border-bottom:1px solid var(--line);padding:18px 20px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu{display:block}.trust-grid{grid-template-columns:1fr 1fr}.section-head,.cta{align-items:flex-start;flex-direction:column}.metric-row{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:560px){.container{width:min(calc(100% - 28px),var(--max))}.hero{padding-top:46px}.hero-card,.card,.cta,.money,.form,.price-card{padding:22px}.trust-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:1fr}.button,.button-ghost{width:100%}.hero-actions{display:grid}.page-hero{padding-top:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* === Responsive spacing & rhythm optimization — 2026-09-10 === */
:root{
  --space-1:.5rem;
  --space-2:.75rem;
  --space-3:1rem;
  --space-4:1.25rem;
  --space-5:1.5rem;
  --space-6:2rem;
  --space-7:2.5rem;
  --space-8:3rem;
  --space-9:4rem;
  --space-10:5rem;
  --space-11:6rem;
  --section-space:clamp(4.5rem,6.5vw,6.5rem);
  --section-space-tight:clamp(3.25rem,4.5vw,4.75rem);
  --content-gap:clamp(1rem,1.8vw,1.35rem);
}

/* Global vertical rhythm */
body{line-height:1.58}
.container{width:min(calc(100% - 48px),var(--max))}
main{overflow:clip}
h1,h2,h3{text-wrap:balance}
p{margin-top:0}
.eyebrow + h1,.eyebrow + h2{margin-top:18px}
.kicker + h2,.kicker + h3{margin-top:10px}
h2 + p,h3 + p{margin-top:12px}
.hero-actions{margin-top:2px}

/* Navigation */
.nav-inner{height:74px;gap:28px}
.nav-links{gap:22px}
.nav-links .button{min-height:44px;padding-inline:18px}

/* Hero spacing */
.hero{padding:clamp(4.25rem,6.6vw,5.75rem) 0 clamp(3.5rem,5vw,4.5rem)}
.hero-grid{gap:clamp(2.75rem,5vw,4.75rem)}
.lede{margin:20px 0 28px;line-height:1.55}
.microcopy{margin-top:14px;max-width:640px}
.hero-card{padding:26px}
.call-window{padding:20px}
.chat{margin-top:20px;gap:12px}
.metric-row{gap:12px;margin-top:16px}
.metric{padding:16px}

/* Section cadence */
.section{padding:var(--section-space) 0}
.section-tight{padding:var(--section-space-tight) 0}
.section-head{gap:clamp(1.5rem,3vw,3rem);margin-bottom:clamp(1.75rem,3vw,2.5rem)}
.section-head > div{min-width:0}
.section-head p{line-height:1.62}
.grid-3,.grid-2{gap:clamp(1rem,1.7vw,1.35rem)}
.card{padding:clamp(1.5rem,2.3vw,1.9rem)}
.card .icon{margin-bottom:20px}
.card p{margin-top:10px;line-height:1.62}
.steps{gap:16px}
.step{grid-template-columns:56px 1fr;gap:18px;padding:22px}
.step p{margin-top:7px;line-height:1.6}
.money{padding:clamp(2rem,4vw,3rem)}
.money .big{margin-top:10px}
.money p{margin:18px 0 0;line-height:1.62}
.badges{margin-top:22px}
.cta{padding:clamp(2rem,4vw,3rem);gap:clamp(1.75rem,4vw,3.5rem)}
.cta .lede{margin-top:16px}

/* Interior page heroes */
.page-hero{padding:clamp(3.75rem,5.8vw,5rem) 0 clamp(2.75rem,4.4vw,3.75rem)}
.page-hero .breadcrumbs{margin-bottom:16px}
.page-hero .lede{margin-top:20px;margin-bottom:0}
.page-hero .hero-actions{margin-top:28px}

/* Lists, pricing and forms */
.checklist{gap:11px;margin-top:20px}
.checklist li{line-height:1.55}
.price-card{padding:clamp(2rem,3.6vw,2.75rem)}
.price-card .checklist{margin-top:22px}
.form{padding:clamp(1.75rem,3.4vw,2.5rem)}
.form .grid-2{gap:16px}
.field{gap:7px;margin-bottom:18px}
.field input,.field textarea,.field select{padding:14px 15px}
.consent{margin:20px 0;line-height:1.55}
.form-note{margin:12px 0 0;line-height:1.5}
.form-status{margin-top:18px}
.notice{margin:24px 0;padding:18px 20px;line-height:1.58}

/* FAQ / long-form content */
.faq{gap:14px}
.faq details{padding:20px 22px}
.faq p{margin-top:12px;line-height:1.62}
.answer-box{margin:24px 0;padding:24px 26px}
.prose{max-width:860px}
.prose > *:first-child{margin-top:0}
.prose h2{margin-top:52px;margin-bottom:16px}
.prose h3{margin-top:32px;margin-bottom:10px}
.prose p{margin:0 0 17px;line-height:1.7}
.prose ul,.prose ol{margin:0 0 22px;padding-left:1.35rem}
.prose li{line-height:1.65}
.prose li + li{margin-top:7px}
.formula{margin:22px 0;padding:22px}
.table-wrap{margin:22px 0}

/* Legal pages need denser, readable rhythm rather than marketing-section spacing */
.legal{max-width:900px}
.legal h1{margin-bottom:0}
.legal .lede{margin:16px 0 24px}
.legal h2{margin:44px 0 14px}
.legal h3{margin:30px 0 10px}
.legal p{margin:0 0 16px;line-height:1.7}
.legal ul,.legal ol{margin:0 0 22px;padding-left:1.35rem}
.legal li{line-height:1.65}
.legal li + li{margin-top:6px}

/* Trust strip and footer */
.trust-strip{padding:20px 0}
.trust-grid{gap:28px}
footer{padding:48px 0 30px;margin-top:clamp(3.5rem,6vw,5rem)}
.footer-grid{gap:clamp(1.75rem,3vw,2.5rem)}
.footer-title{margin-bottom:14px}
.footer-links{gap:10px}
.footer-grid > div:first-child p{margin-top:14px;margin-bottom:0}
.footer-grid > div:first-child p + p{margin-top:12px}
.fine{margin-top:34px;padding-top:24px;line-height:1.55}

/* Tablet */
@media(max-width:900px){
  :root{--section-space:clamp(4rem,8vw,5rem);--section-space-tight:clamp(3rem,6vw,3.75rem)}
  .container{width:min(calc(100% - 40px),var(--max))}
  .nav-inner{height:70px}
  .nav-links{top:70px;padding:18px 20px 22px;gap:14px}
  .nav-links .button{width:100%;margin-top:2px}
  .hero{padding-top:clamp(3.5rem,7vw,4.25rem)}
  .hero-grid{gap:36px}
  .section-head{gap:18px;margin-bottom:28px}
  .section-head p{max-width:680px}
  .grid-3,.grid-2{gap:16px}
  .step{padding:20px}
  .cta{gap:24px}
  .footer-grid{gap:30px 24px}
}

/* Small mobile */
@media(max-width:560px){
  :root{--section-space:4rem;--section-space-tight:3rem}
  body{line-height:1.58}
  .container{width:min(calc(100% - 36px),var(--max))}
  .nav-inner{height:66px}
  .brand{font-size:1.45rem}
  .nav-links{top:66px;padding:16px 18px 20px;gap:13px}
  .menu{padding:6px 0 6px 10px}
  h1{font-size:clamp(2.75rem,13vw,3.35rem);line-height:1.01}
  h2{font-size:clamp(2.08rem,10vw,2.65rem);line-height:1.05}
  h3{font-size:1.3rem;line-height:1.1}
  .eyebrow{padding:7px 10px;font-size:.72rem;line-height:1.25}
  .eyebrow + h1,.eyebrow + h2{margin-top:15px}
  .hero{padding:3.25rem 0 3.25rem}
  .hero-grid{gap:30px}
  .lede{font-size:1.05rem;line-height:1.55;margin:17px 0 24px}
  .hero-actions{gap:10px}
  .microcopy{margin-top:13px;font-size:.88rem;line-height:1.5}
  .hero-card{padding:18px;border-radius:24px}
  .hero-card:before{border-radius:24px}
  .call-window{padding:16px;border-radius:18px}
  .call-top{font-size:.78rem;gap:10px}
  .chat{margin-top:17px;gap:9px}
  .bubble{max-width:92%;padding:11px 13px;font-size:.88rem;line-height:1.45}
  .metric-row{gap:10px;margin-top:12px}
  .metric{padding:13px 14px;border-radius:15px}
  .trust-strip{padding:16px 0}
  .trust-grid{gap:12px}
  .trust-grid > div{padding:2px 0}
  .section-head{gap:14px;margin-bottom:24px}
  .section-head p{font-size:1rem;line-height:1.6}
  .grid-3,.grid-2{gap:14px}
  .card{padding:21px;border-radius:20px}
  .card .icon{margin-bottom:17px}
  .card p{margin-top:9px}
  .steps{gap:12px}
  .step{grid-template-columns:44px 1fr;gap:13px;padding:17px;border-radius:17px}
  .step-num{width:40px;height:40px;border-radius:12px}
  .step p{margin-top:5px}
  .money{padding:24px;border-radius:24px}
  .money .big{font-size:clamp(2.35rem,12vw,3.15rem);margin-top:9px}
  .money p{margin-top:15px}
  .badges{gap:8px;margin-top:18px}
  .badge{padding:8px 10px;font-size:.8rem}
  .cta{padding:24px;border-radius:24px;gap:20px}
  .page-hero{padding:3rem 0 2.6rem}
  .page-hero h1{font-size:clamp(2.65rem,12.5vw,3.25rem)}
  .page-hero .breadcrumbs{margin-bottom:13px}
  .page-hero .lede{margin-top:17px}
  .page-hero .hero-actions{margin-top:23px}
  .price-card{padding:24px;border-radius:24px}
  .form{padding:22px;border-radius:22px}
  .form .grid-2{gap:0}
  .field{margin-bottom:16px}
  .field input,.field textarea,.field select{padding:13px 14px}
  .consent{gap:10px;margin:18px 0;font-size:.86rem}
  .faq{gap:11px}
  .faq details{padding:17px 18px;border-radius:16px}
  .answer-box{padding:20px;margin:20px 0}
  .prose h2{font-size:2rem;margin-top:40px;margin-bottom:13px}
  .prose h3{margin-top:26px}
  .prose p{margin-bottom:15px;line-height:1.68}
  .prose ul,.prose ol{margin-bottom:19px}
  .legal .lede{margin:14px 0 20px}
  .legal h2{font-size:1.48rem;margin:34px 0 11px}
  .legal h3{margin:25px 0 9px}
  .legal p{margin-bottom:14px;line-height:1.68}
  .legal ul,.legal ol{margin-bottom:19px}
  .notice{margin:20px 0;padding:16px 17px}
  footer{padding:38px 0 24px;margin-top:3.25rem}
  .footer-grid{gap:26px}
  .footer-title{margin-bottom:10px}
  .footer-links{gap:9px}
  .fine{margin-top:26px;padding-top:20px}
}

/* Very small phones */
@media(max-width:380px){
  .container{width:min(calc(100% - 28px),var(--max))}
  h1{font-size:2.62rem}
  .hero-card,.card,.money,.cta,.form,.price-card{padding:19px}
  .bubble{font-size:.85rem}
}

/* Final cadence refinements: prevent stacked section padding from feeling oversized */
:root{
  --section-space:clamp(4.25rem,5.5vw,5.5rem);
  --section-space-tight:clamp(3.15rem,4vw,4rem);
}
.page-hero + .section,
.page-hero + .section-tight{padding-top:clamp(1.75rem,2.8vw,2.5rem)}
footer{margin-top:0}

@media(max-width:900px){
  :root{--section-space:clamp(3.75rem,7vw,4.5rem);--section-space-tight:clamp(2.8rem,5.5vw,3.4rem)}
  .page-hero + .section,.page-hero + .section-tight{padding-top:1.75rem}
}
@media(max-width:560px){
  :root{--section-space:3.5rem;--section-space-tight:2.75rem}
  .page-hero + .section,.page-hero + .section-tight{padding-top:1.35rem}
  footer{margin-top:0}
}

/* === Interactive Zeoleads Demo === */
.demo-page-hero h1{max-width:15ch}
.demo-shell{border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,rgba(15,34,58,.92),rgba(7,20,33,.96));box-shadow:var(--shadow);overflow:hidden}
.demo-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;padding:28px 30px 24px;border-bottom:1px solid var(--line)}
.demo-toolbar h2{font-size:clamp(1.8rem,3vw,2.7rem);max-width:18ch;margin-top:8px}
.demo-toolbar-actions{display:flex;gap:10px;flex:none}.demo-toolbar-actions .button,.demo-toolbar-actions .button-ghost{min-height:44px;padding:0 17px}
.demo-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border-bottom:1px solid var(--line)}
.demo-progress-item{appearance:none;border:0;background:#0a192a;color:#8fa2b5;min-height:68px;padding:10px 8px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:760;font-size:.79rem;cursor:pointer;transition:.2s}
.demo-progress-item span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.055);border:1px solid var(--line);font-size:.72rem}
.demo-progress-item:hover{background:#10233a;color:white}.demo-progress-item.active{background:rgba(73,209,125,.10);color:#e8fff0}.demo-progress-item.active span{background:var(--accent);border-color:var(--accent);color:#052515}.demo-progress-item.complete{color:#bdd0c4}.demo-progress-item.complete span{background:rgba(73,209,125,.12);border-color:rgba(73,209,125,.32);color:var(--accent2)}
.demo-stage{display:grid;grid-template-columns:.94fr 1.06fr;gap:18px;padding:22px;background:radial-gradient(circle at 25% 20%,rgba(73,209,125,.055),transparent 32%)}
.demo-panel{min-width:0;border:1px solid var(--line);border-radius:22px;background:rgba(5,17,29,.75);overflow:hidden}.demo-panel-head{height:57px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);color:#bac9d7;font-size:.82rem}.demo-panel-head>div{display:flex;align-items:center;gap:9px}.demo-dot{width:9px;height:9px;border-radius:50%;background:#ffca6a;box-shadow:0 0 0 5px rgba(255,202,106,.08)}.demo-dot.green{background:var(--accent);box-shadow:0 0 0 5px rgba(73,209,125,.08)}.demo-time{font-variant-numeric:tabular-nums}.demo-status-pill{padding:6px 9px;border-radius:999px;background:rgba(73,209,125,.10);border:1px solid rgba(73,209,125,.22);color:var(--accent3);font-weight:800}
.demo-phone{width:min(100% - 36px,390px);margin:22px auto 16px;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:#07121f;overflow:hidden;box-shadow:0 18px 38px rgba(0,0,0,.25)}.demo-phone-top{height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:#0d1d31;border-bottom:1px solid var(--line);font-size:.79rem;font-weight:800}.demo-phone-body{min-height:390px;padding:18px 14px 22px;display:flex;flex-direction:column;gap:10px}.demo-call-state{text-align:center;padding:28px 14px 24px;display:grid;justify-items:center;gap:7px;color:#d9e4ed;transition:.35s}.demo-call-state.missed{padding:12px 10px 6px;color:#ffdc9d}.demo-call-state strong{font-size:1rem}.demo-call-state span{font-size:.75rem;color:var(--muted)}.demo-call-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(73,209,125,.10);border:1px solid rgba(73,209,125,.23);color:var(--accent2);font-size:1.35rem;transition:.35s}.demo-call-state.missed .demo-call-icon{width:38px;height:38px;background:rgba(255,188,84,.09);border-color:rgba(255,188,84,.25);color:#ffd18c;font-size:1rem}
.demo-message{max-width:88%;padding:11px 13px;border-radius:15px;font-size:.84rem;line-height:1.45;opacity:0;transform:translateY(10px) scale(.985);pointer-events:none;max-height:0;margin:0;overflow:hidden;transition:opacity .28s,transform .28s,max-height .38s,margin .28s}.demo-message.visible{opacity:1;transform:none;max-height:180px;margin-top:2px}.demo-message.out{margin-left:auto;background:var(--accent);color:#052515;border-bottom-right-radius:5px}.demo-message.in{background:#17304f;color:#edf5fb;border:1px solid rgba(255,255,255,.06);border-bottom-left-radius:5px}.demo-message small{display:block;margin-top:4px;opacity:.72;font-size:.68rem}.demo-consent-card{margin:0 18px 20px;padding:13px 14px;border:1px solid rgba(73,209,125,.20);border-radius:15px;background:rgba(73,209,125,.065);display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;transition:.3s}.demo-consent-card.compact{opacity:.7}.demo-check{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--accent);color:#052515;font-weight:900}.demo-consent-card strong,.demo-consent-card small{display:block}.demo-consent-card strong{font-size:.84rem}.demo-consent-card small{margin-top:2px;color:var(--muted);font-size:.72rem}
.demo-timeline{padding:17px 18px 6px;display:grid;gap:6px}.demo-event{display:grid;grid-template-columns:38px 1fr;gap:11px;padding:11px;border-radius:14px;opacity:.38;transition:.28s}.demo-event.active{opacity:1;background:rgba(73,209,125,.065);box-shadow:inset 0 0 0 1px rgba(73,209,125,.13)}.demo-event.complete{opacity:.75}.demo-event-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;border:1px solid var(--line);background:rgba(255,255,255,.035);font-size:.72rem;font-weight:900}.demo-event.active .demo-event-icon{background:var(--accent);border-color:var(--accent);color:#052515}.demo-event strong,.demo-event small{display:block}.demo-event strong{font-size:.87rem}.demo-event small{font-size:.75rem;color:var(--muted);margin-top:2px;line-height:1.35}
.demo-lead-card{margin:10px 18px 18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(17,39,67,.75),rgba(9,25,42,.9));opacity:.55;transition:.35s}.demo-lead-card.ready{opacity:1;box-shadow:0 12px 28px rgba(0,0,0,.16)}.demo-lead-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.demo-lead-label{display:block;color:var(--accent2);font-size:.69rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;margin-bottom:5px}.demo-lead-head h3{font-size:1.18rem;letter-spacing:-.02em}.demo-urgency{white-space:nowrap;padding:6px 8px;border-radius:9px;background:rgba(255,184,88,.09);border:1px solid rgba(255,184,88,.2);color:#ffd49b;font-size:.68rem;font-weight:850}.demo-lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 0}.demo-lead-grid>div{padding:10px 11px;border-radius:12px;background:rgba(255,255,255,.028)}.demo-lead-grid small,.demo-lead-grid strong{display:block}.demo-lead-grid small{color:var(--muted);font-size:.68rem;margin-bottom:3px}.demo-lead-grid strong{font-size:.84rem}.demo-evidence{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--line);font-size:.74rem}.demo-evidence span{color:var(--muted)}.demo-evidence strong{color:#dce9f3}
.demo-caption{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 30px 28px;border-top:1px solid var(--line);background:rgba(0,0,0,.08)}.demo-caption>div{max-width:780px}.demo-caption-step{display:block;color:var(--accent2);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-weight:900;margin-bottom:7px}.demo-caption h3{font-size:1.25rem;letter-spacing:-.02em}.demo-caption p{color:var(--muted);margin:8px 0 0;line-height:1.55;font-size:.91rem}.demo-next-bottom{min-width:190px;flex:none}
@media(max-width:980px){.demo-stage{grid-template-columns:1fr}.demo-progress{grid-template-columns:repeat(3,1fr)}.demo-toolbar{align-items:flex-start;flex-direction:column}.demo-toolbar-actions{width:100%}.demo-toolbar-actions .demo-next{flex:1}.demo-phone{width:min(100% - 36px,430px)}.demo-phone-body{min-height:350px}}
@media(max-width:650px){.demo-shell{border-radius:23px}.demo-toolbar{padding:22px 20px 18px}.demo-toolbar h2{font-size:1.9rem}.demo-toolbar-actions{display:grid;grid-template-columns:1fr 1.45fr}.demo-toolbar-actions .button,.demo-toolbar-actions .button-ghost{width:100%}.demo-progress{grid-template-columns:repeat(2,1fr)}.demo-progress-item{min-height:58px;justify-content:flex-start;padding:9px 11px}.demo-stage{padding:14px;gap:14px}.demo-panel{border-radius:18px}.demo-panel-head{height:52px;padding:0 13px}.demo-phone{width:calc(100% - 24px);margin:14px auto 12px;border-radius:24px}.demo-phone-body{min-height:360px;padding:15px 11px 18px}.demo-consent-card{margin:0 12px 14px;padding:11px}.demo-timeline{padding:12px 12px 4px}.demo-event{grid-template-columns:34px 1fr;padding:9px 7px;gap:9px}.demo-event-icon{width:31px;height:31px}.demo-lead-card{margin:8px 12px 13px;padding:14px}.demo-lead-head{display:grid}.demo-urgency{justify-self:start}.demo-lead-grid{gap:8px}.demo-caption{padding:20px;align-items:stretch;flex-direction:column;gap:17px}.demo-next-bottom{width:100%;min-width:0}.demo-caption h3{font-size:1.16rem}}
@media(max-width:380px){.demo-toolbar-actions{grid-template-columns:1fr}.demo-progress-item{font-size:.74rem}.demo-lead-grid{grid-template-columns:1fr}.demo-phone-body{min-height:380px}}

/* === Homepage hero: restored first-version rhythm + conversion copy === */
.home-hero{padding:86px 0 64px}
.home-hero .hero-grid{gap:58px}
.home-hero h1{font-size:clamp(3.15rem,6vw,5.7rem);max-width:12ch;line-height:1.01}
.home-hero .lede{max-width:650px;margin:22px 0 28px}
.home-hero .microcopy{max-width:650px;margin-top:15px;line-height:1.52}
.home-hero .hero-card{align-self:center}

@media(max-width:900px){
  .home-hero{padding:58px 0 54px}
  .home-hero .hero-grid{gap:36px}
  .home-hero h1{max-width:13ch}
}
@media(max-width:560px){
  .home-hero{padding:46px 0 46px}
  .home-hero .hero-grid{gap:28px}
  .home-hero h1{font-size:clamp(2.8rem,12.5vw,3.3rem);max-width:12ch}
  .home-hero .lede{margin:18px 0 23px}
  .home-hero .microcopy{margin-top:13px}
}


/* Real pricing page */
.pricing-hero h1{max-width:14ch}
.pricing-hero .lede{max-width:900px}
.pricing-trust-row{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:24px;color:#cbd8e4;font-size:.91rem}
.pricing-trust-row span{display:inline-flex;align-items:center;gap:6px}
.pricing-section{padding-top:clamp(28px,4vw,50px)}
.pricing-intro{display:grid;grid-template-columns:1fr .8fr;gap:32px;align-items:end;margin-bottom:30px}
.pricing-intro h2{max-width:15ch}
.pricing-intro p{color:var(--muted);margin:0;max-width:620px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.plan-card{position:relative;display:flex;flex-direction:column;padding:clamp(24px,3vw,32px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(17,39,67,.86),rgba(9,24,41,.9));box-shadow:0 18px 50px rgba(0,0,0,.18)}
.plan-card.featured{border-color:rgba(73,209,125,.48);box-shadow:0 26px 75px rgba(0,0,0,.28),0 0 0 1px rgba(73,209,125,.08) inset;transform:translateY(-8px)}
.plan-badge{position:absolute;top:-13px;right:22px;padding:7px 11px;border-radius:999px;background:var(--accent);color:#062515;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.plan-name{font-size:1.42rem;font-weight:900;letter-spacing:-.03em}
.plan-top p{color:var(--muted);min-height:76px;margin:10px 0 20px}
.plan-price{font-size:clamp(3rem,5vw,4.5rem);line-height:.95;font-weight:950;letter-spacing:-.065em}
.plan-price .currency{font-size:.44em;vertical-align:top;position:relative;top:.14em;margin-right:3px}
.plan-price .period{font-size:.24em;color:var(--muted);letter-spacing:0;font-weight:700;margin-left:6px}
.plan-allowance{margin-top:12px;color:var(--accent3);font-weight:800;font-size:.93rem}
.plan-list{display:grid;gap:10px;list-style:none;padding:0;margin:24px 0}
.plan-list li{position:relative;padding-left:26px;color:#dce6ee;font-size:.94rem}
.plan-list li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:900}
.plan-meta{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:.86rem}
.plan-cta{margin-top:18px;width:100%}
.enterprise-card{display:grid;grid-template-columns:1.1fr 1fr auto;gap:28px;align-items:center;margin-top:26px;padding:28px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.025)}
.enterprise-card h3{font-size:1.7rem;margin-top:7px}.enterprise-card p{color:var(--muted);margin:8px 0 0}
.compact-list{margin:0}.compact-list li{font-size:.9rem}
.pricing-note{margin-top:18px;padding:15px 18px;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:var(--muted);font-size:.86rem;background:rgba(255,255,255,.02)}
.pilot-panel{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center;padding:clamp(26px,4vw,40px);border-radius:30px;background:linear-gradient(135deg,rgba(73,209,125,.14),rgba(17,39,67,.75));border:1px solid rgba(73,209,125,.23)}
.pilot-panel h2{margin-top:8px;max-width:none}.pilot-panel p{max-width:760px;color:#cbd8e4}
.pilot-actions{display:grid;gap:12px;min-width:220px}.text-link{color:var(--accent2);font-weight:800;text-align:center}.text-link:hover{text-decoration:underline}
.roi-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}
.roi-controls,.roi-output{border:1px solid var(--line);border-radius:24px;padding:clamp(22px,3vw,30px);background:rgba(255,255,255,.025)}
.roi-controls .field:last-child{margin-bottom:0}
.money-input{display:flex;align-items:center;background:#071421;border:1px solid rgba(255,255,255,.14);border-radius:13px;overflow:hidden}
.money-input:focus-within{border-color:rgba(73,209,125,.55);box-shadow:0 0 0 4px rgba(73,209,125,.08)}
.money-input span{padding-left:14px;color:var(--muted);font-weight:800}
.money-input input{border:0!important;box-shadow:none!important;padding-left:6px!important}
.roi-output{display:flex;flex-direction:column;justify-content:center}
.roi-label{color:var(--muted);font-weight:750}
.roi-value{font-size:clamp(3.4rem,7vw,6.4rem);font-weight:950;letter-spacing:-.07em;line-height:.98;color:var(--accent2);margin:10px 0}
.roi-sub{color:#d8e3ec;font-weight:700}
.roi-plan{margin-top:12px;color:var(--muted)}
.plan-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:22px}
.plan-table{width:100%;border-collapse:collapse;min-width:720px;background:rgba(255,255,255,.018)}
.plan-table th,.plan-table td{padding:15px 18px;border-bottom:1px solid var(--line);text-align:center}
.plan-table th:first-child,.plan-table td:first-child{text-align:left}
.plan-table th{background:rgba(255,255,255,.035);color:#fff;font-size:.9rem}
.plan-table td{color:#d3dfe8;font-size:.9rem}.plan-table tr:last-child td{border-bottom:0}
.cta-stack{display:grid;gap:10px;min-width:210px}
@media(max-width:1000px){
  .pricing-grid{grid-template-columns:1fr 1fr}.plan-card.featured{transform:none}.pricing-grid .plan-card:last-child{grid-column:1/-1}
  .enterprise-card{grid-template-columns:1fr 1fr}.enterprise-card>a{grid-column:1/-1;width:max-content}
}
@media(max-width:760px){
  .pricing-intro,.pricing-grid,.enterprise-card,.pilot-panel,.roi-grid{grid-template-columns:1fr}
  .pricing-grid .plan-card:last-child{grid-column:auto}.plan-top p{min-height:0}.pilot-actions{min-width:0}.enterprise-card>a{grid-column:auto;width:100%}
  .pricing-trust-row{display:grid;gap:8px}.cta-stack{width:100%}
}
@media(max-width:560px){
  .plan-card{padding:22px}.plan-price{font-size:3.5rem}.roi-value{font-size:3.5rem}
  .pricing-hero .lede{font-size:1.02rem}.plan-badge{right:16px}
}


/* === Final production hardening / accessibility === */
:where(a,button,input,textarea,select,summary):focus-visible{
  outline:3px solid var(--accent2);
  outline-offset:3px;
}
.menu:focus-visible{border-radius:10px}
.nav-links a[aria-current="page"]:not(.button){color:#fff;position:relative}
.nav-links a[aria-current="page"]:not(.button)::after{
  content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;
  border-radius:999px;background:var(--accent);
}
.home-hero .eyebrow{margin-bottom:0}
.home-hero .eyebrow + h1{margin-top:18px}

@media(max-width:900px){
  .nav-links a[aria-current="page"]:not(.button)::after{display:none}
}
@media(max-width:560px){
  .home-hero .eyebrow + h1{margin-top:15px}
}


/* === Tech refresh / cartoon-led redesign === */
.tech-home-hero{padding-top:3.7rem;padding-bottom:3rem;background:radial-gradient(circle at 55% 14%,rgba(73,209,125,.10),transparent 22%),linear-gradient(180deg,rgba(3,12,22,.98),rgba(5,17,31,.95))}
.tech-grid{grid-template-columns:minmax(0,1fr) minmax(420px,560px);align-items:start}
.visual-page-hero{padding-top:3.2rem;padding-bottom:2.2rem}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,360px);gap:24px;align-items:center}
.split-head{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center}
.cartoon-card{background:linear-gradient(180deg,rgba(12,31,52,.92),rgba(9,24,42,.92));border:1px solid var(--line);border-radius:28px;padding:14px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;min-height:260px}
.cartoon-card img{display:block;width:100%;max-width:320px;height:auto;border-radius:18px}
.cartoon-card.small{min-height:220px;max-width:320px;margin-left:auto}
.hero-art{max-width:360px;margin-left:auto}
.visual-band{padding:0;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02))}
.visual-band-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.feature-chip{display:flex;gap:16px;align-items:flex-start;padding:22px 18px;background:rgba(255,255,255,.02)}
.feature-chip + .feature-chip{border-left:1px solid var(--line)}
.feature-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(73,209,125,.16);font-size:1.4rem;flex:0 0 auto;color:var(--accent2)}
.feature-chip strong{display:block;font-size:1.3rem;letter-spacing:-.03em;color:#f2f8fc}
.feature-chip p{margin:.35rem 0 0;color:var(--muted)}
.testimonial-card{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:center;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:28px;padding:22px}
.testimonial-card img{width:100%;max-width:190px;border-radius:20px}
.testimonial-card blockquote{margin:0;font-size:1.4rem;line-height:1.2;letter-spacing:-.03em;font-weight:800}
.mini-demo-shell{background:linear-gradient(180deg,rgba(12,31,52,.95),rgba(6,17,30,.95));border:1px solid var(--line);border-radius:30px;box-shadow:0 22px 70px rgba(0,0,0,.32);overflow:hidden}
.mini-demo-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:22px 24px 16px;border-bottom:1px solid var(--line)}
.mini-demo-head h3{margin:0;font-size:2rem;letter-spacing:-.04em}
.mini-demo-head p{margin:.35rem 0 0;color:var(--muted)}
.mini-demo-counter{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.06);font-weight:800;color:#e8f2fa;white-space:nowrap}
.mini-demo-phone{padding:20px 24px 6px;min-height:360px}
.mini-demo-stage{display:none;animation:fade .2s ease}.mini-demo-stage.mini-active{display:block}
@keyframes fade{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}
.mini-call-head{display:flex;align-items:center;gap:10px;color:#dce7ef;font-weight:800;margin-bottom:12px}.mini-call-dot{width:10px;height:10px;border-radius:999px;background:var(--accent)}
.mini-line{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.95rem;margin-bottom:10px}.mini-line strong{color:#fff}
.mini-bubble{max-width:92%;padding:14px 16px;border-radius:18px;line-height:1.55;margin-bottom:12px;font-size:1rem}.mini-bubble.out{background:rgba(255,255,255,.08)}.mini-bubble.in{margin-left:auto;background:linear-gradient(135deg,var(--accent),#7fedaa);color:#072215}
.mini-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:0 24px 18px}
.mini-progress button{border:0;border-radius:999px;background:rgba(255,255,255,.06);color:#dbe6ef;padding:10px 8px;font-weight:700;font-size:.78rem;cursor:pointer}
.mini-progress button.active{background:rgba(73,209,125,.18);color:#fff;box-shadow:inset 0 0 0 1px rgba(73,209,125,.28)}
.mini-demo-actions{display:flex;justify-content:space-between;gap:12px;padding:0 24px 24px}
.mini-summary-card,.mini-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.mini-summary-card>div,.mini-kpi{padding:14px;border-radius:16px;background:rgba(255,255,255,.06)}
.mini-summary-card small,.mini-kpi span{display:block;color:var(--muted);margin-bottom:4px}.mini-summary-card strong,.mini-kpi strong{font-size:1.04rem}
.mini-note{margin:14px 0 0;color:#cdd9e3;line-height:1.55}
.pricing-grid .price-card{display:flex;flex-direction:column;gap:14px}
.pricing-grid .price-card .button{margin-top:auto}.price-card.featured{border-color:rgba(73,209,125,.32);box-shadow:0 18px 60px rgba(73,209,125,.08)}
.plan-name{font-weight:900;font-size:1.25rem}.price{font-size:3.2rem;font-weight:900;letter-spacing:-.06em}.price span{font-size:1rem;color:var(--muted);font-weight:700}
.auth-shell{min-height:calc(100vh - 74px);padding:40px 0 48px;background:radial-gradient(circle at 14% 10%,rgba(73,209,125,.09),transparent 26%),linear-gradient(180deg,var(--bg),#081522 55%,var(--bg))}
.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:28px;align-items:stretch}.auth-side{background:linear-gradient(180deg,rgba(10,26,45,.95),rgba(7,18,31,.95));border:1px solid var(--line);border-radius:28px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow)}
.auth-brand{font-size:1.8rem}.auth-side h1{max-width:10ch}.auth-illustration{display:block;width:100%;max-width:330px;border-radius:22px;margin-top:20px}
.auth-form-card{background:#f8fbff;color:#102133;border-radius:28px;padding:34px;box-shadow:0 25px 80px rgba(0,0,0,.18)}.auth-form-card h2{margin:0 0 6px;font-size:2.1rem}.form-intro{margin:0 0 18px;color:#53677a}
.auth-form-card .field span{color:#38506a;font-weight:700}.auth-form-card input,.auth-form-card select,.auth-form-card textarea{background:#fff;border:1px solid #dbe5ef;color:#102133}.auth-form-card .form-note{color:#5d7387}.auth-form-card .button{width:100%;margin-top:6px}
.portal-shell{padding:24px 0 48px;background:linear-gradient(180deg,#f6fbff,#eef4fa)}.container-wide{width:min(calc(100% - 40px),1400px);margin:0 auto}
.portal-wrap{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}.portal-sidebar{position:sticky;top:92px;background:linear-gradient(180deg,#0c2036,#091827);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)}
.portal-brand{display:inline-block;margin-bottom:18px}.portal-nav{display:grid;gap:8px}.portal-nav a{padding:12px 14px;border-radius:14px;color:#d9e6f0;font-weight:700}.portal-nav a:hover,.portal-nav a[aria-current="page"]{background:rgba(73,209,125,.16);color:#fff}
.portal-main{display:grid;gap:18px}.portal-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;background:#fff;border:1px solid #dde9f3;border-radius:24px;padding:26px 28px}.portal-top h1{color:#102133;font-size:3.1rem;margin:10px 0 4px}.portal-top .subtitle{color:#5d7387;max-width:680px}.portal-top-actions{display:flex;gap:10px}.portal-top .button-ghost{border-color:#d6e2ee;color:#12304d}
.portal-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.portal-kpi{background:#fff;border:1px solid #dde9f3;border-radius:22px;padding:20px 22px}.portal-kpi span{display:block;color:#597286;font-weight:700}.portal-kpi strong{display:block;color:#102133;font-size:2rem;letter-spacing:-.05em;margin-top:4px}.portal-kpi em{display:block;font-style:normal;color:#3fb36e;font-weight:800;margin-top:6px}
.grid-portal{display:grid;grid-template-columns:1.35fr .95fr;gap:14px}.portal-panel{background:#fff;border-color:#dde9f3;color:#102133}.portal-panel h3{margin-bottom:10px;font-size:1.45rem}.portal-revenue{font-size:3.4rem;font-weight:900;letter-spacing:-.06em;color:#102133}.activity-list{display:grid;gap:14px;list-style:none;padding:0;margin:0}.activity-list li{padding-bottom:14px;border-bottom:1px solid #e7eef5}.activity-list li:last-child{padding-bottom:0;border-bottom:0}.activity-list span{display:block;color:#5e7488;margin-top:3px}
.funnel-list{display:grid;gap:10px}.funnel-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:#f5f9fd}.with-cartoon{position:relative;overflow:hidden}.with-cartoon img{display:block;margin-left:auto;max-width:140px;border-radius:18px}.sparkline{height:120px;border-radius:18px;background:linear-gradient(180deg,rgba(73,209,125,.18),rgba(73,209,125,0) 65%),linear-gradient(135deg,#eff7ff,#f9fcff);position:relative;overflow:hidden}.sparkline:after{content:"";position:absolute;left:10px;right:10px;bottom:16px;height:54px;background:linear-gradient(90deg,transparent 0 4%,#3fc86e 4% 8%,transparent 8% 12%,#3fc86e 12% 16%,transparent 16% 20%,#3fc86e 20% 24%,transparent 24% 28%,#3fc86e 28% 32%,transparent 32% 36%,#3fc86e 36% 40%,transparent 40% 44%,#3fc86e 44% 48%,transparent 48% 52%,#3fc86e 52% 56%,transparent 56% 60%,#3fc86e 60% 64%,transparent 64% 68%,#3fc86e 68% 72%,transparent 72% 76%,#3fc86e 76% 80%,transparent 80% 84%,#3fc86e 84% 88%,transparent 88%);opacity:.85}.sparkline.tall{height:180px}
.compact{gap:8px}
.nav-auth-link,.nav-dashboard-link{min-height:44px;padding-inline:18px}
.nav-dashboard-link{background:linear-gradient(135deg,var(--accent),#7bedaa)!important;color:#042516!important}
.other-industry-field.is-visible{display:grid!important}
@media(max-width:1100px){.tech-grid,.page-hero-grid,.split-head,.auth-layout,.portal-wrap,.grid-portal,.visual-band-grid,.portal-kpis{grid-template-columns:1fr}.cartoon-card.small,.hero-art{max-width:none;margin-left:0}.feature-chip + .feature-chip{border-left:0;border-top:1px solid var(--line)}.portal-sidebar{position:static}.portal-top{flex-direction:column}.portal-top h1{font-size:2.5rem}}
@media(max-width:900px){.mini-progress{grid-template-columns:repeat(3,1fr)}.portal-kpis{grid-template-columns:1fr 1fr}.visual-band-grid{grid-template-columns:1fr 1fr}.testimonial-card{grid-template-columns:1fr}.auth-side{order:2}.auth-form-card{order:1}}
@media(max-width:560px){.tech-grid,.page-hero-grid{gap:20px}.mini-demo-head{padding:18px}.mini-demo-head h3{font-size:1.6rem}.mini-demo-phone{padding:18px 18px 4px;min-height:320px}.mini-progress{grid-template-columns:1fr 1fr}.mini-demo-actions{padding:0 18px 18px}.feature-chip{padding:18px}.testimonial-card{padding:18px}.auth-shell{padding-top:24px}.auth-side,.auth-form-card{padding:24px}.portal-top,.portal-kpi{padding:18px}.portal-top h1{font-size:2.2rem}.portal-top-actions{width:100%;display:grid}.portal-kpis{grid-template-columns:1fr}.container-wide{width:min(calc(100% - 28px),1400px)}}

/* ===== reference.css ===== */
/* Zeoleads visual refresh — reference-matched layer */
:root{
  --zl-navy:#071625;
  --zl-navy2:#0d2137;
  --zl-green:#54e18a;
  --zl-green-2:#7af0a8;
  --zl-yellow:#ffc72c;
  --zl-light:#f5f9fd;
  --zl-text:#101c33;
  --zl-muted:#617089;
  --zl-line:#dfe7f0;
  --zl-shadow:0 26px 80px rgba(9,25,43,.16);
}
body{background:#fff;color:var(--zl-text)}
main{background:#fff}
.container{width:min(calc(100% - 56px),1420px)}
.nav{background:rgba(7,22,37,.96);border-bottom:1px solid rgba(255,255,255,.10)}
.nav-inner{height:78px}
.brand{font-size:2rem;color:#fff}.brand span{color:var(--zl-green)}
.nav-links{gap:30px;color:#f2f5f8}.nav-links a{font-weight:640}.nav-links .button{min-height:48px;padding-inline:24px;border-radius:13px}
.nav-auth-link{min-height:48px;padding-inline:25px;border-radius:13px}
.nav-pilot-link{box-shadow:0 14px 34px rgba(84,225,138,.28)}

/* Exact-reference homepage hero */
.reference-hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#071725 0%,#0c2030 42%,#113a31 68%,#143c36 100%);padding:28px 0 0;color:#fff}
.reference-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 61% 18%,rgba(124,240,170,.14),transparent 24%),radial-gradient(circle at 82% 14%,rgba(119,167,255,.14),transparent 25%);pointer-events:none}
.reference-hero-inner{position:relative;display:grid;grid-template-columns:minmax(420px,.96fr) minmax(270px,.65fr) minmax(490px,1.02fr);gap:20px;align-items:end;min-height:500px}
.reference-copy{align-self:center;padding:28px 0 34px;z-index:2}
.reference-copy .eyebrow{margin-bottom:18px}
.reference-title{font-size:clamp(4rem,5.8vw,6.2rem);line-height:.93;letter-spacing:-.065em;max-width:8.2ch;margin:0;font-weight:920;color:#fff}
.reference-title .highlight{display:inline-block;position:relative;color:var(--zl-yellow);z-index:1}
.reference-title .highlight:after{content:"";position:absolute;left:0;right:3%;bottom:-13px;height:13px;background:linear-gradient(90deg,#ffd43a,#ffbd19);clip-path:polygon(0 28%,96% 0,100% 55%,4% 100%);transform:rotate(-1.2deg);z-index:-1;border-radius:999px}
.reference-sub{max-width:620px;margin:36px 0 24px;color:#f1f6fa;font-size:1.28rem;line-height:1.5}
.reference-actions{display:flex;gap:14px;flex-wrap:wrap}.reference-actions .button,.reference-actions .button-ghost{min-width:180px}
.reference-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;color:#f2f7fb;font-size:.93rem}.reference-proof span{display:flex;gap:8px;align-items:center}.reference-proof i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--zl-green);color:#052515;font-style:normal;font-weight:900;font-size:.74rem}
.reference-tech{position:relative;align-self:end;height:480px;display:flex;align-items:flex-end;justify-content:center;z-index:1}
.reference-tech:before{content:"";position:absolute;inset:10% -25% 0 -35%;background:radial-gradient(circle at 65% 70%,rgba(11,31,48,.10),transparent 40%);z-index:-1}
.reference-tech img{width:min(100%,435px);height:100%;object-fit:cover;object-position:center top;border-radius:28px 28px 0 0;filter:saturate(.97) contrast(1.02);box-shadow:0 20px 55px rgba(0,0,0,.20)}

/* Homepage embedded demo */
.home-demo{align-self:center;background:#fff;border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.34);overflow:hidden;color:var(--zl-text);margin-bottom:26px;z-index:2}
.home-demo-head{height:54px;background:linear-gradient(180deg,#10253b,#0b1c2e);display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 18px;color:#fff}
.home-demo-head strong{display:flex;align-items:center;gap:10px;font-size:1.06rem}.home-demo-head strong:before{content:"";width:16px;height:16px;border-radius:50%;background:var(--zl-green);box-shadow:0 0 0 4px rgba(84,225,138,.1)}
.home-demo-controls{display:flex;align-items:center;gap:9px}.home-demo-step{font-size:.8rem;color:#d9e4ef;margin-right:4px}.home-demo-arrow{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff;font-size:1.4rem;cursor:pointer}.home-demo-arrow:disabled{opacity:.35;cursor:not-allowed}
.home-demo-body{padding:16px 20px 10px;min-height:340px;background:linear-gradient(180deg,#fff,#f9fbfd)}
.home-demo-stage{display:none}.home-demo-stage.is-active{display:block;animation:zlFade .23s ease}@keyframes zlFade{from{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:none}}
.demo-thread{display:grid;gap:12px}.demo-row{display:flex;gap:12px;align-items:flex-start}.demo-row.customer{justify-content:flex-end}.demo-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#eef3f7;color:#15283c;font-weight:900;flex:0 0 auto}.demo-card-bubble{max-width:78%;padding:12px 14px;border-radius:15px;background:#edf1f5;line-height:1.4;font-size:.92rem;color:#142338}.demo-row.customer .demo-card-bubble{background:linear-gradient(135deg,#58e78c,#6eea9d);color:#0b2917}.demo-meta{display:block;font-size:.72rem;color:#74849a;margin-top:5px}.demo-row.customer .demo-meta{text-align:right;color:#24633a}
.home-demo-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.home-demo-summary>div{padding:14px;border-radius:14px;background:#f0f6fb;border:1px solid #e4ebf2}.home-demo-summary small{display:block;color:#6c7d90;margin-bottom:3px}.home-demo-summary strong{font-size:1rem}
.home-demo-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#10263b;color:#cbd8e5;padding:12px 16px;font-size:.82rem}.home-demo-footer a{background:#fff;color:#102133;padding:9px 13px;border-radius:10px;font-weight:800}
.home-demo-dots{display:flex;gap:7px}.home-demo-dots button{width:9px;height:9px;border-radius:999px;border:0;background:#506277;padding:0;cursor:pointer}.home-demo-dots button.active{background:#fff;transform:scale(1.12)}

/* Feature strip */
.home-benefits{background:#fff;border-bottom:1px solid #e9eef4}.home-benefits-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.home-benefit{display:grid;grid-template-columns:66px 1fr;gap:16px;align-items:center;padding:24px 24px}.home-benefit + .home-benefit{border-left:1px solid #e6ebf0}.benefit-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#0b2140}.benefit-icon svg{width:28px;height:28px;stroke:currentColor;stroke-width:2.5;fill:none}.benefit-icon.yellow{background:#ffc524}.benefit-icon.green{background:#72ef9f}.benefit-icon.blue{background:#84c4ff}.benefit-icon.purple{background:#d995ff}.home-benefit h3{font-size:1.24rem;color:#0f1930;margin:0 0 5px;letter-spacing:-.03em}.home-benefit p{margin:0;color:#6a7890;line-height:1.45}

/* White/light homepage content */
.home-light{background:linear-gradient(180deg,#f8fbfd,#f1f6fa);color:var(--zl-text)}
.home-process{padding:52px 0}.process-grid{display:grid;grid-template-columns:.8fr .95fr 1.1fr;gap:34px;align-items:center}.process-copy .kicker{color:#32b86b}.process-copy h2{font-size:clamp(3rem,4.4vw,4.8rem);line-height:.93;max-width:8ch;color:#102037;position:relative}.process-copy h2:after{content:"";display:block;width:220px;max-width:75%;height:8px;margin-top:8px;background:linear-gradient(90deg,#ffd33d,#ffc323);clip-path:polygon(0 35%,96% 0,100% 50%,4% 100%);transform:rotate(-1deg)}.process-copy p{font-size:1.08rem;color:#6a7890;max-width:460px}.process-list{display:grid;gap:8px;position:relative}.process-list:before{content:"";position:absolute;left:22px;top:26px;bottom:26px;width:2px;background:linear-gradient(#6beaa0,#bfead0)}.process-item{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start;position:relative}.process-num{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#62e891;color:#0a2b18;font-size:1.2rem;font-weight:900;box-shadow:0 0 0 6px rgba(98,232,145,.12)}.process-item h3{font-size:1.08rem;color:#102037;margin:6px 0 3px}.process-item p{font-size:.92rem;color:#7a8798;margin:0}.review-card{display:grid;grid-template-columns:180px 1fr;align-items:end;border:1px solid #dce6ee;border-radius:24px;background:#fff;min-height:260px;overflow:hidden;box-shadow:0 22px 55px rgba(26,53,82,.08)}.review-card img{width:100%;align-self:end}.review-copy{padding:26px 25px 24px 10px}.review-copy blockquote{margin:0;font-weight:800;font-size:1.2rem;line-height:1.25;color:#142038}.review-copy cite{display:block;margin-top:10px;color:#6f7d8e;font-style:normal}.stars{color:#ffbf00;font-size:1.3rem;letter-spacing:2px;margin-top:8px}.review-note{font-size:.72rem;color:#8793a0;margin-top:8px;line-height:1.4}.review-scribble{margin-top:12px;color:#112037;font-weight:900;font-size:1.03rem;transform:rotate(-2deg);display:inline-block}.review-scribble:before{content:"↗ ";color:#ffc321;font-size:1.5rem}

/* Main pages: dark hero + white content */
.visual-page-hero{background:linear-gradient(100deg,#081827 0%,#0d263a 55%,#174036 100%);color:#fff;padding:58px 0 42px}.page-hero-grid{grid-template-columns:minmax(0,1fr) 330px}.visual-page-hero h1{color:#fff}.visual-page-hero .lede{color:#dce8f1}.cartoon-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important}.cartoon-card img{max-height:330px;object-fit:cover;object-position:top center;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.section,.section-tight{background:#fff;color:var(--zl-text)}.section:nth-of-type(even),.section-tight:nth-of-type(even){background:#f7fafc}.card{background:#fff!important;border-color:#dfe8ef!important;box-shadow:0 18px 40px rgba(20,49,76,.06);color:var(--zl-text)}.card p,.section-head p,.step p,.faq p{color:#687990!important}.section h2,.section h3,.section-tight h2,.section-tight h3{color:#102037}.checklist li{color:#233a50!important}.step{background:#fff!important;border-color:#dfe8ef!important}.answer-box{background:#effaf3!important;border-color:#ccefd8!important;color:#193d2a}.money{background:linear-gradient(135deg,#0d2138,#133a31)!important;color:#fff}.money .big{color:#7ff0a8}.money p{color:#d6e3ed!important}.faq details{background:#fff!important;border-color:#dfe8ef!important}.faq summary{color:#102037}.notice{color:#684d12}.legal p,.legal li{color:#42566a}.legal h2,.legal h3,.legal strong{color:#102037}.legal a{color:#1b9152}.price-card{background:#fff!important;color:#102037;border-color:#dfe8ef!important}.price-card .checklist li{color:#233a50!important}.price{color:#102037}.form{background:#fff!important;border-color:#dfe8ef!important;color:#102037}.field input,.field textarea,.field select{background:#f8fbfd!important;color:#102037!important;border-color:#d8e3ed!important}.consent{color:#526a7d!important}.form-note{color:#6d7d8b!important}.form-status.ok{color:#197044}.form-status.err{color:#ad3d3d}.kicker{color:#2ca75f}.breadcrumbs,.breadcrumbs a{color:#b9c8d4}
.cta{background:linear-gradient(135deg,#102840,#12352f)!important;color:#fff}.cta h2,.cta p{color:#fff!important}

/* Auth + portal */
.auth-shell{background:linear-gradient(180deg,#f8fbff,#edf4fa)!important}.auth-side{background:linear-gradient(135deg,#0a1c2f,#11372f)!important}.auth-side .lede{color:#dce8f1!important}.auth-form-card{box-shadow:0 24px 70px rgba(25,49,73,.12)!important}.portal-shell{background:#edf4fa!important}.portal-sidebar{background:linear-gradient(180deg,#0c2036,#091827)!important}.portal-top,.portal-kpi,.portal-panel{box-shadow:0 16px 36px rgba(24,48,72,.06)}

footer{background:#081827;color:#fff;margin-top:0}.footer-links{color:#aebdcb}

@media(max-width:1250px){.reference-hero-inner{grid-template-columns:1fr .7fr 1fr}.reference-title{font-size:clamp(3.5rem,5.2vw,5.5rem)}.reference-tech{height:430px}.home-demo-body{min-height:320px}}
@media(max-width:1040px){.reference-hero-inner{grid-template-columns:1fr 1fr}.reference-tech{display:none}.reference-copy{padding-bottom:26px}.home-benefits-grid{grid-template-columns:1fr 1fr}.home-benefit:nth-child(3){border-left:0;border-top:1px solid #e6ebf0}.home-benefit:nth-child(4){border-top:1px solid #e6ebf0}.process-grid{grid-template-columns:1fr 1fr}.review-card{grid-column:1/-1}.page-hero-grid{grid-template-columns:1fr 280px}}
@media(max-width:760px){.container{width:min(calc(100% - 32px),1420px)}.reference-hero{padding-top:18px}.reference-hero-inner{grid-template-columns:1fr}.reference-copy{padding:30px 0 8px}.reference-title{font-size:clamp(3.1rem,14vw,4.2rem);max-width:9ch}.reference-sub{font-size:1.05rem;margin-top:28px}.home-demo{margin:16px 0 26px}.home-demo-body{min-height:300px}.home-benefits-grid{grid-template-columns:1fr}.home-benefit+.home-benefit{border-left:0;border-top:1px solid #e6ebf0}.process-grid{grid-template-columns:1fr}.review-card{grid-template-columns:130px 1fr}.review-copy{padding:20px 18px 20px 6px}.page-hero-grid{grid-template-columns:1fr}.hero-art{max-width:240px;margin:0}.home-demo-summary{grid-template-columns:1fr}.home-demo-footer{align-items:flex-start;flex-direction:column}.nav-inner{height:68px}.brand{font-size:1.65rem}}
@media(max-width:480px){.reference-title{font-size:3rem}.reference-actions{display:grid}.reference-actions .button,.reference-actions .button-ghost{width:100%}.reference-proof{display:grid;gap:10px}.home-demo-body{padding:14px}.home-demo-head{padding:0 12px}.demo-card-bubble{max-width:84%;font-size:.85rem}.home-benefit{grid-template-columns:56px 1fr;padding:18px 10px}.benefit-icon{width:50px;height:50px}.review-card{grid-template-columns:1fr}.review-card img{max-width:180px;margin:0 auto}.review-copy{padding:20px}}

/* Full demo page restyled to match the homepage reference */
.demo-shell{border:1px solid #dce6ef!important;border-radius:28px!important;background:#fff!important;box-shadow:0 28px 80px rgba(9,25,43,.14)!important;color:#102037!important}
.demo-toolbar{background:linear-gradient(180deg,#10253b,#0c1d30)!important;border-bottom:0!important;color:#fff!important;padding:24px 28px!important}
.demo-toolbar h2{color:#fff!important}.demo-toolbar .kicker{color:#7ff0a8!important}.demo-toolbar .button-ghost{border-color:rgba(255,255,255,.22)!important;background:rgba(255,255,255,.08)!important;color:#fff!important}
.demo-progress{background:#e9eff5!important;border-bottom:1px solid #dce6ef!important}.demo-progress-item{background:#f8fbfd!important;color:#708196!important;min-height:64px!important}.demo-progress-item:hover{background:#f0f5f9!important;color:#102037!important}.demo-progress-item.active{background:#eafaf0!important;color:#123921!important}.demo-progress-item.complete{color:#2c8150!important}.demo-progress-item span{background:#fff!important;border-color:#d7e1ea!important;color:#6e8193!important}.demo-progress-item.active span{background:var(--zl-green)!important;border-color:var(--zl-green)!important;color:#0b2b19!important}
.demo-stage{background:#f4f8fb!important;padding:22px!important}.demo-panel{background:#fff!important;border-color:#dfe8ef!important}.demo-panel-head{border-bottom:1px solid #e2e9ef!important;color:#5f7185!important}.demo-panel-head strong{color:#102037!important}.demo-phone{background:#f7fafc!important;border-color:#d9e4ed!important;box-shadow:0 16px 30px rgba(18,46,73,.08)!important}.demo-phone-top{background:#102a43!important;color:#fff!important;border-bottom:0!important}.demo-phone-body{background:#fff!important}.demo-call-state{color:#21384e!important}.demo-call-state span{color:#738396!important}.demo-call-state.missed{color:#a96e0e!important}.demo-message.in{background:#eef4f9!important;color:#102037!important;border-color:#dfe7ef!important}.demo-message.out{background:linear-gradient(135deg,#56e38a,#74eca0)!important;color:#0a2a18!important}.demo-consent-card{background:#ecfaf2!important;border-color:#cdeed8!important;color:#163c28!important}.demo-consent-card small{color:#617c6c!important}.demo-timeline{background:#fff!important}.demo-event{color:#102037!important}.demo-event.active{background:#eefaf2!important;box-shadow:inset 0 0 0 1px #d0efda!important}.demo-event small{color:#748396!important}.demo-event-icon{background:#f4f8fb!important;border-color:#dfe8ef!important;color:#526a7d!important}.demo-event.active .demo-event-icon{background:var(--zl-green)!important;color:#0a2a18!important}.demo-lead-card{background:#f7fafc!important;border-color:#dfe8ef!important;color:#102037!important}.demo-lead-label{color:#2a9c5a!important}.demo-lead-grid>div{background:#fff!important;border:1px solid #e1e8ef}.demo-lead-grid small,.demo-evidence span{color:#708196!important}.demo-evidence strong{color:#102037!important}.demo-caption{background:#10263b!important;border-top:0!important;color:#fff!important}.demo-caption h3{color:#fff!important}.demo-caption p{color:#c5d4df!important}.demo-caption-step{color:#7ff0a8!important}


/* Active nav state */
.nav-links a[aria-current="page"]:not(.button):not(.button-ghost){position:relative;color:#fff}
.nav-links a[aria-current="page"]:not(.button):not(.button-ghost):after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:3px;border-radius:999px;background:linear-gradient(90deg,#7af0a8,#54e18a)}
.portal-nav a[aria-current="page"]{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.16)}


/* === Zeoleads premium page-hero refinement v3 === */
.reference-hero{padding-top:0;background:
  linear-gradient(90deg,rgba(6,18,31,.96) 0%,rgba(8,24,39,.92) 35%,rgba(11,34,48,.55) 58%,rgba(11,34,48,.18) 72%,rgba(11,34,48,.08) 100%),
  url("characters/tech-hero-reference.png") right center/cover no-repeat,
  linear-gradient(90deg,#071725 0%,#0c2030 42%,#113a31 68%,#143c36 100%);
}
.reference-hero-inner{min-height:560px;gap:24px;align-items:stretch}
.reference-copy{padding:94px 0 42px;max-width:730px}
.reference-title{font-size:clamp(4.35rem,6.4vw,6.85rem);max-width:9.8ch;letter-spacing:-.07em}
.reference-title .highlight:after{bottom:-18px;height:18px;left:2px;right:2%;clip-path:polygon(0 38%,96% 0,100% 54%,5% 100%);opacity:.98}
.reference-sub{max-width:690px;font-size:1.2rem}
.reference-actions .button,.reference-actions .button-ghost{min-width:184px;min-height:52px;border-radius:14px}
.reference-tech{display:none}
.home-demo{align-self:center;justify-self:end;max-width:560px;width:100%;margin:84px 0 28px;border:1px solid rgba(255,255,255,.26);box-shadow:0 36px 86px rgba(0,0,0,.36),0 8px 22px rgba(10,34,55,.18)}
.home-demo-head{height:64px;padding:0 18px 0 20px;background:linear-gradient(180deg,#102740,#0b1d31)}
.home-demo-head strong{font-size:1.1rem}
.home-demo-head strong:before{width:18px;height:18px}
.home-demo-controls{gap:10px}.home-demo-step{font-size:.92rem;color:#d5e2ec}
.home-demo-arrow{width:46px;height:46px;border-radius:13px;font-size:1.5rem;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.home-demo-arrow:hover:not(:disabled){background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.32);transform:translateY(-1px)}
.home-demo-body{position:relative;padding:18px 18px 14px;min-height:404px;background:linear-gradient(180deg,#ffffff 0%,#f5f8fb 100%)}
.home-demo-body:after{content:"🔊";position:absolute;right:18px;top:18px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#eef2f6;color:#0f2240;font-size:1.22rem;box-shadow:inset 0 0 0 1px #e1e7ee}
.demo-thread{gap:14px;padding-right:62px}
.demo-avatar{width:42px;height:42px;background:linear-gradient(180deg,#f5f7fa,#ebf1f6);box-shadow:inset 0 0 0 1px #dfe6ed;color:#11213a}
.demo-card-bubble{max-width:80%;padding:14px 16px;border-radius:16px;background:#eef2f6;box-shadow:inset 0 0 0 1px #e2e7ed;font-size:.97rem;line-height:1.45}
.demo-row.customer .demo-card-bubble{background:linear-gradient(135deg,#5ee68e,#7deeaa);box-shadow:none;color:#0b2918}
.home-demo-summary{grid-template-columns:repeat(2,1fr);gap:12px;padding-right:4px}
.home-demo-summary>div{padding:15px 16px;border-radius:16px;background:linear-gradient(180deg,#f6fafc,#edf3f8);box-shadow:inset 0 0 0 1px #e2e8ef}
.home-demo-summary strong{font-size:1.02rem;color:#102037}
.mini-note{margin:16px 4px 0;color:#55677b;line-height:1.52}
.home-demo-footer{padding:14px 16px 14px 18px;border-top:1px solid rgba(255,255,255,.04)}
.home-demo-footer span{max-width:58%}
.home-demo-footer a{padding:11px 16px;border-radius:12px;box-shadow:0 10px 24px rgba(255,255,255,.08)}
.home-demo-dots button{width:10px;height:10px;background:#6c7d90}
.home-demo-dots button.active{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.12)}

/* stronger profitability-led section headings */
.headline-underline,.process-copy h2,.visual-page-hero h1{position:relative}
.headline-underline:after,.process-copy h2:after,.visual-page-hero h1:after{content:"";display:block;width:230px;max-width:72%;height:12px;margin-top:12px;background:linear-gradient(90deg,#ffd644,#ffbf1f);clip-path:polygon(0 32%,96% 0,100% 52%,4% 100%);border-radius:999px;transform:rotate(-1.4deg)}
.process-copy h2:after{margin-top:14px}

/* full-width heroes across interior pages */
.visual-page-hero{position:relative;overflow:hidden;min-height:430px;padding:0;background:
  linear-gradient(90deg,rgba(7,23,37,.96) 0%,rgba(9,27,43,.93) 38%,rgba(12,37,52,.55) 58%,rgba(12,37,52,.14) 74%,rgba(12,37,52,.08) 100%),
  url("characters/tech-hero-reference.png") right center/cover no-repeat,
  linear-gradient(100deg,#081827 0%,#0d263a 55%,#174036 100%)}
.visual-page-hero .container{position:relative;z-index:2}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(240px,.52fr);gap:28px;align-items:end;min-height:430px}
.visual-page-hero .breadcrumbs{padding-top:70px}
.visual-page-hero h1{max-width:11.5ch;font-size:clamp(3.65rem,5.3vw,5.55rem);line-height:.95;letter-spacing:-.06em;margin:10px 0 0}
.visual-page-hero .lede{max-width:760px;font-size:1.12rem;color:#e0eaf2}
.visual-page-hero .hero-actions{margin-top:26px}
.visual-page-hero .hero-actions .button,.visual-page-hero .hero-actions .button-ghost{min-height:52px;border-radius:14px;padding-inline:22px}
.visual-page-hero .hero-art{align-self:end;justify-self:end;max-width:420px;width:100%;padding-top:54px}
.visual-page-hero .hero-art img{max-height:360px;width:100%;object-fit:cover;object-position:center top;filter:saturate(1.02)}

/* wider section widths and consistent image-full feel */
.section-head h2{max-width:12ch;font-size:clamp(2.7rem,4vw,4.15rem);line-height:.96;letter-spacing:-.055em}
.process-grid{grid-template-columns:.92fr .95fr 1.12fr;gap:36px}
.review-card{min-height:290px}
.review-copy blockquote{font-size:1.34rem}
.review-scribble{font-size:1.1rem}

/* Auth / member area premium tweaks */
.auth-shell{position:relative;background:
  linear-gradient(90deg,rgba(8,24,39,.96) 0%,rgba(12,33,50,.92) 45%,rgba(12,33,50,.22) 72%,rgba(12,33,50,.10) 100%),
  url("characters/tech-hero.png") right center/cover no-repeat,
  linear-gradient(180deg,#f8fbff,#edf4fa)!important;padding:0!important}
.auth-layout{min-height:calc(100vh - 180px);padding:72px 0;align-items:center}
.auth-side{background:transparent!important;padding:0!important;box-shadow:none!important;max-width:560px}
.auth-side h1{font-size:clamp(3.2rem,5vw,5rem);line-height:.95;max-width:10ch;color:#fff}
.auth-side .eyebrow{margin-bottom:16px}
.auth-side .auth-illustration{display:none}
.auth-form-card{background:rgba(255,255,255,.98)!important;backdrop-filter:blur(6px);border:1px solid #dfe7ef}
.portal-top h1{font-size:clamp(2.55rem,4vw,3.7rem);line-height:.95;letter-spacing:-.05em}
.portal-panel.with-cartoon img{max-width:220px}

/* Keep the homepage benefit row clean */
.home-benefits{position:relative;z-index:4}

@media(max-width:1200px){
  .reference-hero{background-position:70% center,right center,center}
  .reference-hero-inner{grid-template-columns:minmax(0,1fr) minmax(420px,.86fr);min-height:540px}
  .home-demo{max-width:520px}
  .visual-page-hero{background-position:72% center,right center,center}
}
@media(max-width:1040px){
  .reference-hero{background:
    linear-gradient(180deg,rgba(6,18,31,.96) 0%,rgba(8,24,39,.92) 54%,rgba(8,24,39,.72) 100%),
    url("characters/tech-hero-reference.png") center top/cover no-repeat,
    linear-gradient(90deg,#071725 0%,#0c2030 42%,#113a31 68%,#143c36 100%)}
  .reference-hero-inner{grid-template-columns:1fr;min-height:auto}
  .reference-copy{padding:74px 0 6px}
  .home-demo{justify-self:stretch;max-width:none;margin:16px 0 28px}
  .home-demo-footer span{max-width:none}
  .home-demo-footer{align-items:flex-start;flex-wrap:wrap}
  .visual-page-hero{background:
    linear-gradient(180deg,rgba(7,23,37,.96) 0%,rgba(9,27,43,.92) 48%,rgba(9,27,43,.78) 100%),
    url("characters/tech-hero-reference.png") center top/cover no-repeat,
    linear-gradient(100deg,#081827 0%,#0d263a 55%,#174036 100%)}
  .page-hero-grid{grid-template-columns:1fr;min-height:auto}
  .visual-page-hero .breadcrumbs{padding-top:64px}
  .visual-page-hero .hero-art{display:none}
  .auth-shell{background:
    linear-gradient(180deg,rgba(8,24,39,.96) 0%,rgba(12,33,50,.92) 100%),
    linear-gradient(180deg,#f8fbff,#edf4fa)!important}
}
@media(max-width:760px){
  .reference-title{font-size:clamp(3.3rem,13vw,4.7rem);max-width:11ch}
  .reference-title .highlight:after{height:15px;bottom:-15px}
  .reference-sub{font-size:1.07rem}
  .home-demo-head{height:auto;min-height:58px;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px}
  .home-demo-body{min-height:360px;padding:16px 14px 12px}
  .home-demo-body:after{right:14px;top:14px;width:42px;height:42px}
  .demo-thread{padding-right:54px}
  .home-demo-footer{font-size:.8rem}
  .headline-underline:after,.process-copy h2:after,.visual-page-hero h1:after{height:10px;margin-top:10px}
  .visual-page-hero h1{font-size:clamp(3rem,12vw,4.2rem);max-width:12ch}
  .section-head h2{font-size:clamp(2.25rem,8vw,3rem)}
  .process-grid{grid-template-columns:1fr;gap:28px}
  .auth-side h1{font-size:clamp(2.8rem,11vw,4rem)}
}
@media(max-width:520px){
  .home-demo-footer a{width:100%;text-align:center}
  .reference-copy{padding-top:62px}
  .reference-title{font-size:3.05rem}
  .home-demo-head strong{font-size:1rem}
  .home-demo-step{font-size:.83rem}
  .demo-card-bubble{max-width:86%;font-size:.89rem}
  .home-demo-summary{grid-template-columns:1fr}
  .visual-page-hero .breadcrumbs{padding-top:58px}
}


/* === Homepage hero isolation + Zeonext-style blur refinement v4 === */
.reference-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:none;
}
.reference-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    url("characters/tech-hero-reference.png") center center/cover no-repeat,
    linear-gradient(90deg,#0a1724 0%,#0f2536 48%,#183931 100%);
  transform:scale(1.02);
}
.reference-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg,rgba(4,14,24,.92) 0%,rgba(5,16,27,.86) 18%,rgba(9,24,38,.78) 33%,rgba(10,27,41,.48) 49%,rgba(10,27,41,.18) 63%,rgba(10,27,41,.08) 100%);
}
.reference-hero-inner{
  position:relative;
  z-index:1;
  width:min(1500px,calc(100% - 28px));
  margin-inline:auto;
  min-height:575px;
  gap:28px;
  align-items:stretch;
}
.reference-copy{
  position:relative;
  max-width:760px;
  margin:34px 0 26px;
  padding:58px 34px 34px;
  border-radius:30px;
  background:linear-gradient(180deg,rgba(7,18,29,.62) 0%,rgba(8,20,31,.48) 100%);
  backdrop-filter:blur(14px) saturate(1.08);
  -webkit-backdrop-filter:blur(14px) saturate(1.08);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 28px 80px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.05);
}
.reference-copy:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,0));
  pointer-events:none;
}
.reference-title{max-width:10.2ch;font-size:clamp(4.2rem,6.7vw,7rem);line-height:.92}
.reference-title .highlight:after{height:16px;bottom:-20px;left:4px;right:2%;margin-top:10px}
.reference-sub{max-width:650px;font-size:1.22rem;line-height:1.5;color:#eef6fb;text-wrap:balance}
.reference-actions{margin-top:26px}
.reference-proof{margin-top:18px;gap:22px 18px}
.reference-proof span{font-size:1rem}
.home-demo{
  align-self:center;
  justify-self:end;
  margin:30px 0 26px;
  max-width:566px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.34);
  background:rgba(255,255,255,.10);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 38px 96px rgba(0,0,0,.34),0 10px 24px rgba(7,26,42,.20);
}
.home-demo-head{padding:0 16px 0 18px;background:linear-gradient(180deg,#102740,#0b1d31);border-bottom:1px solid rgba(255,255,255,.05)}
.home-demo-head strong{font-size:1.14rem;letter-spacing:-.02em}
.home-demo-body{background:linear-gradient(180deg,#fcfcfd 0%,#f1f5f8 100%)}
.home-demo-footer{background:linear-gradient(180deg,#17314a 0%,#10263b 100%)}
.home-demo-footer span{color:#c9d5df}
.home-demo-footer a{background:#fff;color:#102037}

@media(max-width:1180px){
  .reference-hero-inner{width:min(100%,calc(100% - 24px));grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);min-height:560px}
  .reference-copy{padding:52px 28px 30px}
}
@media(max-width:1040px){
  .reference-hero:before{background:
    linear-gradient(180deg,rgba(7,18,29,.08) 0%,rgba(7,18,29,.08) 100%),
    url("characters/tech-hero-reference.png") center top/cover no-repeat,
    linear-gradient(90deg,#0a1724 0%,#0f2536 48%,#183931 100%)}
  .reference-hero:after{background:linear-gradient(180deg,rgba(4,14,24,.90) 0%,rgba(6,17,28,.86) 34%,rgba(7,19,30,.72) 100%)}
  .reference-hero-inner{width:min(100%,calc(100% - 20px));grid-template-columns:1fr;gap:18px;min-height:auto}
  .reference-copy{margin:26px 0 0;padding:40px 24px 26px}
  .home-demo{max-width:none;margin:0 0 26px}
}
@media(max-width:760px){
  .reference-copy{padding:34px 18px 22px;border-radius:24px}
  .reference-title{font-size:clamp(3.15rem,13.5vw,4.75rem);max-width:10.5ch}
  .reference-title .highlight:after{height:13px;bottom:-15px}
  .reference-sub{font-size:1.05rem}
  .reference-actions{gap:12px}
  .reference-actions .button,.reference-actions .button-ghost{min-width:0;width:100%}
  .reference-proof{gap:12px 16px}
  .reference-proof span{font-size:.94rem}
}

/* === v5 exact-reference hero correction === */
[hidden]{display:none!important}
.reference-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:0;
  background:
    radial-gradient(circle at 66% 18%,rgba(141,211,180,.16),transparent 26%),
    linear-gradient(90deg,#071725 0%,#0a1d2d 37%,#0d2831 58%,#183a31 100%);
}
.reference-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg,rgba(5,15,25,.72) 0%,rgba(7,19,31,.56) 31%,rgba(7,19,31,.18) 49%,rgba(7,19,31,0) 68%),
    radial-gradient(ellipse at 30% 50%,rgba(6,18,29,.52),transparent 50%);
  transform:none;
}
.reference-hero:after{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:45%;
  z-index:0;
  background:linear-gradient(90deg,rgba(6,18,29,.64),rgba(7,20,31,.20),transparent);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
  pointer-events:none;
}
.reference-hero-inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(480px,1.04fr) minmax(300px,.62fr) minmax(500px,1.02fr);
  gap:18px;
  align-items:end;
  width:100%;
  max-width:none;
  min-height:510px;
  padding:0 46px;
  margin:0;
}
.reference-copy{
  align-self:center;
  position:relative;
  z-index:3;
  max-width:650px;
  margin:0;
  padding:34px 0 28px;
  border:0;
  border-radius:0;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:none;
}
.reference-copy:before{display:none}
.reference-copy .eyebrow{margin-bottom:16px}
.reference-title{
  margin:0;
  max-width:8.7ch;
  font-size:clamp(4.35rem,5.65vw,5.9rem);
  line-height:.92;
  letter-spacing:-.066em;
  font-weight:920;
  color:#fff;
}
.reference-title .highlight{color:#ffc72c}
.reference-title .highlight:after{
  left:3px;right:1%;bottom:-16px;height:14px;
  background:linear-gradient(90deg,#ffd83e,#ffc01d);
  clip-path:polygon(0 34%,96% 0,100% 52%,4% 100%);
  transform:rotate(-1.2deg);
}
.reference-sub{
  max-width:560px;
  margin:34px 0 20px;
  color:#eef4f8;
  font-size:1.12rem;
  line-height:1.52;
}
.reference-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:0}
.reference-actions .button,.reference-actions .button-ghost{min-width:176px;min-height:46px;border-radius:12px}
.reference-proof{display:flex;gap:19px;flex-wrap:wrap;margin-top:15px;color:#f2f6f9;font-size:.87rem}
.reference-proof i{width:20px;height:20px}
.reference-tech{
  display:flex;
  position:relative;
  align-self:stretch;
  height:510px;
  align-items:flex-end;
  justify-content:center;
  z-index:2;
  overflow:visible;
}
.reference-tech:before{display:none}
.reference-tech img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center center;
  border-radius:0;
  filter:saturate(1.02) contrast(1.02);
  box-shadow:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
}
.home-demo{
  align-self:center;
  justify-self:stretch;
  max-width:none;
  width:100%;
  margin:16px 0 18px;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.28);
  background:#fff;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:0 26px 70px rgba(0,0,0,.32);
  z-index:3;
}
.home-demo-head{height:50px;padding:0 14px 0 16px}
.home-demo-head strong{font-size:1rem}
.home-demo-head strong:before{width:15px;height:15px}
.home-demo-controls{gap:8px}.home-demo-step{font-size:.79rem;margin-right:5px}
.home-demo-arrow{width:40px;height:38px;border-radius:10px;font-size:1.35rem}
.home-demo-body{min-height:335px;padding:14px 17px 10px;background:linear-gradient(180deg,#fff,#f7f9fb)}
.home-demo-body:after{right:16px;top:14px;width:42px;height:42px;font-size:1.08rem}
.demo-thread{gap:11px;padding-right:56px}
.demo-avatar{width:38px;height:38px}
.demo-card-bubble{max-width:83%;padding:11px 13px;border-radius:14px;font-size:.86rem;line-height:1.38}
.demo-meta{font-size:.67rem;margin-top:4px}
.home-demo-summary{gap:9px}.home-demo-summary>div{padding:12px 13px;border-radius:13px}.home-demo-summary small{font-size:.73rem}.home-demo-summary strong{font-size:.93rem}
.mini-note{font-size:.86rem;margin-top:12px}
.home-demo-footer{min-height:62px;padding:9px 14px 9px 16px;font-size:.76rem;gap:10px}
.home-demo-footer span{max-width:57%}.home-demo-footer a{padding:9px 13px;border-radius:9px;white-space:nowrap}
.home-demo-dots{gap:6px}.home-demo-dots button{width:8px;height:8px}

@media(max-width:1280px){
  .reference-hero-inner{grid-template-columns:minmax(430px,1fr) minmax(260px,.55fr) minmax(440px,.96fr);padding:0 30px;min-height:500px}
  .reference-tech{height:500px}
  .reference-title{font-size:clamp(4rem,5.5vw,5.3rem)}
}
@media(max-width:1080px){
  .reference-hero-inner{grid-template-columns:minmax(0,1fr) minmax(410px,.95fr);padding:0 24px;gap:22px;min-height:auto}
  .reference-tech{position:absolute;right:34%;bottom:0;width:34%;height:100%;opacity:.55;z-index:1}
  .reference-copy{padding:54px 0 34px}
  .home-demo{margin:28px 0}
}
@media(max-width:820px){
  .reference-hero-inner{grid-template-columns:1fr;padding:0 16px}
  .reference-tech{display:none}
  .reference-copy{padding:48px 6px 12px;max-width:680px}
  .home-demo{margin:12px 0 24px}
  .reference-title{font-size:clamp(3.4rem,13vw,4.6rem);max-width:9.4ch}
}

/* === Homepage hero coded from approved visual reference v6 === */
body.home-reference-ready{overflow-x:hidden}
.home-nav{
  position:relative;
  z-index:40;
  background:rgba(6,22,37,.97)!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}
.home-nav .container{
  width:min(calc(100% - 96px),1540px);
}
.home-nav .nav-inner{
  height:100px;
  gap:34px;
}
.home-nav .brand{
  font-size:3.05rem;
  line-height:1;
  letter-spacing:-.065em;
  font-weight:950;
}
.home-nav .brand span{color:#55e487}
.home-nav .nav-links{gap:40px}
.home-nav .nav-links>a:not(.button):not(.button-ghost){font-size:1.03rem;font-weight:650;color:#fff}
.home-nav .nav-auth-link{
  min-width:128px;
  min-height:54px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.35)!important;
  background:rgba(7,20,32,.28)!important;
  color:#fff!important;
  font-weight:800;
  font-size:1.04rem;
}
.home-nav .nav-pilot-link,
.home-nav .nav-dashboard-link{
  min-height:58px;
  padding-inline:34px;
  border-radius:14px;
  background:linear-gradient(135deg,#57e58b,#69e79a)!important;
  box-shadow:0 12px 34px rgba(73,209,125,.28);
  color:#082b19!important;
  font-size:1.04rem;
  font-weight:900;
}

.reference-hero{
  position:relative;
  isolation:isolate;
  min-height:760px;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#0a1b2b!important;
}
.reference-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background-image:url("zeoleads-hero-bg.webp");
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  transform:none;
}
.reference-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(4,16,28,.96) 0%,
      rgba(4,16,28,.93) 17%,
      rgba(4,17,29,.78) 31%,
      rgba(6,19,31,.48) 43%,
      rgba(6,19,31,.13) 55%,
      rgba(6,19,31,.02) 72%,
      rgba(6,19,31,0) 100%),
    linear-gradient(180deg,rgba(3,14,24,.10) 0%,rgba(3,14,24,.02) 70%,rgba(3,14,24,.12) 100%);
}
.reference-hero-inner{
  position:relative;
  z-index:2;
  width:min(calc(100% - 96px),1540px)!important;
  min-height:760px!important;
  margin:0 auto;
  padding:42px 0 36px;
  display:grid!important;
  grid-template-columns:minmax(500px,620px) minmax(180px,1fr) minmax(520px,640px)!important;
  column-gap:24px!important;
  align-items:start!important;
}
.reference-copy{
  grid-column:1;
  align-self:start;
  max-width:none!important;
  margin:0!important;
  padding:20px 0 0!important;
  background:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.reference-copy::before{display:none!important}
.reference-copy .eyebrow{
  margin-bottom:26px;
  padding:9px 15px;
  border-radius:999px;
  border:1.5px solid #59e48d;
  background:rgba(28,139,78,.14);
  color:#a9f6c4;
  font-size:.86rem;
  font-weight:900;
  letter-spacing:.06em;
}
.reference-title{
  margin:0!important;
  max-width:10.2ch!important;
  color:#fff;
  font-size:clamp(4.5rem,5.65vw,6.25rem)!important;
  line-height:.92!important;
  letter-spacing:-.072em!important;
  font-weight:950!important;
  text-wrap:balance;
}
.reference-title .highlight{
  display:inline-block;
  color:#ffc628!important;
  white-space:nowrap;
}
.reference-title .highlight::after{
  left:0!important;
  right:1%!important;
  bottom:-20px!important;
  height:15px!important;
  margin:0!important;
  border-radius:999px!important;
  transform:rotate(-1.6deg)!important;
  clip-path:polygon(0 40%,96% 0,100% 54%,4% 100%)!important;
  background:linear-gradient(90deg,#ffd338,#ffc21e)!important;
}
.reference-sub{
  max-width:610px!important;
  margin:42px 0 26px!important;
  color:#f1f6fa!important;
  font-size:1.21rem!important;
  line-height:1.48!important;
  letter-spacing:-.012em;
}
.reference-actions{
  display:flex!important;
  gap:20px!important;
  margin:0!important;
}
.reference-actions .hero-primary,
.reference-actions .hero-secondary{
  min-width:230px!important;
  min-height:58px!important;
  padding-inline:30px!important;
  border-radius:14px!important;
  font-size:1.05rem!important;
  font-weight:900!important;
}
.reference-actions .hero-primary{
  background:linear-gradient(135deg,#57e58b,#67e89a)!important;
  color:#072818!important;
  box-shadow:0 13px 34px rgba(73,209,125,.28)!important;
}
.reference-actions .hero-secondary{
  background:rgba(6,22,36,.44)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  color:#fff!important;
}
.reference-proof{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:22px 26px!important;
  margin-top:22px!important;
  color:#fff!important;
  font-size:.96rem!important;
}
.reference-proof span{gap:9px!important;white-space:nowrap}
.reference-proof i{
  width:23px!important;
  height:23px!important;
  background:#57e58b!important;
  color:#072819!important;
  font-size:.78rem!important;
}
.reference-tech{display:none!important}

.home-demo{
  grid-column:3;
  align-self:start!important;
  justify-self:end!important;
  width:100%!important;
  max-width:640px!important;
  margin:18px 0 0!important;
  border:1.5px solid rgba(255,255,255,.88)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 28px 70px rgba(0,0,0,.28),0 3px 12px rgba(0,0,0,.14)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.home-demo-head{
  height:62px!important;
  padding:0 16px 0 18px!important;
  background:linear-gradient(180deg,#0e253c,#0b1c2e)!important;
  color:#fff!important;
}
.home-demo-head strong{
  font-size:1.1rem!important;
  letter-spacing:-.015em;
}
.home-demo-head strong::before{
  width:18px!important;
  height:18px!important;
  background:#58e58b!important;
}
.home-demo-controls{gap:10px!important}
.home-demo-step{font-size:.92rem!important;color:#dce5ec!important;margin-right:8px!important}
.home-demo-arrow{
  width:47px!important;
  height:47px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
}
.home-demo-body{
  position:relative;
  min-height:430px!important;
  padding:18px 22px 14px!important;
  background:linear-gradient(180deg,#fff,#f7f9fb)!important;
}
.home-demo-body::after{
  content:"🔊"!important;
  position:absolute!important;
  right:20px!important;
  top:20px!important;
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#eef2f5!important;
  color:#10223c!important;
  font-size:1.15rem!important;
  box-shadow:inset 0 0 0 1px #e2e7ed!important;
}
.demo-thread{gap:14px!important;padding-right:66px!important}
.demo-avatar{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  background:linear-gradient(180deg,#f3f6f9,#e9eff4)!important;
  border:1px solid #dde5ec!important;
  color:#12243e!important;
}
.demo-card-bubble{
  max-width:82%!important;
  padding:15px 17px!important;
  border-radius:17px!important;
  background:#eef2f6!important;
  color:#17263b!important;
  border:1px solid #e3e8ed!important;
  font-size:.95rem!important;
  line-height:1.46!important;
  box-shadow:none!important;
}
.demo-card-bubble strong{color:#101f4d!important}
.demo-row.customer .demo-card-bubble{
  min-width:180px;
  background:linear-gradient(135deg,#57e88c,#72eca2)!important;
  color:#082819!important;
  border:0!important;
}
.demo-meta{font-size:.72rem!important;color:#7a8794!important}
.demo-row.customer .demo-meta{color:#35704b!important}
.home-demo-summary{grid-template-columns:1fr 1fr!important;gap:12px!important;padding-right:0!important}
.home-demo-summary>div{
  padding:16px!important;
  border-radius:16px!important;
  background:#f1f6fa!important;
  border:1px solid #e2e8ef!important;
  box-shadow:none!important;
}
.home-demo-summary strong{font-size:1.02rem!important;color:#102037!important}
.home-demo-footer{
  min-height:70px;
  padding:13px 16px 13px 18px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:16px!important;
  background:linear-gradient(180deg,#17314a,#10263b)!important;
  color:#cbd8e4!important;
}
.home-demo-footer>span{max-width:none!important;font-size:.82rem!important;line-height:1.45!important}
.home-demo-dots{gap:7px!important}
.home-demo-dots button{width:9px!important;height:9px!important;background:#66798c!important}
.home-demo-dots button.active{background:#fff!important;box-shadow:0 0 0 4px rgba(255,255,255,.12)!important}
.home-demo-footer>a{
  min-width:158px;
  text-align:center;
  padding:11px 15px!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#11223a!important;
  font-weight:900!important;
  box-shadow:none!important;
}

/* Keep next section visually separate from hero */
.home-benefits{position:relative;z-index:6;background:#fff!important}

@media(max-width:1360px){
  .home-nav .container,.reference-hero-inner{width:min(calc(100% - 56px),1480px)!important}
  .home-nav .nav-links{gap:28px}
  .reference-hero-inner{grid-template-columns:minmax(460px,580px) minmax(100px,1fr) minmax(500px,600px)!important}
  .reference-title{font-size:clamp(4.1rem,5.4vw,5.7rem)!important}
  .home-demo{max-width:600px!important}
}
@media(max-width:1120px){
  .home-nav .container{width:min(calc(100% - 36px),1480px)!important}
  .home-nav .nav-inner{height:82px}
  .home-nav .brand{font-size:2.45rem}
  .home-nav .nav-links{gap:20px}
  .reference-hero{min-height:auto}
  .reference-hero::before{background-position:center center}
  .reference-hero-inner{
    width:min(calc(100% - 36px),1480px)!important;
    min-height:auto!important;
    padding:38px 0 34px!important;
    grid-template-columns:minmax(0,1fr) minmax(460px,.95fr)!important;
    gap:28px!important;
  }
  .reference-copy{grid-column:1;padding-top:6px!important}
  .home-demo{grid-column:2;max-width:none!important;margin:10px 0 0!important}
  .reference-title{font-size:clamp(3.65rem,6vw,5rem)!important}
  .reference-sub{font-size:1.08rem!important}
}
@media(max-width:900px){
  .home-nav .nav-inner{height:70px}
  .home-nav .brand{font-size:2rem}
  .home-nav .nav-links{gap:14px}
  .home-nav .nav-links .button,.home-nav .nav-links .button-ghost{width:100%;min-width:0}
  .reference-hero::before{background-position:60% center}
  .reference-hero::after{background:linear-gradient(180deg,rgba(4,15,26,.92) 0%,rgba(4,15,26,.74) 44%,rgba(4,15,26,.40) 100%)}
  .reference-hero-inner{grid-template-columns:1fr!important;width:min(calc(100% - 28px),760px)!important;padding-top:32px!important}
  .reference-copy{grid-column:1!important;max-width:680px!important}
  .home-demo{grid-column:1!important;margin-top:14px!important;max-width:680px!important;justify-self:stretch!important}
  .reference-title{font-size:clamp(3.45rem,11vw,5rem)!important;max-width:11ch!important}
}
@media(max-width:600px){
  .reference-hero-inner{width:min(calc(100% - 22px),760px)!important;padding:24px 0 26px!important}
  .reference-copy .eyebrow{font-size:.72rem!important;padding:7px 10px!important;margin-bottom:20px!important}
  .reference-title{font-size:clamp(3rem,13vw,4rem)!important;line-height:.94!important}
  .reference-title .highlight::after{height:11px!important;bottom:-14px!important}
  .reference-sub{font-size:1rem!important;margin-top:34px!important}
  .reference-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .reference-actions .hero-primary,.reference-actions .hero-secondary{width:100%!important;min-width:0!important}
  .reference-proof{gap:10px 14px!important}.reference-proof span{font-size:.88rem!important}
  .home-demo{border-radius:20px!important}
  .home-demo-head{height:auto!important;min-height:60px!important;flex-wrap:wrap!important;gap:10px!important;padding:10px 12px!important}
  .home-demo-body{min-height:365px!important;padding:14px!important}
  .home-demo-body::after{right:14px!important;top:14px!important;width:42px!important;height:42px!important}
  .demo-thread{padding-right:50px!important}
  .home-demo-summary{grid-template-columns:1fr!important}
  .home-demo-footer{grid-template-columns:1fr!important;gap:10px!important;align-items:start!important}
  .home-demo-footer>a{width:100%!important}
}


/* === v7 homepage hero refinement: darker blurred copy zone + shifted art + narrower demo === */
.home-nav .brand{
  font-size:3.18rem;
}
.reference-hero::before{
  background-position:60% center!important;
}
.reference-hero::after{
  background:
    linear-gradient(90deg,
      rgba(4,16,28,.97) 0%,
      rgba(4,16,28,.93) 14%,
      rgba(4,17,29,.78) 28%,
      rgba(6,19,31,.40) 42%,
      rgba(6,19,31,.08) 56%,
      rgba(6,19,31,0) 72%)!important,
    linear-gradient(180deg,rgba(3,14,24,.08) 0%,rgba(3,14,24,.01) 70%,rgba(3,14,24,.12) 100%)!important;
}
.reference-hero-inner{
  grid-template-columns:minmax(520px,610px) minmax(210px,1fr) minmax(470px,545px)!important;
  column-gap:22px!important;
}
.reference-copy{
  position:relative!important;
  padding:30px 6px 34px 0!important;
  max-width:615px!important;
  isolation:isolate!important;
}
.reference-copy::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:-24px -18px -22px -26px!important;
  border-radius:0 34px 34px 0!important;
  background:linear-gradient(90deg,rgba(5,16,28,.82) 0%,rgba(6,18,30,.68) 46%,rgba(8,21,34,.32) 76%,rgba(8,21,34,0) 100%)!important;
  backdrop-filter:blur(14px) saturate(1.02)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.02)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.14)!important;
  pointer-events:none!important;
}
.reference-title{
  max-width:8.95ch!important;
}
.reference-sub{
  max-width:590px!important;
}
.home-demo{
  max-width:545px!important;
  margin:26px 0 0!important;
}
.home-demo-body{
  min-height:424px!important;
  padding:18px 20px 14px!important;
}
.demo-thread{
  padding-right:74px!important;
}
.demo-card-bubble{
  max-width:86%!important;
}
@media(max-width:1360px){
  .reference-hero-inner{
    grid-template-columns:minmax(470px,575px) minmax(120px,1fr) minmax(450px,520px)!important;
  }
  .home-demo{max-width:520px!important}
}
@media(max-width:1120px){
  .reference-hero::before{background-position:64% center!important}
  .reference-copy{padding:18px 0 28px!important}
  .reference-copy::before{inset:-18px -16px -18px -18px!important}
  .home-demo{max-width:none!important}
}
@media(max-width:900px){
  .reference-hero::before{background-position:66% center!important}
  .reference-copy::before{
    inset:-12px -10px -12px -10px!important;
    border-radius:24px!important;
  }
}
@media(max-width:600px){
  .reference-copy::before{
    inset:-10px -8px -12px -8px!important;
    border-radius:22px!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  .demo-thread{padding-right:52px!important}
}

/* === v8 approved homepage composition === */
.home-nav .nav-links a[aria-current="page"]:not(.button):not(.button-ghost)::after,
.home-nav .nav-links a[href="demo.html"]::after{display:none!important}
.home-nav .brand{font-size:3.22rem!important;letter-spacing:-.07em!important}

.reference-hero{
  min-height:720px!important;
  background:#081725!important;
}
.reference-hero::before{
  background-image:url("zeoleads-hero-bg-v2.webp")!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:56% center!important;
  transform:none!important;
}
.reference-hero::after{
  background:
    linear-gradient(90deg,
      rgba(5,16,28,.88) 0%,
      rgba(5,16,28,.80) 16%,
      rgba(5,16,28,.58) 29%,
      rgba(5,16,28,.25) 39%,
      rgba(5,16,28,.05) 47%,
      rgba(5,16,28,0) 56%)!important;
}
.reference-hero-inner{
  width:min(calc(100% - 78px),1540px)!important;
  min-height:720px!important;
  padding:36px 0 30px!important;
  display:grid!important;
  grid-template-columns:minmax(500px,610px) minmax(230px,1fr) minmax(470px,525px)!important;
  gap:18px!important;
  align-items:start!important;
}
.reference-copy{
  grid-column:1!important;
  max-width:610px!important;
  padding:20px 0 26px!important;
  margin:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.reference-copy::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  left:-48px!important;
  right:-8px!important;
  top:-18px!important;
  bottom:-16px!important;
  border-radius:0 32px 32px 0!important;
  background:linear-gradient(90deg,rgba(5,16,28,.78),rgba(5,16,28,.52) 58%,rgba(5,16,28,.12) 88%,transparent)!important;
  backdrop-filter:blur(10px) saturate(1.02)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.02)!important;
  box-shadow:none!important;
}
.reference-copy .eyebrow{margin-bottom:22px!important}
.reference-title{
  max-width:9.1ch!important;
  font-size:clamp(4.25rem,5.45vw,5.85rem)!important;
  line-height:.92!important;
  letter-spacing:-.069em!important;
}
.reference-title .highlight::after{height:14px!important;bottom:-17px!important}
.reference-sub{
  max-width:590px!important;
  margin:37px 0 24px!important;
  font-size:1.14rem!important;
  line-height:1.52!important;
}
.reference-actions{gap:16px!important}
.reference-actions .hero-primary,.reference-actions .hero-secondary{
  min-width:205px!important;
  min-height:54px!important;
  padding-inline:25px!important;
}
.reference-proof{gap:16px 22px!important;margin-top:19px!important;font-size:.92rem!important}
.reference-tech{display:none!important}

.home-demo{
  grid-column:3!important;
  width:100%!important;
  max-width:525px!important;
  margin:52px 0 0!important;
  justify-self:end!important;
  align-self:start!important;
  border-radius:22px!important;
}
.home-demo-head{height:58px!important;padding:0 14px 0 16px!important}
.home-demo-head strong{font-size:1.04rem!important}
.home-demo-step{font-size:.84rem!important;margin-right:4px!important}
.home-demo-arrow{width:42px!important;height:42px!important}
.home-demo-body{
  min-height:398px!important;
  padding:16px 18px 12px!important;
}
.home-demo-body::after{right:16px!important;top:16px!important;width:44px!important;height:44px!important}
.demo-thread{gap:12px!important;padding-right:54px!important}
.demo-row{min-width:0!important}
.demo-card-bubble{
  max-width:calc(100% - 50px)!important;
  width:auto!important;
  padding:13px 15px!important;
  font-size:.9rem!important;
  line-height:1.43!important;
  overflow:visible!important;
  white-space:normal!important;
}
.demo-row.customer .demo-card-bubble{max-width:72%!important;min-width:154px!important}
.home-demo-footer{
  min-height:64px!important;
  padding:10px 13px 10px 15px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
}
.home-demo-footer>span{font-size:.77rem!important}
.home-demo-dots{display:none!important}
.home-demo-footer>a{min-width:142px!important;padding:10px 12px!important}

/* Female review stays immediately below the hero/process area */
.home-process{padding-top:54px!important;padding-bottom:58px!important}
.process-grid{align-items:center!important}
.review-card{min-height:300px!important}
.review-card img{align-self:end!important}

/* Restored homepage content, aligned to current visual system */
.home-revenue-leak,.home-deep-flow,.home-mvp,.home-faq{background:#fff!important}
.home-question,.home-positioning,.home-trust{background:#f5f9fc!important}
.outcome-card .icon,.trust-card .icon{background:linear-gradient(135deg,#eaf9f0,#d9f5e4)!important;color:#1e9254!important}
.question-money{max-width:none!important}
.home-flow-steps{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
.positioning-card{
  padding:32px;
  border-radius:25px;
  border:1px solid #dfe8ef;
  background:#fff;
  box-shadow:0 18px 40px rgba(20,49,76,.06);
}
.positioning-card.accent{background:linear-gradient(135deg,#102840,#12352f);border-color:rgba(73,209,125,.22);color:#fff}
.positioning-card h2{font-size:clamp(2.5rem,3.8vw,3.8rem);line-height:.98;max-width:10ch;margin:12px 0 16px}
.positioning-card p{font-size:1.04rem;line-height:1.62;color:#61758a}
.positioning-card.accent h2,.positioning-card.accent p{color:#fff!important}
.positioning-card.accent .kicker{color:#7ff0a8!important}
.text-link{display:inline-flex;margin-top:10px;font-weight:850;color:#1d9254}
.positioning-card.accent .text-link{color:#8cf2b1}
.center-actions{display:flex;justify-content:center;margin-top:26px}
.button-ghost.dark{color:#13283b!important;border-color:#cddbe6!important;background:#fff!important}
.home-faq .faq{max-width:1000px;margin-inline:auto}

@media(max-width:1320px){
  .reference-hero-inner{width:min(calc(100% - 52px),1480px)!important;grid-template-columns:minmax(465px,570px) minmax(170px,1fr) minmax(445px,500px)!important}
  .reference-title{font-size:clamp(3.95rem,5.3vw,5.45rem)!important}
  .home-demo{max-width:500px!important}
}
@media(max-width:1120px){
  .reference-hero::before{background-position:60% center!important}
  .reference-hero-inner{grid-template-columns:minmax(0,1fr) minmax(430px,.86fr)!important;width:min(calc(100% - 36px),1200px)!important}
  .reference-copy{max-width:560px!important}
  .reference-copy::before{left:-24px!important;right:-12px!important}
  .home-demo{grid-column:2!important;max-width:470px!important;margin-top:30px!important}
  .reference-title{font-size:clamp(3.6rem,6vw,4.8rem)!important}
  .home-flow-steps{grid-template-columns:1fr!important}
}
@media(max-width:900px){
  .reference-hero::before{background-position:62% center!important}
  .reference-hero-inner{grid-template-columns:1fr!important;width:min(calc(100% - 28px),760px)!important;min-height:auto!important;padding:30px 0!important}
  .reference-copy{grid-column:1!important;max-width:650px!important}
  .reference-copy::before{left:-10px!important;right:-10px!important;border-radius:24px!important}
  .home-demo{grid-column:1!important;max-width:650px!important;margin-top:12px!important;justify-self:stretch!important}
}
@media(max-width:650px){
  .home-nav .brand{font-size:2rem!important}
  .reference-hero::before{background-position:61% center!important}
  .reference-copy{padding-inline:4px!important}
  .reference-copy::before{left:-8px!important;right:-8px!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
  .home-demo-footer{grid-template-columns:1fr!important}
  .home-demo-footer>a{width:100%!important}
  .home-flow-steps{grid-template-columns:1fr!important}
  .positioning-card{padding:24px}
}


/* === v9 homepage left-copy no-blur refinement === */
.reference-copy::before{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:linear-gradient(90deg,
    rgba(5,16,28,.80) 0%,
    rgba(5,16,28,.70) 48%,
    rgba(5,16,28,.30) 78%,
    rgba(5,16,28,0) 100%)!important;
}
@media(max-width:650px){
  .reference-copy::before{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}


/* === v10 approved sharp-background homepage hero === */
.reference-hero::before{
  background-image:url("zeoleads-hero-bg-v2.webp")!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:54% center!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.reference-hero::after{
  background:linear-gradient(90deg,
    rgba(5,16,28,.84) 0%,
    rgba(5,16,28,.76) 15%,
    rgba(5,16,28,.54) 27%,
    rgba(5,16,28,.20) 38%,
    rgba(5,16,28,.04) 44%,
    rgba(5,16,28,0) 49%)!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.reference-copy{
  max-width:590px!important;
}
.reference-copy::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  left:-46px!important;
  right:14px!important;
  top:-16px!important;
  bottom:-14px!important;
  border-radius:0 28px 28px 0!important;
  background:linear-gradient(90deg,
    rgba(4,15,26,.62) 0%,
    rgba(4,15,26,.50) 56%,
    rgba(4,15,26,.14) 86%,
    rgba(4,15,26,0) 100%)!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
.reference-title{max-width:9.25ch!important}
.reference-sub{max-width:565px!important}
.home-demo{max-width:520px!important;margin-top:46px!important}
.demo-thread{padding-right:60px!important}
.demo-card-bubble{max-width:calc(100% - 48px)!important}
@media(max-width:1320px){
  .reference-hero::before{background-position:56% center!important}
  .reference-copy{max-width:560px!important}
  .home-demo{max-width:495px!important}
}
@media(max-width:1120px){
  .reference-hero::before{background-position:59% center!important}
  .reference-copy::before{left:-24px!important;right:8px!important}
}
@media(max-width:900px){
  .reference-hero::before{background-position:62% center!important}
  .reference-copy::before{left:-8px!important;right:-2px!important;border-radius:22px!important}
}


/* === v11 premium whole-site system === */
.premium-page-hero,.legal-premium-hero{
  position:relative; isolation:isolate; overflow:hidden; color:#fff; min-height:500px; padding:0!important;
  background:#081a2a!important;
}
.premium-page-hero::before,.legal-premium-hero::before{
  content:""; position:absolute; inset:0; z-index:-2;
  background:url("zeoleads-hero-bg-v2.webp") 56% center/cover no-repeat;
}
.premium-page-hero::after,.legal-premium-hero::after{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(90deg,rgba(5,17,29,.97) 0%,rgba(5,17,29,.92) 18%,rgba(7,20,32,.74) 31%,rgba(7,20,32,.28) 43%,rgba(7,20,32,.05) 54%,rgba(7,20,32,0) 70%);
}
.premium-page-hero-inner{min-height:500px;display:flex;align-items:center;padding:54px 0 50px}
.premium-page-copy{max-width:650px;padding-right:18px}
.premium-page-copy .breadcrumbs{margin-bottom:18px;color:#c2d0db}.premium-page-copy .breadcrumbs a{color:#e6eef4}
.premium-page-copy .eyebrow{margin-bottom:18px}
.premium-page-copy h1,.legal-premium-hero h1{font-size:clamp(3.6rem,5.6vw,5.8rem);line-height:.94;letter-spacing:-.065em;max-width:10.8ch;color:#fff;margin:0}
.premium-page-copy h1::after,.legal-premium-hero h1::after{content:"";display:block;width:210px;max-width:58%;height:11px;margin-top:15px;background:linear-gradient(90deg,#ffd53a,#ffc01d);clip-path:polygon(0 36%,96% 0,100% 54%,4% 100%);transform:rotate(-1.5deg)}
.premium-page-copy .lede,.legal-premium-hero .lede{max-width:620px;margin:28px 0 0;color:#edf4f9;font-size:1.12rem;line-height:1.58}
.premium-page-copy .hero-actions{margin-top:25px}.premium-page-copy .hero-actions .button,.premium-page-copy .hero-actions .button-ghost{min-height:50px;padding-inline:22px;border-radius:13px}
.premium-proof-row{display:flex;gap:10px 14px;flex-wrap:wrap;margin-top:20px}.premium-proof-row span{padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(8,28,43,.38);color:#f1f7fa;font-size:.84rem;font-weight:750}
.legal-premium-hero .container{position:relative;z-index:2;padding-top:68px;padding-bottom:64px}.legal-premium-hero .breadcrumbs{color:#c2d0db}.legal-premium-hero .breadcrumbs a{color:#e6eef4}

.premium-section{padding:72px 0;background:#fff;color:#102037}.premium-section.alt{background:linear-gradient(180deg,#f7fafc,#f1f6fa)}
.premium-section h2{font-size:clamp(2.7rem,4.2vw,4.35rem);line-height:.96;letter-spacing:-.055em;color:#102037;margin:8px 0 0;max-width:11.5ch}.premium-section h3{color:#102037}.premium-section p{color:#637589}
.section-lede{font-size:1.06rem;line-height:1.7;max-width:700px}
.premium-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:44px;align-items:center;margin-bottom:34px}
.premium-note-card,.premium-paragraph-card{padding:22px 24px;border-radius:22px;background:linear-gradient(180deg,#fff,#f6fafc);border:1px solid #dfe8f0;box-shadow:0 18px 45px rgba(22,49,74,.07)}
.premium-note-card{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start}.premium-note-card.tall{align-self:stretch}
.note-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#54e18a,#86efad);color:#0b2e1b;font-weight:900;font-size:1.1rem}.premium-note-card strong{display:block;color:#102037;font-size:1.05rem;margin:2px 0 6px}.premium-note-card p{margin:0;line-height:1.62}.premium-note-card a{display:inline-block;margin-top:12px;color:#16834a;font-weight:850}
.premium-card-grid{display:grid;gap:18px}.premium-card-grid.three{grid-template-columns:repeat(3,1fr)}
.premium-card{position:relative;padding:25px 26px;border-radius:24px;background:#fff;border:1px solid #dde7ef;box-shadow:0 18px 42px rgba(21,49,76,.065);overflow:hidden}.premium-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#55e18a,#9bf3b9);opacity:.9}.premium-card h3{font-size:1.34rem;margin:9px 0 7px}.premium-card p{margin:0;line-height:1.63}.premium-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#e9fbef,#d8f8e4);color:#167843;font-weight:900;font-size:1.06rem}
.premium-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:46px;align-items:center}
.premium-visual-card{border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#0d2338,#0a1a2b);border:1px solid rgba(15,54,79,.22);box-shadow:0 24px 60px rgba(21,45,69,.14)}.premium-visual-card img{display:block;width:100%;max-height:330px;object-fit:cover;object-position:center top;background:#eef5fa}.premium-visual-card.large img{max-height:390px}.visual-card-copy{padding:22px 24px;color:#fff}.visual-card-copy strong{display:block;font-size:1.25rem;margin-bottom:6px}.visual-card-copy span{display:block;color:#cad9e5;line-height:1.55}
.premium-proof-list{display:grid;gap:10px;margin:22px 0 24px}.premium-proof-list span{position:relative;padding-left:29px;color:#29445c;font-weight:700}.premium-proof-list span:before{content:"✓";position:absolute;left:0;top:-1px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#59e28c;color:#0a2d19;font-size:.72rem;font-weight:950}.premium-proof-list.boxed{padding:20px 22px;border-radius:22px;background:#fff;border:1px solid #dde7ef;box-shadow:0 18px 42px rgba(21,49,76,.06);margin-top:18px}
.premium-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:22px}.premium-data-grid>div{padding:15px 16px;border-radius:16px;background:#fff;border:1px solid #dfe8ef}.premium-data-grid small{display:block;color:#73869a;margin-bottom:4px}.premium-data-grid strong{color:#102037}
.premium-steps{display:grid;grid-template-columns:1fr 1fr;gap:14px}.premium-step{display:grid;grid-template-columns:58px 1fr;gap:16px;padding:20px 22px;border-radius:22px;background:#fff;border:1px solid #dde7ef;box-shadow:0 14px 34px rgba(21,49,76,.055)}.premium-step>span{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#56e48a,#91f0b2);color:#092b19;font-weight:950}.premium-step h3{margin:3px 0 5px;font-size:1.13rem}.premium-step p{margin:0;line-height:1.55}

.premium-accordion{gap:14px}.premium-accordion details{position:relative;padding:0!important;border:1px solid #dce6ef!important;border-radius:20px!important;background:#fff!important;box-shadow:0 12px 30px rgba(19,48,75,.045);overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.premium-accordion details:hover{border-color:#c8d9e5!important;box-shadow:0 18px 38px rgba(19,48,75,.08);transform:translateY(-1px)}.premium-accordion details[open]{border-color:rgba(73,209,125,.35)!important;box-shadow:0 20px 44px rgba(32,123,74,.09)}
.premium-accordion summary{position:relative;display:flex;align-items:center;min-height:66px;padding:19px 62px 19px 22px!important;list-style:none;color:#102037!important;font-size:1rem;font-weight:850;cursor:pointer}.premium-accordion summary::-webkit-details-marker{display:none}.premium-accordion summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eff6f2;color:#178149;font-size:1.35rem;font-weight:500;transition:transform .18s ease,background .18s ease}.premium-accordion details[open] summary::after{content:"−";background:#54e18a;color:#092c18;transform:translateY(-50%) rotate(180deg)}.premium-accordion details p{margin:0!important;padding:0 62px 22px 22px;color:#607488!important;line-height:1.7}

.premium-pricing{gap:20px}.premium-pricing .price-card{position:relative;padding:28px;border-radius:26px;box-shadow:0 20px 48px rgba(22,49,74,.07)}.premium-pricing .price-card.featured{transform:translateY(-8px);border-color:rgba(73,209,125,.42)!important;box-shadow:0 25px 56px rgba(36,130,78,.13)}.plan-ribbon{position:absolute;right:22px;top:20px;padding:7px 10px;border-radius:999px;background:#54e18a;color:#082a18;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.plan-allowance{margin:4px 0 8px;padding:10px 12px;border-radius:12px;background:#eef8f2;color:#1d7043;font-size:.85rem;font-weight:800}.premium-pricing .button,.premium-pricing .button-ghost{margin-top:auto}
.roi-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1fr);gap:24px;align-items:stretch}.roi-controls,.roi-output{padding:26px;border-radius:24px;background:#fff;border:1px solid #dde7ef;box-shadow:0 18px 42px rgba(21,49,76,.06)}.roi-output{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#0d253b,#123a31);color:#fff}.roi-label{color:#bcd0dc;font-weight:750}.roi-value{font-size:clamp(3.4rem,6vw,5.5rem);font-weight:950;letter-spacing:-.065em;margin:9px 0;color:#76eba2}.roi-sub,.roi-plan{color:#d7e4ec;line-height:1.55;margin-top:7px}.money-input{display:flex;align-items:center;border:1px solid #d8e3ed;border-radius:13px;background:#f8fbfd;overflow:hidden}.money-input span{padding-left:14px;color:#597085;font-weight:800}.money-input input{border:0!important;box-shadow:none!important}.plan-table-wrap{overflow:auto;border:1px solid #dce6ef;border-radius:22px;box-shadow:0 16px 38px rgba(21,49,76,.05)}.plan-table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}.plan-table th,.plan-table td{padding:16px 18px;border-bottom:1px solid #e4ebf1;text-align:left}.plan-table th{background:#f4f8fb;color:#536a7d}.plan-table td{color:#2f485d}
.pilot-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.72fr);gap:28px;align-items:start}.pilot-form-shell{padding:30px;border-radius:28px;background:#fff;border:1px solid #dce6ef;box-shadow:0 22px 55px rgba(21,49,76,.08)}.pilot-form-shell h2{font-size:2.7rem;max-width:none;margin-bottom:20px}.premium-form{max-width:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}.pilot-side{position:sticky;top:98px}
.resource-card{display:block;transition:transform .18s ease,box-shadow .18s ease}.resource-card:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(21,49,76,.11)}.card-link{display:inline-block;margin-top:16px;color:#16834a;font-weight:850}
.faq-intro{align-items:stretch}

/* make all old content sections calmer and more premium */
.section,.section-tight{padding-top:64px;padding-bottom:64px}.section-head{gap:34px}.section-head>p{padding:20px 22px;border:1px solid #dfe8ef;border-radius:20px;background:#f8fbfd;box-shadow:0 12px 28px rgba(21,49,76,.045)}
.card{border-radius:22px!important}.cta{border-radius:28px!important;box-shadow:0 24px 60px rgba(10,32,50,.18)}

/* legal + guide pages inherit the homepage visual language */
.legal-premium-hero+ .section,.legal-premium-hero+ .section-tight{padding-top:70px}.legal{padding:30px 34px;border-radius:26px;background:#fff;border:1px solid #dce6ef;box-shadow:0 20px 48px rgba(21,49,76,.07)}

@media(max-width:1000px){
 .premium-intro-grid,.premium-split,.pilot-layout,.roi-grid{grid-template-columns:1fr}.premium-card-grid.three{grid-template-columns:1fr 1fr}.premium-steps{grid-template-columns:1fr}.pilot-side{position:static}.premium-page-hero::before,.legal-premium-hero::before{background-position:65% center}.premium-page-hero::after,.legal-premium-hero::after{background:linear-gradient(90deg,rgba(5,17,29,.96) 0%,rgba(5,17,29,.87) 34%,rgba(7,20,32,.48) 54%,rgba(7,20,32,.08) 72%,transparent 100%)}
}
@media(max-width:700px){
 .premium-section{padding:54px 0}.premium-card-grid.three{grid-template-columns:1fr}.premium-page-hero,.legal-premium-hero{min-height:440px}.premium-page-hero-inner{min-height:440px;padding:42px 0}.premium-page-copy h1,.legal-premium-hero h1{font-size:clamp(3rem,13vw,4.2rem);max-width:11ch}.premium-page-copy .lede,.legal-premium-hero .lede{font-size:1rem}.premium-page-hero::before,.legal-premium-hero::before{background-position:70% center}.premium-page-hero::after,.legal-premium-hero::after{background:linear-gradient(90deg,rgba(5,17,29,.97) 0%,rgba(5,17,29,.93) 52%,rgba(7,20,32,.56) 72%,rgba(7,20,32,.12) 100%)}.premium-intro-grid{gap:22px}.premium-section h2{font-size:clamp(2.35rem,10vw,3.2rem)}.premium-data-grid{grid-template-columns:1fr 1fr}.premium-step{grid-template-columns:50px 1fr;padding:18px}.premium-step>span{width:50px;height:50px}.premium-note-card{grid-template-columns:42px 1fr;padding:18px}.note-icon{width:42px;height:42px}.premium-accordion summary{padding:17px 54px 17px 18px!important}.premium-accordion details p{padding:0 54px 19px 18px}.pilot-form-shell{padding:20px}.legal{padding:24px 20px}.premium-pricing .price-card.featured{transform:none}
}


/* === v12 whole-site polish === */
.nav:not(.home-nav) .nav-inner{height:86px}
.nav:not(.home-nav) .brand{font-size:2.35rem;letter-spacing:-.06em}
.nav-links a[aria-current="page"]:not(.button):not(.button-ghost)::after{display:none!important}
.nav-links a[aria-current="page"]:not(.button):not(.button-ghost){color:#8df0b2!important}

/* Match the homepage hero language across the site: sharp image, dark left-side contrast, no blur. */
.premium-page-hero,.legal-premium-hero{min-height:530px!important}
.premium-page-hero::before,.legal-premium-hero::before{background-image:url("zeoleads-hero-bg-v2.webp")!important;background-position:57% center!important;background-size:cover!important;filter:none!important}
.premium-page-hero::after,.legal-premium-hero::after{background:linear-gradient(90deg,rgba(4,16,28,.98) 0%,rgba(4,16,28,.95) 17%,rgba(5,18,30,.84) 28%,rgba(7,20,32,.48) 39%,rgba(7,20,32,.14) 48%,rgba(7,20,32,0) 57%)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.premium-page-hero-inner{min-height:530px!important;padding:64px 0 58px!important}
.premium-page-copy{max-width:620px!important;padding-right:18px}
.premium-page-copy h1,.legal-premium-hero h1{max-width:10.5ch!important;font-size:clamp(3.85rem,5.7vw,5.95rem)!important}
.premium-page-copy h1::after,.legal-premium-hero h1::after{width:230px!important;height:13px!important;margin-top:16px!important}
.premium-page-copy .lede,.legal-premium-hero .lede{font-size:1.14rem!important;max-width:590px!important}

.page-proof-strip{background:#fff;border-bottom:1px solid #e4ebf1;position:relative;z-index:3}.page-proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.page-proof-item{padding:19px 24px;display:flex;flex-direction:column;gap:4px}.page-proof-item+.page-proof-item{border-left:1px solid #e5ebf1}.page-proof-item span{color:#2f9c5d;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.page-proof-item strong{color:#102037;font-size:1.02rem;letter-spacing:-.02em}

.premium-section{padding:82px 0!important}.premium-section.alt{background:linear-gradient(180deg,#f8fbfd,#eef4f8)!important}.premium-section h2{font-size:clamp(2.85rem,4.4vw,4.6rem)!important;max-width:12.2ch!important}.section-lede{font-size:1.1rem!important;color:#5e7285!important}
.premium-intro-grid{gap:54px!important;margin-bottom:40px!important}
.premium-card{padding:28px 29px!important;border-radius:26px!important;box-shadow:0 20px 48px rgba(20,48,74,.07)!important}.premium-card:hover{transform:translateY(-2px);box-shadow:0 26px 58px rgba(20,48,74,.1)!important}

.premium-fit-card{position:relative;padding:26px 27px;border-radius:26px;background:linear-gradient(145deg,#0d253a,#12392f);color:#fff;box-shadow:0 24px 58px rgba(11,37,56,.18);overflow:hidden}.premium-fit-card:after{content:"";position:absolute;width:180px;height:180px;right:-70px;top:-70px;border-radius:50%;background:radial-gradient(circle,rgba(87,229,139,.25),rgba(87,229,139,0) 68%)}.fit-card-top{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:center;position:relative;z-index:1}.fit-eyebrow{display:block;color:#80eda8;font-size:.77rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.premium-fit-card strong{font-size:1.23rem;letter-spacing:-.025em}.premium-fit-card p{color:#d4e1e9!important;line-height:1.62;margin:17px 0 18px;position:relative;z-index:1}.fit-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:1}.fit-mini-grid>div{padding:13px 14px;border-radius:15px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09)}.fit-mini-grid small{display:block;color:#9fb4c4;margin-bottom:4px}.fit-mini-grid strong{font-size:.93rem;color:#fff}

.faq-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;margin:0 0 14px;border-radius:18px;background:#f4f8fb;border:1px solid #dce6ef}.faq-toolbar strong{display:block;color:#102037}.faq-toolbar span{display:block;color:#6b7e90;font-size:.87rem;margin-top:3px}.faq-collapse{border:1px solid #d2dfe9;background:#fff;color:#16334b;border-radius:12px;padding:10px 13px;font-weight:800;cursor:pointer}.faq-collapse:hover{border-color:#bcd0de;background:#fdfefe}
.premium-accordion details{border-radius:22px!important;box-shadow:0 14px 34px rgba(19,48,75,.05)!important}.premium-accordion summary{min-height:72px!important;padding:21px 68px 21px 24px!important;font-size:1.03rem!important}.premium-accordion summary::marker{content:""}.premium-accordion summary::after{width:36px!important;height:36px!important;right:22px!important;background:linear-gradient(135deg,#eef9f2,#e1f6e9)!important;box-shadow:inset 0 0 0 1px #d2eadc}.premium-accordion details[open] summary{background:linear-gradient(180deg,#fbfefd,#f3fbf6)}.premium-accordion details[open] summary::after{background:linear-gradient(135deg,#56e48a,#78eba3)!important}.premium-accordion details p{padding:0 68px 24px 24px!important;font-size:.98rem!important}

.premium-visual-card{border-radius:30px!important;background:#0b2034!important}.premium-visual-card img{height:320px!important;max-height:none!important;object-fit:cover!important;object-position:58% center!important}.premium-visual-card.large img{height:370px!important}.visual-card-copy{padding:24px 26px!important}.visual-card-copy strong{font-size:1.32rem!important}
.premium-scene-card{border-radius:30px;overflow:hidden;background:#0d2338;border:1px solid rgba(15,54,79,.22);box-shadow:0 26px 62px rgba(21,45,69,.14)}.premium-scene-card img{display:block;width:100%;height:360px;object-fit:cover;object-position:58% center}.premium-scene-card>div{padding:23px 25px;color:#fff}.premium-scene-card strong{display:block;font-size:1.28rem;margin-bottom:6px}.premium-scene-card span{color:#ccdae5;line-height:1.55}
.premium-metric-card{padding:27px 28px;border-radius:26px;background:linear-gradient(145deg,#0d253a,#12382f);box-shadow:0 24px 56px rgba(13,43,63,.16);color:#fff}.premium-metric-card>span{display:block;color:#79eaa3;font-size:.77rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.premium-metric-card strong{display:block;font-size:1.7rem;line-height:1.15;letter-spacing:-.035em;margin:10px 0}.premium-metric-card p{margin:0;color:#d1dfe8!important;line-height:1.6}

.section-head>p{background:linear-gradient(180deg,#fff,#f6fafd)!important;border-radius:22px!important;box-shadow:0 16px 36px rgba(21,49,76,.055)!important}
.cta{padding:34px 36px!important;border-radius:30px!important}

@media(max-width:1000px){.page-proof-grid{grid-template-columns:1fr 1fr}.page-proof-item:nth-child(3){border-left:0;border-top:1px solid #e5ebf1}.page-proof-item:nth-child(4){border-top:1px solid #e5ebf1}.premium-page-hero::before,.legal-premium-hero::before{background-position:66% center!important}.premium-page-hero::after,.legal-premium-hero::after{background:linear-gradient(90deg,rgba(4,16,28,.98) 0%,rgba(4,16,28,.93) 39%,rgba(6,20,32,.58) 58%,rgba(6,20,32,.12) 78%,transparent 100%)!important}.premium-page-copy{max-width:590px!important}.faq-toolbar{align-items:flex-start}}
@media(max-width:700px){.page-proof-grid{grid-template-columns:1fr}.page-proof-item+.page-proof-item{border-left:0;border-top:1px solid #e5ebf1}.premium-page-hero,.legal-premium-hero{min-height:470px!important}.premium-page-hero-inner{min-height:470px!important;padding:50px 0!important}.premium-page-hero::before,.legal-premium-hero::before{background-position:70% center!important}.premium-page-hero::after,.legal-premium-hero::after{background:linear-gradient(90deg,rgba(4,16,28,.98) 0%,rgba(4,16,28,.95) 54%,rgba(6,20,32,.60) 78%,rgba(6,20,32,.18) 100%)!important}.premium-page-copy h1,.legal-premium-hero h1{font-size:clamp(3rem,13vw,4.25rem)!important}.fit-mini-grid{grid-template-columns:1fr}.faq-toolbar{display:grid}.faq-collapse{justify-self:start}.premium-section{padding:60px 0!important}.premium-scene-card img{height:280px}.premium-visual-card img,.premium-visual-card.large img{height:280px!important}}

/* === Uploaded hero-image + transparent-nav pass === */
/* The supplied page artwork is rendered directly on each hero section (not on a negative-z pseudo-element),
   so local file previews and production hosting both show the image reliably. */
.premium-page-hero.hero-image-page{
  background-color:#081a2a!important;
}
.premium-page-hero.hero-image-page::before,
.premium-page-hero.hero-image-page::after{display:none!important}

/* Auth pages use the supplied page image as their full first-screen backdrop. */
.auth-shell.hero-image-page{
  min-height:100vh;
  background-color:#081a2a!important;
}
.auth-shell.hero-image-page .auth-side{background:rgba(7,20,34,.72)!important;backdrop-filter:none!important}
.auth-shell.hero-image-page .auth-form-card{background:rgba(8,24,39,.93)!important}
.auth-shell.hero-image-page .auth-illustration{display:none!important}

/* Dashboard artwork remains visible behind the existing members-area UI. */
.portal-shell.hero-image-page{
  background-color:#eef4fa!important;
}

/* Transparent navigation over every hero; turns solid once the hero has been passed. */
body.hero-nav-overlay .nav{
  position:fixed!important;
  top:0;left:0;right:0;
  z-index:1000!important;
  background:rgba(6,22,37,.14)!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:background .25s ease,border-color .25s ease,box-shadow .25s ease!important;
}
body.hero-nav-overlay .nav.nav-scrolled{
  background:rgba(6,22,37,.985)!important;
  border-bottom-color:rgba(255,255,255,.10)!important;
  box-shadow:0 10px 30px rgba(2,11,20,.22)!important;
}
/* Keep hero content below the overlaid navigation while the artwork continues behind it. */
body.hero-nav-overlay .reference-hero{padding-top:100px!important}
body.hero-nav-overlay .premium-page-hero.hero-image-page{padding-top:86px!important}
body.hero-nav-overlay .auth-shell.hero-image-page{padding-top:126px!important}
body.hero-nav-overlay .portal-shell.hero-image-page{padding-top:110px!important}

@media(max-width:900px){
  body.hero-nav-overlay .nav{background:rgba(6,22,37,.34)!important}
  body.hero-nav-overlay .nav.nav-scrolled{background:rgba(6,22,37,.985)!important}
  body.hero-nav-overlay .reference-hero{padding-top:70px!important}
  body.hero-nav-overlay .premium-page-hero.hero-image-page{padding-top:70px!important}
  body.hero-nav-overlay .auth-shell.hero-image-page{padding-top:94px!important}
  body.hero-nav-overlay .portal-shell.hero-image-page{padding-top:94px!important}
}


/* === v12.1 request pass: supplied hero art, full-screen interiors, readability, auth polish === */
.reference-hero{--reference-hero-image:url('characters/tech-hero-reference.png')}
.reference-hero:before{background:var(--reference-hero-image) center center/cover no-repeat,linear-gradient(90deg,#0a1724 0%,#0f2536 48%,#183931 100%)!important}
.reference-hero:after{background:linear-gradient(90deg,rgba(4,14,24,.84) 0%,rgba(5,16,27,.80) 18%,rgba(9,24,38,.66) 34%,rgba(10,27,41,.38) 51%,rgba(10,27,41,.16) 65%,rgba(10,27,41,.07) 100%)!important}
.reference-hero-inner{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important;min-height:600px!important;gap:34px!important}
.reference-copy{max-width:860px!important;padding-right:18px!important}
.reference-title{max-width:12.5ch!important;font-size:clamp(4.35rem,6vw,6.5rem)!important;line-height:.94!important}
.reference-title .highlight-line{display:block;margin-top:.22em;width:max-content;max-width:100%}
.reference-title .highlight-line:after{left:0!important;right:0!important;bottom:-14px!important;height:16px!important}
.reference-sub{max-width:650px!important}
.reference-tech{display:none!important}
.home-demo{max-width:610px!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 40px 100px rgba(0,0,0,.36),0 12px 28px rgba(11,30,48,.22)!important}
.home-demo-head{background:linear-gradient(180deg,#12314d,#0c2237)!important}
.home-demo-head strong{letter-spacing:-.02em}
.home-demo-head strong::after{content:' · Premium walkthrough';font-size:.83rem;color:#b9cbdb;font-weight:650}
.home-demo-body{background:linear-gradient(180deg,#ffffff 0%,#f4f8fb 100%)!important}
.home-demo-body:before{content:'';position:absolute;inset:16px;border-radius:20px;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(16,35,56,.06)}
.home-demo-footer{background:linear-gradient(180deg,#11273d,#0d2134)!important}
.home-demo-footer a{background:linear-gradient(135deg,#54e18a,#86efad)!important;color:#072817!important;box-shadow:0 16px 34px rgba(84,225,138,.24)!important}

.premium-page-hero.hero-image-page,.auth-shell.hero-image-page{min-height:100svh!important}
.premium-page-hero.hero-image-page .premium-page-hero-inner{min-height:calc(100svh - 86px)!important;align-items:center!important;padding:86px 0 60px!important}
.auth-shell.hero-image-page .auth-layout{min-height:calc(100svh - 86px)!important;padding:86px 0 56px!important;align-items:center!important}
.portal-shell.hero-image-page{min-height:100svh!important;background-size:cover,cover!important;background-position:center top,center top!important}
.portal-shell.hero-image-page .portal-wrap{min-height:calc(100svh - 120px)!important;padding-top:110px!important;padding-bottom:40px!important}

.premium-page-hero.hero-image-page .premium-page-copy,.auth-side{max-width:700px!important}
.premium-page-hero.hero-image-page .premium-page-copy .lede{max-width:640px!important;color:#eef5fa!important}
.auth-shell.hero-image-page .auth-side{background:rgba(7,20,34,.44)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:30px!important;padding:30px 32px!important;backdrop-filter:blur(2px)!important}
.auth-shell.hero-image-page .auth-side .lede,.auth-shell.hero-image-page .auth-side .eyebrow,.auth-shell.hero-image-page .auth-side .brand{color:#fff!important}
.auth-shell.hero-image-page .auth-form-card{background:rgba(255,255,255,.97)!important;color:#102133!important;border:1px solid rgba(209,223,234,.92)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
.auth-form-card h2,.auth-form-card .form-intro,.auth-form-card .field span,.auth-form-card .form-note{color:#102133!important}
.auth-form-card .field input{background:#fff!important;border:1px solid #d5e2ed!important;color:#102133!important}
.auth-form-card .consent span{color:#41576c!important}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;padding:6px;border-radius:16px;background:#eef4fa}
.auth-tab{border:0;background:transparent;color:#587086;font-weight:850;padding:12px 14px;border-radius:12px;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.auth-tab.is-active{background:#fff;color:#102133;box-shadow:0 8px 22px rgba(16,35,56,.08)}
.auth-pane[hidden]{display:none!important}
.auth-pane .button{box-shadow:0 16px 34px rgba(84,225,138,.22)}
.nav-dashboard-link,.button.green,.portal-top .button{background:linear-gradient(135deg,#54e18a,#7aefaa)!important;color:#082b18!important;box-shadow:0 14px 34px rgba(84,225,138,.26)!important}

.legal-premium-hero{min-height:auto!important;background:linear-gradient(135deg,#0c2034,#133347)!important;color:#fff!important;padding:0!important}
.legal-premium-hero::before,.legal-premium-hero::after{display:none!important}
.legal-premium-hero .container{padding-top:54px!important;padding-bottom:54px!important}
.legal-premium-hero h1,.legal-premium-hero .lede,.legal-premium-hero p,.legal-premium-hero .breadcrumbs,.legal-premium-hero .breadcrumbs a{color:#fff!important}
.legal-premium-hero h1::after{background:linear-gradient(90deg,#ffd53a,#ffc01d)!important}

@media(max-width:1080px){
  .reference-hero-inner{grid-template-columns:1fr!important;min-height:auto!important}
  .reference-copy{max-width:none!important}
  .home-demo{max-width:none!important;margin-top:8px!important}
}
@media(max-width:900px){
  .premium-page-hero.hero-image-page .premium-page-hero-inner,.auth-shell.hero-image-page .auth-layout{min-height:calc(100svh - 70px)!important;padding-top:74px!important}
  .portal-shell.hero-image-page .portal-wrap{padding-top:94px!important}
}
@media(max-width:700px){
  .reference-title{font-size:clamp(3.35rem,12vw,4.6rem)!important;max-width:13ch!important}
  .home-demo-head strong::after{display:none}
  .premium-page-hero.hero-image-page,.auth-shell.hero-image-page{min-height:auto!important}
  .premium-page-hero.hero-image-page .premium-page-hero-inner,.auth-shell.hero-image-page .auth-layout{min-height:auto!important;padding-top:74px!important;padding-bottom:38px!important}
  .auth-shell.hero-image-page .auth-side{padding:22px!important}
  .auth-tabs{gap:8px}
  .auth-tab{padding:10px 12px;font-size:.95rem}
}


/* === v13 premium + CRO pass === */
html,body{max-width:100%;overflow-x:clip}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%}
.nav .brand{font-size:2.42rem!important;letter-spacing:-.064em!important}
.nav-links .button,.nav-auth-link,.nav-dashboard-link{font-weight:850!important}
.button,.button-ghost{position:relative;isolation:isolate;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease!important}
.button:hover,.button-ghost:hover{transform:translateY(-2px)}
.button:active,.button-ghost:active{transform:translateY(0)}
.button{background:linear-gradient(135deg,#54e18a 0%,#78eda7 100%)!important;color:#062918!important;box-shadow:0 14px 34px rgba(84,225,138,.24)!important}
.button:hover{box-shadow:0 18px 42px rgba(84,225,138,.32)!important}
.button-ghost{border-color:rgba(255,255,255,.28)!important;background:rgba(5,22,36,.22)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

/* Homepage: wider headline, clean final highlighted line, premium demo. */
.reference-hero:before{background:var(--reference-hero-image) center center/cover no-repeat!important;transform:none!important}
.reference-hero:after{background:linear-gradient(90deg,rgba(5,16,28,.84) 0%,rgba(5,16,28,.77) 20%,rgba(7,22,36,.60) 36%,rgba(7,22,36,.34) 50%,rgba(7,22,36,.13) 67%,rgba(7,22,36,.04) 100%)!important}
.reference-hero-inner{grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr)!important;min-height:640px!important;gap:40px!important}
.reference-copy{max-width:900px!important;padding-right:16px!important}
.reference-title{max-width:13.4ch!important;font-size:clamp(4.45rem,5.85vw,6.45rem)!important;line-height:.94!important;text-shadow:0 3px 26px rgba(0,0,0,.28)}
.reference-title .highlight-line{display:block;width:max-content;max-width:100%;margin-top:.22em}
.reference-sub{text-shadow:0 2px 14px rgba(0,0,0,.38);max-width:680px!important}
.reference-proof span{text-shadow:0 1px 10px rgba(0,0,0,.28)}
.home-demo{max-width:620px!important;border-radius:26px!important;border:1px solid rgba(255,255,255,.34)!important;box-shadow:0 44px 110px rgba(0,0,0,.38),0 12px 30px rgba(7,28,47,.2)!important;transform:translateZ(0)}
.home-demo-head{height:66px!important;background:linear-gradient(180deg,#12314d,#0c2238)!important}
.home-demo-head strong{font-size:1.12rem!important}
.home-demo-step{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10)}
.home-demo-body{min-height:410px!important;background:linear-gradient(180deg,#fff,#f4f8fb)!important}
.demo-card-bubble{box-shadow:0 7px 18px rgba(17,40,63,.06),inset 0 0 0 1px #e2e7ed!important}
.demo-row.customer .demo-card-bubble{box-shadow:0 9px 22px rgba(84,225,138,.18)!important}
.home-demo-footer{background:linear-gradient(180deg,#11283f,#0d2034)!important;padding:14px 16px!important}
.home-demo-footer a{background:linear-gradient(135deg,#54e18a,#86efad)!important;color:#082a18!important;box-shadow:0 13px 28px rgba(84,225,138,.22)!important}

/* Direct, reliable, bright hero backgrounds. The artwork itself contains the dark copy-safe left side. */
.premium-page-hero.hero-image-page{
  min-height:100svh!important;
  background-image:
    linear-gradient(90deg,rgba(5,18,31,.50) 0%,rgba(5,18,31,.42) 23%,rgba(6,20,33,.22) 46%,rgba(6,20,33,.07) 66%,rgba(6,20,33,0) 100%),
    var(--hero-image)!important;
  background-size:cover,cover!important;
  background-position:center center,62% center!important;
  background-repeat:no-repeat,no-repeat!important;
}
.premium-page-hero.hero-image-page::before,.premium-page-hero.hero-image-page::after{display:none!important}
.premium-page-hero.hero-image-page .premium-page-hero-inner{min-height:100svh!important;padding:118px 0 70px!important;display:flex!important;align-items:center!important}
.premium-page-hero.hero-image-page .premium-page-copy{max-width:690px!important}
.premium-page-hero.hero-image-page .premium-page-copy h1{max-width:11.6ch!important;text-shadow:0 4px 28px rgba(0,0,0,.42)}
.premium-page-hero.hero-image-page .premium-page-copy .lede{color:#f4f8fb!important;max-width:640px!important;text-shadow:0 2px 16px rgba(0,0,0,.52)}
.premium-page-hero.hero-image-page .breadcrumbs,.premium-page-hero.hero-image-page .breadcrumbs a{color:#f1f6fa!important;text-shadow:0 1px 12px rgba(0,0,0,.48)}
.premium-page-hero.hero-image-page .eyebrow{background:rgba(6,35,29,.54)!important;border-color:rgba(96,235,148,.46)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.premium-proof-row span{background:rgba(5,25,39,.48)!important;border-color:rgba(255,255,255,.22)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.conversion-microcopy{margin-top:16px;color:#eef6fb;font-size:.84rem;font-weight:750;letter-spacing:.01em;text-shadow:0 1px 10px rgba(0,0,0,.45)}

/* Auth hero uses the supplied login art directly and keeps the form crisp. */
.auth-shell.hero-image-page{
  min-height:100svh!important;
  background-image:
    linear-gradient(90deg,rgba(5,18,31,.48) 0%,rgba(5,18,31,.38) 27%,rgba(6,20,33,.16) 53%,rgba(6,20,33,.03) 78%,rgba(6,20,33,0) 100%),
    var(--hero-image)!important;
  background-size:cover,cover!important;
  background-position:center center,61% center!important;
  background-repeat:no-repeat,no-repeat!important;
}
.auth-shell.hero-image-page .auth-layout{min-height:100svh!important;padding:122px 0 70px!important;align-items:center!important}
.auth-shell.hero-image-page .auth-side{background:linear-gradient(180deg,rgba(5,24,38,.50),rgba(5,24,38,.34))!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:30px!important;padding:30px 32px!important;box-shadow:0 30px 70px rgba(2,12,22,.16)!important}
.auth-shell.hero-image-page .auth-side h1,.auth-shell.hero-image-page .auth-side .lede{text-shadow:0 3px 22px rgba(0,0,0,.38)}
.auth-shell.hero-image-page .auth-form-card{background:rgba(255,255,255,.975)!important;color:#102133!important;border:1px solid rgba(210,223,234,.96)!important;box-shadow:0 35px 95px rgba(3,15,26,.30)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
.auth-form-card h2{color:#102133!important}
.auth-form-card .form-intro,.auth-form-card .form-note{color:#536b80!important}
.auth-form-card .field span{color:#29465f!important}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 21px;padding:6px;border-radius:16px;background:#eef4f8;border:1px solid #e1eaf1}
.auth-tab{appearance:none;border:0;background:transparent;color:#60788d;font-weight:850;padding:12px 14px;border-radius:11px;cursor:pointer}
.auth-tab.is-active{background:#fff;color:#102133;box-shadow:0 7px 20px rgba(16,35,56,.09)}
.auth-pane[hidden]{display:none!important}
.password-control{position:relative}.password-control input{padding-right:72px!important}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:#edf4f8;color:#31516d;border-radius:9px;padding:7px 9px;font-size:.78rem;font-weight:850;cursor:pointer}.password-toggle:hover{background:#e3edf4}
.auth-status{display:none;margin-top:14px;padding:12px 14px;border-radius:12px;font-size:.88rem;font-weight:700}.auth-status.ok,.auth-status.err{display:block}.auth-status.ok{background:#e9f9ef;color:#175f38;border:1px solid #c9eed8}.auth-status.err{background:#fff0f0;color:#9a3131;border:1px solid #f3cccc}

/* Dashboard image remains atmospheric rather than competing with UI. */
.portal-shell.hero-image-page{
  min-height:100svh!important;
  background-image:linear-gradient(180deg,rgba(238,245,250,.46) 0%,rgba(238,245,250,.80) 440px,rgba(238,244,250,.98) 860px),var(--hero-image)!important;
  background-size:cover,cover!important;
  background-position:center top,center top!important;
  background-repeat:no-repeat,no-repeat!important;
}
.portal-shell.hero-image-page .portal-wrap{min-height:100svh!important;padding-top:122px!important;padding-bottom:48px!important}
.portal-top,.portal-kpi,.portal-panel{box-shadow:0 18px 44px rgba(25,55,83,.07)!important}
.portal-logout{background:#fff!important;color:#19364f!important;border-color:#d4e1ec!important;backdrop-filter:none!important}

/* About/trust: premium brand-first hero without recycling a cartoon. */
.plain-brand-hero{min-height:100svh!important;background:
  radial-gradient(circle at 78% 24%,rgba(84,225,138,.18),transparent 24%),
  radial-gradient(circle at 85% 70%,rgba(119,167,255,.16),transparent 28%),
  linear-gradient(135deg,#071625 0%,#0b2238 48%,#123a31 100%)!important;color:#fff!important}
.plain-brand-hero::before,.plain-brand-hero::after{display:none!important}
.plain-brand-hero .premium-page-hero-inner{min-height:100svh!important;padding:118px 0 70px!important;display:flex;align-items:center}
.plain-brand-hero .premium-page-copy h1{color:#fff!important;text-shadow:0 4px 26px rgba(0,0,0,.28)}
.plain-brand-hero .premium-page-copy .lede{color:#eaf2f7!important}

/* Legal/policy pages: no cartoon background; maximum text readability. */
.policy-page main{background:#fff}
.policy-plain-hero,.legal-premium-hero.policy-plain-hero{min-height:auto!important;background:linear-gradient(135deg,#0a2034 0%,#0d2a3f 55%,#12382f 100%)!important;color:#fff!important}
.policy-plain-hero::before,.policy-plain-hero::after{display:none!important}
.policy-plain-hero .container{padding-top:72px!important;padding-bottom:72px!important}
.policy-plain-hero h1{color:#fff!important;text-shadow:0 3px 20px rgba(0,0,0,.24);font-size:clamp(3rem,5vw,5rem)!important;max-width:none!important}
.policy-plain-hero .lede,.policy-plain-hero p,.policy-plain-hero li{color:#eef4f8!important}
.policy-plain-hero h2,.policy-plain-hero h3{color:#fff!important}
.policy-plain-hero a{color:#9bf4ba!important}
.policy-plain-hero .notice{background:rgba(255,255,255,.07)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}

/* Premium demo tool on the dedicated demo page. */
.demo-shell{border:1px solid rgba(255,255,255,.14)!important;border-radius:32px!important;background:linear-gradient(180deg,#0d2138 0%,#081827 100%)!important;box-shadow:0 38px 100px rgba(5,23,38,.22)!important}
.demo-toolbar{padding:30px 32px 25px!important;background:radial-gradient(circle at 92% 0%,rgba(84,225,138,.10),transparent 30%)}
.demo-toolbar h2{color:#fff!important}
.demo-progress{background:rgba(255,255,255,.08)!important}
.demo-progress-item{background:#0a1c2e!important;color:#9eb1c3!important}.demo-progress-item:hover{background:#102943!important}.demo-progress-item.active{background:linear-gradient(180deg,rgba(84,225,138,.18),rgba(84,225,138,.10))!important;color:#effff5!important}.demo-progress-item.active span{box-shadow:0 0 0 5px rgba(84,225,138,.12)}
.demo-stage{padding:24px!important;background:radial-gradient(circle at 22% 10%,rgba(84,225,138,.07),transparent 32%),linear-gradient(180deg,#0b1d31,#091827)!important}
.demo-panel{background:linear-gradient(180deg,rgba(7,22,37,.94),rgba(5,17,29,.90))!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 20px 46px rgba(0,0,0,.16)}
.demo-caption{background:linear-gradient(180deg,rgba(6,20,34,.84),rgba(5,17,29,.96))!important;padding:25px 32px 30px!important}
.demo-caption h3{color:#fff!important}.demo-caption p{color:#b9c9d7!important}

/* CRO-focused card polish and readable body copy. */
.premium-card,.card,.premium-note-card,.premium-paragraph-card,.price-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.premium-card:hover,.card:hover,.premium-note-card:hover,.price-card:hover{transform:translateY(-3px);box-shadow:0 28px 65px rgba(21,49,76,.10)!important;border-color:#cbdce8!important}
.premium-section p,.section p,.section-tight p{line-height:1.68}
.section-lede,.premium-section .section-lede{max-width:760px!important}

/* Mobile conversion bar */
.mobile-conversion-bar{display:none}
@media(max-width:760px){
  body.marketing-page{padding-bottom:86px}
  .mobile-conversion-bar{position:fixed;left:10px;right:10px;bottom:10px;z-index:1500;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 11px 11px 14px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(7,22,37,.94);box-shadow:0 22px 55px rgba(0,0,0,.30);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .mobile-conversion-bar strong{display:block;color:#fff;font-size:.88rem;line-height:1.15}.mobile-conversion-bar span{display:block;color:#aebfce;font-size:.68rem;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-conversion-bar .button{min-height:44px;padding:0 13px;border-radius:12px;font-size:.78rem;white-space:nowrap}
  .nav .brand{font-size:1.78rem!important}
  .reference-hero-inner{grid-template-columns:1fr!important;min-height:auto!important;padding-bottom:24px!important}
  .reference-copy{padding:66px 0 8px!important}
  .reference-title{font-size:clamp(3.25rem,13vw,4.45rem)!important;max-width:13ch!important}
  .reference-title .highlight-line{margin-top:.18em}
  .home-demo{margin:12px 0 24px!important;border-radius:22px!important}
  .premium-page-hero.hero-image-page{min-height:100svh!important;background-image:linear-gradient(180deg,rgba(5,18,31,.42) 0%,rgba(5,18,31,.34) 46%,rgba(5,18,31,.23) 100%),var(--hero-image)!important;background-position:center center,69% center!important}
  .premium-page-hero.hero-image-page .premium-page-hero-inner{min-height:100svh!important;padding:88px 0 44px!important;align-items:flex-end!important}
  .premium-page-hero.hero-image-page .premium-page-copy{padding:20px 18px 22px!important;margin:0 -4px!important;border-radius:24px;background:linear-gradient(180deg,rgba(4,17,29,.64),rgba(4,17,29,.78));border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
  .premium-page-hero.hero-image-page .premium-page-copy h1{font-size:clamp(2.75rem,11.8vw,4rem)!important;max-width:12ch!important}
  .premium-page-hero.hero-image-page .premium-page-copy .lede{font-size:1rem!important;margin-top:20px!important}
  .conversion-microcopy{font-size:.74rem;line-height:1.4}
  .auth-shell.hero-image-page{min-height:100svh!important;background-position:center center,68% center!important}
  .auth-shell.hero-image-page .auth-layout{grid-template-columns:1fr!important;min-height:100svh!important;padding:88px 0 42px!important;gap:16px!important}
  .auth-shell.hero-image-page .auth-side{padding:20px 21px!important}.auth-shell.hero-image-page .auth-side h1{font-size:clamp(2.5rem,10vw,3.5rem)!important}.auth-shell.hero-image-page .auth-side .lede{font-size:.98rem!important;margin:14px 0 0!important}
  .auth-form-card{padding:22px!important;border-radius:24px!important}.auth-tabs{margin-bottom:16px}.password-toggle{right:6px}
  .plain-brand-hero{min-height:100svh!important}.plain-brand-hero .premium-page-hero-inner{min-height:100svh!important;padding:90px 0 48px!important;align-items:flex-end!important}
  .portal-shell.hero-image-page .portal-wrap{padding-top:96px!important}
  .policy-plain-hero .container{padding-top:48px!important;padding-bottom:48px!important}.policy-plain-hero h1{font-size:clamp(2.8rem,12vw,4rem)!important}
  .demo-shell{border-radius:24px!important}.demo-toolbar{padding:22px 19px 18px!important}.demo-stage{padding:14px!important}.demo-caption{padding:20px!important}
}
@media(max-width:420px){
  .mobile-conversion-bar{grid-template-columns:1fr}.mobile-conversion-bar>div{display:none}.mobile-conversion-bar .button{width:100%;min-height:46px}
  body.marketing-page{padding-bottom:72px}
}
@media(prefers-reduced-motion:reduce){.premium-card,.card,.premium-note-card,.price-card,.button,.button-ghost{transition:none!important}.premium-card:hover,.card:hover,.premium-note-card:hover,.price-card:hover,.button:hover,.button-ghost:hover{transform:none!important}}


/* === v13 final visual corrections === */
.reference-title .hero-title-line{display:block;white-space:nowrap}
.reference-title .highlight-line{display:block;white-space:nowrap;width:max-content;max-width:100%}
.reference-title{max-width:none!important;width:min(100%,690px)!important;font-size:clamp(4.25rem,5.45vw,5.95rem)!important}
.reference-hero:before{background-position:center center!important}

/* Legal pages use a light reading surface on a premium brand background. */
.policy-plain-hero{padding:40px 0 64px!important;background:linear-gradient(135deg,#091d30 0%,#0d2a3f 55%,#12382f 100%)!important}
.policy-plain-hero .legal{background:#fff!important;color:#102037!important;border:1px solid rgba(210,224,235,.92)!important;border-radius:32px!important;box-shadow:0 32px 90px rgba(2,13,23,.24)!important;padding:58px 62px!important}
.policy-plain-hero .breadcrumbs,.policy-plain-hero .breadcrumbs a{color:#667b8e!important}
.policy-plain-hero .eyebrow{color:#187b48!important;background:#eefaf2!important;border-color:#ccefd8!important}
.policy-plain-hero h1{color:#102037!important;text-shadow:none!important}
.policy-plain-hero h2,.policy-plain-hero h3{color:#173149!important}
.policy-plain-hero p,.policy-plain-hero li,.policy-plain-hero .lede{color:#556b7e!important}
.policy-plain-hero strong{color:#102037!important}
.policy-plain-hero a{color:#147944!important}
.policy-plain-hero .notice{background:#fff8e7!important;color:#74551a!important;border-color:#ecd9a3!important}
@media(max-width:760px){
  .reference-title .hero-title-line,.reference-title .highlight-line{white-space:normal}
  .reference-title{width:100%!important;font-size:clamp(3rem,12.5vw,4.1rem)!important}
  .policy-plain-hero{padding:18px 0 36px!important}
  .policy-plain-hero .legal{padding:34px 22px!important;border-radius:26px!important}
}


/* === v13.1 HERO IMAGE PATH HARDENING ===
   Never route local hero URLs through CSS variables. These direct paths are relative to
   assets/reference.css, so they work both from file:// previews and normal web hosting. */
body.page-home .reference-hero:before{
  background-image:url("heroes/home-reference.webp")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
body.page-how-it-works .premium-page-hero.hero-image-page{
  background-image:linear-gradient(90deg,rgba(5,18,31,.50) 0%,rgba(5,18,31,.42) 23%,rgba(6,20,33,.22) 46%,rgba(6,20,33,.07) 66%,rgba(6,20,33,0) 100%),url("heroes/how-it-works-premium.webp")!important;
}
body.page-hvac .premium-page-hero.hero-image-page{
  background-image:linear-gradient(90deg,rgba(5,18,31,.50) 0%,rgba(5,18,31,.42) 23%,rgba(6,20,33,.22) 46%,rgba(6,20,33,.07) 66%,rgba(6,20,33,0) 100%),url("heroes/hvac-premium.webp")!important;
}
body.page-pricing .premium-page-hero.hero-image-page{
  background-image:linear-gradient(90deg,rgba(5,18,31,.50) 0%,rgba(5,18,31,.42) 23%,rgba(6,20,33,.22) 46%,rgba(6,20,33,.07) 66%,rgba(6,20,33,0) 100%),url("heroes/pricing-premium.webp")!important;
}
body.page-demo .premium-page-hero.hero-image-page{
  background-image:linear-gradient(90deg,rgba(5,18,31,.50) 0%,rgba(5,18,31,.42) 23%,rgba(6,20,33,.22) 46%,rgba(6,20,33,.07) 66%,rgba(6,20,33,0) 100%),url("heroes/demo-premium.webp")!important;
}
body.page-faq .premium-page-hero.hero-image-page{
  background-image:linear-gradient(90deg,rgba(5,18,31,.50) 0%,rgba(5,18,31,.42) 23%,rgba(6,20,33,.22) 46%,rgba(6,20,33,.07) 66%,rgba(6,20,33,0) 100%),url("heroes/faq-premium.webp")!important;
}
body.page-resources .premium-page-hero.hero-image-page{
  background-image:linear-gradient(90deg,rgba(5,18,31,.50) 0%,rgba(5,18,31,.42) 23%,rgba(6,20,33,.22) 46%,rgba(6,20,33,.07) 66%,rgba(6,20,33,0) 100%),url("heroes/resources-premium.webp")!important;
}
body.page-start .premium-page-hero.hero-image-page{
  background-image:linear-gradient(90deg,rgba(5,18,31,.50) 0%,rgba(5,18,31,.42) 23%,rgba(6,20,33,.22) 46%,rgba(6,20,33,.07) 66%,rgba(6,20,33,0) 100%),url("heroes/start-premium.webp")!important;
}
body.page-login .auth-shell.hero-image-page{
  background-image:linear-gradient(90deg,rgba(5,18,31,.48) 0%,rgba(5,18,31,.38) 27%,rgba(6,20,33,.16) 53%,rgba(6,20,33,.03) 78%,rgba(6,20,33,0) 100%),url("heroes/login-premium.webp")!important;
}
body.page-dashboard .portal-shell.hero-image-page{
  background-image:linear-gradient(180deg,rgba(238,245,250,.46) 0%,rgba(238,245,250,.80) 440px,rgba(238,244,250,.98) 860px),url("heroes/dashboard-premium.webp")!important;
}

/* Preserve the brighter mobile art treatment without reverting to variable-based URLs. */
@media(max-width:760px){
  body.page-how-it-works .premium-page-hero.hero-image-page{background-image:linear-gradient(180deg,rgba(5,18,31,.42) 0%,rgba(5,18,31,.34) 46%,rgba(5,18,31,.23) 100%),url("heroes/how-it-works-premium.webp")!important}
  body.page-hvac .premium-page-hero.hero-image-page{background-image:linear-gradient(180deg,rgba(5,18,31,.42) 0%,rgba(5,18,31,.34) 46%,rgba(5,18,31,.23) 100%),url("heroes/hvac-premium.webp")!important}
  body.page-pricing .premium-page-hero.hero-image-page{background-image:linear-gradient(180deg,rgba(5,18,31,.42) 0%,rgba(5,18,31,.34) 46%,rgba(5,18,31,.23) 100%),url("heroes/pricing-premium.webp")!important}
  body.page-demo .premium-page-hero.hero-image-page{background-image:linear-gradient(180deg,rgba(5,18,31,.42) 0%,rgba(5,18,31,.34) 46%,rgba(5,18,31,.23) 100%),url("heroes/demo-premium.webp")!important}
  body.page-faq .premium-page-hero.hero-image-page{background-image:linear-gradient(180deg,rgba(5,18,31,.42) 0%,rgba(5,18,31,.34) 46%,rgba(5,18,31,.23) 100%),url("heroes/faq-premium.webp")!important}
  body.page-resources .premium-page-hero.hero-image-page{background-image:linear-gradient(180deg,rgba(5,18,31,.42) 0%,rgba(5,18,31,.34) 46%,rgba(5,18,31,.23) 100%),url("heroes/resources-premium.webp")!important}
  body.page-start .premium-page-hero.hero-image-page{background-image:linear-gradient(180deg,rgba(5,18,31,.42) 0%,rgba(5,18,31,.34) 46%,rgba(5,18,31,.23) 100%),url("heroes/start-premium.webp")!important}
  body.page-login .auth-shell.hero-image-page{background-image:linear-gradient(180deg,rgba(5,18,31,.38),rgba(5,18,31,.18)),url("heroes/login-premium.webp")!important}
}


/* === v13.2 account-flow, FAQ, alignment and hero-fit pass === */
:root{--zl-content-rail:1540px;--zl-desktop-gutter:40px}
.container,.home-nav .container,.reference-hero-inner.container,.premium-page-hero-inner.container,.auth-layout.container,.register-layout.container{
  width:min(calc(100% - var(--zl-desktop-gutter)),var(--zl-content-rail))!important;
  margin-left:auto!important;margin-right:auto!important;
}

/* Keep the page content on one consistent left rail, starting noticeably farther left. */
.reference-copy,.premium-page-copy,.auth-side,.register-form-card{margin-left:0!important}
.reference-hero-inner{padding-left:0!important;padding-right:0!important}
.premium-page-hero-inner,.auth-layout,.register-layout{padding-left:0!important;padding-right:0!important}
.section>.container,.section-tight>.container,.premium-section>.container,.home-benefits>.container,footer>.container{padding-left:0!important;padding-right:0!important}

/* Homepage: first viewport is entirely hero artwork; no white strip at the bottom. */
.reference-hero{min-height:100svh!important;background-color:#071625!important}
.reference-hero-inner{min-height:100svh!important;align-items:center!important;padding-top:104px!important;padding-bottom:44px!important}
.reference-copy{align-self:center!important;padding-top:10px!important;padding-bottom:10px!important;max-width:760px!important}
.reference-title{width:min(100%,760px)!important;max-width:none!important}
.reference-sub{max-width:670px!important}
.home-demo{align-self:center!important}

/* Navigation: account registration is a distinct secondary conversion action. */
.nav-register-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:13px;border:1px solid rgba(92,235,146,.54)!important;background:rgba(84,225,138,.11)!important;color:#ddffea!important;font-weight:900!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease!important}
.nav-register-link:hover{transform:translateY(-2px);background:linear-gradient(135deg,#54e18a,#78eda7)!important;color:#062918!important;box-shadow:0 15px 34px rgba(84,225,138,.24)!important}
.nav.nav-scrolled .nav-register-link{background:rgba(84,225,138,.12)!important;color:#eafff1!important;border-color:rgba(84,225,138,.42)!important}

/* Auth pages: bright artwork, compact high-contrast form, and obvious cross-navigation. */
.auth-card-kicker{display:inline-flex;margin-bottom:9px;color:#248d55;font-size:.75rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
.auth-form-card-inner{width:100%}
.auth-form-card h2{font-size:clamp(2rem,3vw,2.7rem)!important;letter-spacing:-.045em;margin:0 0 8px!important}
.auth-submit{width:100%;margin-top:4px}
.auth-flow-links{display:grid;gap:9px;margin-top:20px;padding-top:18px;border-top:1px solid #e2eaf0}
.auth-flow-links>div{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.9rem;color:#607589}
.auth-flow-links a{color:#147b47;font-weight:900;text-decoration:none}.auth-flow-links a:hover{text-decoration:underline}
.auth-shell.hero-image-page{background-position:center center,center center!important}
.auth-shell.hero-image-page .auth-layout{grid-template-columns:minmax(360px,.82fr) minmax(410px,.76fr)!important;justify-content:space-between!important;gap:clamp(34px,5vw,90px)!important}
.auth-shell.hero-image-page .auth-side{max-width:610px!important}
.auth-shell.hero-image-page .auth-form-card{max-width:520px!important;justify-self:end!important;padding:30px!important}

/* Dedicated Register page uses its own supplied artwork and a fuller business setup form. */
.register-shell{position:relative;min-height:100svh;color:#fff;background-color:#071625;isolation:isolate}
.register-shell.hero-image-page{
  background-image:linear-gradient(90deg,rgba(5,18,31,.58) 0%,rgba(5,18,31,.42) 34%,rgba(6,20,33,.18) 62%,rgba(6,20,33,.04) 82%,rgba(6,20,33,0) 100%),url("heroes/start-premium.webp")!important;
  background-size:cover,cover!important;
  background-position:center center,70% center!important;
  background-repeat:no-repeat,no-repeat!important;
}
.register-layout{min-height:100svh;display:flex;align-items:center;padding-top:110px!important;padding-bottom:54px!important}
.register-form-card{width:min(100%,720px);padding:34px 36px;border-radius:30px;background:rgba(255,255,255,.975);color:#102133;border:1px solid rgba(210,223,234,.98);box-shadow:0 35px 100px rgba(3,15,26,.30);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.register-form-card h1{font-size:clamp(2.75rem,4.8vw,4.6rem);line-height:.96;letter-spacing:-.06em;color:#102133;margin:0 0 16px;max-width:10ch}
.register-form-card .form-intro{color:#536b80;font-size:1rem;line-height:1.65;max-width:620px;margin:0 0 22px}
.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 16px}.register-form .field{margin:0}.register-form .field span{color:#29465f}
.register-form .field input,.register-form .field select{background:#f8fbfd!important;color:#102133!important;border-color:#d8e3ed!important}
.register-consent{margin:18px 0 16px;color:#526a7d!important}.register-consent a{color:#147b47;font-weight:850}.register-proof{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.register-proof span{padding:7px 10px;border-radius:999px;background:#eef9f2;color:#216843;border:1px solid #d5eddf;font-size:.76rem;font-weight:850}.register-flow-links{margin-top:18px}.register-flow-links>div{font-size:.86rem}

/* FAQ page: premium selling copy with clean click-to-reveal categories. */
.faq-sales-intro .premium-intro-grid{align-items:stretch}
.faq-category-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:42px;align-items:end;margin-bottom:24px}
.faq-category-head h2{margin-bottom:0!important}.faq-category-head>p{margin:0;padding:18px 20px;border-radius:20px;background:#fff;border:1px solid #dfe8ef;box-shadow:0 14px 34px rgba(21,49,76,.05);color:#607488!important;line-height:1.65}
.sales-accordion{gap:12px!important}.sales-accordion details{border-radius:22px!important}.sales-accordion summary{font-size:1.06rem!important;min-height:74px!important}.sales-accordion details p{font-size:1rem!important;max-width:980px}
.sales-accordion summary::after{content:"+"!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-weight:700!important;line-height:1!important;display:grid!important;place-items:center!important}
.sales-accordion details[open] summary::after{content:"−"!important;transform:translateY(-50%)!important}
.faq-bottom-cta{margin-top:30px;padding:30px 32px;border-radius:28px;background:linear-gradient(135deg,#0e2740,#123b31);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:0 28px 70px rgba(13,39,61,.15)}
.faq-bottom-cta h3{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.02;letter-spacing:-.04em;margin:8px 0 9px;color:#fff}.faq-bottom-cta p{margin:0;color:#d0dfe8!important;max-width:700px}.faq-bottom-cta .hero-actions{flex:0 0 auto}

/* Keep all interior hero copy on the exact same left rail as homepage copy. */
.premium-page-hero.hero-image-page .premium-page-copy{max-width:700px!important}
.premium-page-hero.hero-image-page .premium-page-hero-inner{padding-left:0!important;padding-right:0!important}
.plain-brand-hero .premium-page-hero-inner,.policy-plain-hero>.container{width:min(calc(100% - var(--zl-desktop-gutter)),var(--zl-content-rail))!important}

@media(max-width:1100px){
  .container,.home-nav .container,.reference-hero-inner.container,.premium-page-hero-inner.container,.auth-layout.container,.register-layout.container{width:min(calc(100% - 36px),1240px)!important}
  .auth-shell.hero-image-page .auth-layout{grid-template-columns:1fr minmax(390px,.82fr)!important;gap:28px!important}
  .faq-category-head{grid-template-columns:1fr;gap:16px}
}
@media(max-width:760px){
  :root{--zl-desktop-gutter:28px}
  .container,.home-nav .container,.reference-hero-inner.container,.premium-page-hero-inner.container,.auth-layout.container,.register-layout.container{width:min(calc(100% - 28px),760px)!important}
  .reference-hero{min-height:100svh!important}.reference-hero-inner{min-height:100svh!important;padding-top:84px!important;padding-bottom:26px!important;align-items:start!important}.reference-copy{padding-top:26px!important}
  .auth-shell.hero-image-page .auth-layout{grid-template-columns:1fr!important;gap:16px!important}.auth-shell.hero-image-page .auth-form-card{max-width:none!important;justify-self:stretch!important}.auth-flow-links>div{align-items:flex-start;flex-direction:column;gap:2px}
  .register-layout{padding-top:88px!important;padding-bottom:36px!important;align-items:flex-start!important}.register-form-card{padding:24px 20px;border-radius:24px}.register-form-card h1{font-size:clamp(2.55rem,11vw,3.8rem)}.register-grid{grid-template-columns:1fr}.register-proof{gap:6px}.register-flow-links>div{flex-direction:column;align-items:flex-start;gap:2px}
  .faq-category-head>p{padding:16px 17px}.faq-bottom-cta{padding:24px 20px;flex-direction:column;align-items:flex-start}.faq-bottom-cta .hero-actions{width:100%;display:grid}
  .nav-register-link{width:100%;justify-content:center}
}

/* Make room for Login + Register + Pilot without squeezing the desktop nav. */
@media(max-width:1120px){
  .nav-links{display:none!important;position:absolute!important;top:76px!important;left:0!important;right:0!important;background:#091522!important;border-bottom:1px solid rgba(255,255,255,.10)!important;padding:18px 20px!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;box-shadow:0 24px 50px rgba(0,0,0,.24)!important}
  .nav-links.open{display:flex!important}
  .menu{display:block!important}
  .nav-links>a:not(.button):not(.button-ghost):not(.button-register){padding:10px 4px}
  .nav-links .button,.nav-links .button-ghost,.nav-links .button-register{width:100%!important;justify-content:center!important}
}

/* Auth composition: keep the supplied characters visible by using the artwork's left copy-safe area. */
@media(min-width:761px){
  .auth-shell.hero-image-page .auth-layout{display:grid!important;grid-template-columns:minmax(420px,610px) minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-content:center!important;align-items:start!important;column-gap:48px!important;row-gap:14px!important}
  .auth-shell.hero-image-page .auth-side{grid-column:1!important;grid-row:1!important;max-width:610px!important;padding:22px 24px!important;background:rgba(5,24,38,.36)!important}
  .auth-shell.hero-image-page .auth-form-card{grid-column:1!important;grid-row:2!important;justify-self:start!important;width:min(100%,540px)!important;max-width:540px!important;padding:28px!important}
}
@media(max-width:760px){
  .register-shell{background-position:center center,70% center!important}
}

/* === v13.3 premium design + CRO refinement pass === */
:root{
  --zl-content-rail:1640px;
  --zl-desktop-gutter:48px;
  --zl-card-shadow:0 24px 70px rgba(11,37,59,.11);
  --zl-card-shadow-hover:0 30px 86px rgba(11,37,59,.16);
}

/* Shared left rail and slightly higher hero composition across the marketing site. */
.container,.home-nav .container,.reference-hero-inner.container,.premium-page-hero-inner.container,.auth-layout.container,.register-layout.container{
  width:min(calc(100% - var(--zl-desktop-gutter)),var(--zl-content-rail))!important;
}
.reference-hero{padding:0!important;min-height:100svh!important;background-position:center center,40% center!important;background-repeat:no-repeat!important;background-size:cover!important}
body.page-home .reference-hero:before{background-position:40% center!important}
.reference-hero-inner{min-height:100svh!important;padding-top:80px!important;padding-bottom:108px!important;align-items:center!important;box-sizing:border-box!important}
.reference-copy{padding-top:0!important;padding-bottom:0!important;align-self:center!important;max-width:780px!important}
.reference-title{width:min(100%,780px)!important}
.reference-sub{max-width:650px!important}
.premium-page-hero.hero-image-page .premium-page-hero-inner{min-height:100svh!important;padding-top:74px!important;padding-bottom:108px!important;align-items:center!important;box-sizing:border-box!important}
.premium-page-copy{align-self:center!important}

/* Top nav conversion order: Pilot -> Login -> Register. */
.nav-links .nav-pilot-link{order:20}.nav-links .nav-auth-link{order:21}.nav-links .nav-register-link{order:22}.nav-links .nav-dashboard-link{order:21}
.nav-pilot-link{box-shadow:0 14px 32px rgba(84,225,138,.24)!important}
.nav-register-link{min-height:46px!important;padding:0 19px!important}

/* Login is intentionally simplified to a single, focused card. */
.page-login .auth-layout{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:100svh!important;padding-top:82px!important;padding-bottom:96px!important}
.page-login .auth-form-card{width:min(100%,510px)!important;max-width:510px!important;justify-self:auto!important;margin:0!important;padding:32px!important;border-radius:28px!important;box-shadow:0 34px 96px rgba(2,17,30,.29)!important}
.page-login .auth-form-card h2{white-space:nowrap!important;font-size:clamp(2.15rem,3vw,2.72rem)!important;line-height:1!important;margin-bottom:10px!important}
.page-login .auth-card-kicker{margin-bottom:10px!important}
.page-login .form-intro{max-width:430px!important;margin-bottom:20px!important}

/* Homepage interactive demo: narrower, right-aligned, more product-like. */
.reference-hero-inner{grid-template-columns:minmax(0,1fr) minmax(390px,455px)!important;column-gap:clamp(36px,4.5vw,86px)!important}
.home-demo{
  width:min(100%,455px)!important;
  max-width:455px!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
  border-radius:24px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.34),0 10px 28px rgba(7,31,49,.20)!important;
  background:#fff!important;
}
.home-demo-head{height:58px!important;padding:0 13px 0 15px!important;background:linear-gradient(180deg,#153652 0%,#0b2439 100%)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.home-demo-head strong{font-size:.98rem!important;letter-spacing:-.015em!important}.home-demo-head strong::after{display:none!important}
.home-demo-controls{gap:6px!important}.home-demo-step{font-size:.76rem!important;padding:5px 8px!important}.home-demo-arrow{width:36px!important;height:36px!important;border-radius:10px!important;font-size:1.14rem!important}
.home-demo-body{min-height:332px!important;padding:16px!important;background:linear-gradient(180deg,#fff 0%,#f6f9fb 100%)!important}
.home-demo-body::after{width:38px!important;height:38px!important;right:14px!important;top:14px!important}
.demo-thread{gap:10px!important}.demo-row{gap:9px!important}.demo-avatar{width:34px!important;height:34px!important;font-size:.82rem!important}
.demo-card-bubble{max-width:82%!important;padding:10px 12px!important;border-radius:13px!important;font-size:.82rem!important;line-height:1.4!important}
.demo-meta{font-size:.66rem!important;margin-top:4px!important}
.home-demo-summary{gap:8px!important}.home-demo-summary>div{padding:11px 12px!important;border-radius:13px!important}.home-demo-summary small{font-size:.69rem!important}.home-demo-summary strong{font-size:.88rem!important}
.home-demo-footer{display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important;align-items:center!important;padding:12px 14px!important;background:linear-gradient(180deg,#112b43,#0a2032)!important}
.home-demo-footer>span{font-size:.70rem!important;line-height:1.4!important;max-width:250px!important}.home-demo-dots{display:none!important}.home-demo-footer>a{min-width:auto!important;padding:10px 12px!important;border-radius:11px!important;font-size:.80rem!important;white-space:nowrap!important}

/* Give the two high-value conversion callouts more breathing room. */
.home-question-card{padding:54px 58px!important;border-radius:32px!important;box-shadow:var(--zl-card-shadow)!important}
.home-question-card .big{max-width:1080px!important;line-height:1.02!important}.home-question-card p{max-width:900px!important}
.home-final-cta{padding:48px 54px!important;border-radius:32px!important;gap:48px!important;box-shadow:var(--zl-card-shadow)!important}
.home-final-cta>div{max-width:900px!important}.home-final-cta .lede{max-width:820px!important}

/* Site-wide visual cleanup: tighter hierarchy, calmer measure, clearer interactions. */
h1,h2,h3{text-wrap:balance}.lede,.section-lede,.premium-page-copy p,.card p,.premium-card p{text-wrap:pretty}
.section-head>p,.premium-intro-grid>div>p{max-width:760px!important}
.card,.premium-card,.premium-note-card,.price-card,.positioning-card{border-color:rgba(213,226,236,.92)!important;box-shadow:0 16px 44px rgba(21,49,76,.055)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
@media(hover:hover){.card:hover,.premium-card:hover,.premium-note-card:hover,.price-card:hover,.positioning-card:hover{transform:translateY(-4px)!important;box-shadow:var(--zl-card-shadow-hover)!important;border-color:rgba(84,225,138,.28)!important}}
.button,.button-ghost,.button-register{min-height:46px!important;border-radius:13px!important;letter-spacing:-.01em!important}
.button:focus-visible,.button-ghost:focus-visible,.button-register:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(84,225,138,.65)!important;outline-offset:3px!important}
.field input,.field select,.field textarea{min-height:49px!important;border-radius:12px!important;transition:border-color .18s ease,box-shadow .18s ease!important}.field input:focus,.field select:focus,.field textarea:focus{border-color:#54e18a!important;box-shadow:0 0 0 4px rgba(84,225,138,.12)!important}
.faq details,.sales-accordion details{overflow:hidden!important}.faq summary,.sales-accordion summary{transition:background .18s ease,color .18s ease!important}.faq details[open] summary,.sales-accordion details[open] summary{background:#f7fbf8!important}
footer{margin-top:0!important}.footer-links a{transition:color .16s ease,transform .16s ease!important}.footer-links a:hover{color:#73eca2!important;transform:translateX(2px)}

/* Tablet and mobile: preserve the rail, simplify the hero, and keep tap targets generous. */
@media(max-width:1120px){
  :root{--zl-desktop-gutter:36px}
  .reference-hero-inner{grid-template-columns:1fr!important;min-height:auto!important;padding-top:92px!important;padding-bottom:42px!important;gap:20px!important}
  .reference-copy{max-width:700px!important}
  .home-demo{width:min(100%,480px)!important;max-width:480px!important;justify-self:start!important;margin-top:10px!important}
  body.page-home .reference-hero:before,.reference-hero{background-position:center center,48% center!important}
  .premium-page-hero.hero-image-page .premium-page-hero-inner{padding-top:86px!important;padding-bottom:76px!important}
}
@media(max-width:760px){
  :root{--zl-desktop-gutter:28px}
  .reference-hero{min-height:100svh!important;padding:0!important;background-position:center center,60% center!important}
  body.page-home .reference-hero:before{background-position:60% center!important}
  .reference-hero-inner{min-height:100svh!important;padding-top:82px!important;padding-bottom:30px!important;align-items:start!important;gap:18px!important}
  .reference-copy{padding-top:12px!important;max-width:none!important}
  .home-demo{width:100%!important;max-width:none!important;justify-self:stretch!important;margin-top:4px!important;border-radius:20px!important}
  .home-demo-body{min-height:300px!important;padding:14px!important}.home-demo-footer{grid-template-columns:1fr!important}.home-demo-footer>span{max-width:none!important}.home-demo-footer>a{width:100%!important;text-align:center!important}
  .page-login .auth-layout{min-height:100svh!important;padding-top:88px!important;padding-bottom:40px!important;align-items:flex-start!important}.page-login .auth-form-card{width:100%!important;max-width:none!important;padding:24px 20px!important;border-radius:24px!important}.page-login .auth-form-card h2{white-space:normal!important;font-size:2.2rem!important}
  .premium-page-hero.hero-image-page .premium-page-hero-inner{min-height:100svh!important;padding-top:88px!important;padding-bottom:44px!important;align-items:flex-start!important}.premium-page-copy{padding-top:16px!important}
  .home-question-card{padding:30px 22px!important;border-radius:26px!important}.home-final-cta{padding:30px 22px!important;border-radius:26px!important;gap:24px!important;flex-direction:column!important;align-items:flex-start!important}.home-final-cta .hero-actions{width:100%!important;display:grid!important}
  .button,.button-ghost,.button-register{min-height:48px!important}
}


/* === v13.4 v11-alignment + permanent-dark-nav + section-rhythm pass === */
:root{
  --zl-content-rail:1420px;
  --zl-desktop-gutter:56px;
  --zl-nav-height:78px;
  --zl-section-space:86px;
  --zl-section-space-mobile:58px;
}

/* Permanent v11-style dark navigation: sticky, stable, no transparent/scroll-state transition. */
.nav,
.home-nav,
.nav.nav-scrolled,
body .nav,
body .home-nav{
  position:sticky!important;
  top:0!important;
  left:auto!important;
  right:auto!important;
  z-index:1000!important;
  background:#071625!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 8px 24px rgba(2,12,22,.14)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:none!important;
}
.nav-inner,.home-nav .nav-inner{height:var(--zl-nav-height)!important}
.nav .container,.home-nav .container{
  width:min(calc(100% - var(--zl-desktop-gutter)),var(--zl-content-rail))!important;
}
.nav .brand,.home-nav .brand{font-size:2.05rem!important;letter-spacing:-.06em!important}
.nav-links{gap:26px!important}
.nav-links>a:not(.button):not(.button-ghost):not(.button-register){font-weight:700!important}
.nav-register-link{background:rgba(84,225,138,.10)!important;border-color:rgba(84,225,138,.42)!important;color:#e9fff0!important}
.nav-register-link:hover{background:linear-gradient(135deg,#54e18a,#7aefaa)!important;color:#062918!important}

/* One content rail for nav, heroes, and body sections — same relationship as v11. */
.container,
.reference-hero-inner.container,
.premium-page-hero-inner.container,
.auth-layout.container,
.register-layout.container,
.portal-wrap.container{
  width:min(calc(100% - var(--zl-desktop-gutter)),var(--zl-content-rail))!important;
}

/* Homepage: direct image + smooth overlay. No rectangular copy layer or vertical seam. */
.reference-hero{
  position:relative!important;
  min-height:calc(100svh - var(--zl-nav-height))!important;
  padding:0!important;
  overflow:hidden!important;
  background-color:#081725!important;
  background-size:cover!important;
  background-position:54% center!important;
}
.reference-hero::before{display:none!important}
.reference-hero::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,
    rgba(5,16,28,.91) 0%,
    rgba(5,16,28,.84) 18%,
    rgba(5,16,28,.67) 32%,
    rgba(6,19,31,.42) 46%,
    rgba(6,19,31,.18) 61%,
    rgba(6,19,31,.05) 75%,
    rgba(6,19,31,0) 100%)!important;
}
.reference-copy::before{display:none!important}
.reference-hero-inner{
  position:relative!important;
  z-index:2!important;
  min-height:calc(100svh - var(--zl-nav-height))!important;
  padding:42px 0 54px!important;
  display:grid!important;
  grid-template-columns:minmax(520px,610px) minmax(390px,455px)!important;
  justify-content:space-between!important;
  column-gap:clamp(46px,5vw,92px)!important;
  align-items:start!important;
  box-sizing:border-box!important;
}
.reference-copy{
  align-self:start!important;
  padding:0!important;
  margin:0!important;
  max-width:610px!important;
}
.reference-copy .eyebrow{margin:0 0 18px!important}
.reference-title{font-size:clamp(4rem,5.8vw,6.2rem)!important;line-height:.93!important;max-width:8.7ch!important;letter-spacing:-.065em!important}
.reference-sub{max-width:620px!important;margin:34px 0 22px!important;font-size:1.12rem!important;line-height:1.48!important}
.reference-actions{margin-top:0!important}
.reference-proof{margin-top:17px!important}
.home-demo{
  align-self:start!important;
  justify-self:end!important;
  width:455px!important;
  max-width:455px!important;
  margin:28px 0 0!important;
  border-radius:23px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 32px 82px rgba(0,0,0,.34),0 8px 22px rgba(4,19,32,.18)!important;
}
.home-demo-head{height:56px!important}
.home-demo-body{min-height:318px!important}
.home-demo-footer{padding:12px 14px!important}

/* Interior heroes: same upper alignment and same left rail as homepage. */
.premium-page-hero.hero-image-page,
.plain-brand-hero,
.auth-shell.hero-image-page,
.register-shell.hero-image-page{
  min-height:calc(100svh - var(--zl-nav-height))!important;
  padding:0!important;
}
.premium-page-hero.hero-image-page .premium-page-hero-inner,
.plain-brand-hero .premium-page-hero-inner{
  min-height:calc(100svh - var(--zl-nav-height))!important;
  padding:48px 0 62px!important;
  align-items:flex-start!important;
  box-sizing:border-box!important;
}
.premium-page-copy{align-self:flex-start!important;max-width:650px!important;padding-top:0!important}
.premium-page-copy .breadcrumbs{margin-top:0!important;margin-bottom:16px!important}
.premium-page-copy .eyebrow{margin-bottom:17px!important}
.premium-page-copy h1{margin-top:0!important}
.auth-shell.hero-image-page .auth-layout,
.register-shell.hero-image-page .register-layout{
  min-height:calc(100svh - var(--zl-nav-height))!important;
  padding:48px 0 58px!important;
  align-items:flex-start!important;
  box-sizing:border-box!important;
}
.page-login .auth-layout{min-height:calc(100svh - var(--zl-nav-height))!important;padding:48px 0 58px!important;align-items:flex-start!important}
.page-login .auth-form-card{margin-top:12px!important}
.portal-shell.hero-image-page .portal-wrap{padding-top:48px!important}

/* More deliberate section rhythm. White/light sections remain the primary reading surface. */
.section,.premium-section,.home-light{padding-top:var(--zl-section-space)!important;padding-bottom:var(--zl-section-space)!important}
.section-tight{padding-top:62px!important;padding-bottom:62px!important}
.home-benefits{background:#fff!important}
.home-process{background:linear-gradient(180deg,#f7fafc 0%,#eef4f8 100%)!important}
.home-revenue-leak{background:#fff!important}
.home-question{background:linear-gradient(180deg,#f4f8fb 0%,#eef5f8 100%)!important}
.home-positioning{background:#fff!important}
.home-mvp{background:linear-gradient(180deg,#f7fafc 0%,#eef4f8 100%)!important}
.home-faq{background:#fff!important}

/* Strategic dark-gradient bands, followed by a bright section for contrast and readability. */
.home-deep-flow,
.home-trust,
.premium-section.theme-dark{
  background:
    radial-gradient(circle at 88% 18%,rgba(84,225,138,.13),transparent 30%),
    linear-gradient(135deg,#081a2b 0%,#0c2939 58%,#10372f 100%)!important;
  color:#fff!important;
}
.home-deep-flow h2,.home-deep-flow h3,.home-trust h2,.home-trust h3,
.premium-section.theme-dark h2,.premium-section.theme-dark h3{color:#fff!important}
.home-deep-flow p,.home-trust p,.premium-section.theme-dark p,
.premium-section.theme-dark .lede{color:#dbe7ef!important}
.home-deep-flow .kicker,.home-trust .kicker,.premium-section.theme-dark .kicker{color:#78eca4!important}
.home-deep-flow .section-head>p,.home-trust .section-head>p,.premium-section.theme-dark .section-head>p{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:#dbe7ef!important;
  box-shadow:none!important;
}
.home-deep-flow .step,
.home-trust .card,
.premium-section.theme-dark .card,
.premium-section.theme-dark .premium-card,
.premium-section.theme-dark .premium-note-card,
.premium-section.theme-dark .positioning-card{
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(255,255,255,.11)!important;
  color:#fff!important;
  box-shadow:0 18px 46px rgba(0,0,0,.12)!important;
}
.home-deep-flow .step h3,.home-trust .card h3,
.premium-section.theme-dark .card h3,.premium-section.theme-dark .premium-card h3{color:#fff!important}
.home-deep-flow .step p,.home-trust .card p,
.premium-section.theme-dark .card p,.premium-section.theme-dark .premium-card p{color:#d6e4ed!important}
.premium-section.theme-dark .text-link{color:#8ef2b4!important}

/* Final section before every marketing footer is bright. Never end a page dark-on-dark above the footer. */
.marketing-page main>section:last-child,
.marketing-page main>section:last-of-type{
  background:linear-gradient(180deg,#f8fbfd 0%,#eef5f8 100%)!important;
}
.marketing-page main>section:last-child .cta,
.marketing-page main>section:last-of-type .cta,
.home-final-cta{
  background:linear-gradient(135deg,#ffffff 0%,#f0faf4 100%)!important;
  color:#102133!important;
  border:1px solid #dce9e2!important;
  box-shadow:0 24px 60px rgba(16,52,42,.10)!important;
}
.marketing-page main>section:last-child .cta h2,
.marketing-page main>section:last-of-type .cta h2,
.home-final-cta h2{color:#102133!important}
.marketing-page main>section:last-child .cta p,
.marketing-page main>section:last-of-type .cta p,
.home-final-cta p{color:#4b6275!important}
.marketing-page main>section:last-child .cta .button-ghost,
.marketing-page main>section:last-of-type .cta .button-ghost,
.home-final-cta .button-ghost{color:#102133!important;border-color:#b9cbd8!important;background:#fff!important}
.page-register main::after{content:none;display:none}

/* Spacing + card refinement pass. */
.section-head{gap:34px!important;margin-bottom:40px!important}
.section-head>p{padding:22px 24px!important;line-height:1.62!important}
.card,.premium-card,.positioning-card,.premium-note-card,.price-card{border-radius:24px!important}
.grid-3,.grid-2{gap:22px!important}
.home-question-card,.home-final-cta{padding:52px 56px!important}
.home-question-card .big{max-width:1000px!important}
.footer-grid{padding-top:4px}
footer{border-top:1px solid rgba(255,255,255,.08)}

@media(max-width:1120px){
  :root{--zl-desktop-gutter:36px;--zl-nav-height:74px}
  .nav-links{gap:18px!important}
  .reference-hero{min-height:auto!important;background-position:60% center!important}
  .reference-hero-inner{min-height:auto!important;grid-template-columns:1fr!important;padding:44px 0 48px!important;gap:26px!important}
  .reference-copy{max-width:670px!important}
  .home-demo{justify-self:start!important;width:min(100%,480px)!important;max-width:480px!important;margin:4px 0 0!important}
  .premium-page-hero.hero-image-page,.plain-brand-hero,.auth-shell.hero-image-page,.register-shell.hero-image-page{min-height:auto!important}
  .premium-page-hero.hero-image-page .premium-page-hero-inner,.plain-brand-hero .premium-page-hero-inner,.auth-shell.hero-image-page .auth-layout,.register-shell.hero-image-page .register-layout{min-height:auto!important;padding:44px 0 54px!important}
}
@media(max-width:760px){
  :root{--zl-desktop-gutter:28px;--zl-nav-height:68px;--zl-section-space:var(--zl-section-space-mobile)}
  .nav-inner,.home-nav .nav-inner{height:var(--zl-nav-height)!important}
  .nav .brand,.home-nav .brand{font-size:1.78rem!important}
  .reference-hero{background-position:64% center!important}
  .reference-hero-inner{padding:32px 0 34px!important}
  .reference-title{font-size:clamp(3.2rem,14vw,4.2rem)!important;max-width:9.2ch!important}
  .reference-sub{font-size:1.02rem!important;margin:28px 0 20px!important}
  .home-demo{width:100%!important;max-width:none!important}
  .premium-page-hero.hero-image-page .premium-page-hero-inner,.plain-brand-hero .premium-page-hero-inner,.auth-shell.hero-image-page .auth-layout,.register-shell.hero-image-page .register-layout{padding:34px 0 42px!important}
  .section-tight{padding-top:46px!important;padding-bottom:46px!important}
  .home-question-card,.home-final-cta{padding:30px 22px!important}
  .section-head{gap:20px!important;margin-bottom:28px!important}
  .section-head>p{padding:18px 18px!important}
}


/* === v13.5 approved homepage composition + universal callout padding === */
:root{
  --zl-nav-height:86px;
  --zl-content-rail:1420px;
  --zl-desktop-gutter:56px;
}

/* Match the approved v11-inspired navigation scale. */
.nav-inner,.home-nav .nav-inner{height:var(--zl-nav-height)!important}
.nav .brand,.home-nav .brand{font-size:2.34rem!important;letter-spacing:-.065em!important}
.nav-links{gap:28px!important}

/* Approved homepage hero composition: one clean first viewport, copy left, art + demo right. */
body.page-home .reference-hero{
  height:calc(100svh - var(--zl-nav-height))!important;
  min-height:670px!important;
  max-height:860px!important;
  background-position:61% center!important;
  background-size:cover!important;
  overflow:hidden!important;
}
body.page-home .reference-hero-inner{
  height:100%!important;
  min-height:0!important;
  padding:44px 0 46px!important;
  grid-template-columns:minmax(650px,720px) minmax(390px,455px)!important;
  column-gap:clamp(42px,5vw,86px)!important;
  align-items:center!important;
}
body.page-home .reference-copy{
  align-self:center!important;
  width:100%!important;
  max-width:720px!important;
  transform:translateY(-8px);
}
body.page-home .reference-copy .eyebrow{margin-bottom:22px!important}
body.page-home .reference-title{
  width:100%!important;
  max-width:720px!important;
  font-size:clamp(4.15rem,5.25vw,5.85rem)!important;
  line-height:.92!important;
  letter-spacing:-.066em!important;
}
body.page-home .reference-title .hero-title-line,
body.page-home .reference-title .highlight-line{display:block!important;white-space:nowrap!important}
body.page-home .reference-title .highlight-line{width:max-content!important;margin-top:.17em!important}
body.page-home .reference-title .highlight-line::after{bottom:-15px!important;height:15px!important}
body.page-home .reference-sub{max-width:610px!important;margin:30px 0 22px!important;font-size:1.08rem!important;line-height:1.5!important}
body.page-home .reference-actions{gap:14px!important}
body.page-home .reference-proof{gap:20px!important;margin-top:18px!important}
body.page-home .home-demo{
  width:455px!important;
  max-width:455px!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
  border-radius:24px!important;
  box-shadow:0 34px 90px rgba(0,0,0,.34),0 12px 30px rgba(7,31,49,.20)!important;
}
body.page-home .home-demo-head{height:58px!important}
body.page-home .home-demo-body{min-height:320px!important}
body.page-home .home-demo-footer{padding:12px 14px!important}

/* Interior hero copy starts at the same visual top rail as the homepage. */
body.marketing-page:not(.page-home) .premium-page-hero.hero-image-page .premium-page-hero-inner,
body.marketing-page:not(.page-home) .plain-brand-hero .premium-page-hero-inner{
  padding-top:46px!important;
  padding-bottom:60px!important;
}
body.marketing-page:not(.page-home) .premium-page-copy{padding-top:0!important}

/* Fix direct .container callouts whose padding was being reset by the shared rail rule. */
.section-tight>.container.money,
.section>.container.money{
  padding:54px 58px!important;
  border-radius:32px!important;
  box-sizing:border-box!important;
}
.section-tight>.container.cta,
.section>.container.cta{
  padding:50px 56px!important;
  border-radius:32px!important;
  box-sizing:border-box!important;
}
.section-tight>.container.home-question-card{padding:58px 62px!important}
.section-tight>.container.home-final-cta{padding:54px 60px!important}

/* Consistent internal breathing room for high-value content panels across the site. */
.premium-note-card,.premium-paragraph-card{padding:26px 28px!important}
.premium-card{padding:28px 30px!important}
.positioning-card{padding:30px 32px!important}
.price-card{padding:30px!important}
.faq-bottom-cta{padding:34px 36px!important}
.section-head>p{padding:24px 26px!important}
.premium-metric-card{padding:30px 32px!important}

/* Preserve the premium light landing section before every footer. */
.marketing-page main>section:last-child,
.marketing-page main>section:last-of-type{padding-top:64px!important;padding-bottom:64px!important}

@media(max-width:1240px){
  body.page-home .reference-hero{height:auto!important;max-height:none!important;min-height:calc(100svh - var(--zl-nav-height))!important;background-position:64% center!important}
  body.page-home .reference-hero-inner{height:auto!important;min-height:calc(100svh - var(--zl-nav-height))!important;grid-template-columns:minmax(0,1fr) minmax(380px,440px)!important;padding:42px 0 48px!important}
  body.page-home .reference-title{font-size:clamp(3.85rem,5.5vw,5rem)!important}
  body.page-home .home-demo{width:440px!important;max-width:440px!important}
}
@media(max-width:1120px){
  :root{--zl-nav-height:74px;--zl-desktop-gutter:36px}
  .nav-inner,.home-nav .nav-inner{height:var(--zl-nav-height)!important}
  .nav .brand,.home-nav .brand{font-size:2.05rem!important}
  body.page-home .reference-hero{height:auto!important;min-height:auto!important;max-height:none!important;background-position:67% center!important}
  body.page-home .reference-hero-inner{height:auto!important;min-height:auto!important;grid-template-columns:1fr!important;padding:42px 0 50px!important;gap:28px!important}
  body.page-home .reference-copy{max-width:700px!important;transform:none!important}
  body.page-home .home-demo{justify-self:start!important;width:min(100%,470px)!important;max-width:470px!important}
  body.page-home .reference-title .hero-title-line,body.page-home .reference-title .highlight-line{white-space:normal!important}
}
@media(max-width:760px){
  :root{--zl-nav-height:68px;--zl-desktop-gutter:28px}
  .nav .brand,.home-nav .brand{font-size:1.8rem!important}
  body.page-home .reference-hero{background-position:69% center!important}
  body.page-home .reference-hero-inner{padding:32px 0 38px!important}
  body.page-home .reference-copy{padding-top:0!important}
  body.page-home .reference-title{font-size:clamp(3.05rem,13.5vw,4.15rem)!important;max-width:100%!important}
  body.page-home .reference-title .highlight-line{width:auto!important}
  body.page-home .home-demo{width:100%!important;max-width:none!important}
  .section-tight>.container.money,.section>.container.money,.section-tight>.container.cta,.section>.container.cta,
  .section-tight>.container.home-question-card,.section-tight>.container.home-final-cta{padding:30px 22px!important;border-radius:26px!important}
  .premium-note-card,.premium-paragraph-card,.premium-card,.positioning-card,.price-card,.premium-metric-card{padding:22px!important}
  .faq-bottom-cta{padding:26px 22px!important}
  .section-head>p{padding:18px 19px!important}
}


/* v13.5.1 hero grid correction: force the demo into the second explicit track. */
@media(min-width:1241px){
  body.page-home .reference-hero-inner{
    grid-template-columns:minmax(680px,720px) 455px!important;
    justify-content:space-between!important;
    column-gap:40px!important;
  }
  body.page-home .reference-copy{grid-column:1!important;max-width:720px!important}
  body.page-home .home-demo{grid-column:2!important}
}


/* === v13.6 homepage alignment refinement === */
:root{
  --zl-content-rail:1480px!important;
  --zl-desktop-gutter:64px!important;
  --zl-nav-height:86px!important;
}

/* Larger v11-style logo and permanently sticky dark nav. */
.nav,.home-nav,.nav.nav-scrolled,body .nav,body .home-nav{
  position:sticky!important;top:0!important;z-index:1000!important;
  background:#071625!important;transition:none!important;
}
.nav-inner,.home-nav .nav-inner{height:var(--zl-nav-height)!important}
.nav .brand,.home-nav .brand{font-size:2.72rem!important;letter-spacing:-.067em!important}
.nav .container,.home-nav .container,
.container,.reference-hero-inner.container,.premium-page-hero-inner.container,.auth-layout.container,.register-layout.container,.portal-wrap.container{
  width:min(calc(100% - var(--zl-desktop-gutter)),var(--zl-content-rail))!important;
}

/* Homepage: move copy left, artwork right, and keep the requested three-line title. */
body.page-home .reference-hero{
  background-position:68% center!important;
}
body.page-home .reference-hero-inner{
  grid-template-columns:minmax(610px,700px) minmax(390px,455px)!important;
  justify-content:space-between!important;
  column-gap:clamp(42px,5vw,90px)!important;
}
body.page-home .reference-copy{
  max-width:700px!important;
  justify-self:start!important;
}
body.page-home .reference-title{
  max-width:700px!important;
  width:100%!important;
}
body.page-home .reference-title .hero-title-line,
body.page-home .reference-title .highlight-line{display:block!important;white-space:nowrap!important}
body.page-home .reference-title .highlight-line{width:max-content!important}
body.page-home .home-demo{justify-self:end!important}

@media(max-width:1240px){
  :root{--zl-desktop-gutter:42px!important}
  .nav .brand,.home-nav .brand{font-size:2.35rem!important}
  body.page-home .reference-hero{background-position:70% center!important}
  body.page-home .reference-hero-inner{grid-template-columns:minmax(0,1fr) minmax(370px,430px)!important}
}
@media(max-width:1120px){
  :root{--zl-nav-height:74px!important;--zl-desktop-gutter:34px!important}
  .nav .brand,.home-nav .brand{font-size:2.08rem!important}
  body.page-home .reference-hero{background-position:70% center!important}
  body.page-home .reference-title .hero-title-line,body.page-home .reference-title .highlight-line{white-space:normal!important}
}
@media(max-width:760px){
  :root{--zl-nav-height:68px!important;--zl-desktop-gutter:26px!important}
  .nav .brand,.home-nav .brand{font-size:1.84rem!important}
  body.page-home .reference-hero{background-position:72% center!important}
}


/* === v13.7 homepage premium-composition refinement === */
:root{
  --zl-content-rail:1720px!important;
  --zl-desktop-gutter:48px!important;
}

/* Give the navigation the same confident scale and wide premium rail as the approved reference. */
.nav .brand,.home-nav .brand{
  font-size:3.02rem!important;
}
.nav .container,.home-nav .container,
.container,.reference-hero-inner.container,.premium-page-hero-inner.container,
.auth-layout.container,.register-layout.container,.portal-wrap.container{
  width:min(calc(100% - var(--zl-desktop-gutter)),var(--zl-content-rail))!important;
}

/* Homepage: push copy toward the left edge, the demo toward the right edge, and artwork rightward. */
body.page-home .reference-hero{
  background-position:70% center!important;
}
body.page-home .reference-hero-inner{
  grid-template-columns:minmax(720px,790px) minmax(430px,470px)!important;
  column-gap:clamp(54px,6vw,118px)!important;
  justify-content:space-between!important;
  align-items:center!important;
  padding-top:42px!important;
  padding-bottom:46px!important;
}
body.page-home .reference-copy{
  max-width:790px!important;
  justify-self:start!important;
  transform:translateY(-10px)!important;
}
body.page-home .reference-copy .eyebrow{
  margin-bottom:28px!important;
}
body.page-home .reference-title{
  max-width:790px!important;
  font-size:clamp(4.55rem,5.55vw,6.15rem)!important;
  line-height:.91!important;
  letter-spacing:-.066em!important;
}
body.page-home .reference-title .hero-title-line,
body.page-home .reference-title .highlight-line{
  white-space:nowrap!important;
}
body.page-home .reference-title .highlight-line{
  margin-top:.18em!important;
}
body.page-home .reference-sub{
  max-width:700px!important;
  margin:34px 0 28px!important;
  font-size:1.27rem!important;
  line-height:1.56!important;
  letter-spacing:-.012em!important;
}
body.page-home .reference-actions{
  gap:18px!important;
}
body.page-home .reference-actions .button,
body.page-home .reference-actions .button-ghost{
  min-height:56px!important;
  padding:0 28px!important;
}
body.page-home .reference-proof{
  gap:30px!important;
  margin-top:24px!important;
}
body.page-home .reference-proof span{
  font-size:1rem!important;
}
body.page-home .home-demo{
  grid-column:2!important;
  width:470px!important;
  max-width:470px!important;
  justify-self:end!important;
  align-self:center!important;
  transform:translateX(0)!important;
}

/* Keep interior marketing heroes on the same wider left rail. */
body.marketing-page:not(.page-home) .premium-page-hero-inner,
.auth-layout.container,.register-layout.container{
  justify-content:space-between!important;
}

@media(max-width:1780px){
  :root{--zl-content-rail:1620px!important;--zl-desktop-gutter:44px!important}
  .nav .brand,.home-nav .brand{font-size:2.82rem!important}
  body.page-home .reference-hero-inner{
    grid-template-columns:minmax(680px,750px) 450px!important;
    column-gap:clamp(44px,4vw,78px)!important;
  }
  body.page-home .reference-title{font-size:clamp(4.3rem,5.25vw,5.7rem)!important}
  body.page-home .home-demo{width:450px!important;max-width:450px!important}
}

@media(max-width:1480px){
  :root{--zl-content-rail:1360px!important;--zl-desktop-gutter:38px!important}
  .nav .brand,.home-nav .brand{font-size:2.55rem!important}
  body.page-home .reference-hero{background-position:72% center!important}
  body.page-home .reference-hero-inner{
    grid-template-columns:minmax(0,1fr) minmax(390px,430px)!important;
    column-gap:34px!important;
  }
  body.page-home .reference-title{font-size:clamp(3.95rem,5.4vw,5rem)!important}
  body.page-home .reference-sub{font-size:1.15rem!important;max-width:620px!important}
  body.page-home .home-demo{width:430px!important;max-width:430px!important}
  body.page-home .reference-proof{gap:20px!important}
}

@media(max-width:1120px){
  :root{--zl-desktop-gutter:32px!important}
  .nav .brand,.home-nav .brand{font-size:2.12rem!important}
  body.page-home .reference-hero{background-position:74% center!important}
  body.page-home .reference-hero-inner{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  body.page-home .reference-copy{max-width:760px!important;transform:none!important}
  body.page-home .reference-title .hero-title-line,
  body.page-home .reference-title .highlight-line{white-space:normal!important}
  body.page-home .home-demo{
    grid-column:1!important;
    justify-self:start!important;
    width:min(100%,470px)!important;
    max-width:470px!important;
  }
}

@media(max-width:760px){
  :root{--zl-desktop-gutter:24px!important}
  .nav .brand,.home-nav .brand{font-size:1.88rem!important}
  body.page-home .reference-hero{background-position:76% center!important}
  body.page-home .reference-hero-inner{padding-top:30px!important;padding-bottom:38px!important}
  body.page-home .reference-copy .eyebrow{margin-bottom:20px!important}
  body.page-home .reference-title{font-size:clamp(3.05rem,13.2vw,4.1rem)!important}
  body.page-home .reference-sub{font-size:1.04rem!important;line-height:1.5!important;margin:26px 0 20px!important}
  body.page-home .reference-actions{gap:10px!important}
  body.page-home .reference-actions .button,
  body.page-home .reference-actions .button-ghost{min-height:50px!important;padding:0 18px!important}
  body.page-home .reference-proof{gap:12px 18px!important;margin-top:18px!important}
  body.page-home .home-demo{width:100%!important;max-width:none!important}
}


/* === v13.8 interior-page navigation + framing refinement === */
/* Interior marketing pages use a slightly tighter premium content rail than the homepage. */
@media(min-width:1280px){
  body.marketing-page:not(.page-home) .container,
  body.marketing-page:not(.page-home) .nav .container,
  body.marketing-page:not(.page-home) .premium-page-hero-inner.container{
    width:min(calc(100% - 192px),1728px)!important;
  }
}
@media(min-width:1121px) and (max-width:1279px){
  body.marketing-page:not(.page-home) .container,
  body.marketing-page:not(.page-home) .nav .container,
  body.marketing-page:not(.page-home) .premium-page-hero-inner.container{
    width:min(calc(100% - 96px),100%)!important;
  }
}

/* Current primary section: white label + precise green underline, no breadcrumb needed. */
body:not(.page-home) .nav-links a[aria-current="page"]:not(.button):not(.button-ghost):not(.button-register){
  position:relative!important;
  color:#fff!important;
}
body:not(.page-home) .nav-links a[aria-current="page"]:not(.button):not(.button-ghost):not(.button-register)::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-14px!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#7af0a8,#54e18a)!important;
  box-shadow:0 0 16px rgba(84,225,138,.22)!important;
}

/* Breadcrumbs have been removed from the markup; normalize the first hero spacing. */
body.marketing-page:not(.page-home) .premium-page-copy>.eyebrow{
  margin-top:0!important;
}

/* Keep the interior composition feeling framed rather than edge-to-edge. */
body.marketing-page:not(.page-home) .premium-page-copy{
  max-width:650px!important;
}

@media(max-width:1120px){
  body.marketing-page:not(.page-home) .container,
  body.marketing-page:not(.page-home) .nav .container,
  body.marketing-page:not(.page-home) .premium-page-hero-inner.container{
    width:min(calc(100% - 40px),100%)!important;
  }
  body:not(.page-home) .nav-links a[aria-current="page"]:not(.button):not(.button-ghost):not(.button-register)::after{
    bottom:-8px!important;
  }
}

@media(max-width:760px){
  body.marketing-page:not(.page-home) .container,
  body.marketing-page:not(.page-home) .nav .container,
  body.marketing-page:not(.page-home) .premium-page-hero-inner.container{
    width:min(calc(100% - 28px),100%)!important;
  }
}


/* === v13.9 nav stability + homepage polish === */
/* Keep the navigation geometry identical on every page so logo/menu/CTAs never jump. */
:root{--zl-stable-nav-rail:1540px;--zl-stable-nav-gutter:96px}
.nav,.home-nav{position:sticky!important;top:0!important}
.nav .container,.home-nav .container{
  width:min(calc(100% - var(--zl-stable-nav-gutter)),var(--zl-stable-nav-rail))!important;
  max-width:none!important;
}
.nav-inner,.home-nav .nav-inner{height:86px!important;gap:28px!important}
.nav .brand,.home-nav .brand{
  font-size:2.72rem!important;
  line-height:1!important;
  letter-spacing:-.067em!important;
  flex:0 0 auto!important;
}
.nav-links,.home-nav .nav-links{gap:26px!important;align-items:center!important}
.nav-links>a:not(.button):not(.button-ghost):not(.button-register){
  font-size:.95rem!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.nav-links .nav-pilot-link,.home-nav .nav-pilot-link,
.nav-links .nav-dashboard-link,.home-nav .nav-dashboard-link{
  min-height:48px!important;
  padding:0 22px!important;
  border-radius:13px!important;
  font-size:.95rem!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.nav-links .nav-auth-link,.home-nav .nav-auth-link{
  min-width:98px!important;
  min-height:48px!important;
  padding:0 20px!important;
  border-radius:13px!important;
  font-size:.95rem!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.nav-links .nav-register-link,.home-nav .nav-register-link{
  min-width:98px!important;
  min-height:48px!important;
  padding:0 20px!important;
  border-radius:13px!important;
  font-size:.95rem!important;
  line-height:1!important;
  white-space:nowrap!important;
}

/* Current-page nav underline: hand-drawn feel, subtle positive slope, closer to label. */
body:not(.page-home) .nav-links a[aria-current="page"]:not(.button):not(.button-ghost):not(.button-register)::after{
  left:-1px!important;
  right:-1px!important;
  bottom:-9px!important;
  height:5px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#78efa7,#54e18a)!important;
  clip-path:polygon(0 34%,96% 0,100% 55%,3% 100%)!important;
  transform:rotate(-.8deg)!important;
  box-shadow:0 3px 10px rgba(84,225,138,.18)!important;
}

/* Give the homepage gold underline a deliberate gap below the lettering. */
body.page-home .reference-title .highlight-line::after{
  bottom:-22px!important;
  height:14px!important;
}

/* Process heading: one line per idea, underline only the result. */
.process-copy h2.process-heading{
  max-width:10ch!important;
  margin-bottom:24px!important;
}
.process-copy h2.process-heading::after{display:none!important}
.process-heading .process-line,.process-heading .process-highlight{display:block!important}
.process-heading .process-highlight{
  position:relative!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:.10em!important;
}
.process-heading .process-highlight::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-13px;
  height:11px;
  background:linear-gradient(90deg,#ffd644,#ffbf1f);
  clip-path:polygon(0 34%,96% 0,100% 54%,4% 100%);
  transform:rotate(-1.1deg);
  border-radius:999px;
  z-index:0;
}

/* Premium FAQ preview on homepage. */
.home-faq{padding:78px 0 88px!important;background:linear-gradient(180deg,#ffffff 0%,#f5f9fc 100%)!important}
.home-faq>.container{
  padding:48px 50px 52px!important;
  border:1px solid rgba(207,222,233,.95)!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 92% 6%,rgba(84,225,138,.10),transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f9fcfd 100%)!important;
  box-shadow:0 30px 85px rgba(21,49,76,.10)!important;
}
.home-faq .faq-intro{
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)!important;
  gap:44px!important;
  margin-bottom:32px!important;
  align-items:center!important;
}
.home-faq .faq-intro h2{
  max-width:13ch!important;
  margin:8px 0 0!important;
  font-size:clamp(3rem,4.2vw,4.65rem)!important;
  line-height:.96!important;
  letter-spacing:-.05em!important;
  color:#102037!important;
}
.home-faq .premium-note-card{
  padding:28px 30px!important;
  border-radius:26px!important;
  border:1px solid rgba(84,225,138,.25)!important;
  background:linear-gradient(145deg,#f8fdfa,#eefaf3)!important;
  box-shadow:0 18px 44px rgba(30,102,62,.08)!important;
}
.home-faq .premium-note-card .note-icon{
  width:52px!important;height:52px!important;border-radius:17px!important;
  box-shadow:0 10px 22px rgba(84,225,138,.20)!important;
}
.home-faq .premium-note-card strong{font-size:1.12rem!important}
.home-faq .premium-note-card p{color:#566d80!important}
.home-faq .premium-accordion{max-width:none!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
.home-faq .premium-accordion details{height:max-content!important}
.home-faq .premium-accordion summary{font-size:1.02rem!important}

@media(max-width:1480px){
  :root{--zl-stable-nav-gutter:76px}
  .nav .brand,.home-nav .brand{font-size:2.5rem!important}
  .nav-links,.home-nav .nav-links{gap:20px!important}
  .nav-links .nav-pilot-link,.home-nav .nav-pilot-link,
  .nav-links .nav-dashboard-link,.home-nav .nav-dashboard-link{padding-inline:19px!important}
}
@media(max-width:1120px){
  :root{--zl-stable-nav-gutter:40px}
  .nav-inner,.home-nav .nav-inner{height:74px!important}
  .nav .brand,.home-nav .brand{font-size:2.08rem!important}
  .home-faq>.container{padding:38px 34px 42px!important}
  .home-faq .faq-intro{grid-template-columns:1fr!important;gap:24px!important}
  .home-faq .premium-accordion{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  :root{--zl-stable-nav-gutter:28px}
  .nav-inner,.home-nav .nav-inner{height:68px!important}
  .nav .brand,.home-nav .brand{font-size:1.88rem!important}
  body.page-home .reference-title .highlight-line::after{bottom:-17px!important;height:11px!important}
  .home-faq{padding:48px 0 56px!important}
  .home-faq>.container{padding:26px 20px 30px!important;border-radius:26px!important}
  .home-faq .faq-intro h2{font-size:clamp(2.55rem,11vw,3.4rem)!important}
  .process-heading .process-highlight::after{bottom:-10px;height:9px}
}

/* === v13.10 nav lock + premium proof/FAQ refinement === */
/* One navigation rail everywhere: identical logo/menu/button positions page-to-page. */
@media(min-width:1280px){
  .nav .container,.home-nav .container,
  body.marketing-page .nav .container,
  body.page-home .nav .container{
    width:min(calc(100% - 192px),1728px)!important;
    max-width:none!important;
  }
}
@media(min-width:1121px) and (max-width:1279px){
  .nav .container,.home-nav .container,
  body.marketing-page .nav .container,
  body.page-home .nav .container{
    width:min(calc(100% - 96px),100%)!important;
    max-width:none!important;
  }
}
@media(max-width:1120px){
  .nav .container,.home-nav .container,
  body.marketing-page .nav .container,
  body.page-home .nav .container{
    width:min(calc(100% - 40px),100%)!important;
  }
}
@media(max-width:760px){
  .nav .container,.home-nav .container,
  body.marketing-page .nav .container,
  body.page-home .nav .container{
    width:min(calc(100% - 28px),100%)!important;
  }
}
/* Home never shows an active nav underline. */
body.page-home .nav-links a::after{display:none!important}

/* How-it-works proof strip: premium four-card system instead of a flat divider row. */
body.page-how-it-works .page-proof-strip{
  padding:28px 0 32px!important;
  background:linear-gradient(180deg,#f7fafc 0%,#ffffff 100%)!important;
  border-bottom:1px solid #e6edf2!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
}
body.page-how-it-works .page-proof-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
body.page-how-it-works .page-proof-item{
  min-height:92px!important;
  padding:18px 20px!important;
  display:grid!important;
  grid-template-columns:46px 1fr!important;
  align-items:center!important;
  gap:14px!important;
  border:1px solid #dce7ef!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 96% 5%,rgba(84,225,138,.10),transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#fbfdfe 100%)!important;
  box-shadow:0 14px 34px rgba(20,48,73,.07)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
body.page-how-it-works .page-proof-item+.page-proof-item{border-left:1px solid #dce7ef!important}
body.page-how-it-works .page-proof-item:hover{
  transform:translateY(-2px)!important;
  border-color:#c9dfd2!important;
  box-shadow:0 20px 42px rgba(20,48,73,.10)!important;
}
body.page-how-it-works .page-proof-item span{
  width:46px!important;
  height:46px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  background:linear-gradient(135deg,#54e18a,#82efad)!important;
  color:#0a3420!important;
  box-shadow:0 10px 22px rgba(84,225,138,.23)!important;
  font-size:.76rem!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
}
body.page-how-it-works .page-proof-item strong{
  color:#102037!important;
  font-size:1rem!important;
  line-height:1.25!important;
  letter-spacing:-.02em!important;
}

/* Homepage FAQ preview: quieter luxury surface, more air, sharper hierarchy. */
.home-faq{
  padding:86px 0 96px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f3f8fb 100%)!important;
}
.home-faq>.container{
  position:relative!important;
  overflow:hidden!important;
  padding:54px 56px 58px!important;
  border:1px solid #d7e3eb!important;
  border-radius:36px!important;
  background:
    radial-gradient(circle at 90% 0%,rgba(84,225,138,.13),transparent 30%),
    radial-gradient(circle at 8% 100%,rgba(44,118,170,.05),transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f9fcfd 100%)!important;
  box-shadow:0 34px 90px rgba(18,46,72,.11),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.home-faq>.container::before{
  content:"";
  position:absolute;
  top:0;
  left:56px;
  width:88px;
  height:4px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,#54e18a,#86efb0);
}
.home-faq .faq-intro{gap:52px!important;margin-bottom:36px!important;align-items:start!important}
.home-faq .faq-intro .kicker{margin-bottom:14px!important}
.home-faq .faq-intro h2{
  max-width:11ch!important;
  line-height:.98!important;
  letter-spacing:-.05em!important;
}
.home-faq .premium-note-card{
  padding:26px 28px!important;
  border:1px solid rgba(84,225,138,.28)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(245,253,248,.96),rgba(236,250,242,.90))!important;
  box-shadow:0 18px 44px rgba(35,122,73,.08)!important;
}
.home-faq .premium-note-card .note-icon{
  width:44px!important;height:44px!important;border-radius:14px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:linear-gradient(135deg,#54e18a,#84efae)!important;
  color:#0b3420!important;box-shadow:0 10px 22px rgba(84,225,138,.18)!important;
}
.home-faq .premium-accordion{gap:16px!important}
.home-faq .premium-accordion details{
  border:1px solid #dbe6ed!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 12px 30px rgba(19,48,75,.055)!important;
}
.home-faq .premium-accordion details:hover{
  border-color:#c9dbe5!important;
  box-shadow:0 18px 38px rgba(19,48,75,.085)!important;
}
.home-faq .premium-accordion details[open]{
  border-color:rgba(84,225,138,.38)!important;
  box-shadow:0 18px 42px rgba(35,122,73,.09)!important;
}
/* Precisely center + and − inside their circular controls. */
.home-faq .premium-accordion summary::after{
  right:20px!important;
  top:50%!important;
  width:36px!important;
  height:36px!important;
  padding:0 0 2px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:1.28rem!important;
  font-weight:700!important;
  transform:translateY(-50%)!important;
}
.home-faq .premium-accordion details[open] summary::after{
  content:"−"!important;
  padding-bottom:3px!important;
  transform:translateY(-50%)!important;
}

@media(max-width:1000px){
  body.page-how-it-works .page-proof-grid{grid-template-columns:1fr 1fr!important}
  body.page-how-it-works .page-proof-item:nth-child(3),
  body.page-how-it-works .page-proof-item:nth-child(4){border-top:1px solid #dce7ef!important}
  .home-faq>.container{padding:44px 38px 48px!important}
  .home-faq>.container::before{left:38px!important}
}
@media(max-width:700px){
  body.page-how-it-works .page-proof-grid{grid-template-columns:1fr!important}
  body.page-how-it-works .page-proof-item{min-height:82px!important;padding:16px 17px!important}
  .home-faq{padding:54px 0 62px!important}
  .home-faq>.container{padding:32px 22px 34px!important;border-radius:28px!important}
  .home-faq>.container::before{left:22px!important;width:68px!important}
}

/* === v13.11 homepage interactive recovery demo === */
body.page-home .home-demo.premium-recovery-demo{
  width:610px!important;
  max-width:610px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  border:2px solid rgba(255,255,255,.78)!important;
  background:#fff!important;
  box-shadow:0 34px 80px rgba(0,0,0,.32),0 10px 30px rgba(6,28,47,.18)!important;
  align-self:center!important;
  justify-self:end!important;
}
body.page-home .premium-recovery-demo .recovery-demo-head{
  height:64px!important;
  padding:0 14px 0 20px!important;
  background:linear-gradient(180deg,#102a43 0%,#0b2237 100%)!important;
  border-bottom:0!important;
}
body.page-home .premium-recovery-demo .recovery-demo-head strong{
  font-size:1.08rem!important;
  letter-spacing:-.02em!important;
}
body.page-home .premium-recovery-demo .recovery-demo-head strong::after{display:none!important}
body.page-home .premium-recovery-demo .recovery-demo-head-right{display:flex;align-items:center;gap:12px}
body.page-home .premium-recovery-demo .recovery-demo-guide{font-size:.78rem;color:#dce6ef;white-space:nowrap}
body.page-home .premium-recovery-demo .home-demo-controls{gap:7px!important}
body.page-home .premium-recovery-demo .home-demo-arrow{
  width:42px!important;height:42px!important;border-radius:11px!important;
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.34)!important;
  font-size:1.65rem!important;line-height:1!important;color:#fff!important;
}
body.page-home .premium-recovery-demo .home-demo-arrow:hover:not(:disabled){background:rgba(255,255,255,.13)!important;transform:translateY(-1px)}

body.page-home .premium-recovery-demo .recovery-demo-progress{
  position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
  gap:0;padding:13px 13px 11px;background:#fff;border-bottom:1px solid #e5ebf0;
}
body.page-home .premium-recovery-demo .recovery-demo-progress::before{
  content:"";position:absolute;left:9.3%;right:9.3%;top:33px;height:3px;
  background:#dbe3ea;border-radius:999px;z-index:0;
}
body.page-home .premium-recovery-demo .recovery-step{
  position:relative;z-index:1;border:0;background:transparent;padding:0 3px;min-width:0;
  display:grid;justify-items:center;gap:5px;cursor:pointer;color:#6d7e90;font:inherit;
}
body.page-home .premium-recovery-demo .recovery-step>span{
  width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:#e8eef4;color:#18314a;font-size:.83rem;font-weight:900;
  box-shadow:0 0 0 3px #fff;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
body.page-home .premium-recovery-demo .recovery-step small{
  font-size:.61rem;line-height:1.06;text-align:center;font-weight:650;color:#738398;white-space:nowrap;
}
body.page-home .premium-recovery-demo .recovery-step.active>span{
  background:#0a5538;color:#fff;box-shadow:0 0 0 3px #fff,0 0 0 6px #54e18a;transform:scale(1.02);
}
body.page-home .premium-recovery-demo .recovery-step.active small{color:#10283f;font-weight:900}
body.page-home .premium-recovery-demo .recovery-step:hover>span{background:#dce9e2}
body.page-home .premium-recovery-demo .recovery-step.active:hover>span{background:#0a5538}

body.page-home .premium-recovery-demo .recovery-demo-body{
  min-height:430px!important;padding:14px 16px 12px!important;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)!important;
}
body.page-home .premium-recovery-demo .recovery-demo-body::before,
body.page-home .premium-recovery-demo .recovery-demo-body::after{display:none!important;content:none!important}
body.page-home .premium-recovery-demo .home-demo-stage{height:auto}
body.page-home .premium-recovery-demo .home-demo-stage.is-active{animation:zlFade .22s ease}

body.page-home .premium-recovery-demo .recovery-event-card{
  display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:11px;
  padding:11px 12px;border:1px solid #dbe5ee;border-radius:14px;background:#fff;
  box-shadow:0 5px 14px rgba(25,51,76,.035);margin-bottom:10px;
}
body.page-home .premium-recovery-demo .recovery-icon{
  width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:#eaf0f5;color:#0d2840;font-weight:900;font-size:1rem;
}
body.page-home .premium-recovery-demo .recovery-event-card strong{display:block;color:#122b43;font-size:.88rem;line-height:1.2}
body.page-home .premium-recovery-demo .recovery-event-card span{display:block;color:#75869a;font-size:.68rem;margin-top:3px}
body.page-home .premium-recovery-demo .recovery-event-card em{
  font-style:normal;color:#b12d28;background:#fde9e7;padding:8px 12px;border-radius:10px;font-size:.72rem;white-space:nowrap;
}
body.page-home .premium-recovery-demo .recovery-event-card.success em{color:#187245;background:#e7f8ef}

body.page-home .premium-recovery-demo .recovery-conversation{display:grid;gap:8px;margin:4px 0 10px}
body.page-home .premium-recovery-demo .recovery-message{display:flex;gap:9px;align-items:flex-start}
body.page-home .premium-recovery-demo .recovery-avatar{
  flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:#122c45;color:#fff;font-weight:950;box-shadow:0 0 0 4px #e9eef3;
}
body.page-home .premium-recovery-demo .recovery-message.agent>div:last-child{max-width:76%}
body.page-home .premium-recovery-demo .recovery-message strong{display:block;color:#1833b0;font-size:.73rem;margin-bottom:3px}
body.page-home .premium-recovery-demo .recovery-message p{margin:0;padding:8px 11px;border-radius:12px;background:#edf2f6;color:#193049;font-size:.73rem;line-height:1.35}
body.page-home .premium-recovery-demo .recovery-message span{display:block;color:#7a8b9d;font-size:.62rem;margin:3px 4px 0}
body.page-home .premium-recovery-demo .recovery-message.customer{justify-content:flex-end}
body.page-home .premium-recovery-demo .recovery-message.customer>div{max-width:72%}
body.page-home .premium-recovery-demo .recovery-message.customer p{background:linear-gradient(135deg,#54e18a,#6ce8a0);color:#08341d}
body.page-home .premium-recovery-demo .recovery-message.customer span{text-align:right}
body.page-home .premium-recovery-demo .recovery-conversation.compact{padding:8px 0 4px}

body.page-home .premium-recovery-demo .recovery-qualified-card{
  display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;
  padding:10px 12px;border-radius:14px;background:#eef3f7;border:1px solid #e0e7ed;
}
body.page-home .premium-recovery-demo .recovery-qualified-card strong{color:#2437b8;font-size:.78rem}
body.page-home .premium-recovery-demo .recovery-qualified-card p{margin:3px 0 0;color:#64758a;font-size:.67rem;line-height:1.3}
body.page-home .premium-recovery-demo .recovery-qualified-card button{
  border:1px solid #b7c5d2;background:#fff;color:#122b43;border-radius:10px;padding:8px 10px;font-weight:850;font-size:.70rem;cursor:pointer;
}
body.page-home .premium-recovery-demo .recovery-qualified-card button:hover{border-color:#54e18a;box-shadow:0 8px 18px rgba(84,225,138,.12)}

body.page-home .premium-recovery-demo .recovery-focus-card,
body.page-home .premium-recovery-demo .recovery-booked-card,
body.page-home .premium-recovery-demo .recovery-handoff-card{
  border:1px solid #dbe5ed;border-radius:18px;background:linear-gradient(180deg,#fff,#f6f9fb);padding:24px;
  box-shadow:0 12px 30px rgba(20,48,73,.06);margin-top:14px;
}
body.page-home .premium-recovery-demo .recovery-focus-kicker{display:block;color:#159253;font-size:.70rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
body.page-home .premium-recovery-demo .recovery-focus-card h4{font-size:1.35rem;line-height:1.05;letter-spacing:-.035em;color:#10263c;margin:0 0 10px}
body.page-home .premium-recovery-demo .recovery-focus-card p,
body.page-home .premium-recovery-demo .recovery-booked-card p{color:#5c7083;line-height:1.55;margin:0;font-size:.87rem}
body.page-home .premium-recovery-demo .recovery-focus-card.mini{padding:18px 20px;margin-top:12px}
body.page-home .premium-recovery-demo .recovery-focus-card.mini h4{font-size:1.05rem}
body.page-home .premium-recovery-demo .recovery-evidence{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
body.page-home .premium-recovery-demo .recovery-evidence span{padding:7px 9px;border-radius:999px;background:#edf9f2;color:#226340;font-size:.68rem;font-weight:800}

body.page-home .premium-recovery-demo .recovery-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}
body.page-home .premium-recovery-demo .recovery-data-grid>div{padding:15px 13px;border:1px solid #e0e8ee;border-radius:14px;background:#fff}
body.page-home .premium-recovery-demo .recovery-data-grid small{display:block;color:#77899b;font-size:.65rem;margin-bottom:4px}
body.page-home .premium-recovery-demo .recovery-data-grid strong{font-size:.85rem;color:#10283f}

body.page-home .premium-recovery-demo .recovery-handoff-card{display:grid;gap:11px}
body.page-home .premium-recovery-demo .recovery-handoff-card>div{display:flex;justify-content:space-between;gap:20px;padding-bottom:10px;border-bottom:1px solid #e5ebf0}
body.page-home .premium-recovery-demo .recovery-handoff-card small{color:#77899b}.premium-recovery-demo .recovery-handoff-card strong{color:#10283f;text-align:right}
body.page-home .premium-recovery-demo .recovery-handoff-card a{justify-self:start;color:#087d43;font-weight:900;font-size:.8rem;margin-top:4px}
body.page-home .premium-recovery-demo .recovery-booked-card>strong{display:block;font-size:1.16rem;color:#10283f;margin-bottom:8px}
body.page-home .premium-recovery-demo .recovery-booked-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
body.page-home .premium-recovery-demo .recovery-booked-metrics>div{padding:12px;border-radius:13px;background:#eff8f3;border:1px solid #d8eee1}
body.page-home .premium-recovery-demo .recovery-booked-metrics small{display:block;color:#668172;font-size:.62rem;margin-bottom:4px}.premium-recovery-demo .recovery-booked-metrics b{font-size:.84rem;color:#164b30}

body.page-home .premium-recovery-demo .recovery-demo-footer{
  min-height:48px!important;padding:11px 18px!important;background:linear-gradient(180deg,#102a43,#0b2237)!important;
  color:#dbe6ef!important;display:flex!important;align-items:center!important;border-top:0!important;
}
body.page-home .premium-recovery-demo .recovery-demo-footer span{font-size:.72rem!important;max-width:none!important;line-height:1.35!important}

/* Keep the existing gold hero underline. Its brush geometry already matches the approved visual language closely. */

@media(max-width:1450px){
  body.page-home .home-demo.premium-recovery-demo{width:560px!important;max-width:560px!important}
  body.page-home .premium-recovery-demo .recovery-step small{font-size:.56rem}
  body.page-home .premium-recovery-demo .recovery-demo-body{min-height:410px!important}
}
@media(max-width:1200px){
  body.page-home .home-demo.premium-recovery-demo{width:500px!important;max-width:500px!important}
  body.page-home .premium-recovery-demo .recovery-demo-guide{display:none}
  body.page-home .premium-recovery-demo .recovery-step small{white-space:normal;min-height:24px}
  body.page-home .premium-recovery-demo .recovery-demo-progress::before{top:32px}
}
@media(max-width:900px){
  body.page-home .home-demo.premium-recovery-demo{width:min(100%,620px)!important;max-width:620px!important;justify-self:start!important;margin-top:16px!important}
}
@media(max-width:640px){
  body.page-home .home-demo.premium-recovery-demo{width:100%!important;max-width:none!important;border-radius:19px!important}
  body.page-home .premium-recovery-demo .recovery-demo-head{height:58px!important;padding-inline:13px!important}
  body.page-home .premium-recovery-demo .recovery-demo-progress{padding:10px 7px 9px;overflow-x:auto;grid-template-columns:repeat(6,76px);justify-content:start}
  body.page-home .premium-recovery-demo .recovery-demo-progress::before{left:38px;right:auto;width:380px;top:29px}
  body.page-home .premium-recovery-demo .recovery-step>span{width:36px;height:36px}
  body.page-home .premium-recovery-demo .recovery-step small{font-size:.54rem}
  body.page-home .premium-recovery-demo .recovery-demo-body{min-height:390px!important;padding:12px!important}
  body.page-home .premium-recovery-demo .recovery-event-card{grid-template-columns:40px 1fr auto;padding:9px}
  body.page-home .premium-recovery-demo .recovery-icon{width:36px;height:36px}
  body.page-home .premium-recovery-demo .recovery-message.agent>div:last-child{max-width:82%}
  body.page-home .premium-recovery-demo .recovery-qualified-card{grid-template-columns:38px 1fr}.premium-recovery-demo .recovery-qualified-card button{grid-column:1/-1;width:100%}
  body.page-home .premium-recovery-demo .recovery-data-grid{grid-template-columns:1fr 1fr}
  body.page-home .premium-recovery-demo .recovery-booked-metrics{grid-template-columns:1fr}
}


/* === v13.28 FAQ + member experience === */
.faq-proof-strip-premium{padding:22px 0!important;background:linear-gradient(180deg,#fff,#f6fafc)!important;border-block:1px solid #e4ecf2!important}
.faq-proof-grid-premium{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important}
.faq-proof-card{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:18px 18px;border-radius:20px;background:#fff;border:1px solid #dfe8ef;box-shadow:0 14px 32px rgba(20,48,74,.055)}
.faq-proof-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#e9fbf0,#dff7e8);border:1px solid #caecd7}.faq-proof-icon svg{width:23px;height:23px;fill:none;stroke:#16884a;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.faq-proof-card span:not(.faq-proof-icon){display:block;color:#16884a;font-weight:850;text-transform:uppercase;letter-spacing:.07em;font-size:.69rem}.faq-proof-card strong{display:block;color:#102133;font-size:1rem;line-height:1.2;margin-top:2px}.faq-proof-card small{display:block;color:#6a7d8f;line-height:1.35;margin-top:5px;font-size:.78rem}
.faq-sales-intro-premium{padding:64px 0 72px!important;background:linear-gradient(180deg,#f8fbfd,#fff)!important}.faq-intro-premium-shell{display:grid;grid-template-columns:1fr .96fr;gap:46px;align-items:center;padding:42px;border-radius:32px;background:linear-gradient(135deg,#fff 0%,#f7fbfd 72%,#effaf3 100%);border:1px solid #dde8ef;box-shadow:0 26px 70px rgba(19,48,75,.085);position:relative;overflow:hidden}.faq-intro-premium-shell:before{content:"";position:absolute;left:0;top:0;width:110px;height:5px;background:linear-gradient(90deg,#49d17d,#80ecaa);border-radius:0 999px 999px 0}.faq-intro-copy h2{color:#102133!important;font-size:clamp(2.65rem,4.4vw,4.2rem)!important;max-width:12ch!important}.faq-intro-copy .section-lede{color:#536a7e!important;font-size:1.06rem!important;line-height:1.7!important;max-width:660px}.faq-intro-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.faq-intro-points>span{padding:16px;border:1px solid #e0e9ef;border-radius:18px;background:#fff}.faq-intro-points b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e9f9ef;color:#198348;font-size:.72rem}.faq-intro-points strong,.faq-intro-points small{display:block}.faq-intro-points strong{margin-top:10px;color:#102133}.faq-intro-points small{margin-top:5px;color:#6b7d8d;line-height:1.4;font-size:.78rem}.faq-intro-side{display:grid;gap:14px}.faq-mini-flow{border-radius:24px;background:#0d2238;color:#fff;border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 24px 54px rgba(10,32,52,.18)}.faq-mini-flow-head{display:flex;align-items:center;gap:10px;padding:17px 19px;border-bottom:1px solid rgba(255,255,255,.09)}.faq-mini-flow-head em{margin-left:auto;color:#a9bdcc;font-style:normal;font-size:.75rem}.live-dot{width:10px;height:10px;border-radius:50%;background:#49d17d;box-shadow:0 0 0 6px rgba(73,209,125,.12)}.faq-mini-flow-row{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.075)}.faq-mini-flow-row:last-child{border-bottom:0}.flow-num{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:rgba(73,209,125,.12);color:#7ce9a6;font-weight:900}.faq-mini-flow-row strong,.faq-mini-flow-row small{display:block}.faq-mini-flow-row small{color:#aabcca;margin-top:2px;font-size:.76rem}.flow-state{padding:6px 9px;border-radius:999px;background:rgba(73,209,125,.13);color:#8df0b4;font-size:.69rem;font-weight:850}.faq-simple-idea{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:18px;border-radius:20px;background:#fff;border:1px solid #dce8ef;box-shadow:0 14px 32px rgba(20,48,74,.055)}.faq-simple-idea p{color:#607488!important;margin:5px 0 8px!important}.faq-simple-idea a{color:#138048;font-weight:850}.faq-recovery-flow-light .faq-category-head h2{color:#102133!important}.faq-recovery-flow-light .faq-category-head>p{color:#607488!important}

.member-page{background:#eef4f8!important;color:#102133}.member-shell{background:radial-gradient(circle at 78% 0%,rgba(73,209,125,.08),transparent 26%),linear-gradient(180deg,#f6f9fc,#edf3f8)!important;padding:22px 0 54px!important;min-height:100vh}.member-wrap{display:grid!important;grid-template-columns:252px minmax(0,1fr)!important;gap:18px!important;align-items:start!important}.member-sidebar{position:sticky!important;top:92px!important;height:calc(100vh - 112px)!important;padding:20px!important;border-radius:24px!important;background:linear-gradient(180deg,#0a2035,#081625)!important;box-shadow:0 24px 60px rgba(7,24,40,.18)!important;overflow:auto}.member-sidebar-head{display:grid;gap:7px;margin-bottom:18px}.member-sidebar-badge{color:#7fe9a6;font-size:.64rem;text-transform:uppercase;letter-spacing:.11em;font-weight:900}.member-nav{display:grid!important;gap:5px!important}.member-nav-label{padding:14px 12px 5px;color:#7890a4;font-size:.64rem;text-transform:uppercase;letter-spacing:.13em;font-weight:850}.member-nav a{display:flex!important;align-items:center;gap:11px;padding:10px 12px!important;border-radius:13px!important;border:1px solid transparent!important}.member-nav a[aria-current="page"]{background:linear-gradient(135deg,rgba(73,209,125,.18),rgba(73,209,125,.09))!important;border-color:rgba(73,209,125,.2)!important}.member-nav-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.055)}.member-nav-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.member-plan-card{margin-top:18px;padding:15px;border-radius:17px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#dce9f2}.member-plan-top{display:flex;justify-content:space-between;gap:10px;font-size:.78rem}.member-plan-card small{display:block;color:#9fb3c3;margin-top:8px;line-height:1.35}.member-plan-card a{display:inline-block;color:#83ecaa;margin-top:9px;font-size:.77rem;font-weight:850}.member-meter{height:7px;border-radius:999px;background:rgba(255,255,255,.11);overflow:hidden;margin-top:9px}.member-meter span{display:block;height:100%;background:linear-gradient(90deg,#49d17d,#82edaa);border-radius:inherit}.member-meter.large{height:10px;background:#e9f0f5}.member-main{display:grid!important;gap:16px!important;min-width:0}.member-top{background:rgba(255,255,255,.94)!important;border:1px solid #dce7ee!important;box-shadow:0 16px 38px rgba(20,48,74,.055)!important;border-radius:24px!important;padding:24px 26px!important}.member-top h1{color:#102133!important;font-size:clamp(2.45rem,4vw,3.55rem)!important;margin:10px 0 5px!important}.member-top .subtitle{color:#5d7285!important;max-width:780px!important}.member-card,.member-revenue-hero,.member-attention-card,.member-readiness-hero,.member-report-hero{background:#fff;border:1px solid #dce7ee;border-radius:24px;box-shadow:0 16px 38px rgba(20,48,74,.055)}.member-card{padding:22px}.member-card h2,.member-attention-card h2,.member-revenue-hero h2,.member-readiness-hero h2{color:#102133!important;font-size:1.45rem!important;letter-spacing:-.035em!important;max-width:none!important}.member-card p,.member-attention-card p,.member-revenue-hero p,.member-readiness-hero p{color:#607489!important}.member-card-kicker{display:block;color:#188248;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.member-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.member-section-head h2{margin:4px 0 0!important}.member-section-head>a,.member-text-link{color:#147e46!important;font-weight:850;font-size:.82rem}.member-count-pill,.system-good,.system-warn{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;font-size:.7rem;font-weight:850;white-space:nowrap}.member-count-pill{background:#eef5f9;color:#36566e}.system-good{background:#e5f8ec;color:#158149}.system-warn{background:#fff3d7;color:#916314}.member-command-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.member-revenue-hero{position:relative;overflow:hidden;padding:28px 190px 26px 28px;background:linear-gradient(135deg,#0c263d,#0f3b30);color:#fff}.member-revenue-hero p{color:#d0dfe8!important;max-width:620px}.member-revenue-hero img{position:absolute;right:12px;bottom:0;width:175px;max-height:190px;object-fit:contain;object-position:bottom}.member-revenue-value{font-size:clamp(3.4rem,6vw,5.4rem);font-weight:950;letter-spacing:-.07em;line-height:.95;margin:10px 0;color:#fff}.member-revenue-split{display:flex;gap:12px;flex-wrap:wrap}.member-revenue-split span{padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);font-size:.76rem}.member-revenue-split b{color:#83efaa}.member-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.member-attention-card{padding:22px}.member-action-list{display:grid;gap:8px}.member-action-list a{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:14px;background:#f7fafc;border:1px solid #e5edf2}.member-action-list a:hover{background:#f1f8f4;border-color:#d3e9dc}.member-action-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#e6f8ed;color:#16844a;font-weight:900}.member-action-list strong,.member-action-list small{display:block}.member-action-list small{color:#6b7d8d;font-size:.73rem;margin-top:2px}.member-action-list em{font-style:normal;color:#537086;font-size:.7rem;font-weight:800}.member-kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.member-kpi-grid.compact{grid-template-columns:repeat(4,1fr)}.member-kpi-grid article{display:grid;grid-template-columns:40px 1fr;gap:11px;align-items:center;padding:17px;background:#fff;border:1px solid #dce7ee;border-radius:20px;box-shadow:0 12px 28px rgba(20,48,74,.045)}.member-kpi-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e8f8ee;color:#15824a;font-weight:950}.member-kpi-grid small,.member-kpi-grid em{display:block;color:#6c7f90;font-style:normal}.member-kpi-grid small{font-size:.73rem;font-weight:750}.member-kpi-grid strong{display:block;color:#102133;font-size:1.55rem;letter-spacing:-.04em;line-height:1.1}.member-kpi-grid em{font-size:.68rem;margin-top:2px}.member-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.member-grid.two-thirds{grid-template-columns:1.28fr .72fr}.member-funnel{display:grid;gap:11px}.member-funnel>div{display:grid;grid-template-columns:120px 40px 1fr;gap:12px;align-items:center}.member-funnel span{color:#536b7f;font-size:.82rem}.member-funnel strong{color:#102133}.member-funnel i,.member-time-bars i{height:9px;border-radius:999px;background:#edf3f7;overflow:hidden}.member-funnel b,.member-time-bars b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#49d17d,#74e8a1)}.member-health-list{display:grid;gap:11px}.member-health-list>div{display:grid;grid-template-columns:11px 1fr;gap:10px;align-items:start}.health-dot{width:10px;height:10px;border-radius:50%;margin-top:5px}.health-dot.good{background:#32c56d;box-shadow:0 0 0 5px rgba(50,197,109,.1)}.health-dot.warn{background:#e2a41f;box-shadow:0 0 0 5px rgba(226,164,31,.1)}.member-health-list p{margin:0!important}.member-health-list strong,.member-health-list small{display:block}.member-health-list small{font-size:.73rem;color:#708293;margin-top:2px}.member-table-card{padding:0;overflow:hidden}.member-table-card>.member-section-head{padding:21px 22px 0}.member-table-wrap{overflow:auto}.member-table{width:100%;border-collapse:collapse;min-width:860px}.member-table th,.member-table td{padding:13px 14px;border-bottom:1px solid #e6edf2;color:#263d52;font-size:.78rem;text-align:left;vertical-align:middle}.member-table th{background:#f7fafc;color:#6b7f90;font-size:.65rem;text-transform:uppercase;letter-spacing:.07em}.member-table tr:last-child td{border-bottom:0}.lead-primary strong,.lead-primary span{display:block}.lead-primary span{color:#718495;font-size:.71rem;margin-top:2px}.service-chip,.urgency,.status-chip,.evidence-dot{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:.68rem;font-weight:800;white-space:nowrap}.service-chip{background:#eef4f8;color:#31536d}.urgency.urgent{background:#fff0ec;color:#b95035}.urgency.same-day{background:#fff6dd;color:#956710}.urgency.standard{background:#eef5f9;color:#587185}.status-chip.qualified{background:#e6f8ed;color:#147d46}.status-chip.booked{background:#e8f0ff;color:#3765a5}.status-chip.contacted{background:#f0ecff;color:#6950a4}.status-chip.handoff{background:#e9f4f7;color:#32677b}.status-chip.won{background:#dff8e8;color:#0e7d40}.evidence-dot.good{background:#e8f8ee;color:#168148}.evidence-dot.bad{background:#fff0ed;color:#b34d36}.member-table td small{display:block;color:#748697;font-size:.68rem}.muted{color:#80909e}.member-toolbar-head{align-items:center}.member-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.member-search{display:flex;align-items:center;gap:8px;padding:0 11px;border-radius:12px;border:1px solid #dce7ee;background:#fff}.member-search input{border:0;outline:0;min-height:36px;background:transparent;color:#102133;width:180px}.member-filter-group{display:flex;gap:5px;flex-wrap:wrap}.member-filter-group button{border:1px solid #dce7ee;background:#f7fafc;color:#496376;border-radius:10px;padding:8px 10px;font-weight:800;font-size:.7rem;cursor:pointer}.member-filter-group button.is-active{background:#e6f8ed;border-color:#c9ead6;color:#147d46}.member-evidence-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.member-evidence-grid>div{padding:14px;background:#f8fafc;border:1px solid #e5ecf1;border-radius:15px}.member-evidence-grid span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e8f8ee;color:#17814a;font-size:.7rem;font-weight:900}.member-evidence-grid strong,.member-evidence-grid small{display:block}.member-evidence-grid strong{margin-top:9px}.member-evidence-grid small{margin-top:4px;color:#6e8191;font-size:.7rem;line-height:1.4}.member-focus-card{background:linear-gradient(135deg,#0e2940,#113a30);color:#fff}.member-focus-card h2{color:#fff!important;font-size:2rem!important}.member-focus-card p{color:#d1dfe8!important}.member-policy-list{display:grid;gap:10px;margin-top:17px}.member-policy-list>div{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid #e8eef2}.member-policy-list>div:last-child{border-bottom:0}.member-policy-list>div>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#e7f8ee;color:#16814a;font-weight:900;font-size:.72rem}.member-policy-list p{margin:0!important}.member-policy-list strong,.member-policy-list small{display:block}.member-policy-list small{font-size:.73rem;color:#738596;margin-top:2px}.member-time-bars{display:grid;gap:14px;margin-top:18px}.member-time-bars>div{display:grid;grid-template-columns:120px 1fr 38px;gap:10px;align-items:center}.member-time-bars span{font-size:.78rem;color:#536b7f}.member-time-bars strong{font-size:.78rem;text-align:right}.member-conversation-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px}.member-conversation-list{padding:16px}.conversation-item{width:100%;display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;text-align:left;border:0;background:transparent;padding:11px;border-radius:14px;cursor:pointer}.conversation-item:hover,.conversation-item.is-active{background:#f0f8f3}.conversation-item strong,.conversation-item small{display:block}.conversation-item small{color:#718494;font-size:.72rem;margin-top:2px}.conversation-item em{font-style:normal;color:#7890a2;font-size:.68rem}.avatar{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#102a43;color:#fff;font-weight:900}.avatar.large{width:46px;height:46px}.member-transcript{padding:0;overflow:hidden}.member-transcript-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e3ebf0}.member-transcript-head>div{display:flex;align-items:center;gap:10px}.member-transcript-head small{display:block;color:#718494;margin-top:2px}.member-message-timeline{padding:20px;display:grid;gap:10px;background:#f7fafc}.timeline-event{display:flex;align-items:center;gap:10px;color:#536c7f;font-size:.76rem}.timeline-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#edf4f8}.timeline-event strong,.timeline-event small{display:block}.member-bubble{max-width:76%;padding:12px 14px;border-radius:16px;font-size:.82rem;line-height:1.5}.member-bubble small{display:block;font-size:.65rem;margin-bottom:4px;opacity:.72}.member-bubble.outgoing{background:#e8f0f6;color:#16344c}.member-bubble.incoming{background:#54df89;color:#082718;margin-left:auto}.member-qualification-panel{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:18px 20px}.member-qualification-panel h3{margin:3px 0 0;color:#102133}.member-qualification-panel dl{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0}.member-qualification-panel dl div{padding:9px 10px;border-radius:12px;background:#f5f8fa}.member-qualification-panel dt{font-size:.61rem;text-transform:uppercase;color:#728495}.member-qualification-panel dd{margin:2px 0 0;font-size:.73rem;font-weight:850;color:#193a54}.member-evidence-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.member-evidence-rail>div{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:15px;background:#fff;border:1px solid #dce7ee;border-radius:18px}.member-evidence-rail>div>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#e8f8ee;color:#158149;font-weight:900}.member-evidence-rail p{margin:0}.member-evidence-rail strong,.member-evidence-rail small{display:block}.member-evidence-rail small{color:#6f8292;font-size:.68rem;margin-top:2px}.member-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.member-outcome-form,.member-settings-form{display:grid;gap:14px}.member-outcome-form label,.member-settings-form label{display:grid;gap:6px;color:#405b70;font-size:.76rem;font-weight:800}.member-outcome-form input,.member-outcome-form select,.member-outcome-form textarea,.member-settings-form input,.member-settings-form select,.member-settings-form textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid #d8e4ec;border-radius:12px;background:#fff;color:#102133;outline:0}.member-outcome-form textarea,.member-settings-form textarea{min-height:80px;resize:vertical}.member-outcome-form input:focus,.member-outcome-form select:focus,.member-outcome-form textarea:focus,.member-settings-form input:focus,.member-settings-form select:focus,.member-settings-form textarea:focus{border-color:#76d99a;box-shadow:0 0 0 4px rgba(73,209,125,.1)}.member-form-status{margin:0;color:#617789;font-size:.76rem}.member-form-status.ok{padding:10px 12px;border-radius:11px;background:#e8f8ee;color:#147c45}.member-roi-card{background:linear-gradient(135deg,#0d2840,#123b31);color:#fff}.member-roi-card h2{color:#fff!important;font-size:2.25rem!important}.member-roi-card p{color:#d0dfe8!important}.roi-split{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.roi-split>div{padding:16px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}.roi-split small,.roi-split strong,.roi-split span{display:block}.roi-split strong{font-size:1.8rem;color:#fff}.roi-split span{color:#acd0be;font-size:.7rem}.member-readiness-hero{display:grid;grid-template-columns:1fr 200px;gap:20px;align-items:center;padding:28px 28px 0;overflow:hidden;background:linear-gradient(135deg,#fff,#f2faf5)}.member-readiness-hero>div{padding-bottom:26px}.member-readiness-hero img{width:190px;max-height:220px;object-fit:contain;object-position:bottom}.readiness-score{display:flex;align-items:end;gap:12px;margin:8px 0}.readiness-score strong{font-size:4.4rem;line-height:.9;letter-spacing:-.07em;color:#102133}.readiness-score span{padding-bottom:6px;color:#168149;font-weight:900}.readiness-list{display:grid;gap:8px}.readiness-list label{display:grid;grid-template-columns:0 40px 1fr auto;gap:11px;align-items:center;padding:13px 14px;border:1px solid #e1e9ef;border-radius:15px;background:#fafcfd;cursor:pointer}.readiness-list input{opacity:0;width:0}.readiness-check-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eef3f7;color:#6c8293;font-weight:900}.readiness-list input:checked+.readiness-check-icon{background:#e2f8eb;color:#128047}.readiness-list strong,.readiness-list small{display:block}.readiness-list small{font-size:.72rem;color:#718494;margin-top:2px}.readiness-list em{font-style:normal;font-size:.68rem;color:#607789;font-weight:800}.member-report-hero{display:grid;grid-template-columns:1.4fr repeat(3,.8fr);gap:0;overflow:hidden}.member-report-hero>div{padding:22px;border-right:1px solid #e4ebf0}.member-report-hero>div:last-child{border-right:0}.member-report-hero>div:first-child{background:linear-gradient(135deg,#0c263d,#0f3b30);color:#fff}.member-report-hero>div:first-child strong{display:block;font-size:3.5rem;letter-spacing:-.06em}.member-report-hero>div:first-child p{color:#d3e2e9;margin:5px 0 0}.member-report-hero>div:first-child p b{color:#88efad}.member-report-stat span,.member-report-stat strong,.member-report-stat small{display:block}.member-report-stat span{color:#607789;font-size:.74rem}.member-report-stat strong{font-size:2rem;letter-spacing:-.04em;margin-top:7px}.member-report-stat small{color:#738698;margin-top:3px}.member-bar-chart{height:260px;display:flex;align-items:flex-end;gap:10px;padding:28px 4px 0}.member-bar-chart>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.member-bar-chart b{width:100%;height:var(--h);min-height:10px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#74e6a0,#35be6a)}.member-bar-chart span{font-size:.66rem;color:#587084}.member-bar-chart small{font-size:.65rem;color:#718596}.usage-big strong{font-size:4rem;letter-spacing:-.06em}.usage-big span{color:#718596}.member-statline{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e7edf1;color:#587084;font-size:.8rem}.member-statline strong{color:#102133}.member-insight-list{list-style:none;margin:14px 0;padding:0;display:grid;gap:12px}.member-insight-list li{padding:11px 0;border-bottom:1px solid #e6edf1}.member-insight-list strong,.member-insight-list span{display:block}.member-insight-list span{color:#738697;font-size:.73rem;margin-top:2px}.member-settings-form>.member-grid>.member-card{display:grid;gap:12px}.member-settings-save{display:flex;align-items:center;gap:18px;padding:17px 20px;border-radius:18px;background:#0e283f;color:#fff}.member-settings-save>div{margin-right:auto}.member-settings-save strong,.member-settings-save span{display:block}.member-settings-save span{color:#b9cad7;font-size:.72rem;margin-top:2px}.member-settings-save .member-form-status{flex-basis:100%}
@media(max-width:1180px){.faq-proof-grid-premium{grid-template-columns:1fr 1fr!important}.faq-intro-premium-shell{grid-template-columns:1fr;gap:28px}.member-wrap{grid-template-columns:218px minmax(0,1fr)!important}.member-command-grid,.member-grid.two-thirds{grid-template-columns:1fr}.member-kpi-grid{grid-template-columns:repeat(3,1fr)}.member-kpi-grid.compact{grid-template-columns:repeat(2,1fr)}.member-evidence-grid{grid-template-columns:repeat(3,1fr)}.member-report-hero{grid-template-columns:1fr 1fr}.member-report-hero>div:nth-child(2){border-right:0}.member-report-hero>div:nth-child(-n+2){border-bottom:1px solid #e4ebf0}.member-conversation-layout{grid-template-columns:280px minmax(0,1fr)}.member-qualification-panel{grid-template-columns:1fr}.member-qualification-panel dl{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.member-shell{padding-top:12px!important}.member-wrap{grid-template-columns:1fr!important}.member-sidebar{position:static!important;height:auto!important}.member-sidebar-head{display:flex;align-items:center;justify-content:space-between}.member-nav{grid-template-columns:repeat(4,1fr)!important}.member-nav-label{display:none}.member-nav a{justify-content:center;flex-direction:column;gap:4px;font-size:.68rem;text-align:center}.member-plan-card{display:none}.member-command-grid,.member-grid,.member-conversation-layout{grid-template-columns:1fr}.member-evidence-rail{grid-template-columns:1fr 1fr}.member-revenue-hero{padding-right:170px}.member-readiness-hero{grid-template-columns:1fr 150px}.member-readiness-hero img{width:145px}.member-qualification-panel dl{grid-template-columns:1fr 1fr}.member-top{flex-direction:column}.member-top .portal-top-actions{width:100%;display:flex}.member-kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.faq-proof-grid-premium{grid-template-columns:1fr!important}.faq-intro-premium-shell{padding:26px 20px}.faq-intro-points{grid-template-columns:1fr}.faq-mini-flow-head em{display:none}.faq-mini-flow-row{grid-template-columns:32px 1fr}.flow-state{display:none}.member-shell{padding:8px 0 40px!important}.member-wrap{width:min(calc(100% - 18px),1400px)!important}.member-sidebar{padding:14px!important;border-radius:18px!important}.member-sidebar-head{margin-bottom:10px}.member-sidebar-badge{display:none}.member-nav{grid-template-columns:repeat(4,1fr)!important;gap:3px!important}.member-nav a{padding:8px 4px!important}.member-nav a:nth-of-type(n+5){display:none!important}.member-top{padding:20px!important}.member-top h1{font-size:2.5rem!important}.member-top .portal-top-actions{display:grid;grid-template-columns:1fr 1fr}.member-command-grid,.member-grid,.member-kpi-grid,.member-kpi-grid.compact,.member-evidence-rail,.member-report-hero{grid-template-columns:1fr}.member-revenue-hero{padding:24px 24px 180px}.member-revenue-hero img{right:50%;transform:translateX(50%);width:170px}.member-kpi-grid article{padding:14px}.member-funnel>div{grid-template-columns:92px 34px 1fr}.member-toolbar{width:100%}.member-search{width:100%}.member-search input{width:100%}.member-evidence-grid{grid-template-columns:1fr 1fr}.member-conversation-list{display:none}.member-transcript-head{align-items:flex-start;flex-direction:column}.member-message-timeline{padding:14px}.member-bubble{max-width:92%}.member-qualification-panel dl{grid-template-columns:1fr 1fr}.member-evidence-rail{grid-template-columns:1fr}.member-form-row{grid-template-columns:1fr}.member-readiness-hero{grid-template-columns:1fr;padding:24px}.member-readiness-hero img{display:none}.readiness-score strong{font-size:3.8rem}.readiness-list label{grid-template-columns:0 36px 1fr}.readiness-list em{display:none}.member-report-hero>div{border-right:0!important;border-bottom:1px solid #e4ebf0!important}.member-report-hero>div:last-child{border-bottom:0!important}.member-bar-chart{height:220px;gap:5px}.member-settings-save{align-items:flex-start;flex-direction:column}.member-settings-save .button{width:100%}.member-table-card>.member-section-head{padding-right:16px;padding-left:16px}}

/* === v13.29 members-area rail, hierarchy, plan management === */
.member-page .member-top .eyebrow{
  color:#0e6639!important;
  background:#e9f8ef!important;
  border-color:#bfe6ce!important;
  box-shadow:inset 0 0 0 1px rgba(14,102,57,.025)!important;
  font-weight:950!important;
}
.member-page .member-top{
  background:radial-gradient(circle at 92% 0%,rgba(73,209,125,.10),transparent 30%),linear-gradient(180deg,#ffffff,#fbfdfe)!important;
  border-color:#d5e3eb!important;
  box-shadow:0 20px 52px rgba(20,48,74,.07)!important;
}
.member-page .member-card,.member-page .member-attention-card,.member-page .member-readiness-hero,.member-page .member-report-hero{
  border-color:#d7e4ec!important;
  box-shadow:0 18px 44px rgba(20,48,74,.06)!important;
}
.member-page .member-sidebar{
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 28px 70px rgba(7,24,40,.20)!important;
}
.member-settings-save .button{min-width:184px!important;white-space:nowrap!important;padding-inline:24px!important}
.member-plan-card a{white-space:nowrap}
@media(min-width:1280px){.member-wrap.container-wide{width:min(calc(100% - 192px),1728px)!important;max-width:none!important}}
@media(min-width:1121px) and (max-width:1279px){.member-wrap.container-wide{width:min(calc(100% - 96px),100%)!important;max-width:none!important}}
@media(max-width:1120px){.member-wrap.container-wide{width:min(calc(100% - 40px),100%)!important;max-width:none!important}}
@media(max-width:760px){.member-wrap.container-wide{width:min(calc(100% - 28px),100%)!important;max-width:none!important}}

.member-plan-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);overflow:hidden;border-radius:26px;border:1px solid #d6e4ec;background:#fff;box-shadow:0 22px 56px rgba(20,48,74,.075)}
.member-plan-hero-copy{padding:30px;background:radial-gradient(circle at 96% 8%,rgba(78,225,135,.18),transparent 28%),linear-gradient(135deg,#0b263d,#0f3a30);color:#fff}
.member-plan-hero-copy .member-card-kicker{color:#8df0b4}.member-plan-title-row{display:flex;align-items:center;gap:12px;margin-top:6px}.member-plan-title-row h2{margin:0;color:#fff!important;font-size:clamp(2.45rem,4vw,3.8rem)!important;letter-spacing:-.055em!important}.member-current-pill{padding:6px 10px;border-radius:999px;background:rgba(120,238,164,.14);border:1px solid rgba(120,238,164,.22);color:#91f3b7;font-size:.69rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.member-plan-hero-copy>p{max-width:680px;color:#d5e3ea!important;margin:10px 0 0}.member-plan-price{display:flex;align-items:end;gap:4px;margin-top:22px}.member-plan-price strong{font-size:4.3rem;line-height:.86;letter-spacing:-.075em;color:#fff}.member-plan-price span{color:#c6d6df;font-weight:800;padding-bottom:4px}.member-ghost-on-dark{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.20)!important}
.member-plan-usage{display:flex;flex-direction:column;justify-content:center;padding:28px 30px;background:linear-gradient(180deg,#fff,#f7fbf9)}.member-plan-usage-head{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#4f6779;font-size:.78rem;font-weight:800}.member-plan-usage-head strong{color:#102133;font-size:1rem}.member-plan-usage .member-meter{margin:12px 0 20px}.member-plan-usage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.member-plan-usage-grid>div{padding:13px;border-radius:16px;background:#fff;border:1px solid #deeaef}.member-plan-usage-grid small,.member-plan-usage-grid strong{display:block}.member-plan-usage-grid small{color:#718495;font-size:.66rem}.member-plan-usage-grid strong{margin-top:4px;color:#102133;font-size:1.45rem}.member-plan-usage>p{margin:16px 0 0!important;color:#6c8191!important;font-size:.75rem!important;line-height:1.5}
.member-plan-upsell{display:grid;grid-template-columns:54px 1fr auto;gap:18px;align-items:center;padding:22px 24px;border:1px solid #d2e6db;border-radius:22px;background:radial-gradient(circle at 90% 10%,rgba(73,209,125,.13),transparent 28%),linear-gradient(180deg,#fff,#f7fcf9);box-shadow:0 16px 42px rgba(20,79,50,.06)}.member-plan-upsell-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#54e18a,#81efab);color:#08331e;box-shadow:0 12px 26px rgba(84,225,138,.22)}.member-plan-upsell-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.member-plan-upsell h2{margin:3px 0 5px!important;color:#102133!important;font-size:1.42rem!important;max-width:none!important}.member-plan-upsell p{margin:0!important;max-width:820px;color:#607589!important}.member-plan-upsell>.button{white-space:nowrap;min-width:164px}.member-plan-section-head{margin:4px 0 0!important}.member-plan-section-head h2{margin:5px 0 0!important;color:#102133!important;font-size:1.55rem!important;max-width:none!important}
.member-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.member-plan-option{position:relative;display:flex;flex-direction:column;min-height:350px;padding:22px;border-radius:22px;border:1px solid #d8e5ec;background:linear-gradient(180deg,#fff,#fbfdfe);box-shadow:0 16px 38px rgba(20,48,74,.055)}.member-plan-option.is-current{border:2px solid #49d17d;background:linear-gradient(180deg,#f6fdf9,#fff);box-shadow:0 20px 48px rgba(40,157,87,.11)}.member-plan-option.is-current::after{content:"Current plan";position:absolute;right:16px;top:16px;padding:5px 8px;border-radius:999px;background:#e1f8ea;color:#117b42;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.055em}.member-plan-option-head{display:flex;align-items:center;gap:11px;padding-right:78px}.member-plan-option-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e7f8ed;color:#117e45;font-weight:950}.member-plan-option-head strong,.member-plan-option-head small{display:block}.member-plan-option-head strong{font-size:1.16rem;color:#102133}.member-plan-option-head small{margin-top:2px;color:#718596;font-size:.71rem}.member-plan-option-price{margin:22px 0 12px;color:#0b1a3d;font-size:3rem;font-weight:950;letter-spacing:-.065em;line-height:.9}.member-plan-option-price span{font-size:.86rem;letter-spacing:0;color:#607488}.member-plan-option ul{display:grid;gap:9px;margin:4px 0 22px;padding:0;list-style:none}.member-plan-option li{position:relative;padding-left:25px;color:#4d6477;font-size:.78rem}.member-plan-option li::before{content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#e4f8eb;color:#138148;font-size:.65rem;font-weight:950}.member-plan-option>a{margin-top:auto;width:100%;justify-content:center}.member-plan-option.is-current>a{pointer-events:none;background:#eef5f1!important;color:#53806a!important;border-color:#d9e9df!important;box-shadow:none!important}
.member-plan-clarity{padding:24px!important}.member-plan-clarity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.member-plan-clarity-grid>div{display:grid;grid-template-columns:38px 1fr;gap:11px;padding:16px;border-radius:17px;background:#f8fbfc;border:1px solid #e1e9ef}.member-plan-clarity-grid>div>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e7f8ed;color:#138148;font-weight:950}.member-plan-clarity-grid p{margin:0!important}.member-plan-clarity-grid strong,.member-plan-clarity-grid small{display:block}.member-plan-clarity-grid strong{color:#102133}.member-plan-clarity-grid small{margin-top:4px;color:#6c8091;font-size:.72rem;line-height:1.45}
@media(max-width:1000px){.member-plan-hero{grid-template-columns:1fr}.member-plan-grid{grid-template-columns:1fr}.member-plan-upsell{grid-template-columns:54px 1fr}.member-plan-upsell>.button{grid-column:1/-1;width:100%}.member-plan-clarity-grid{grid-template-columns:1fr}}
@media(max-width:620px){.member-nav{display:flex!important;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}.member-nav a{display:flex!important;min-width:92px!important;scroll-snap-align:start}.member-nav a:nth-of-type(n+5){display:flex!important}.member-plan-hero-copy,.member-plan-usage{padding:22px}.member-plan-usage-grid{grid-template-columns:1fr}.member-plan-title-row{align-items:flex-start;flex-direction:column}.member-plan-upsell{grid-template-columns:1fr;padding:20px}.member-plan-upsell-icon{width:48px;height:48px}.member-settings-save .button{width:100%!important;min-width:0!important}}

/* === Register auth-entry shell (matches app Login visual language) === */
body.page-register.auth-entry-page{
  margin:0!important;
  min-height:100vh;
  min-height:100svh;
  min-height:100dvh;
  background:#07111f!important;
  color:#e8f0f6;
}
body.page-register.auth-entry-page::before,
body.page-register.auth-entry-page::after,
body.page-register main::after{content:none!important;display:none!important}
.auth-entry-shell{
  min-height:100vh;
  min-height:100svh;
  min-height:100dvh;
  display:grid;
  background-color:#07111f;
  background-image:
    linear-gradient(180deg,rgba(5,17,31,.42),rgba(5,17,31,.78)),
    linear-gradient(90deg,rgba(5,17,31,.82),rgba(5,17,31,.28) 48%,rgba(5,17,31,.12)),
    url("heroes/login-premium.webp");
  background-size:cover,cover,cover;
  background-position:center center,center center,center center;
  background-repeat:no-repeat;
}
@media(min-width:960px){
  .auth-entry-shell{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
}
.auth-entry-visual{
  display:none;
  padding:clamp(32px,5vw,64px);
  flex-direction:column;
  justify-content:space-between;
  gap:32px;
}
@media(min-width:960px){
  .auth-entry-visual{display:flex}
}
/* Match landing header wordmark (.nav .brand / .home-nav .brand cascade) */
.auth-entry-visual .brand,
.auth-entry-mobile-brand{
  font-size:2.72rem!important;
  font-weight:950!important;
  letter-spacing:-.067em!important;
  line-height:1!important;
  color:#fff!important;
  text-decoration:none;
  flex:0 0 auto;
}
.auth-entry-visual .brand span,
.auth-entry-mobile-brand span{color:#55e487!important}
@media(max-width:1480px){
  .auth-entry-visual .brand,
  .auth-entry-mobile-brand{font-size:2.5rem!important}
}
@media(max-width:1120px){
  .auth-entry-visual .brand,
  .auth-entry-mobile-brand{font-size:2.08rem!important}
}
@media(max-width:760px){
  .auth-entry-visual .brand,
  .auth-entry-mobile-brand{font-size:1.88rem!important}
}
.auth-entry-mobile-brand{
  display:inline-block;
  margin:4px 0 18px;
  align-self:start;
}
@media(min-width:960px){
  .auth-entry-mobile-brand{display:none}
}
.auth-entry-visual h1{color:#fff}
.auth-entry-visual .eyebrow{color:#8ef0b5;margin-bottom:12px}
.auth-entry-visual h1{
  margin:0;
  font-size:clamp(2.2rem,4vw,3.4rem);
  line-height:1.02;
  letter-spacing:-.045em;
  max-width:12ch;
}
.auth-entry-visual .lede,
.auth-entry-visual .muted{color:#e5eef5;max-width:42ch}
.auth-entry-visual .muted a{color:#8ef0b5;font-weight:800;text-decoration:underline;text-underline-offset:2px}
.auth-entry-main{
  display:grid;
  place-items:center;
  align-content:start;
  justify-items:center;
  padding:clamp(24px,4vw,48px) clamp(16px,4vw,44px);
  min-width:0;
  overflow:auto;
  max-height:100vh;
  max-height:100dvh;
}
.auth-entry-card{
  width:min(100%,540px);
  margin:clamp(12px,3vw,28px) 0;
  padding:clamp(26px,3.2vw,36px);
  border-radius:26px;
  border:1px solid rgba(210,223,234,.16);
  background:linear-gradient(180deg,rgba(17,39,67,.97),rgba(9,24,41,.98));
  box-shadow:0 28px 70px rgba(3,12,24,.35);
  color:#e8f0f6;
}
.auth-entry-card .eyebrow{color:#8ef0b5;margin:0 0 10px}
.auth-entry-card h1{margin:0 0 10px;color:#fff;font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.04em}
.auth-entry-card .lede{color:#c9d8e3;margin:0 0 22px}
.auth-entry-card .form.auth-entry-form{
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#e8f0f6!important;
  border-radius:0!important;
}
.auth-entry-form{display:grid;gap:14px}
.auth-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.auth-entry-form .field{margin:0}
.auth-entry-form .field>label{
  display:grid;
  gap:6px;
  color:#d7e4ee!important;
  font-size:.9rem;
  font-weight:700;
}
.auth-entry-form .field input,
.auth-entry-form .field select,
.auth-entry-form .field textarea,
.auth-entry-form input:not([type=checkbox]),
.auth-entry-form select,
.auth-entry-form textarea{
  width:100%;
  box-sizing:border-box;
  border-radius:12px;
  border:1px solid rgba(210,223,234,.28)!important;
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
  padding:12px 13px;
  font:inherit;
}
.auth-entry-notes textarea{
  min-height:110px;
  resize:vertical;
}
.auth-entry-form select option{color:#102133}
/* Consent: left checkbox + wrapping copy (override form label grid) */
.auth-entry-form label.auth-entry-consent,
.auth-entry-form label.consent-row,
.auth-entry-consent{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  gap:12px!important;
  color:#c9d8e3!important;
  font-size:.82rem;
  font-weight:500!important;
  line-height:1.5;
  margin:8px 0 6px;
  cursor:pointer;
}
.auth-entry-consent input[type=checkbox]{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  max-width:18px!important;
  margin:2px 0 0!important;
  padding:0!important;
  flex:0 0 18px!important;
  align-self:flex-start!important;
  accent-color:#49d17d;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
.auth-entry-consent span{
  flex:1 1 auto;
  min-width:0;
  color:#c9d8e3!important;
}
.auth-entry-consent a{color:#8ef0b5;font-weight:800}
.auth-entry-form .button{width:100%;justify-content:center;margin-top:8px}
.auth-entry-form .form-note{color:#9fb3c3;font-size:.82rem;margin:2px 0 0}
.auth-entry-form .form-status{margin:0;min-height:1.2em}
.auth-entry-form .form-status.ok{color:#8ef0b5}
.auth-entry-form .form-status.err{color:#ffb4b4}
.auth-entry-footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px 16px;
  align-items:center;
  margin-top:20px;
  padding-top:16px;
  border-top:1px solid rgba(210,223,234,.14);
  font-size:.9rem;
  color:#c9d8e3;
}
.auth-entry-footer-links a{color:#8ef0b5;font-weight:800;text-decoration:none}
.auth-entry-footer-links a:hover{text-decoration:underline}
@media(max-width:900px){
  .auth-entry-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .auth-entry-main{padding:18px 14px 28px;justify-items:stretch}
  .auth-entry-card{width:100%;border-radius:22px;padding:22px 18px}
}


/* Guided setup: premium editorial rhythm, matching the established Zeoleads palette. */
.setup-story{padding:88px 0;background:linear-gradient(120deg,#081b28,#12433d);color:#fff}.setup-story .kicker{color:#f7d574}.setup-story-head{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end;margin-bottom:36px}.setup-story h2,.setup-guide-body h2{font-size:clamp(1.9rem,3.3vw,3.2rem);line-height:1.13;letter-spacing:-.035em;color:inherit;max-width:24ch}.setup-story h2 span{color:#ffdb72}.setup-story-head p{color:#c9dce0;line-height:1.8}.setup-story-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.setup-story-steps li{padding:26px 23px;background:#ffffff07;border:1px solid #50706d;border-radius:18px}.setup-story-steps li>span{color:#ffcf45;font-size:.83rem;font-weight:800;letter-spacing:.12em}.setup-story h3{color:#fff;font-size:1.18rem;line-height:1.35;margin:20px 0 12px}.setup-story-steps p{color:#d1e0e2;line-height:1.75;font-size:.94rem}.setup-story-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:30px;border-top:1px solid #456963;padding-top:26px}.setup-story-bottom p{flex:1 1 320px;line-height:1.75;color:inherit}.setup-story-bottom strong{display:block}.setup-text-link{color:#ffe39b;font-weight:700;text-decoration:underline;text-underline-offset:5px}.setup-guide-hero{padding:160px 0 85px;background:linear-gradient(125deg,#0b2132,#13433e);color:#fff}.setup-guide-hero h1{font-size:clamp(2.5rem,5vw,4.8rem);max-width:23ch;line-height:1.08;color:#fff}.setup-guide-hero p{max-width:65ch;line-height:1.8;color:#d2e3e6;margin:24px 0}.setup-guide-hero .button-ghost{margin-left:16px;color:#fff}.setup-guide-body{padding:84px 0;background:#f3f7f5;color:#122c35}.setup-guide-body .setup-story-head p{color:#52666f}.setup-guide-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.setup-guide-options article{padding:30px;background:#fff;border:1px solid #d3e0dd;border-radius:20px;box-shadow:0 14px 35px #0c2b2410;scroll-margin-top:110px}.setup-guide-body h3{color:#142e35;font-size:1.5rem}.setup-provider{color:#226b51;font-size:.76rem;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.setup-guide-options li,.setup-guide-options p,.setup-guide-division p{color:#4e626b;line-height:1.85}.setup-guide-options ol{padding-left:20px}.setup-guide-options li{padding-left:5px;margin:12px 0}.setup-guide-division{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:48px 0;padding:36px;background:#e5eee8;border-radius:20px}.setup-guide-faq{max-width:900px;margin:70px auto}.setup-guide-faq details{border-bottom:1px solid #c7d6d0;padding:22px 0}.setup-guide-faq summary{font-size:1.1rem;cursor:pointer;font-weight:700;line-height:1.5}.setup-guide-faq p{color:#425b62;line-height:1.85}.setup-guide-body a:not(.button){color:#176649}.setup-story a:focus-visible,.setup-guide-body a:focus-visible,.setup-guide-faq summary:focus-visible{outline:3px solid #ffc30b;outline-offset:5px}
@media(max-width:900px){.setup-story-head{grid-template-columns:1fr;gap:12px}.setup-story-steps{grid-template-columns:1fr 1fr}.setup-guide-options{grid-template-columns:1fr}.setup-guide-hero{padding-top:130px}.setup-story,.setup-guide-body{padding:55px 0}}
@media(max-width:540px){.setup-story-steps,.setup-guide-division{grid-template-columns:1fr}.setup-story-steps li{padding:22px}.setup-story h3{margin-top:12px}.setup-guide-division{padding:24px;gap:22px}.setup-story-bottom .button{width:100%;text-align:center}.setup-guide-hero .button-ghost{margin:16px 0 0;display:inline-flex}.setup-guide-hero h1{font-size:2.4rem}}
.setup-story{scroll-margin-top:100px}

/* ===== mobile-premium.css ===== */
/* Zeoleads v13.30 — mobile premium presentation layer
   Mobile-only refinements. Desktop/tablet >760px remain unchanged. */

@media (max-width:760px){
  :root{
    --zl-mobile-gutter:18px;
    --zl-mobile-radius:24px;
    --zl-mobile-shadow:0 22px 56px rgba(6,25,42,.16);
    --zl-mobile-green:#54e18a;
    --zl-mobile-gold:#ffc62c;
    --zl-mobile-navy:#071725;
  }

  html{scroll-padding-top:76px}
  body{overflow-x:hidden;-webkit-text-size-adjust:100%}
  .container,.container-wide{width:min(calc(100% - 2*var(--zl-mobile-gutter)),760px)!important}

  /* Premium mobile nav: compact, legible, easy to tap. */
  .nav,.home-nav{
    min-height:68px!important;
    background:rgba(5,20,33,.92)!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    box-shadow:0 8px 30px rgba(1,10,18,.14)!important;
    backdrop-filter:blur(16px) saturate(1.15)!important;
    -webkit-backdrop-filter:blur(16px) saturate(1.15)!important;
  }
  .nav-inner,.home-nav .nav-inner{height:68px!important;padding:0!important}
  .nav .brand,.home-nav .brand{font-size:1.88rem!important;letter-spacing:-.06em!important}
  .menu{
    display:grid!important;place-items:center!important;width:44px!important;height:44px!important;
    padding:0!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:14px!important;
    background:rgba(255,255,255,.055)!important;color:#fff!important;font-size:1.25rem!important;
  }
  .nav-links{
    top:76px!important;left:10px!important;right:10px!important;padding:12px!important;gap:5px!important;
    border:1px solid rgba(255,255,255,.10)!important;border-radius:20px!important;
    background:rgba(5,20,33,.985)!important;box-shadow:0 28px 70px rgba(0,0,0,.34)!important;
    backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;
  }
  .nav-links>a:not(.button):not(.button-ghost):not(.button-register){min-height:46px;display:flex;align-items:center;padding:0 13px!important;border-radius:12px}
  .nav-links .button,.nav-links .button-ghost,.nav-links .button-register{min-height:49px!important;border-radius:13px!important}

  /* Shared controls and typography. */
  .button,.button-ghost,.button-register{min-height:50px;border-radius:14px;font-size:.98rem}
  .eyebrow{font-size:.72rem!important;letter-spacing:.075em!important}
  .kicker{font-size:.72rem!important;letter-spacing:.085em!important}
  .section,.premium-section{padding-top:54px!important;padding-bottom:54px!important}
  .section-tight{padding-top:44px!important;padding-bottom:44px!important}
  .section-head{display:grid!important;gap:16px!important;margin-bottom:26px!important}
  .section-head h2,.premium-section h2{font-size:clamp(2.2rem,10.8vw,3.05rem)!important;line-height:.98!important;letter-spacing:-.052em!important;text-wrap:balance}
  .section-head>p{padding:16px 17px!important;border-radius:18px!important;font-size:.96rem!important;line-height:1.58!important}
  .card,.premium-card,.premium-note-card,.premium-paragraph-card,.price-card,.positioning-card{border-radius:21px!important;box-shadow:0 14px 34px rgba(16,45,69,.07)!important}
  .premium-card,.card{padding:21px!important}
  .premium-card-grid,.grid-3,.grid-2{gap:14px!important}

  /* ---------------- Mobile image-backed marketing heroes ---------------- */
  .premium-page-hero.hero-image-page{
    position:relative!important;isolation:isolate!important;overflow:hidden!important;
    min-height:auto!important;background:var(--zl-mobile-navy)!important;padding:0!important;
  }
  .premium-page-hero.hero-image-page::before{
    content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:0!important;
    background-color:var(--zl-mobile-navy)!important;background-repeat:no-repeat!important;
    background-position:center top!important;background-size:100% auto!important;
  }
  .premium-page-hero.hero-image-page::after{
    content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;
    background:linear-gradient(180deg,
      rgba(4,16,28,.12) 0%,rgba(4,16,28,.03) 39%,rgba(4,16,28,.22) 49%,
      rgba(4,16,28,.88) 61%,rgba(4,16,28,.98) 72%,#071725 84%,#071725 100%)!important;
  }
  body.page-how-it-works .premium-page-hero::before{background-image:url('heroes/mobile/how-it-works-mobile.webp')!important}
  body.page-hvac .premium-page-hero::before{background-image:url('heroes/mobile/hvac-mobile.webp')!important}
  body.page-demo .premium-page-hero::before{background-image:url('heroes/mobile/demo-mobile.webp')!important}
  body.page-faq .premium-page-hero::before{background-image:url('heroes/mobile/faq-mobile.webp')!important}
  body.page-resources .premium-page-hero::before{background-image:url('heroes/mobile/resources-mobile.webp')!important}
  body.page-start .premium-page-hero::before{background-image:url('heroes/mobile/start-mobile.webp')!important}

  .premium-page-hero.hero-image-page .premium-page-hero-inner{
    position:relative!important;z-index:2!important;display:block!important;min-height:0!important;
    padding:clamp(440px,132vw,555px) 0 30px!important;
  }
  .premium-page-hero.hero-image-page .premium-page-copy{
    max-width:none!important;padding:22px 20px 21px!important;border-radius:26px!important;
    background:linear-gradient(145deg,rgba(5,20,33,.91),rgba(8,29,43,.82))!important;
    border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 20px 50px rgba(0,0,0,.20)!important;
    backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
  }
  .premium-page-copy .breadcrumbs{display:none!important}
  .premium-page-copy .eyebrow{margin-bottom:12px!important;color:#a3f4c0!important}
  .premium-page-copy h1{
    max-width:none!important;margin:0!important;font-size:clamp(2.42rem,10.9vw,3.15rem)!important;
    line-height:.96!important;letter-spacing:-.057em!important;text-wrap:balance!important;
  }
  .premium-page-copy h1::after{width:138px!important;height:9px!important;margin-top:11px!important}
  .premium-page-copy .lede{max-width:none!important;margin:18px 0 0!important;font-size:.98rem!important;line-height:1.55!important;color:#e9f1f6!important}
  .premium-page-copy .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:19px!important}
  .premium-page-copy .hero-actions .button,.premium-page-copy .hero-actions .button-ghost{width:100%!important;min-height:51px!important;margin:0!important}
  .premium-proof-row{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;margin-top:16px!important;padding-bottom:2px!important;scrollbar-width:none;scroll-snap-type:x proximity}
  .premium-proof-row::-webkit-scrollbar{display:none}
  .premium-proof-row span{flex:0 0 auto!important;scroll-snap-align:start;padding:8px 10px!important;font-size:.76rem!important;background:rgba(255,255,255,.07)!important}

  /* Proof strips become a premium swipe rail instead of a tall wall of boxes. */
  .page-proof-strip{padding:14px 0 18px!important;background:#fff!important}
  .page-proof-grid{display:flex!important;overflow-x:auto!important;gap:10px!important;padding:0 1px 7px!important;scroll-snap-type:x mandatory;scrollbar-width:none}
  .page-proof-grid::-webkit-scrollbar{display:none}
  .page-proof-item{flex:0 0 min(78vw,315px)!important;min-height:78px!important;scroll-snap-align:start;border:1px solid #dce7ef!important;border-radius:18px!important;padding:15px 16px!important;background:linear-gradient(180deg,#fff,#f8fbfd)!important;box-shadow:0 10px 26px rgba(20,48,73,.06)!important}
  .page-proof-item+.page-proof-item{border-left:1px solid #dce7ef!important}

  /* ---------------- Homepage mobile hero ---------------- */
  body.page-home .reference-hero{
    min-height:auto!important;background:#071725!important;position:relative!important;isolation:isolate!important;
  }
  body.page-home .reference-hero::before{
    content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:0!important;
    background:#071725 url('heroes/mobile/home-mobile.webp') center top/100% auto no-repeat!important;
  }
  body.page-home .reference-hero::after{
    content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:1!important;
    background:linear-gradient(180deg,rgba(4,16,28,.10) 0%,rgba(4,16,28,.02) 39%,rgba(4,16,28,.26) 49%,rgba(4,16,28,.93) 61%,#071725 73%,#071725 100%)!important;
  }
  body.page-home .reference-hero-inner{
    position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:1fr!important;
    width:min(calc(100% - 2*var(--zl-mobile-gutter)),760px)!important;min-height:0!important;
    padding:clamp(438px,131vw,550px) 0 32px!important;gap:18px!important;
  }
  body.page-home .reference-copy{
    padding:22px 20px!important;border-radius:26px!important;max-width:none!important;
    background:linear-gradient(145deg,rgba(5,20,33,.92),rgba(8,29,43,.84))!important;
    border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 20px 50px rgba(0,0,0,.20)!important;
    backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
  }
  body.page-home .reference-copy::before{display:none!important}
  body.page-home .reference-copy .eyebrow{margin-bottom:13px!important;font-size:.7rem!important;padding:7px 10px!important}
  body.page-home .reference-title{max-width:none!important;width:auto!important;font-size:clamp(2.55rem,11.3vw,3.28rem)!important;line-height:.96!important;letter-spacing:-.06em!important;text-wrap:balance!important}
  body.page-home .reference-title .highlight{white-space:normal!important}
  body.page-home .reference-title .highlight::after{height:9px!important;bottom:-11px!important}
  body.page-home .reference-sub{margin:25px 0 19px!important;font-size:.98rem!important;line-height:1.54!important;max-width:none!important}
  body.page-home .reference-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  body.page-home .reference-actions .hero-primary,body.page-home .reference-actions .hero-secondary{min-height:51px!important;width:100%!important;min-width:0!important}
  body.page-home .reference-proof{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px 10px!important;margin-top:17px!important}
  body.page-home .reference-proof span{white-space:normal!important;font-size:.79rem!important;line-height:1.25!important}

  /* The product demo remains in the hero, but reads as a deliberate product preview. */
  body.page-home .home-demo.premium-recovery-demo{
    width:100%!important;max-width:none!important;margin:0!important;border-radius:22px!important;
    border:1px solid rgba(255,255,255,.20)!important;box-shadow:0 24px 58px rgba(0,0,0,.28)!important;
  }
  body.page-home .premium-recovery-demo .recovery-demo-head{height:auto!important;min-height:58px!important;padding:10px 12px!important;gap:8px!important}
  body.page-home .premium-recovery-demo .recovery-demo-guide{display:none!important}
  body.page-home .premium-recovery-demo .recovery-demo-progress{overflow-x:auto!important;display:flex!important;gap:5px!important;padding:12px 10px!important;scrollbar-width:none!important}
  body.page-home .premium-recovery-demo .recovery-demo-progress::-webkit-scrollbar{display:none}
  body.page-home .premium-recovery-demo .recovery-demo-progress::before{display:none!important}
  body.page-home .premium-recovery-demo .recovery-step{flex:0 0 64px!important}
  body.page-home .premium-recovery-demo .recovery-step>span{width:34px!important;height:34px!important}
  body.page-home .premium-recovery-demo .recovery-step small{font-size:.55rem!important;white-space:normal!important}
  body.page-home .premium-recovery-demo .recovery-demo-body{min-height:390px!important;padding:12px!important}

  /* ---------------- Pricing mobile hero + swipeable plans ---------------- */
  body.page-pricing .pricing-premium-stage{min-height:0!important;background:#071725!important}
  body.page-pricing .pricing-premium-stage::before{
    background:#071725 url('heroes/mobile/pricing-mobile.webp') center top/100% auto no-repeat!important;
  }
  body.page-pricing .pricing-premium-stage::after{
    background:linear-gradient(180deg,rgba(4,16,28,.10) 0%,rgba(4,16,28,.02) 39%,rgba(4,16,28,.25) 49%,rgba(4,16,28,.92) 61%,#071725 73%,#071725 100%)!important;
  }
  body.page-pricing .pricing-premium-inner{
    width:min(calc(100% - 2*var(--zl-mobile-gutter)),760px)!important;min-height:0!important;
    grid-template-columns:1fr!important;gap:18px!important;padding:clamp(438px,131vw,550px) 0 30px!important;
  }
  body.page-pricing .pricing-premium-copy{
    padding:22px 20px!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(5,20,33,.92),rgba(8,29,43,.84))!important;
    border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 20px 50px rgba(0,0,0,.20)!important;
    backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
  }
  body.page-pricing .pricing-premium-copy .eyebrow{min-height:32px!important;padding:0 12px!important;margin-bottom:12px!important;font-size:.7rem!important}
  body.page-pricing .pricing-premium-copy h1{font-size:clamp(2.45rem,10.8vw,3.18rem)!important;line-height:.97!important;text-wrap:balance!important}
  body.page-pricing .pricing-premium-copy h1 .white-line,body.page-pricing .pricing-premium-copy h1 .gold-line{display:block!important;width:auto!important;max-width:none!important;white-space:normal!important}
  body.page-pricing .pricing-premium-copy .lede{margin-top:18px!important;font-size:.98rem!important}
  body.page-pricing .pricing-premium-copy .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin:19px 0 14px!important}
  body.page-pricing .pricing-premium-copy .hero-actions .button,body.page-pricing .pricing-premium-copy .hero-actions .button-ghost{width:100%!important;min-width:0!important}
  body.page-pricing .pricing-premium-proof{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;gap:8px!important;scrollbar-width:none}
  body.page-pricing .pricing-premium-proof::-webkit-scrollbar{display:none}
  body.page-pricing .pricing-premium-proof span{flex:0 0 auto!important;padding:7px 10px!important;border-radius:999px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.11)!important;font-size:.75rem!important}
  body.page-pricing .pricing-premium-cards{display:flex!important;overflow-x:auto!important;gap:12px!important;padding:3px 1px 14px!important;scroll-snap-type:x mandatory;scrollbar-width:none}
  body.page-pricing .pricing-premium-cards::-webkit-scrollbar{display:none}
  body.page-pricing .pricing-premium-card{flex:0 0 min(86vw,345px)!important;scroll-snap-align:center!important;min-height:430px!important;border-radius:23px!important}
  body.page-pricing .pricing-premium-card.featured{transform:none!important}
  body.page-pricing .pricing-premium-benefits{padding:14px 0 18px!important}
  body.page-pricing .pricing-premium-benefit-grid{display:flex!important;overflow-x:auto!important;gap:10px!important;scroll-snap-type:x mandatory;scrollbar-width:none}
  body.page-pricing .pricing-premium-benefit-grid::-webkit-scrollbar{display:none}
  body.page-pricing .pricing-premium-benefit{flex:0 0 min(78vw,310px)!important;scroll-snap-align:start!important;border:1px solid #dfe8ef!important;border-radius:18px!important;padding:15px!important;background:#fff!important}

  /* ---------------- Auth pages: image first, conversion surface second ---------------- */
  .auth-shell.hero-image-page,.register-shell.hero-image-page{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:#071725!important;min-height:auto!important}
  .auth-shell.hero-image-page::before,.register-shell.hero-image-page::before{
    content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:0!important;
    background-color:#071725!important;background-repeat:no-repeat!important;background-position:center top!important;background-size:100% auto!important;
  }
  .auth-shell.hero-image-page::after,.register-shell.hero-image-page::after{
    content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:1!important;
    background:linear-gradient(180deg,rgba(4,16,28,.08) 0%,rgba(4,16,28,.02) 39%,rgba(4,16,28,.25) 49%,rgba(4,16,28,.90) 60%,#071725 71%,#071725 100%)!important;
    pointer-events:none!important;
  }
  body.page-login .auth-shell::before{background-image:url('heroes/mobile/login-mobile.webp')!important}
  body.page-register .register-shell::before{background-image:url('heroes/mobile/register-mobile.webp')!important}
  .auth-shell.hero-image-page .auth-layout,.register-shell.hero-image-page .register-layout{
    position:relative!important;z-index:2!important;min-height:0!important;padding:clamp(430px,129vw,545px) 0 34px!important;gap:13px!important;
  }
  .auth-shell.hero-image-page .auth-side{
    max-width:none!important;padding:20px!important;border-radius:24px!important;background:rgba(5,20,33,.88)!important;
    border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 18px 45px rgba(0,0,0,.18)!important;
  }
  .auth-shell.hero-image-page .auth-side .auth-brand{display:none!important}
  .auth-shell.hero-image-page .auth-side .eyebrow{margin-bottom:10px!important}
  .auth-shell.hero-image-page .auth-side h1{max-width:none!important;font-size:clamp(2.35rem,10vw,3rem)!important;line-height:.97!important;letter-spacing:-.055em!important;text-wrap:balance!important}
  .auth-shell.hero-image-page .auth-side .lede{font-size:.94rem!important;line-height:1.52!important;margin-top:14px!important}
  .auth-shell.hero-image-page .auth-form-card,.register-form-card{
    width:100%!important;max-width:none!important;padding:22px 18px!important;border-radius:24px!important;
    background:rgba(255,255,255,.985)!important;color:#102133!important;border:1px solid #dfe8ef!important;
    box-shadow:0 24px 64px rgba(0,0,0,.20)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  .auth-form-card h2{font-size:2.05rem!important;line-height:1!important}
  .auth-form-card .form-intro,.register-form-card .form-intro{font-size:.91rem!important;line-height:1.5!important}
  .auth-form-card input,.auth-form-card select,.register-form-card input,.register-form-card select{min-height:52px!important;border-radius:13px!important}
  .auth-form-card .button,.register-form-card .button{min-height:52px!important}
  .auth-flow-links,.register-flow-links{margin-top:16px!important;padding-top:15px!important}
  .register-layout{display:block!important}
  .register-form-card h1{max-width:none!important;font-size:clamp(2.3rem,10vw,3.05rem)!important;text-wrap:balance!important}
  .register-grid{gap:12px!important}

  /* Login is intentionally single-minded: the artwork introduces the page, the form closes the loop. */
  body.page-login .auth-layout{display:block!important}
  body.page-login .auth-form-card{margin:0!important}

  /* ---------------- Members dashboard: product-first mobile entry ---------------- */
  body.page-dashboard .member-shell{
    position:relative!important;isolation:isolate!important;overflow:hidden!important;background:#edf4fa!important;padding:0 0 40px!important;
  }
  body.page-dashboard .member-shell::before{
    content:"";position:absolute;left:0;right:0;top:0;height:min(150vw,590px);z-index:0;
    background:#071725 url('heroes/mobile/dashboard-mobile.webp') center top/100% auto no-repeat;
  }
  body.page-dashboard .member-shell::after{
    content:"";position:absolute;left:0;right:0;top:0;height:min(154vw,610px);z-index:1;pointer-events:none;
    background:linear-gradient(180deg,rgba(4,16,28,.05) 0%,rgba(4,16,28,.01) 64%,rgba(237,244,250,.12) 78%,#edf4fa 100%);
  }
  body.page-dashboard .member-wrap{position:relative!important;z-index:2!important;padding-top:min(137vw,540px)!important;gap:10px!important}
  body.page-dashboard .member-sidebar{position:relative!important;top:auto!important;padding:12px!important;border-radius:20px!important;background:rgba(7,26,42,.96)!important}
  body.page-dashboard .member-sidebar-head{margin:0 0 9px!important}
  body.page-dashboard .member-sidebar-head .portal-brand{display:none!important}
  body.page-dashboard .member-sidebar-badge{display:block!important;color:#fff!important;background:transparent!important;border:0!important;padding:2px 4px!important;font-size:1.02rem!important;font-weight:900!important;letter-spacing:-.02em!important}
  body.page-dashboard .member-nav{display:flex!important;overflow-x:auto!important;gap:5px!important;padding-bottom:3px!important;scrollbar-width:none!important;scroll-snap-type:x proximity}
  body.page-dashboard .member-nav::-webkit-scrollbar{display:none}
  body.page-dashboard .member-nav a{flex:0 0 88px!important;min-width:88px!important;scroll-snap-align:start!important;padding:8px 5px!important;border-radius:12px!important}
  body.page-dashboard .member-top{padding:20px 18px!important;border-radius:20px!important;background:linear-gradient(180deg,#fff,#fbfdfe)!important}
  body.page-dashboard .member-top h1{font-size:clamp(2.15rem,10vw,2.75rem)!important;line-height:.98!important;text-wrap:balance!important}
  body.page-dashboard .member-top .subtitle{font-size:.91rem!important;line-height:1.5!important}
  body.page-dashboard .member-top .portal-top-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.page-dashboard .member-kpi-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
  body.page-dashboard .member-kpi-grid article{padding:14px!important;border-radius:18px!important}
  body.page-dashboard .member-revenue-hero{padding:22px 20px 168px!important;border-radius:21px!important}

  /* Demo: make dense controls feel native on a phone. */
  body.page-demo #interactive-demo{padding:38px 0 48px!important}
  body.page-demo #interactive-demo>.container{width:min(calc(100% - 18px),760px)!important}
  body.page-demo .demo-shell{border-radius:22px!important}
  body.page-demo .demo-toolbar{padding:18px 15px 16px!important}
  body.page-demo .demo-toolbar h2{font-size:1.78rem!important;line-height:1.02!important}
  body.page-demo .demo-toolbar-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  body.page-demo .demo-progress{display:flex!important;overflow-x:auto!important;gap:7px!important;padding:11px 10px 13px!important;scroll-snap-type:x proximity;scrollbar-width:none}
  body.page-demo .demo-progress::-webkit-scrollbar{display:none}
  body.page-demo .demo-progress-item{flex:0 0 84px!important;scroll-snap-align:start!important}

  /* FAQ/detail surfaces: cleaner disclosure affordances. */
  .premium-accordion{gap:10px!important}
  .premium-accordion details{border-radius:18px!important}
  .premium-accordion summary{min-height:62px!important;padding:16px 52px 16px 16px!important;font-size:.96rem!important;line-height:1.35!important}
  .premium-accordion summary::after{right:14px!important;width:32px!important;height:32px!important}
  .premium-accordion details p{padding:0 17px 18px!important;font-size:.94rem!important;line-height:1.58!important}

  /* Footer becomes compact but still complete. */
  footer{padding-top:46px!important}
  .footer-grid{gap:26px!important}
  .footer-title{margin-bottom:10px!important}
  .footer-links{gap:9px!important}
  .fine{margin-top:30px!important;padding-top:19px!important;font-size:.76rem!important;line-height:1.5!important}
}

@media (max-width:380px){
  :root{--zl-mobile-gutter:14px}
  .premium-page-hero.hero-image-page .premium-page-hero-inner,
  body.page-home .reference-hero-inner,
  body.page-pricing .pricing-premium-inner,
  .auth-shell.hero-image-page .auth-layout,.register-shell.hero-image-page .register-layout{
    padding-top:clamp(400px,132vw,500px)!important;
  }
  .premium-page-hero.hero-image-page .premium-page-copy,body.page-home .reference-copy,body.page-pricing .pricing-premium-copy{padding:19px 17px!important;border-radius:22px!important}
  .premium-page-copy h1,body.page-home .reference-title,body.page-pricing .pricing-premium-copy h1{font-size:2.36rem!important}
  body.page-home .reference-proof{grid-template-columns:1fr!important}
  body.page-dashboard .member-wrap{padding-top:min(140vw,515px)!important}
}

@media (max-width:760px){
  /* Non-image marketing/legal heroes still receive the same premium mobile hierarchy. */
  .plain-brand-hero,.legal-premium-hero,.policy-plain-hero{
    min-height:auto!important;padding:0!important;color:#fff!important;
    background:
      radial-gradient(circle at 84% 8%,rgba(84,225,138,.15),transparent 30%),
      linear-gradient(145deg,#071725 0%,#0a2536 58%,#0e342d 100%)!important;
  }
  .plain-brand-hero::before,.plain-brand-hero::after,.legal-premium-hero::before,.legal-premium-hero::after{display:none!important}
  .plain-brand-hero .premium-page-hero-inner,.legal-premium-hero>.container,.policy-plain-hero>.container{
    min-height:0!important;padding:42px 0 38px!important;width:min(calc(100% - 2*var(--zl-mobile-gutter)),760px)!important;
  }
  .plain-brand-hero .premium-page-copy{max-width:none!important;padding:0!important}
  .plain-brand-hero .premium-page-copy h1,.legal-premium-hero h1,.policy-plain-hero h1{
    max-width:none!important;font-size:clamp(2.55rem,11.5vw,3.3rem)!important;line-height:.97!important;letter-spacing:-.058em!important;text-wrap:balance!important;color:#fff!important;
  }
  .plain-brand-hero .premium-page-copy .lede,.legal-premium-hero .lede,.policy-plain-hero .lede{font-size:.98rem!important;line-height:1.55!important;color:#dfeaf1!important}
  .plain-brand-hero .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}

  /* Generic member workspace polish on every members-area page. */
  body.member-page .member-shell{padding:10px 0 40px!important;background:#edf4fa!important}
  body.member-page .member-wrap{width:min(calc(100% - 18px),100%)!important;gap:10px!important}
  body.member-page .member-sidebar{position:relative!important;top:auto!important;height:auto!important;padding:12px!important;border-radius:20px!important;background:linear-gradient(180deg,#0b2237,#071725)!important}
  body.member-page .member-sidebar-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 9px!important}
  body.member-page .member-sidebar-head .portal-brand{display:none!important}
  body.member-page .member-sidebar-badge{display:block!important;color:#fff!important;background:transparent!important;border:0!important;padding:2px 4px!important;font-size:1.02rem!important;font-weight:900!important;letter-spacing:-.02em!important}
  body.member-page .member-nav{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;gap:5px!important;padding-bottom:3px!important;scrollbar-width:none!important;scroll-snap-type:x proximity!important}
  body.member-page .member-nav::-webkit-scrollbar{display:none}
  body.member-page .member-nav-label{display:none!important}
  body.member-page .member-nav a,body.member-page .member-nav a:nth-of-type(n+5){display:flex!important;flex:0 0 88px!important;min-width:88px!important;scroll-snap-align:start!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;padding:8px 5px!important;border-radius:12px!important;font-size:.66rem!important;text-align:center!important}
  body.member-page .member-main{gap:10px!important}
  body.member-page .member-top{padding:20px 18px!important;border-radius:20px!important;background:linear-gradient(180deg,#fff,#fbfdfe)!important}
  body.member-page .member-top h1{font-size:clamp(2.1rem,10vw,2.72rem)!important;line-height:.98!important;letter-spacing:-.05em!important;text-wrap:balance!important}
  body.member-page .member-top .subtitle{font-size:.91rem!important;line-height:1.5!important}
  body.member-page .member-top .portal-top-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
  body.member-page .member-card,body.member-page .portal-panel,body.member-page .member-attention-card{border-radius:20px!important}
  body.member-page .member-kpi-grid,body.member-page .member-kpi-grid.compact{grid-template-columns:1fr 1fr!important;gap:9px!important}
  body.member-page .member-kpi-grid article{padding:14px!important;border-radius:18px!important}
  body.member-page .member-section-head{gap:10px!important}
  body.member-page .member-section-head h2{font-size:1.4rem!important;line-height:1.05!important}

  /* Dashboard is the one members page with a dedicated mobile hero illustration. */
  body.page-dashboard .member-shell{padding-top:0!important}

  /* 404: clear recovery path instead of a bare error screen. */
  body:not(.marketing-page) .page-hero{padding:46px 0 42px!important;background:linear-gradient(145deg,#071725,#0d342d)!important;color:#fff!important}
  body:not(.marketing-page) .page-hero h1{font-size:clamp(2.6rem,12vw,3.4rem)!important;line-height:.97!important;color:#fff!important;text-wrap:balance!important}
  body:not(.marketing-page) .page-hero .lede{font-size:.98rem!important;color:#dfeaf1!important}
  body:not(.marketing-page) .page-hero .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
}

/* --------------------------------------------------------------------------
   Zeoleads v13.30.1 — mobile hero positioning refinement
   Baseline: v13.30 Mobile Premium.
   - Uses ONLY the 12 existing mobile hero assets.
   - Preserves the existing H1/copy-container backgrounds and visual treatments.
   - Removes the full-image dark overlay that caused the split/dark-side effect.
   - Moves each hero image upward with a page-specific safe offset.
   - Starts each H1/copy container immediately after the character/artwork.
   - Desktop (>760px) remains untouched.
   -------------------------------------------------------------------------- */
@media (max-width:760px){
  /* Default mobile hero geometry. Individual pages override these values below. */
  body.page-home,
  body.page-how-it-works,
  body.page-hvac,
  body.page-pricing,
  body.page-demo,
  body.page-faq,
  body.page-resources,
  body.page-start,
  body.page-login,
  body.page-signup,
  body.page-register,
  body.page-dashboard{
    --zl-hero-art-height:min(143vw,560px);
    --zl-hero-y:-16vw;
    --zl-hero-x:center;
  }

  /* Per-page focal tuning: reduce unused sky without clipping speech bubbles. */
  body.page-home{--zl-hero-art-height:min(121vw,505px);--zl-hero-y:-26vw}
  body.page-how-it-works{--zl-hero-art-height:min(143vw,570px);--zl-hero-y:-18vw}
  body.page-hvac{--zl-hero-art-height:min(141vw,565px);--zl-hero-y:-18vw}
  body.page-pricing{--zl-hero-art-height:min(160vw,620px);--zl-hero-y:-2vw}
  body.page-demo{--zl-hero-art-height:min(143vw,570px);--zl-hero-y:-18vw}
  body.page-faq{--zl-hero-art-height:min(148vw,585px);--zl-hero-y:-17vw}
  body.page-resources{--zl-hero-art-height:min(148vw,585px);--zl-hero-y:-19vw}
  body.page-start{--zl-hero-art-height:min(143vw,570px);--zl-hero-y:-17vw}
  body.page-login{--zl-hero-art-height:min(138vw,550px);--zl-hero-y:-21vw}
  body.page-signup{--zl-hero-art-height:min(149vw,590px);--zl-hero-y:-19vw}
  body.page-register{--zl-hero-art-height:min(150vw,595px);--zl-hero-y:-22vw}
  body.page-dashboard{--zl-hero-art-height:min(154vw,610px);--zl-hero-y:-13vw}

  /* Hero image itself: clean image, no full-frame dark veil or split. */
  body.page-home .reference-hero::after,
  .premium-page-hero.hero-image-page::after,
  body.page-pricing .pricing-premium-stage::after,
  .auth-shell.hero-image-page::after,
  .register-shell.hero-image-page::after,
  body.page-dashboard .member-shell::after{
    display:none!important;
    content:none!important;
  }

  body.page-home .reference-hero::before,
  .premium-page-hero.hero-image-page::before,
  body.page-pricing .pricing-premium-stage::before,
  .auth-shell.hero-image-page::before,
  .register-shell.hero-image-page::before{
    inset:0 0 auto 0!important;
    height:var(--zl-hero-art-height)!important;
    background-position:var(--zl-hero-x) var(--zl-hero-y)!important;
    background-size:100% auto!important;
    background-repeat:no-repeat!important;
  }

  /* Preserve the existing navy stage behind the existing H1/copy containers. */
  body.page-home .reference-hero,
  .premium-page-hero.hero-image-page,
  body.page-pricing .pricing-premium-stage,
  .auth-shell.hero-image-page,
  .register-shell.hero-image-page{
    min-height:auto!important;
    background-color:var(--zl-mobile-navy)!important;
  }

  /* H1/copy starts just after the visible character/artwork. Backgrounds are untouched. */
  body.page-home .reference-hero-inner,
  .premium-page-hero.hero-image-page .premium-page-hero-inner,
  body.page-pricing .pricing-premium-inner,
  .auth-shell.hero-image-page .auth-layout,
  .register-shell.hero-image-page .register-layout{
    min-height:0!important;
    padding-top:calc(var(--zl-hero-art-height) + 8px)!important;
    padding-bottom:30px!important;
    box-sizing:border-box!important;
  }

  body.page-home .reference-copy,
  .premium-page-hero.hero-image-page .premium-page-copy,
  body.page-pricing .pricing-premium-copy,
  .auth-shell.hero-image-page .auth-side,
  .register-shell.hero-image-page .register-form-card{
    margin-top:0!important;
    transform:none!important;
  }

  /* Keep first-screen typography premium without letting it overpower the artwork. */
  body.page-home .reference-title,
  .premium-page-copy h1,
  body.page-pricing .pricing-premium-copy h1,
  .auth-shell.hero-image-page .auth-side h1,
  .register-shell.hero-image-page .register-form-card h1{
    text-wrap:balance!important;
    overflow-wrap:normal!important;
  }

  /* Homepage: artwork first, then the existing dark H1 container, then demo. */
  body.page-home .reference-hero-inner{gap:14px!important}
  body.page-home .reference-copy{position:relative!important;z-index:3!important}
  body.page-home .reference-sub{margin-top:20px!important}
  body.page-home .home-demo.premium-recovery-demo{margin-top:2px!important}

  /* Marketing pages: eliminate accidental overlap between art and glass copy surface. */
  .premium-page-hero.hero-image-page .premium-page-copy{
    position:relative!important;
    z-index:3!important;
  }
  .premium-page-hero.hero-image-page .premium-page-hero-inner{gap:0!important}

  /* Pricing: keep its existing copy-card background; only reposition the stage. */
  body.page-pricing .pricing-premium-inner{gap:14px!important}
  body.page-pricing .pricing-premium-copy{position:relative!important;z-index:3!important}
  body.page-pricing .pricing-premium-cards{margin-top:0!important}

  /* Auth: artwork first. Existing dark intro/white form surfaces remain exactly as styled. */
  .auth-shell.hero-image-page .auth-layout,
  .register-shell.hero-image-page .register-layout{
    gap:13px!important;
  }
  .auth-shell.hero-image-page .auth-side,
  .auth-shell.hero-image-page .auth-form-card,
  .register-shell.hero-image-page .register-form-card{
    position:relative!important;
    z-index:3!important;
  }
  body.page-login .auth-layout{padding-top:calc(var(--zl-hero-art-height) + 8px)!important}

  /* Dashboard: art first, H1 card immediately after art, compact members nav after H1. */
  body.page-dashboard .member-shell::before{
    top:0!important;
    left:0!important;
    right:0!important;
    height:var(--zl-hero-art-height)!important;
    background-position:var(--zl-hero-x) var(--zl-hero-y)!important;
    background-size:100% auto!important;
    background-repeat:no-repeat!important;
  }
  body.page-dashboard .member-wrap{
    display:flex!important;
    flex-direction:column!important;
    padding-top:calc(var(--zl-hero-art-height) + 8px)!important;
    gap:10px!important;
  }
  body.page-dashboard .member-main{display:contents!important}
  body.page-dashboard .member-top{order:1!important;margin:0!important}
  body.page-dashboard .member-sidebar{order:2!important;margin:0!important;width:100%!important}
  body.page-dashboard .member-command-grid,
  body.page-dashboard .member-kpi-grid,
  body.page-dashboard .member-grid,
  body.page-dashboard .member-table-card{order:3!important}

  /* Small global mobile rhythm refinements; no new imagery or desktop changes. */
  .premium-page-copy .hero-actions,
  body.page-home .reference-actions,
  body.page-pricing .pricing-premium-copy .hero-actions{
    margin-bottom:0!important;
  }
  .page-proof-strip{padding-top:12px!important}
  .section,.premium-section{scroll-margin-top:76px}
}

@media (max-width:380px){
  /* Maintain the same visual relationships on compact phones. */
  body.page-home{--zl-hero-art-height:min(123vw,465px);--zl-hero-y:-25vw}
  body.page-how-it-works{--zl-hero-art-height:min(145vw,535px);--zl-hero-y:-17vw}
  body.page-hvac{--zl-hero-art-height:min(143vw,530px);--zl-hero-y:-17vw}
  body.page-pricing{--zl-hero-art-height:min(162vw,590px);--zl-hero-y:-1vw}
  body.page-demo{--zl-hero-art-height:min(145vw,535px);--zl-hero-y:-17vw}
  body.page-faq{--zl-hero-art-height:min(149vw,550px);--zl-hero-y:-16vw}
  body.page-resources{--zl-hero-art-height:min(149vw,550px);--zl-hero-y:-18vw}
  body.page-start{--zl-hero-art-height:min(145vw,535px);--zl-hero-y:-16vw}
  body.page-login{--zl-hero-art-height:min(140vw,520px);--zl-hero-y:-20vw}
  body.page-signup{--zl-hero-art-height:min(151vw,560px);--zl-hero-y:-18vw}
  body.page-register{--zl-hero-art-height:min(152vw,565px);--zl-hero-y:-21vw}
  body.page-dashboard{--zl-hero-art-height:min(156vw,580px);--zl-hero-y:-12vw}

  body.page-home .reference-hero-inner,
  .premium-page-hero.hero-image-page .premium-page-hero-inner,
  body.page-pricing .pricing-premium-inner,
  .auth-shell.hero-image-page .auth-layout,
  .register-shell.hero-image-page .register-layout{
    padding-top:calc(var(--zl-hero-art-height) + 7px)!important;
  }
  body.page-dashboard .member-wrap{padding-top:calc(var(--zl-hero-art-height) + 7px)!important}
}

/* v13.30.1 hero-background hardening: keep desktop inline backgrounds fully hidden
   behind the mobile presentation layer while preserving the original H1 cards. */
@media (max-width:760px){
  body.page-home{--zl-hero-image:url('heroes/mobile/home-mobile.webp')}
  body.page-how-it-works{--zl-hero-image:url('heroes/mobile/how-it-works-mobile.webp')}
  body.page-hvac{--zl-hero-image:url('heroes/mobile/hvac-mobile.webp')}
  body.page-pricing{--zl-hero-image:url('heroes/mobile/pricing-mobile.webp')}
  body.page-demo{--zl-hero-image:url('heroes/mobile/demo-mobile.webp')}
  body.page-faq{--zl-hero-image:url('heroes/mobile/faq-mobile.webp')}
  body.page-resources{--zl-hero-image:url('heroes/mobile/resources-mobile.webp')}
  body.page-start{--zl-hero-image:url('heroes/mobile/start-mobile.webp')}
  body.page-login{--zl-hero-image:url('heroes/mobile/login-mobile.webp')}
  body.page-register{--zl-hero-image:url('heroes/mobile/register-mobile.webp')}
  body.page-dashboard{--zl-hero-image:url('heroes/mobile/dashboard-mobile.webp')}

  body.page-home .reference-hero::before,
  .premium-page-hero.hero-image-page::before,
  body.page-pricing .pricing-premium-stage::before,
  .auth-shell.hero-image-page::before,
  .register-shell.hero-image-page::before{
    inset:0!important;
    height:auto!important;
    background-color:var(--zl-mobile-navy)!important;
    background-image:
      linear-gradient(to bottom,
        transparent 0,
        transparent var(--zl-hero-art-height),
        var(--zl-mobile-navy) var(--zl-hero-art-height),
        var(--zl-mobile-navy) 100%),
      var(--zl-hero-image)!important;
    background-position:0 0,var(--zl-hero-x) var(--zl-hero-y)!important;
    background-size:100% 100%,100% auto!important;
    background-repeat:no-repeat,no-repeat!important;
  }

  body.page-dashboard .member-shell::before{
    inset:0!important;
    height:auto!important;
    background-color:#edf4fa!important;
    background-image:
      linear-gradient(to bottom,
        transparent 0,
        transparent var(--zl-hero-art-height),
        #edf4fa var(--zl-hero-art-height),
        #edf4fa 100%),
      var(--zl-hero-image)!important;
    background-position:0 0,var(--zl-hero-x) var(--zl-hero-y)!important;
    background-size:100% 100%,100% auto!important;
    background-repeat:no-repeat,no-repeat!important;
  }
}

/* ===== mobile-hero-final-v13304.css ===== */
/* Zeoleads v13.30.3 — deterministic mobile hero layout
   Loaded AFTER mobile-premium.css. Mobile only. No new images.
   Structure: nav -> approved mobile hero art -> existing H1/content card -> all remaining content. */

@media (max-width:760px){
  :root{
    --zl-mobile-final-navy:#071725;
    --zl-mobile-final-gutter:18px;
  }

  /* Exact approved mobile hero mapping. */
  body.page-home{--zl-final-hero:url('heroes/mobile/home-mobile.webp');--zl-final-art-h:142vw;--zl-final-art-y:-10vw}
  body.page-how-it-works{--zl-final-hero:url('heroes/mobile/how-it-works-mobile.webp');--zl-final-art-h:158vw;--zl-final-art-y:-5vw}
  body.page-hvac{--zl-final-hero:url('heroes/mobile/hvac-mobile.webp');--zl-final-art-h:155vw;--zl-final-art-y:-4vw}
  body.page-pricing{--zl-final-hero:url('heroes/mobile/pricing-mobile.webp');--zl-final-art-h:160vw;--zl-final-art-y:0vw}
  body.page-demo{--zl-final-hero:url('heroes/mobile/demo-mobile.webp');--zl-final-art-h:158vw;--zl-final-art-y:-5vw}
  body.page-faq{--zl-final-hero:url('heroes/mobile/faq-mobile.webp');--zl-final-art-h:158vw;--zl-final-art-y:-5vw}
  body.page-resources{--zl-final-hero:url('heroes/mobile/resources-mobile.webp');--zl-final-art-h:145vw;--zl-final-art-y:-3vw}
  body.page-start{--zl-final-hero:url('heroes/mobile/start-mobile.webp');--zl-final-art-h:158vw;--zl-final-art-y:-4vw}
  body.page-login{--zl-final-hero:url('heroes/mobile/login-mobile.webp');--zl-final-art-h:146vw;--zl-final-art-y:-2vw}
  body.page-register{--zl-final-hero:url('heroes/mobile/register-mobile.webp');--zl-final-art-h:150vw;--zl-final-art-y:-2vw}
  body.page-dashboard{--zl-final-hero:url('heroes/mobile/dashboard-mobile.webp');--zl-final-art-h:148vw;--zl-final-art-y:-3vw}

  /* Cap hero height on larger phones while keeping the same visual proportions. */
  body.page-home{--zl-final-art-max:700px}
  body.page-how-it-works,body.page-hvac,body.page-demo,body.page-faq,body.page-start{--zl-final-art-max:790px}
  body.page-pricing{--zl-final-art-max:800px}
  body.page-resources{--zl-final-art-max:725px}
  body.page-login{--zl-final-art-max:730px}
  body.page-signup,body.page-dashboard{--zl-final-art-max:740px}
  body.page-register{--zl-final-art-max:750px}

  /* Remove desktop hero images from the section itself on mobile. */
  body.page-home .reference-hero,
  .premium-page-hero.hero-image-page,
  body.page-pricing .pricing-premium-stage,
  .auth-shell.hero-image-page,
  .register-shell.hero-image-page{
    background-image:none!important;
    background-color:var(--zl-mobile-final-navy)!important;
    padding-top:0!important;
    min-height:0!important;
    overflow:visible!important;
  }

  /* Disable old overlay layers. */
  body.page-home .reference-hero::after,
  .premium-page-hero.hero-image-page::after,
  body.page-pricing .pricing-premium-stage::after,
  .auth-shell.hero-image-page::after,
  .register-shell.hero-image-page::after,
  body.page-dashboard .member-shell::after{
    display:none!important;
    content:none!important;
  }

  /* The approved hero art is now an IN-FLOW block. This is the key correction. */
  body.page-home .reference-hero::before,
  .premium-page-hero.hero-image-page::before,
  body.page-pricing .pricing-premium-stage::before,
  .auth-shell.hero-image-page::before,
  .register-shell.hero-image-page::before,
  body.page-dashboard .member-shell::before{
    content:""!important;
    display:block!important;
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    z-index:0!important;
    width:100%!important;
    height:min(var(--zl-final-art-h),var(--zl-final-art-max))!important;
    margin:0!important;
    padding:0!important;
    background-color:var(--zl-mobile-final-navy)!important;
    background-image:var(--zl-final-hero)!important;
    background-repeat:no-repeat!important;
    background-size:100% auto!important;
    background-position:center var(--zl-final-art-y)!important;
    transform:none!important;
    pointer-events:none!important;
  }

  /* Content starts only AFTER the art block. No overlap is possible. */
  body.page-home .reference-hero-inner,
  .premium-page-hero.hero-image-page .premium-page-hero-inner,
  body.page-pricing .pricing-premium-inner,
  .auth-shell.hero-image-page .auth-layout,
  .register-shell.hero-image-page .register-layout,
  body.page-dashboard .member-wrap{
    position:relative!important;
    z-index:2!important;
    width:min(calc(100% - 2*var(--zl-mobile-final-gutter)),760px)!important;
    min-height:0!important;
    padding-top:0!important;
    padding-bottom:30px!important;
    margin-top:0!important;
    box-sizing:border-box!important;
  }

  /* Deterministic vertical stack on pages whose hero contains multiple surfaces. */
  body.page-home .reference-hero-inner,
  body.page-pricing .pricing-premium-inner,
  .auth-shell.hero-image-page .auth-layout,
  .register-shell.hero-image-page .register-layout,
  body.page-dashboard .member-wrap{
    display:flex!important;
    flex-direction:column!important;
    gap:13px!important;
  }

  /* Keep existing H1/content-card backgrounds exactly as designed; only add breathing room. */
  body.page-home .reference-copy,
  .premium-page-hero.hero-image-page .premium-page-copy,
  body.page-pricing .pricing-premium-copy,
  .auth-shell.hero-image-page .auth-side,
  .auth-shell.hero-image-page .auth-form-card,
  .register-shell.hero-image-page .register-form-card,
  body.page-dashboard .member-top{
    margin-top:0!important;
    transform:none!important;
    padding-top:30px!important;
  }

  /* The very first label/title should never touch the card edge. */
  body.page-home .reference-copy>.eyebrow,
  .premium-page-copy>.eyebrow,
  body.page-pricing .pricing-premium-copy>.eyebrow,
  .auth-shell.hero-image-page .auth-side>.eyebrow,
  .register-form-card>.auth-card-kicker,
  .auth-form-card .auth-card-kicker{
    margin-top:0!important;
    margin-bottom:14px!important;
  }

  /* Homepage: hero art -> H1 card -> interactive demo. */
  body.page-home .reference-copy{order:1!important}
  body.page-home .home-demo{order:2!important;margin-top:0!important}

  /* Pricing: hero art -> intro/H1 -> pricing cards. */
  body.page-pricing .pricing-premium-copy{order:1!important}
  body.page-pricing .pricing-premium-cards{order:2!important;margin-top:0!important}

  /* Auth: approved mobile hero -> intro/H1 -> form. Login only has the form. */
  body.page-signup .auth-side{order:1!important}
  body.page-signup .auth-form-card{order:2!important}
  body.page-signup .auth-illustration{display:none!important}
  body.page-login .auth-form-card{order:1!important;margin-top:0!important}
  body.page-register .register-form-card{order:1!important;margin-top:0!important}

  /* Preserve the existing white form surfaces and dark intro surfaces. */
  body.page-login .auth-form-card,
  body.page-signup .auth-form-card,
  body.page-register .register-form-card{
    padding-top:30px!important;
  }

  /* Dashboard: approved art -> H1 card -> navigation -> all remaining workspace content. */
  body.page-dashboard .member-shell{
    padding-top:0!important;
    background:#edf4fa!important;
    overflow:visible!important;
  }
  body.page-dashboard .member-main{display:contents!important}
  body.page-dashboard .member-top{order:1!important;margin:0!important}
  body.page-dashboard .member-sidebar{order:2!important;margin:0!important;width:100%!important}
  body.page-dashboard .member-command-grid,
  body.page-dashboard .member-kpi-grid,
  body.page-dashboard .member-grid,
  body.page-dashboard .member-table-card,
  body.page-dashboard .member-revenue-hero{order:3!important}

  /* No page content may pull upward over the hero art. */
  .page-proof-strip,
  body.page-demo #interactive-demo,
  .premium-section,
  .section,
  .section-tight{
    position:relative!important;
    z-index:1!important;
  }
}

@media (max-width:380px){
  :root{--zl-mobile-final-gutter:14px}
  body.page-home{--zl-final-art-h:145vw;--zl-final-art-y:-9vw}
  body.page-how-it-works{--zl-final-art-h:160vw;--zl-final-art-y:-4vw}
  body.page-hvac{--zl-final-art-h:158vw;--zl-final-art-y:-3vw}
  body.page-pricing{--zl-final-art-h:162vw;--zl-final-art-y:0vw}
  body.page-demo{--zl-final-art-h:160vw;--zl-final-art-y:-4vw}
  body.page-faq{--zl-final-art-h:160vw;--zl-final-art-y:-4vw}
  body.page-resources{--zl-final-art-h:148vw;--zl-final-art-y:-2vw}
  body.page-start{--zl-final-art-h:160vw;--zl-final-art-y:-3vw}
  body.page-login{--zl-final-art-h:148vw;--zl-final-art-y:-1vw}
  body.page-signup{--zl-final-art-h:150vw;--zl-final-art-y:-2vw}
  body.page-register{--zl-final-art-h:152vw;--zl-final-art-y:-1vw}
  body.page-dashboard{--zl-final-art-h:150vw;--zl-final-art-y:-2vw}
}

/* v13.30.4 — targeted mobile corrections verified against 498x749 viewport.
   Removes the legacy/desktop hero from behind the content card, raises the approved
   mobile artwork toward the nav, adds breathing room above hero labels, and removes
   the white reserve below marketing footers. */
@media (max-width:760px){
  /* Move the approved mobile artwork upward while keeping speech bubbles in-frame. */
  body.page-home{--zl-final-art-y:-18vw}
  body.page-how-it-works{--zl-final-art-y:-13vw}
  body.page-hvac{--zl-final-art-y:-13vw}
  body.page-pricing{--zl-final-art-y:-6vw}
  body.page-demo{--zl-final-art-y:-12vw}
  body.page-faq{--zl-final-art-y:-10vw}
  body.page-resources{--zl-final-art-y:-8vw}
  body.page-start{--zl-final-art-y:-10vw}
  body.page-login{--zl-final-art-y:-9vw}
  body.page-signup{--zl-final-art-y:-9vw}
  body.page-register{--zl-final-art-y:-8vw}
  body.page-dashboard{--zl-final-art-y:-8vw}

  /* Explicitly suppress every legacy hero painted on the SECTION itself.
     These selectors intentionally match/exceed the specificity of reference.css. */
  body.page-home .reference-hero,
  body.page-how-it-works .premium-page-hero.hero-image-page,
  body.page-hvac .premium-page-hero.hero-image-page,
  body.page-pricing .pricing-premium-stage,
  body.page-demo .premium-page-hero.hero-image-page,
  body.page-faq .premium-page-hero.hero-image-page,
  body.page-resources .premium-page-hero.hero-image-page,
  body.page-start .premium-page-hero.hero-image-page,
  body.page-login .auth-shell.hero-image-page,
  body.page-signup .auth-shell.hero-image-page,
  body.page-register .register-shell.hero-image-page{
    background-image:none!important;
    background-color:var(--zl-mobile-final-navy)!important;
    background-position:initial!important;
    background-size:auto!important;
    background-repeat:no-repeat!important;
  }

  /* Content-card backgrounds remain exactly as designed; only increase top breathing room. */
  body.page-home .reference-copy,
  body.page-how-it-works .premium-page-copy,
  body.page-hvac .premium-page-copy,
  body.page-demo .premium-page-copy,
  body.page-faq .premium-page-copy,
  body.page-resources .premium-page-copy,
  body.page-start .premium-page-copy,
  body.page-pricing .pricing-premium-copy,
  body.page-login .auth-form-card,
  body.page-signup .auth-side,
  body.page-signup .auth-form-card,
  body.page-register .register-form-card,
  body.page-dashboard .member-top{
    padding-top:36px!important;
  }

  body.page-home .reference-copy>.eyebrow,
  body.page-how-it-works .premium-page-copy>.eyebrow,
  body.page-hvac .premium-page-copy>.eyebrow,
  body.page-demo .premium-page-copy>.eyebrow,
  body.page-faq .premium-page-copy>.eyebrow,
  body.page-resources .premium-page-copy>.eyebrow,
  body.page-start .premium-page-copy>.eyebrow,
  body.page-pricing .pricing-premium-copy>.eyebrow,
  body.page-signup .auth-side>.eyebrow,
  body.page-register .register-form-card>.auth-card-kicker,
  body.page-login .auth-form-card .auth-card-kicker{
    margin-top:0!important;
    margin-bottom:18px!important;
  }

  /* The fixed conversion bar should not create a white strip after the footer. */
  body.marketing-page{padding-bottom:0!important}
  body.marketing-page footer{
    margin-bottom:0!important;
    padding-bottom:calc(110px + env(safe-area-inset-bottom))!important;
    background:#081827!important;
  }
  html{background:#081827!important}
  body{margin-bottom:0!important}
}

@media (max-width:380px){
  body.page-home{--zl-final-art-y:-16vw}
  body.page-how-it-works{--zl-final-art-y:-12vw}
  body.page-hvac{--zl-final-art-y:-12vw}
  body.page-pricing{--zl-final-art-y:-5vw}
  body.page-demo{--zl-final-art-y:-11vw}
  body.page-faq{--zl-final-art-y:-9vw}
  body.page-resources{--zl-final-art-y:-7vw}
  body.page-start{--zl-final-art-y:-9vw}
  body.page-login{--zl-final-art-y:-8vw}
  body.page-signup{--zl-final-art-y:-8vw}
  body.page-register{--zl-final-art-y:-7vw}
  body.page-dashboard{--zl-final-art-y:-7vw}
}

/* ===== hero-restore-v13305.css ===== */
/* Zeoleads v13.30.5 — desktop hero restoration + mobile intro-card breathing room
   Loaded last. Desktop rules are explicitly isolated from the mobile hero system. */

@media (min-width:761px){
  /* Homepage desktop hero */
  body.page-home .reference-hero{
    background-image:url('heroes/home-reference.webp')!important;
    background-size:cover!important;
    background-position:70% center!important;
    background-repeat:no-repeat!important;
  }

  /* Marketing-page desktop heroes */
  body.page-how-it-works .premium-page-hero.hero-image-page{
    background-image:linear-gradient(90deg,rgba(5,18,31,.50) 0%,rgba(5,18,31,.42) 23%,rgba(6,20,33,.22) 46%,rgba(6,20,33,.07) 66%,rgba(6,20,33,0) 100%),url('heroes/how-it-works-premium.webp')!important;
    background-size:cover,cover!important;
    background-position:center center,62% 18%!important;
    background-repeat:no-repeat,no-repeat!important;
  }
  body.page-hvac .premium-page-hero.hero-image-page{
    background-image:linear-gradient(90deg,rgba(5,18,31,.50) 0%,rgba(5,18,31,.42) 23%,rgba(6,20,33,.22) 46%,rgba(6,20,33,.07) 66%,rgba(6,20,33,0) 100%),url('heroes/hvac-premium.webp')!important;
    background-size:cover,cover!important;
    background-position:center center,62% center!important;
    background-repeat:no-repeat,no-repeat!important;
  }
  body.page-demo .premium-page-hero.hero-image-page{
    background-image:linear-gradient(90deg,rgba(5,18,31,.50) 0%,rgba(5,18,31,.42) 23%,rgba(6,20,33,.22) 46%,rgba(6,20,33,.07) 66%,rgba(6,20,33,0) 100%),url('heroes/demo-premium.webp')!important;
    background-size:cover,cover!important;
    background-position:center center,62% center!important;
    background-repeat:no-repeat,no-repeat!important;
  }
  body.page-faq .premium-page-hero.hero-image-page{
    background-image:linear-gradient(90deg,rgba(5,18,31,.43) 0%,rgba(5,18,31,.34) 25%,rgba(6,20,33,.14) 49%,rgba(6,20,33,.03) 69%,rgba(6,20,33,0) 100%),url('heroes/faq-premium.webp')!important;
    background-size:cover,cover!important;
    background-position:center center,center center!important;
    background-repeat:no-repeat,no-repeat!important;
  }
  body.page-resources .premium-page-hero.hero-image-page{
    background-image:linear-gradient(90deg,rgba(5,18,31,.50) 0%,rgba(5,18,31,.42) 23%,rgba(6,20,33,.22) 46%,rgba(6,20,33,.07) 66%,rgba(6,20,33,0) 100%),url('heroes/resources-premium.webp')!important;
    background-size:cover,cover!important;
    background-position:center center,62% center!important;
    background-repeat:no-repeat,no-repeat!important;
  }
  body.page-start .premium-page-hero.hero-image-page{
    background-image:linear-gradient(90deg,rgba(5,18,31,.50) 0%,rgba(5,18,31,.42) 23%,rgba(6,20,33,.22) 46%,rgba(6,20,33,.07) 66%,rgba(6,20,33,0) 100%),url('heroes/start-premium.webp')!important;
    background-size:cover,cover!important;
    background-position:center center,62% center!important;
    background-repeat:no-repeat,no-repeat!important;
  }

  /* Pricing desktop hero is painted by its stage pseudo-element. */
  body.page-pricing .pricing-premium-stage{
    background:#07111f!important;
  }
  body.page-pricing .pricing-premium-stage::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    background-image:url('heroes/pricing-service-hero.webp')!important;
    background-repeat:no-repeat!important;
    background-size:auto 102%!important;
    background-position:right 22%!important;
  }
  body.page-pricing .pricing-premium-stage::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:linear-gradient(90deg,rgba(5,17,31,.98) 0%,rgba(5,17,31,.95) 16%,rgba(5,17,31,.78) 29%,rgba(5,17,31,.43) 43%,rgba(5,17,31,.16) 54%,rgba(5,17,31,0) 68%)!important;
    pointer-events:none!important;
  }

  /* Auth desktop heroes */
  body.page-login .auth-shell.hero-image-page{
    background-image:linear-gradient(90deg,rgba(5,18,31,.43) 0%,rgba(5,18,31,.34) 28%,rgba(6,20,33,.14) 52%,rgba(6,20,33,.02) 76%,rgba(6,20,33,0) 100%),url('heroes/login-premium.webp')!important;
    background-size:cover,cover!important;
    background-position:center center,center center!important;
    background-repeat:no-repeat,no-repeat!important;
  }
  body.page-register .register-shell.hero-image-page{
    background-image:linear-gradient(90deg,rgba(5,18,31,.36) 0%,rgba(5,18,31,.28) 27%,rgba(6,20,33,.09) 50%,rgba(6,20,33,.01) 72%,rgba(6,20,33,0) 100%),url('heroes/register-premium.webp')!important;
    background-size:cover,cover!important;
    background-position:center center,center center!important;
    background-repeat:no-repeat,no-repeat!important;
  }
}

@media (max-width:760px){
  /* Preserve the existing card surfaces; only add more space between the top edge/border and first label/H1. */
  body.page-home .reference-copy,
  .premium-page-hero.hero-image-page .premium-page-copy,
  body.page-pricing .pricing-premium-copy,
  .auth-shell.hero-image-page .auth-side,
  .auth-shell.hero-image-page .auth-form-card,
  .register-shell.hero-image-page .register-form-card,
  body.page-dashboard .member-top{
    padding-top:44px!important;
  }

  body.page-home .reference-copy>.eyebrow,
  .premium-page-copy>.eyebrow,
  body.page-pricing .pricing-premium-copy>.eyebrow,
  .auth-shell.hero-image-page .auth-side>.eyebrow,
  .register-form-card>.auth-card-kicker,
  .auth-form-card .auth-card-kicker{
    margin-top:0!important;
    margin-bottom:18px!important;
  }
}

/* ===== ui-refinements-v13306.css ===== */
/* Zeoleads v13.30.6 — focused mobile, registration, and pricing refinements.
   Loaded last so these rules are deterministic without disturbing prior hero work. */

/* ---------- Mobile refinements ---------- */
@media (max-width:760px){
  /* Give the label above every image-backed hero H1 real breathing room. */
  body.page-home .reference-copy,
  body.page-how-it-works .premium-page-copy,
  body.page-hvac .premium-page-copy,
  body.page-demo .premium-page-copy,
  body.page-faq .premium-page-copy,
  body.page-resources .premium-page-copy,
  body.page-start .premium-page-copy,
  body.page-pricing .pricing-premium-copy,
  body.page-login .auth-form-card,
  body.page-signup .auth-side,
  body.page-signup .auth-form-card,
  body.page-register .register-form-card,
  body.page-dashboard .member-top{
    padding-top:50px!important;
  }

  body.page-home .reference-copy>.eyebrow,
  body.page-how-it-works .premium-page-copy>.eyebrow,
  body.page-hvac .premium-page-copy>.eyebrow,
  body.page-demo .premium-page-copy>.eyebrow,
  body.page-faq .premium-page-copy>.eyebrow,
  body.page-resources .premium-page-copy>.eyebrow,
  body.page-start .premium-page-copy>.eyebrow,
  body.page-pricing .pricing-premium-copy>.eyebrow,
  body.page-signup .auth-side>.eyebrow,
  body.page-register .register-form-card>.auth-card-kicker,
  body.page-login .auth-form-card .auth-card-kicker{
    margin-top:4px!important;
    margin-bottom:20px!important;
  }

  /* Register: intentional navy breathing room between artwork and white registration card. */
  body.page-register .register-layout{
    padding-top:18px!important;
  }

  /* Demo mobile menu: move conversion CTA clear of the active-link underline. */
  body.page-demo .nav-links .nav-pilot-link{
    margin-top:14px!important;
  }

  /* Small-screen industry helper/readability. */
  body.page-register .field-help{
    font-size:.76rem!important;
    line-height:1.4!important;
    margin-top:2px!important;
  }
  body.page-register .other-industry-field{
    margin-top:0!important;
  }
}

/* ---------- Register: compact premium desktop form ---------- */
@media (min-width:761px){
  body.page-register main{
    margin:0!important;
    padding:0!important;
    background:#071625!important;
  }
  body.page-register .register-shell{
    min-height:calc(100svh - 76px)!important;
    margin:0!important;
    padding:0!important;
  }
  body.page-register .register-layout{
    min-height:calc(100svh - 76px)!important;
    padding:28px 0!important;
    align-items:center!important;
  }
  body.page-register .register-form-card{
    width:min(100%,610px)!important;
    padding:24px 26px 22px!important;
    border-radius:24px!important;
    box-shadow:0 28px 76px rgba(3,15,26,.27)!important;
  }
  body.page-register .register-form-card>.auth-card-kicker{
    margin-bottom:10px!important;
  }
  body.page-register .register-form-card h1{
    max-width:13ch!important;
    margin:0 0 10px!important;
    font-size:clamp(2.15rem,3.25vw,3.2rem)!important;
    line-height:.98!important;
  }
  body.page-register .register-form-card .form-intro{
    max-width:560px!important;
    margin:0 0 14px!important;
    font-size:.91rem!important;
    line-height:1.48!important;
  }
  body.page-register .register-grid{
    grid-template-columns:1fr 1fr!important;
    gap:9px 12px!important;
  }
  body.page-register .register-form .field{
    gap:5px!important;
  }
  body.page-register .register-form .field>span{
    font-size:.78rem!important;
    line-height:1.15!important;
  }
  body.page-register .register-form .field input,
  body.page-register .register-form .field select{
    min-height:43px!important;
    padding:9px 12px!important;
    border-radius:11px!important;
    font-size:.9rem!important;
  }
  body.page-register .register-form .field select{
    appearance:none!important;
    -webkit-appearance:none!important;
    padding-right:46px!important;
    background-color:#f8fbfd!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M2 2l5 5 5-5' fill='none' stroke='%23445f73' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right 16px center!important;
    background-size:14px 9px!important;
  }
  body.page-register .field-help{
    display:block!important;
    color:#74879a!important;
    font-size:.67rem!important;
    line-height:1.28!important;
    margin-top:1px!important;
  }
  body.page-register .register-consent{
    margin:12px 0 11px!important;
    font-size:.79rem!important;
    line-height:1.35!important;
  }
  body.page-register .auth-submit{
    min-height:45px!important;
  }
  body.page-register .register-proof{
    margin-top:11px!important;
    gap:5px!important;
  }
  body.page-register .register-proof span{
    padding:5px 8px!important;
    font-size:.68rem!important;
  }
  body.page-register .register-flow-links{
    margin-top:11px!important;
    padding-top:11px!important;
  }
  body.page-register .register-flow-links>div{
    font-size:.78rem!important;
  }
  body.page-register footer{
    margin-top:0!important;
  }
}

/* Industry expansion input: hidden until Other is selected. */
body.page-register .other-industry-field[hidden]{display:none!important}
body.page-register .other-industry-field.is-visible{display:grid!important}
body.page-register .field-help{color:#74879a}

/* ---------- Detailed pricing cards below the hero ---------- */
body.page-pricing .premium-pricing{
  gap:22px!important;
  align-items:stretch!important;
}
body.page-pricing .premium-pricing .price-card{
  overflow:hidden!important;
  padding:30px 28px 26px!important;
  border:1px solid #dbe6ee!important;
  border-top:4px solid #cfe9da!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
  box-shadow:0 22px 56px rgba(21,48,72,.085)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
body.page-pricing .premium-pricing .price-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 28px 66px rgba(21,48,72,.12)!important;
  border-color:#cadbe7!important;
}
body.page-pricing .premium-pricing .price-card.featured{
  border:2px solid #f6c42f!important;
  border-top-width:4px!important;
  background:linear-gradient(180deg,#fffdf4 0%,#fff 32%,#fbfdff 100%)!important;
  box-shadow:0 28px 70px rgba(202,151,17,.15)!important;
}
body.page-pricing .premium-pricing .price-card.featured:hover{
  transform:translateY(-10px)!important;
}
body.page-pricing .plan-detail-heading{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-bottom:2px!important;
}
body.page-pricing .plan-detail-icon{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-radius:14px!important;
  background:#e9f8ef!important;
  border:1px solid #cdebd9!important;
  color:#168847!important;
  font-size:1.05rem!important;
  font-weight:950!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)!important;
}
body.page-pricing .plan-detail-heading.plan-growth .plan-detail-icon{
  background:#fff7d7!important;
  border-color:#f2d86b!important;
  color:#8c6500!important;
}
body.page-pricing .plan-detail-heading.plan-scale .plan-detail-icon{
  background:#eef4ff!important;
  border-color:#d6e2f7!important;
  color:#285e9b!important;
}
body.page-pricing .premium-pricing .plan-name{
  font-size:1.38rem!important;
  letter-spacing:-.025em!important;
}
body.page-pricing .premium-pricing .price{
  margin-top:4px!important;
  font-size:3.45rem!important;
}
body.page-pricing .premium-pricing .plan-allowance{
  border:1px solid #d9ece1!important;
  background:linear-gradient(180deg,#f1faf5,#eaf7ef)!important;
  box-shadow:inset 0 1px 0 #fff!important;
}
body.page-pricing .premium-pricing .plan-ribbon{
  background:#f6c42f!important;
  color:#17213c!important;
  border:1px solid #e8b719!important;
  box-shadow:0 8px 20px rgba(214,160,17,.20)!important;
}
body.page-pricing .premium-pricing .checklist{
  gap:10px!important;
  padding-top:3px!important;
}
body.page-pricing .premium-pricing .checklist li::before{
  display:grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  border-radius:50%!important;
  background:#e8f7ee!important;
  color:#168847!important;
  font-size:.69rem!important;
}
body.page-pricing .premium-pricing .button,
body.page-pricing .premium-pricing .button-ghost{
  min-height:50px!important;
  border-radius:13px!important;
}

@media (max-width:760px){
  body.page-pricing .premium-pricing .price-card,
  body.page-pricing .premium-pricing .price-card.featured,
  body.page-pricing .premium-pricing .price-card:hover,
  body.page-pricing .premium-pricing .price-card.featured:hover{
    transform:none!important;
  }
  body.page-pricing .premium-pricing .price-card{
    padding:24px 21px!important;
  }
  body.page-pricing .plan-ribbon{
    top:18px!important;
    right:18px!important;
  }
}