/* Dropdown — bridge gap so mouse can travel from trigger to menu */

/* Hamburger */

/* Mobile nav drawer */

/* PAGES */

/* HERO */

/* DASHBOARD MOCK */

/* LOGOS */

/* SPLIT VISUAL */

/* ELIM ROWS */

/* PULSE */

/* AUDIENCE CARD */

/* TESTIMONIAL */

/* PRICING */

/* TRIAL BADGE */

/* FAQ */

/* SECURITY */

/* INTEGRATION PAGE */

/* PARTNER */

/* VALUE CARD */

/* DEMO PAGE */

/* ── RESPONSIVE ── */

/* Architecture contrast section mobile */

/* ── Scroll-triggered animations ── */

/* ── Newsletter modal ── */
/* ── Landing page layout ── */

    .nav-links a:hover{color:#fff}



    /* HERO */

    .hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(22,163,74,.5),transparent)}
    .hero-eyebrow{display:inline-flex;align-items:center;gap:6px;background:rgba(22,163,74,.15);border:1px solid rgba(22,163,74,.3);color:#0d7377;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:20px;margin-bottom:28px}





    .hero-trust{font-size:12.5px;color:#5b7a7e;margin-top:16px}

    /* TIMELINE HERO VISUAL */
    .timeline-visual{max-width:720px;margin:0 auto 16px;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}
    .tl-col{background:#e8f5f4;border:1px solid #e8f5f4;border-radius:12px;overflow:hidden}
    .tl-col.after{background:rgba(22,163,74,.08);border-color:rgba(22,163,74,.25)}
    .tl-header{padding:10px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8f5f4}
    .tl-header-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#5b7a7e}
    .tl-header-tag{font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:4px}
    .before-tag{background:rgba(220,38,38,.2);color:#dc2626}
    .after-tag{background:rgba(22,163,74,.2);color:#0d7377}
    .tl-day{display:flex;align-items:center;gap:10px;padding:9px 16px;border-bottom:1px solid #e8f5f4}
    .tl-day:last-child{border-bottom:none}
    .tl-day-num{font-size:10px;font-weight:700;color:#5b7a7e;width:36px;flex-shrink:0}
    .tl-day-bar{flex:1;height:6px;border-radius:3px;background:rgba(220,38,38,.35)}
    .tl-day-bar.active{background:rgba(220,38,38,.6)}
    .tl-day-bar.green{background:rgba(22,163,74,.5)}
    .tl-day-label{font-size:10px;color:#5b7a7e;white-space:nowrap}
    .tl-arrow{text-align:center}
    .tl-arrow-label{font-size:10px;font-weight:700;color:#5b7a7e;text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px}
    .tl-arrow svg{opacity:.4}
    .tl-result{padding:10px 16px;background:rgba(22,163,74,.1)}
    .tl-result-label{font-size:10px;font-weight:700;color:#0d7377;margin-bottom:4px}
    .tl-result-value{font-size:13px;font-weight:700;color:#fff}

    /* LAYOUT */








    /* BEFORE/AFTER TIMELINE */
    .ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:44px}
    .ba-col{border-radius:14px;overflow:hidden;border:1px solid var(--border)}
    .ba-col.before{border-color:var(--border)}
    .ba-col.after{border-color:var(--green-border)}
    .ba-header{padding:16px 22px;font-size:14px;font-weight:700}
    .ba-col.before .ba-header{background:var(--red-bg);color:var(--red);border-bottom:1px solid #FEE2E2}
    .ba-col.after .ba-header{background:var(--green-bg);color:var(--green);border-bottom:1px solid var(--green-border)}
    .ba-item{display:flex;gap:14px;padding:14px 22px;border-bottom:1px solid var(--border);align-items:flex-start;font-size:13.5px}
    .ba-item:last-child{border-bottom:none}
    .ba-day{font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap;width:52px;flex-shrink:0;padding-top:1px}
    .ba-task{color:var(--text);flex:1;line-height:1.5}
    .ba-time{font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap;padding-top:2px}
    .ba-col.before .ba-time{color:var(--red)}
    .ba-col.after .ba-time{color:var(--green)}
    .ba-total{padding:14px 22px;display:flex;justify-content:space-between;align-items:center}
    .ba-col.before .ba-total{background:var(--red-bg)}
    .ba-col.after .ba-total{background:var(--green-bg)}
    .ba-total-label{font-size:13px;font-weight:600;color:var(--muted)}
    .ba-total-value{font-size:20px;font-weight:800}
    .ba-col.before .ba-total-value{color:var(--red)}
    .ba-col.after .ba-total-value{color:var(--green)}

    /* CHECKLIST */
    .checklist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
    .cl-phase{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:24px}
    .cl-phase-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}
    .cl-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.04);font-size:13px;color:var(--text);line-height:1.5}
    .cl-item:last-child{border-bottom:none}
    .cl-check{flex-shrink:0;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;margin-top:1px}
    .auto-check{background:var(--accent-bg);color:var(--accent)}
    .manual-check{background:var(--surface);color:var(--muted);border:1px solid var(--border)}
    .cl-item-sub{font-size:11px;color:var(--muted);margin-top:2px}
    .cl-legend{display:flex;gap:20px;margin-top:20px}
    .legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
    .legend-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}

    /* OUTPUTS */
    .outputs-section{background:transparent}
    .out-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
    .out-card{background:#e8f5f4;border:1px solid #e8f5f4;border-radius:12px;padding:22px}
    .out-card h4{font-size:14px;font-weight:700;color:#fff;margin-bottom:6px}
    .out-card p{font-size:12.5px;color:#5b7a7e;line-height:1.6}
    .out-badge{display:inline-block;margin-top:10px;background:rgba(22,163,74,.2);color:#0d7377;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px}

    /* FAQ */
    .faq-list{margin-top:44px;border:1px solid var(--border);border-radius:12px;overflow:hidden}






    .faq-a.open{max-height:320px;padding:4px 24px 20px}



    .cta-banner p{font-size:17px;color:#2c484c;margin-bottom:36px;max-width:480px;margin-left:auto;margin-right:auto}


    @media(max-width:800px){
.ba-grid{grid-template-columns:1fr}.checklist-grid{grid-template-columns:1fr}
      .out-grid{grid-template-columns:1fr 1fr}.timeline-visual{display:none}
}

/* ── LIGHT THEME OVERRIDES ── */