/* ============================================================
   SIGNALL — cards.php landing page styles
   Built on top of style.css tokens; adds section-level layout.
   ============================================================ */
.lp-nav{position:sticky;top:0;z-index:40;background:rgba(17,18,25,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
[data-theme="light"] .lp-nav{background:rgba(255,255,255,.92);}
.lp-nav-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;}
@media (min-width:701px){ .lp-nav-links{display:flex;gap:26px;align-items:center;} }
.lp-nav-links a{font-size:13.5px;font-weight:600;color:var(--text-dim);text-decoration:none;}
.lp-nav-links a:hover{color:var(--text);}
.lp-section{max-width:1180px;margin:0 auto;padding:80px 24px;}
.lp-section.tight{padding:56px 24px;}
.lp-eyebrow{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-bright);background:rgba(255,95,0,.1);border:1px solid rgba(255,95,0,.25);display:inline-block;padding:6px 14px;border-radius:999px;margin-bottom:16px;}
.lp-h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,4vw,38px);line-height:1.15;margin:0 0 14px;letter-spacing:-.01em;}
.lp-sub{color:var(--text-dim);font-size:15px;line-height:1.7;max-width:600px;}
.lp-center{text-align:center;margin-left:auto;margin-right:auto;}

/* ---------- hero ---------- */
.lp-hero{position:relative;padding:70px 24px 40px;overflow:hidden;}
.lp-hero-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;}
@media (max-width:900px){
  .lp-hero-grid{grid-template-columns:1fr;}
  .lp-hero-visual{max-width:230px; margin:16px auto 0; padding:30px 0 46px;}
  .lp-hero-visual img{max-width:230px;}
}
.lp-hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(32px,5vw,52px);line-height:1.08;letter-spacing:-.02em;margin:0 0 20px;}
.lp-hero h1 .accent{background:linear-gradient(90deg,var(--accent),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;}
.lp-hero-sub{font-size:16px;color:var(--text-dim);line-height:1.7;max-width:520px;margin-bottom:28px;}
.lp-hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px;}
.lp-btn{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14.5px;padding:14px 26px;border-radius:10px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1px solid transparent;transition:transform .15s ease, box-shadow .15s ease;}
.lp-btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent-bright));color:#fff;box-shadow:0 10px 30px -10px rgba(235,0,27,.5);}
.lp-btn.primary:hover{transform:translateY(-2px);box-shadow:0 14px 34px -8px rgba(235,0,27,.6);}
.lp-btn.ghost{background:var(--surface);border-color:var(--line);color:var(--text);}
.lp-btn.ghost:hover{border-color:var(--accent);}
.lp-trust-row{display:flex;flex-wrap:wrap;gap:22px;align-items:center;font-size:12.5px;color:var(--text-dim);}
.lp-trust-row b{color:var(--text);}
.lp-hero-visual{position:relative;display:flex;justify-content:center;}
.lp-hero-visual img{width:100%;max-width:400px;border-radius:20px;box-shadow:0 40px 80px -20px rgba(0,0,0,.5);}
.lp-hero-visual .float-card{position:absolute;width:52%;border-radius:12px;box-shadow:0 20px 50px -14px rgba(0,0,0,.55);}
.lp-hero-visual .float-1{top:-6%;left:-8%;transform:rotate(-8deg);}
.lp-hero-visual .float-2{bottom:-8%;right:-10%;transform:rotate(7deg);}

