.elementor-26738 .elementor-element.elementor-element-8bade7a{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;overflow:visible;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-26738 .elementor-element.elementor-element-8bade7a{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-26738 .elementor-element.elementor-element-8bade7a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-6a9479a */:root{
  --bg:#0f1a2a; --panel:#1a2740; --panel-2:#203055; --pill:#2a3a5c;
  --text:#e9f0ff; --muted:#9fb0d0; --accent:#6aa0ff; --aqua:#7fe0d6;
  --line:rgba(255,255,255,.12); --radius:18px; --radius-sm:14px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,"Helvetica Neue",Helvetica,sans-serif;
}
*{box-sizing:border-box}
.ft-wrap{
  background:linear-gradient(180deg,#0c1423 0%, var(--bg) 24%, var(--bg) 100%);
  color:var(--text); font-family:var(--font);
  max-width:980px; margin:32px auto 60px; padding:24px 18px; border-radius:var(--radius);
}

/* Header */
.ft-header{text-align:center; margin-bottom:22px}
.ft-eyebrow{
  display:inline-block; font-size:.8rem; letter-spacing:.14em; text-transform:uppercase; color:var(--aqua);
  background:rgba(127,224,214,.08); border:1px solid rgba(127,224,214,.35);
  padding:6px 10px; border-radius:999px; margin-bottom:8px;
}
.ft-title{margin:6px 0 8px; font-size:clamp(26px,3.2vw,38px)}
.ft-sub{color:var(--muted); margin:0}

/* Panel / section */
.ft-section{
  background:var(--panel); border:1px solid var(--line); border-radius:var(--radius);
  padding:18px; margin:18px 0; box-shadow:0 8px 28px rgba(0,0,0,.25);
}
.ft-section h3{
  display:flex; align-items:center; gap:10px; font-size:1.15rem; margin:0 0 10px; font-weight:800;
}
.ft-pill{
  display:inline-block; background:var(--pill); border-radius:999px; padding:8px 14px; margin:10px 0; font-weight:700
}

/* Bullets */
.ft-section ul{margin:6px 0 4px 22px}
.ft-section li{margin:6px 0; color:#d6e0ff}

/* Cards (for stage blurbs) */
.ft-card{
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
  border:1px solid var(--line); border-radius:var(--radius-sm); padding:14px; margin:10px 0
}
.ft-muted{color:var(--muted)}

:root{
  --bg:#0f1a2a; --panel:#1a2740; --panel-2:#203055; --pill:#2a3a5c;
  --text:#e9f0ff; --muted:#9fb0d0; --accent:#6aa0ff; --aqua:#7fe0d6;
  --line:rgba(255,255,255,.12); --radius:18px; --radius-sm:14px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,"Helvetica Neue",Helvetica,sans-serif;
}
*{box-sizing:border-box}
.ft-wrap{
  background:linear-gradient(180deg,#0c1423 0%, var(--bg) 24%, var(--bg) 100%);
  color:var(--text); font-family:var(--font);
  max-width:980px; margin:32px auto 60px; padding:24px 18px; border-radius:var(--radius);
}

/* Header */
.ft-header{text-align:center; margin-bottom:22px}
.ft-eyebrow{
  display:inline-block; font-size:.8rem; letter-spacing:.14em; text-transform:uppercase; color:var(--aqua);
  background:rgba(127,224,214,.08); border:1px solid rgba(127,224,214,.35);
  padding:6px 10px; border-radius:999px; margin-bottom:8px;
}
.ft-title{margin:6px 0 8px; font-size:clamp(26px,3.2vw,38px)}
.ft-sub{color:var(--muted); margin:0}

/* Panel / section */
.ft-section{
  background:var(--panel); border:1px solid var(--line); border-radius:var(--radius);
  padding:18px; margin:18px 0; box-shadow:0 8px 28px rgba(0,0,0,.25);
}
.ft-section h3{
  display:flex; align-items:center; gap:10px; font-size:1.15rem; margin:0 0 10px; font-weight:800;
}
.ft-pill{
  display:inline-block; background:var(--pill); border-radius:999px; padding:8px 14px; margin:10px 0; font-weight:700
}

/* Bullets */
.ft-section ul{margin:6px 0 4px 22px}
.ft-section li{margin:6px 0; color:#d6e0ff}

/* Cards (for stage blurbs) */
.ft-card{
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
  border:1px solid var(--line); border-radius:var(--radius-sm); padding:14px; margin:10px 0
}
.ft-muted{color:var(--muted)}

/* Tables */
.ft-table{
  width:100%; border-collapse:separate; border-spacing:0; overflow:hidden;
  border:1px solid var(--line); border-radius:14px;
}
.ft-table th, .ft-table td{padding:12px 14px; vertical-align:top; border-bottom:1px solid var(--line)}
.ft-table thead th{background:#203055; color:#eaf1ff; text-align:left; font-weight:800}
.ft-table tbody tr{background:#22345b}
.ft-table tbody tr:nth-child(even){background:#2a3a5c}

/* Footer */
.ft-footer{margin-top:22px; padding-top:14px; border-top:1px solid var(--line); text-align:center; color:#cfd7ef}
.ft-footer strong{display:block; color:#e8eeff; margin-bottom:2px}

/* === Cornerstone: RegTech & FinTech Sales Growth Journey === */
/* Make all headings white for visibility on dark backgrounds */

.ft-wrap h1,
.ft-wrap h2,
.ft-wrap h3,
.ft-wrap .ft-title,
.ft-wrap .ft-section h3,
.ft-wrap .ft-section-title,
.ft-wrap .ft-pill {
  color: #ffffff !important;
}

/* Optional: keep subtext muted for contrast */
.ft-wrap p,
.ft-wrap li,
.ft-wrap .ft-muted {
  color: #cfd7ef;
}

/* ===== Cornerstone — Responsive tables (stacked cards on mobile) ===== */

/* Improve word-wrapping on all screens */
.ft-section .ft-table th,
.ft-section .ft-table td {
  word-wrap: break-word;
  overflow-wrap: anywhere;
}

/* Mobile: transform table rows into labeled cards */
@media (max-width: 767px) {
  .ft-section .ft-table { border: 0; width: 100%; }
  .ft-section .ft-table thead { display: none; }

  .ft-section .ft-table,
  .ft-section .ft-table tbody,
  .ft-section .ft-table tr,
  .ft-section .ft-table td {
    display: block;
    width: 100%;
  }

  /* Each TR becomes a card */
  .ft-section .ft-table tbody tr {
    margin: 0 0 14px;
    background: #22345b;                       /* match your dark row color */
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    overflow: hidden;
  }

  /* Each TD becomes a row with a left-side label */
  .ft-section .ft-table td {
    position: relative;
    padding: 12px 14px 12px 120px;             /* space for the label column */
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.10);
    line-height: 1.45;
    color: #e9f0ff;                             /* table body text on dark */
  }
  .ft-section .ft-table td:last-child {
    border-bottom: 0;
  }

  /* Header label injected via data-label (set by your JS) */
  .ft-section .ft-table td::before {
    content: attr(data-label);
    position: absolute;
    left: 12px; top: 12px;
    width: 100px;                               /* label column width */
    font-weight: 700;
    color: #eaf1ff;                             /* header text color on dark */
    text-transform: none;
    white-space: normal;                         /* allow wrapping */
    line-height: 1.25;
  }
}

/* Optional: horizontal scroll variant (use instead of stacked if preferred)
   Wrap your table with <div class="ft-table-wrap"> ... </div> to enable swipe. */
.ft-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.ft-table-wrap .ft-table { min-width: 720px; }

/* === Fix for Column 3 ("Revenue Stage") turning sideways === */

/* Target only that specific table */
.ft-section .ft-table thead th:nth-child(3),
.ft-section .ft-table tbody td:nth-child(3) {
  white-space: normal !important;   /* allow wrapping */
  transform: none !important;       /* remove any rotation */
  writing-mode: horizontal-tb !important;
  text-align: center;               /* optional: center text horizontally */
  vertical-align: middle;           /* keep text vertically centered */
  word-break: normal;
  overflow-wrap: anywhere;
  line-height: 1.4;
}

/* ===== Tables: base ===== */
.ft-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:14px;
}
.ft-table th,
.ft-table td{
  padding:12px 14px;
  vertical-align:top;
  border-bottom:1px solid var(--line);
  white-space:normal;
  word-wrap:break-word;
  overflow-wrap:anywhere;
  line-height:1.4;
}
.ft-table thead th{
  background:#203055;
  color:#eaf1ff;
  text-align:left;
  font-weight:800;
}
.ft-table tbody tr{background:#22345b}
.ft-table tbody tr:nth-child(even){background:#2a3a5c}

/* ===== Mobile (≤767px): stacked cards using FLEX ===== */
@media (max-width: 767px){
  .ft-table{ border:0; width:100%; }
  .ft-table thead{ display:none; }

  .ft-table,
  .ft-table tbody,
  .ft-table tr{ display:block; width:100%; }

  .ft-table tbody tr{
    margin:0 0 14px;
    background:#22345b;
    border:1px solid rgba(255,255,255,.12);
    border-radius:12px;
    overflow:hidden;
  }

  /* FLEX row: label left, content right */
  .ft-table td{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:12px 14px;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.10);
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    color:#e9f0ff;
  }
  .ft-table td:last-child{ border-bottom:0; }

  /* Label column from data-label (set by your JS) */
  .ft-table td::before{
    content:attr(data-label);
    flex:0 0 40%;
    max-width:40%;
    font-weight:700;
    color:#eaf1ff;
    line-height:1.25;
    white-space:normal;
  }
}

/* ===== Desktop (≥768px): true table + widths ===== */
@media (min-width: 768px){
  /* Ensure table layout is restored if mobile CSS cached */
  .ft-table thead{ display:table-header-group; }
  .ft-table tr{ display:table-row; }
  .ft-table th, .ft-table td{ display:table-cell; }

  /* Column balance for "Service Packages for Startups" */
  .ft-table thead th:nth-child(1),
  .ft-table tbody td:nth-child(1){ width:22%; } /* Package */
  .ft-table thead th:nth-child(2),
  .ft-table tbody td:nth-child(2){ width:33%; } /* Best For */
  .ft-table thead th:nth-child(3),
  .ft-table tbody td:nth-child(3){
    width:12%;
    text-align:center;
    vertical-align:middle;
    font-weight:600;
    transform:none;
    writing-mode:horizontal-tb;
    white-space:normal;
  } /* Revenue Stage */
  .ft-table thead th:nth-child(4),
  .ft-table tbody td:nth-child(4){ width:22%; } /* Key Focus */
  .ft-table thead th:nth-child(5),
  .ft-table tbody td:nth-child(5){ width:11%; } /* Goal */
}

/* ===== Optional: horizontal scroll (if you prefer swipe on mobile) ===== */
/* Wrap table with <div class="ft-table-wrap">...</div> to use swipe instead of stacking */
.ft-table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
.ft-table-wrap .ft-table{ min-width:720px; }/* End custom CSS */