/* 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 ── */



    /* HERO */

    .hero-eyebrow{display:inline-flex;align-items:center;gap:6px;background:#e8f5f4;border:1px solid #cde3e2;color:#2c484c;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:20px;margin-bottom:28px}
    .hero h1 .xl{color:#0d7377}.hero h1 .bc{color:#0d7377}






    /* SPLIT HERO PANELS */
    .hero-split{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:780px;margin:0 auto;border-radius:14px 14px 0 0;overflow:hidden;border:1px solid #e8f5f4;border-bottom:none}
    .hs-panel{padding:24px 28px}
    .hs-panel.excel-panel{background:rgba(13,115,119,.12);border-right:1px solid #e8f5f4}
    .hs-panel.brizo-panel{background:rgba(13,115,119,.1)}
    .hs-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;display:flex;align-items:center;gap:8px}
    .hs-label.excel-label{color:#0d7377}
    .hs-label.brizo-label{color:#0d7377}
    .hs-label-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
    .excel-dot{background:#0d7377}
    .brizo-dot{background:#0d7377}
    .hs-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px;font-size:12.5px;line-height:1.5}
    .hs-item:last-child{margin-bottom:0}
    .hs-icon{flex-shrink:0;font-size:13px;margin-top:1px}
    .hs-text{color:#2c484c}
    .hs-text strong{color:#0c1a1c}

    /* LAYOUT */








    /* FAILURE MODES */
    .failures-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:44px}
    .failure-card{background:var(--white);border:1px solid var(--red-border);border-radius:14px;padding:26px;position:relative}
    .failure-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--red);border-radius:14px 14px 0 0}
    .failure-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--red);background:var(--red-bg);display:inline-block;padding:3px 8px;border-radius:4px;margin-bottom:12px}
    .failure-card h3{font-size:15px;font-weight:700;color:var(--text);margin-bottom:8px}
    .failure-card p{font-size:13px;color:var(--muted);line-height:1.65}
    .failure-scenario{margin-top:12px;padding:10px 12px;background:var(--red-bg);border-radius:6px;font-size:12px;color:var(--red);line-height:1.5}
    .failure-scenario strong{font-weight:700}

    /* COMPARISON TABLE */
    .comp-table{width:100%;border-collapse:collapse;margin-top:44px;border-radius:12px;overflow:hidden;border:1px solid var(--border)}
    .comp-table thead tr th{padding:14px 20px;text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
    .comp-table thead tr th:first-child{background:var(--surface);color:var(--muted);width:38%}
    .comp-table thead tr th.excel-th{background:#e8f5f4;color:#0d7377;text-align:center;width:31%}
    .comp-table thead tr th.brizo-th{background:#0d7377;color:#0d7377;text-align:center;width:31%}
    .comp-table tbody tr:nth-child(even){background:var(--surface)}
    .comp-table tbody td{padding:13px 20px;font-size:13px;color:var(--text);border-bottom:1px solid var(--border);vertical-align:middle}
    .comp-table tbody tr:last-child td{border-bottom:none}
    .comp-table tbody td:first-child{font-weight:600;color:var(--text)}
    .comp-table tbody td:nth-child(2),.comp-table tbody td:nth-child(3){text-align:center;vertical-align:middle}
    .cell-yes{color:var(--green);font-weight:700;font-size:13px}
    .cell-no{color:var(--red);font-weight:700;font-size:13px}
    .cell-partial{color:var(--muted);font-weight:600;font-size:12.5px}
    .cell-warn{color:#D97706;font-weight:600;font-size:12px}
    .comp-table tbody td.highlight-col{background:rgba(13,115,119,.04)}

    /* TCO */
    .tco-section{background:transparent}
    .tco-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:44px}
    .tco-col{border-radius:14px;overflow:hidden}
    .tco-col.excel{border:1px solid #e8f5f4}
    .tco-col.brizo{border:1px solid rgba(13,115,119,.35)}
    .tco-header{padding:16px 22px;font-size:14px;font-weight:700}
    .tco-col.excel .tco-header{background:#e8f5f4;color:#2c484c;border-bottom:1px solid #e8f5f4}
    .tco-col.brizo .tco-header{background:rgba(13,115,119,.15);color:#0d7377;border-bottom:1px solid rgba(13,115,119,.2)}
    .tco-row{display:flex;justify-content:space-between;align-items:baseline;padding:13px 22px;border-bottom:1px solid #e8f5f4;font-size:13px}
    .tco-row:last-of-type{border-bottom:none}
    .tco-key{color:#2c484c}
    .tco-val{font-weight:700}
    .tco-col.excel .tco-val{color:#dc2626}
    .tco-col.brizo .tco-val{color:#0d7377}
    .tco-total{padding:14px 22px;display:flex;justify-content:space-between;align-items:baseline}
    .tco-col.excel .tco-total{background:rgba(220,38,38,.1)}
    .tco-col.brizo .tco-total{background:rgba(22,163,74,.08)}
    .tco-total-label{font-size:13px;font-weight:600;color:#5b7a7e}
    .tco-total-val{font-size:22px;font-weight:800}
    .tco-col.excel .tco-total-val{color:#dc2626}
    .tco-col.brizo .tco-total-val{color:#0d7377}
    .tco-note{font-size:12px;color:#5b7a7e;margin-top:28px;line-height:1.6}

    /* SWITCHING */
    .switch-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px;counter-reset:step}
    .sw-step{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:22px;position:relative}
    .sw-num{width:34px;height:34px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;margin-bottom:14px}
    .sw-step h3{font-size:14px;font-weight:700;color:var(--text);margin-bottom:6px}
    .sw-step p{font-size:12.5px;color:var(--muted);line-height:1.6}
    .sw-time{display:inline-block;margin-top:10px;font-size:11px;font-weight:600;background:var(--green-bg);color:var(--green);padding:2px 8px;border-radius:4px}
    .sw-total-bar{margin-top:32px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
    .sw-total-label{font-size:14px;font-weight:600;color:var(--text)}
    .sw-total-val{font-size:28px;font-weight:800;color:var(--green)}
    .sw-total-note{font-size:13px;color:var(--muted);flex-basis:100%}

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






    .faq-a.open{max-height:340px;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:860px){
.hero-split{display:none}
      .failures-grid{grid-template-columns:1fr}.tco-grid{grid-template-columns:1fr}
      .switch-steps{grid-template-columns:1fr 1fr}.comp-table{display:block;overflow-x:auto}
}
    @media(max-width:520px){
.switch-steps{grid-template-columns:1fr}
}

/* ── LIGHT THEME OVERRIDES ── */