/* ---------- stat bar ---------- */
.lp-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);}
.lp-stats-grid{max-width:1180px;margin:0 auto;padding:32px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;}
@media (max-width:700px){.lp-stats-grid{grid-template-columns:repeat(2,1fr);}}
.lp-stat-num{font-family:'Space Grotesk',sans-serif;font-size:clamp(22px,3vw,30px);font-weight:700;background:linear-gradient(90deg,var(--accent),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;}
.lp-stat-lbl{font-size:12px;color:var(--text-dim);margin-top:4px;}

/* ---------- problem / paperless section ---------- */
.lp-problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
@media (max-width:850px){.lp-problem-grid{grid-template-columns:1fr;}}
.lp-problem-list{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:16px;}
.lp-problem-list li{display:flex;gap:12px;font-size:14.5px;color:var(--text-dim);line-height:1.6;}
.lp-problem-list .x{flex:none;width:22px;height:22px;border-radius:50%;background:rgba(214,58,92,.15);color:var(--danger);display:grid;place-items:center;font-size:12px;font-weight:700;}
.lp-problem-visual{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px;}
.lp-problem-visual img{width:100%;border-radius:10px;display:block;}

/* ---------- with/without comparison ---------- */
.lp-compare{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:36px;}
@media (max-width:700px){.lp-compare{grid-template-columns:1fr;}}
.lp-compare-col{padding:28px 26px;}
.lp-compare-col.bad{background:var(--surface-2);}
.lp-compare-col.good{background:rgba(247,158,27,.06);}
.lp-compare-col h4{font-family:'Space Grotesk',sans-serif;font-size:15px;margin:0 0 16px;}
.lp-compare-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;}
.lp-compare-col li{font-size:13.5px;line-height:1.5;display:flex;gap:9px;color:var(--text-dim);}
.lp-compare-col.good li{color:var(--text);}
.lp-compare-col.bad li:before{content:"✕";color:var(--danger);flex:none;font-weight:700;}
.lp-compare-col.good li:before{content:"✓";color:var(--ok);flex:none;font-weight:700;}

/* ---------- how it works / steps ---------- */
.lp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px;}
@media (max-width:900px){.lp-steps{grid-template-columns:repeat(2,1fr);}}
.lp-step{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;}
.lp-step .n{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px;color:var(--accent-bright);margin-bottom:10px;}
.lp-step h4{font-family:'Space Grotesk',sans-serif;font-size:16px;margin:0 0 8px;}
.lp-step p{font-size:13px;color:var(--text-dim);line-height:1.6;margin:0;}

/* ---------- feature grid ---------- */
.lp-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;}
@media (max-width:850px){.lp-feat-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.lp-feat-grid{grid-template-columns:1fr;}}
.lp-feat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;}
.lp-feat .ic{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-bright));display:grid;place-items:center;color:#fff;font-size:17px;margin-bottom:14px;}
.lp-feat h4{font-family:'Space Grotesk',sans-serif;font-size:15.5px;margin:0 0 6px;}
.lp-feat p{font-size:13px;color:var(--text-dim);line-height:1.6;margin:0;}

/* ---------- card gallery ---------- */
.lp-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px;}
@media (max-width:850px){.lp-gallery{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto;}}
.lp-gallery-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;}
.lp-gallery-card img{width:100%;display:block;}
.lp-gallery-card .cap{padding:16px 18px;}
.lp-gallery-card .cap b{font-family:'Space Grotesk',sans-serif;font-size:14.5px;}
.lp-gallery-card .cap p{font-size:12.5px;color:var(--text-dim);margin:4px 0 0;}
.lp-tag{display:inline-block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;border-radius:999px;font-family:'IBM Plex Mono',monospace;margin-bottom:8px;}
.lp-tag.gold{background:rgba(247,158,27,.15);color:var(--gold);}
.lp-tag.black{background:rgba(255,255,255,.08);color:var(--text);}
.lp-tag.white{background:rgba(255,255,255,.08);color:var(--silver);}

