/* ============================================================
   Gmail / Email Tracker feature page — page-specific styles.
   Loaded AFTER design-system.css + whatsapp-tracker.css.
   Reuses the shared .wt- blocks; this file only adds the
   "Coming soon" banner, waitlist/notify form, can/cannot
   honesty grid, and the sticky mobile CTA. Theme greens:
   #069845 / #0bb855. No inline <style> allowed (build spec).
   ============================================================ */

/* ----- Coming-soon badge + banner (radical honesty up top) ----- */
.ge-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(230,162,60,.12);border:1px solid rgba(230,162,60,.35);color:#e6a23c;font-size:12.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:14px}
.ge-badge i{font-size:13px}

.ge-soon{background:linear-gradient(135deg,rgba(230,162,60,.08),rgba(13,18,34,.4));border:1px solid rgba(230,162,60,.28);border-radius:14px;padding:22px 24px;margin:22px 0;position:relative;overflow:hidden}
.ge-soon::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#e6a23c,#f0b860,transparent)}
.ge-soon h3{color:#fff;font-size:20px;margin-bottom:10px;font-family:'Kumbh Sans',sans-serif}
.ge-soon p{color:#c2c9d8;font-size:14.5px;line-height:1.75;margin-bottom:10px}
.ge-soon p:last-child{margin-bottom:0}
.ge-soon strong{color:#e6a23c}

/* ----- Waitlist / "notify me" intent box ----- */
.ge-waitlist{background:linear-gradient(135deg,#0d1222,#141a30);border:1px solid rgba(6,152,69,.22);border-radius:14px;padding:24px 26px;margin:26px 0;text-align:center;position:relative;overflow:hidden}
.ge-waitlist::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#069845,transparent)}
.ge-waitlist h3{color:#fff;font-size:20px;margin-bottom:8px;font-family:'Kumbh Sans',sans-serif}
.ge-waitlist p{color:#9aa2b6;font-size:14px;line-height:1.65;margin-bottom:16px;max-width:560px;margin-left:auto;margin-right:auto}
.ge-waitlist__note{font-size:12.5px;color:#7a8299;margin-top:12px}
.ge-waitlist__note a{color:#0bb855}

/* ----- Can / Cannot honesty grid ----- */
.ge-cando{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}
@media(max-width:768px){.ge-cando{grid-template-columns:1fr}}
.ge-cando__col{background:#0d1222;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:18px 20px}
.ge-cando__col--can{border-color:rgba(6,152,69,.28)}
.ge-cando__col--cant{border-color:rgba(245,108,108,.22)}
.ge-cando__col h4{font-size:15.5px;margin:0 0 12px;font-family:'Kumbh Sans',sans-serif}
.ge-cando__col--can h4{color:#0bb855}
.ge-cando__col--cant h4{color:#f56c6c}
.ge-cando__col ul{margin:0;padding-left:0;list-style:none}
.ge-cando__col li{position:relative;padding-left:24px;color:#b8bfce;font-size:13.5px;line-height:1.6;margin-bottom:9px}
.ge-cando__col li:last-child{margin-bottom:0}
.ge-cando__col--can li::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;left:0;top:1px;color:#0bb855;font-size:12px}
.ge-cando__col--cant li::before{content:'\f00d';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;left:0;top:1px;color:#f56c6c;font-size:12px}

/* ----- "Monitor instead" live-feature cards (conversion bridge) ----- */
.ge-live{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
@media(max-width:768px){.ge-live{grid-template-columns:1fr}}
.ge-live__card{display:block;background:#0d1222;border:1px solid rgba(255,255,255,.06);border-radius:11px;padding:16px 18px;text-decoration:none!important;transition:border-color .25s,transform .25s}
.ge-live__card:hover{border-color:rgba(6,152,69,.30);transform:translateY(-2px)}
.ge-live__card i{color:#0bb855;font-size:18px;margin-bottom:8px;display:block}
.ge-live__card strong{color:#e8ecf4;font-size:14.5px;display:block;margin-bottom:4px;font-family:'Kumbh Sans',sans-serif}
.ge-live__card span{color:#8890a4;font-size:12.5px;line-height:1.55;display:block}

/* ----- Sticky mobile bottom CTA bar (~94% mobile audience) ----- */
.ge-sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:8px;padding:9px 12px;background:rgba(10,14,26,.96);backdrop-filter:blur(8px);border-top:1px solid rgba(6,152,69,.25)}
.ge-sticky-cta a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;font-weight:700;padding:11px 8px;border-radius:8px;text-decoration:none!important}
.ge-sticky-cta__primary{background:linear-gradient(135deg,#069845,#0bb855);color:#fff!important}
.ge-sticky-cta__ghost{border:1.5px solid #069845;color:#0bb855!important}
@media(max-width:991px){.ge-sticky-cta{display:flex}}