/* ---------- pricing ---------- */
.lp-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px;max-width:820px;margin-left:auto;margin-right:auto;}
@media (max-width:700px){.lp-pricing-grid{grid-template-columns:1fr;}}
.lp-plan{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:30px;position:relative;}
.lp-plan.hi{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 20px 50px -20px rgba(247,158,27,.3);}
.lp-plan .badge{position:absolute;top:-12px;right:24px;background:var(--gold);color:#191510;font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px;font-family:'IBM Plex Mono',monospace;}
.lp-plan h3{font-family:'Space Grotesk',sans-serif;font-size:19px;margin:0 0 4px;}
.lp-plan .price{font-family:'Space Grotesk',sans-serif;font-size:32px;font-weight:700;margin:10px 0 4px;}
.lp-plan .price span{font-size:13px;color:var(--text-dim);font-weight:500;}
.lp-plan ul{list-style:none;padding:0;margin:18px 0 22px;display:flex;flex-direction:column;gap:10px;}
.lp-plan ul li{font-size:13.5px;color:var(--text-dim);display:flex;gap:9px;align-items:flex-start;}
.lp-plan ul li:before{content:"✓";color:var(--ok);font-weight:700;flex:none;}
.lp-plan .cardswatch{display:flex;gap:6px;margin:14px 0;}
.lp-plan .cardswatch span{width:30px;height:19px;border-radius:4px;}
.sw-black{background:#17181f;border:1px solid #333;}
.sw-white{background:#f4f2ec;border:1px solid #ccc;}
.sw-gold{background:linear-gradient(135deg,#f7d98a,#c8901f);}

/* ---------- testimonials ---------- */
.lp-testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;}
@media (max-width:850px){.lp-testi-grid{grid-template-columns:1fr;}}
.lp-testi{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;}
.lp-testi .stars{color:var(--gold);font-size:13px;margin-bottom:12px;}
.lp-testi p{font-size:13.5px;line-height:1.7;color:var(--text);margin:0 0 16px;}
.lp-testi .who{display:flex;align-items:center;gap:10px;}
.lp-testi .who .av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--gold));display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;font-family:'Space Grotesk',sans-serif;}
.lp-testi .who b{font-size:13px;display:block;}
.lp-testi .who span{font-size:11.5px;color:var(--text-dim);}

/* ---------- FAQ ---------- */
.lp-faq{max-width:760px;margin:36px auto 0;}
.lp-faq-item{border-bottom:1px solid var(--line);}
.lp-faq-q{display:flex;justify-content:space-between;align-items:center;padding:18px 4px;cursor:pointer;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14.5px;}
.lp-faq-q .plus{transition:transform .2s ease;color:var(--accent-bright);font-size:18px;}
.lp-faq-item.open .plus{transform:rotate(45deg);}
.lp-faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.lp-faq-item.open .lp-faq-a{max-height:220px;}
.lp-faq-a p{font-size:13.5px;color:var(--text-dim);line-height:1.7;padding:0 4px 18px;margin:0;}

/* ---------- final CTA ---------- */
.lp-cta-band{background:linear-gradient(120deg,var(--accent) 0%,var(--accent-bright) 55%,var(--gold) 100%);border-radius:22px;padding:56px 40px;text-align:center;color:#fff;margin:0 24px;}
.lp-cta-band h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(24px,3.6vw,34px);margin:0 0 14px;}
.lp-cta-band p{font-size:14.5px;opacity:.9;max-width:520px;margin:0 auto 26px;}
.lp-cta-band .lp-btn.ghost{background:#fff;color:var(--ink);border-color:transparent;}

/* ---------- footer ---------- */
.lp-footer{border-top:1px solid var(--line);padding:44px 24px 30px;}
.lp-footer-inner{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;}
.lp-footer-links{display:flex;gap:22px;font-size:13px;color:var(--text-dim);flex-wrap:wrap;}
.lp-footer-links a{color:var(--text-dim);text-decoration:none;}
.lp-footer-links a:hover{color:var(--text);}
.lp-footer-copy{font-size:12px;color:var(--text-dim);margin-top:18px;font-family:'IBM Plex Mono',monospace;}

/* ---------- plan picker modal ---------- */
.plan-pick-opt{display:block;width:100%;text-align:left;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-top:10px;cursor:pointer;text-decoration:none;color:var(--text);}
.plan-pick-opt:hover{border-color:var(--accent);}
.plan-pick-opt b{font-family:'Space Grotesk',sans-serif;display:block;font-size:14.5px;}
.plan-pick-opt span{font-size:12px;color:var(--text-dim);}