/* ═══════════════════════════════════════════════════
   WEVANTA — styles.css  (extracted from index.html)
   Icons: Tabler Icons v3.11.0 (same CDN as WealthOS)
═══════════════════════════════════════════════════ */

/* ── VARIABLES & RESET ─────────────────────────── */
:root {
  --blue-950:#020f24;--blue-900:#072145;--blue-800:#0c3570;
  --blue-700:#0d5fa8;--blue-600:#1476cc;--blue-500:#1a90e8;
  --blue-400:#3badf5;--blue-300:#6fc5fa;--blue-200:#b0ddfb;
  --blue-100:#dff0fd;--blue-50:#f0f8ff;
  --teal:#18b5da;--teal-lt:#d2f3fb;
  --white:#ffffff;--text:#061a38;--muted:#4d6785;
  --faint:#8ba3bf;--border:rgba(13,55,112,.10);
  --bg:#f4f8fd;--surface:#ffffff;
  --shadow-xs:0 2px 8px rgba(7,33,69,.07);
  --shadow-sm:0 8px 24px rgba(7,33,69,.09);
  --shadow-md:0 16px 48px rgba(7,33,69,.11);
  --shadow-lg:0 28px 72px rgba(7,33,69,.14);
  --r-sm:.6rem;--r-md:1rem;--r-lg:1.4rem;--r-xl:1.8rem;--r-full:9999px;
  --font-head:'Outfit',sans-serif;
  --font-body:'DM Sans',sans-serif;
  --container:1200px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(calc(100% - 2.5rem),var(--container));margin:0 auto}

/* ── TOPBAR ────────────────────────────────────── */
.topbar{position:sticky;top:0;z-index:200;backdrop-filter:blur(20px) saturate(1.6);background:rgba(244,248,253,.88);border-bottom:1px solid rgba(13,55,112,.07)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px;position:relative}
.brand{display:flex;align-items:center;gap:.75rem}
.brand-mark{width:42px;height:42px;border-radius:12px;flex-shrink:0;background:linear-gradient(135deg,var(--blue-900) 0%,var(--blue-600) 50%,var(--teal) 100%);color:#fff;display:grid;place-items:center;font-family:var(--font-head);font-weight:800;font-size:1.1rem;box-shadow:0 4px 14px rgba(13,95,168,.35)}
.brand-name{font-family:var(--font-head);font-weight:700;font-size:1.15rem;letter-spacing:-.01em}
.brand-sub{font-size:.76rem;color:var(--muted);margin-top:.05rem}
.nav-links{display:flex;align-items:center;gap:1.5rem}
.nav-links a{font-size:.9rem;font-weight:500;color:var(--muted);transition:color .15s}
.nav-links a:hover,.nav-links a.active{color:var(--text)}
.nav-actions{display:flex;align-items:center;gap:.75rem}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.45rem;color:var(--text);align-items:center;justify-content:center;border-radius:.5rem;transition:background .15s}
.nav-toggle:hover{background:rgba(13,55,112,.06)}
.nav-toggle i{font-size:1.4rem;display:block}

/* ── BUTTONS ───────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.35rem;min-height:46px;border-radius:var(--r-full);border:1.5px solid transparent;font-family:var(--font-body);font-size:.9rem;font-weight:600;transition:all .18s ease;cursor:pointer;white-space:nowrap}
.btn-primary{background:linear-gradient(135deg,var(--blue-900),var(--blue-700));color:#fff;border-color:transparent;box-shadow:0 4px 16px rgba(12,53,112,.3)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 28px rgba(12,53,112,.38)}
.btn-outline{background:var(--white);color:var(--blue-800);border-color:var(--border);box-shadow:var(--shadow-xs)}
.btn-outline:hover{background:var(--blue-50);border-color:rgba(13,95,168,.2)}
.btn-ghost{background:transparent;color:var(--blue-700);border-color:transparent;padding-left:.5rem;padding-right:.5rem}
.btn-ghost:hover{color:var(--blue-900)}
.btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.btn-lg{padding:.9rem 1.75rem;font-size:1rem;min-height:52px}

/* ── EYEBROWS / TAGS ───────────────────────────── */
.eyebrow{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .85rem;border-radius:var(--r-full);background:rgba(13,95,168,.07);color:var(--blue-700);font-size:.8rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;border:1px solid rgba(13,95,168,.1)}
.eyebrow::before{content:'';width:.45rem;height:.45rem;border-radius:50%;background:linear-gradient(135deg,var(--blue-700),var(--teal));flex-shrink:0}

/* ── SECTION LAYOUT ────────────────────────────── */
.section{padding:5rem 0}
.section-sm{padding:3.5rem 0}
.section-head{margin-bottom:2.5rem}
.section-head .eyebrow{margin-bottom:.85rem}
.section-head h2{font-family:var(--font-head);font-size:clamp(1.9rem,1.2rem + 2.2vw,3rem);font-weight:800;letter-spacing:-.035em;line-height:1.1;margin-bottom:.75rem}
.section-head p{color:var(--muted);max-width:58ch;font-size:1.05rem}
.section-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap}

/* ── PAGE HERO (inner pages) ───────────────────── */
.page-hero{padding:4rem 0 3rem;background:radial-gradient(ellipse 70% 50% at 0% 0%,rgba(24,181,218,.08),transparent),radial-gradient(ellipse 60% 60% at 100% 0%,rgba(13,95,168,.07),transparent),var(--bg)}
.page-hero .eyebrow{margin-bottom:.85rem}
.page-hero h1{font-family:var(--font-head);font-size:clamp(2rem,1rem + 3vw,3.2rem);font-weight:900;letter-spacing:-.04em;line-height:1.1;margin-bottom:.75rem}
.page-hero h1 span{background:linear-gradient(120deg,var(--blue-700),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.page-hero p{color:var(--muted);font-size:1rem;max-width:55ch;margin-bottom:1.5rem}

/* ── HERO (homepage) ───────────────────────────── */
.hero{padding:5rem 0 4rem;background:radial-gradient(ellipse 70% 50% at 0% 0%,rgba(24,181,218,.08),transparent),radial-gradient(ellipse 60% 60% at 100% 0%,rgba(13,95,168,.07),transparent),var(--bg)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3.5rem;align-items:center}
.hero-label{margin-bottom:1.1rem}
.hero h1{font-family:var(--font-head);font-size:clamp(2.2rem,1rem + 4vw,4.2rem);font-weight:900;letter-spacing:-.04em;line-height:1.05;margin-bottom:1.25rem}
.hero h1 span{background:linear-gradient(120deg,var(--blue-700),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero .lead{font-size:1.1rem;color:var(--muted);max-width:52ch;margin-bottom:1.75rem;line-height:1.65}
.hero-note{display:flex;align-items:flex-start;gap:.5rem;margin-top:1.1rem;color:var(--faint);font-size:.82rem;max-width:52ch;line-height:1.5}
.hero-note i{flex-shrink:0;font-size:.95rem;margin-top:.1rem}

/* ── DASHBOARD VISUAL ──────────────────────────── */
.hero-visual{position:relative;border-radius:var(--r-xl);background:linear-gradient(160deg,#f0f7ff,#e3f0fb);border:1px solid rgba(13,55,112,.1);box-shadow:var(--shadow-lg);overflow:hidden;min-height:540px}
.hero-visual::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 15%,rgba(24,181,218,.18),transparent 32%),radial-gradient(circle at 15% 80%,rgba(13,95,168,.12),transparent 30%)}
.dash-wrap{position:absolute;inset:1.25rem;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border:1px solid rgba(13,55,112,.09);border-radius:1.2rem;box-shadow:var(--shadow-md);padding:1.1rem;overflow:hidden}
.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem;padding-bottom:.7rem;border-bottom:1px solid rgba(13,55,112,.07)}
.dash-title-wrap .dtitle{font-family:var(--font-head);font-size:.95rem;font-weight:700}
.dash-title-wrap .dsub{font-size:.76rem;color:var(--muted);margin-top:.1rem}
.live-badge{display:flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:var(--r-full);background:rgba(24,181,218,.1);color:var(--teal);font-size:.74rem;font-weight:700}
.live-badge::before{content:'';width:.5rem;height:.5rem;border-radius:50%;background:var(--teal);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:.7rem}
.kpi-box{padding:.7rem .8rem;border-radius:.9rem;background:linear-gradient(160deg,#fff,#f5f9fe);border:1px solid rgba(13,55,112,.07)}
.kpi-box .klabel{font-size:.7rem;color:var(--muted);margin-bottom:.25rem}
.kpi-box .kval{font-family:var(--font-head);font-size:1.05rem;font-weight:700}
.kpi-box .kdiff{font-size:.68rem;color:#1a9a5c;font-weight:600;margin-top:.15rem}
.dash-body{display:grid;grid-template-columns:1.3fr .7fr;gap:.65rem}
.chart-card{padding:.8rem;border-radius:.9rem;background:linear-gradient(160deg,#fff,#f3f8fd);border:1px solid rgba(13,55,112,.07)}
.chart-label{font-size:.75rem;font-weight:600;color:var(--text);margin-bottom:.55rem}
.bars{display:flex;align-items:flex-end;gap:.35rem;height:90px}
.bar{flex:1;border-radius:.3rem .3rem .15rem .15rem;background:linear-gradient(180deg,var(--teal),var(--blue-700));opacity:.85;transition:opacity .2s}
.bar:hover{opacity:1}
.bar:nth-child(1){height:38%}.bar:nth-child(2){height:62%}.bar:nth-child(3){height:50%}
.bar:nth-child(4){height:82%}.bar:nth-child(5){height:70%}.bar:nth-child(6){height:95%;opacity:1}
.side-col{display:grid;gap:.65rem}
.mini-card{padding:.7rem .8rem;border-radius:.9rem;background:linear-gradient(160deg,#fff,#f5f9fe);border:1px solid rgba(13,55,112,.07)}
.mini-card .mlabel{font-size:.68rem;color:var(--muted)}
.mini-card .mval{font-size:.85rem;font-weight:700;margin-top:.18rem}
.asset-dots{display:flex;gap:.3rem;margin-top:.4rem}
.asset-dots span{height:.45rem;border-radius:999px}

/* ── METRICS STRIP ─────────────────────────────── */
.metrics-strip{padding:2rem 0;background:linear-gradient(90deg,var(--blue-900),var(--blue-800));border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.metrics-row{display:flex;align-items:center;justify-content:space-around;gap:1.5rem;flex-wrap:wrap}
.metric-item{text-align:center;color:#fff}
.metric-item .mnum{font-family:var(--font-head);font-size:2rem;font-weight:800;line-height:1;margin-bottom:.25rem}
.metric-item .mnum span{color:var(--teal)}
.metric-item .mlbl{font-size:.82rem;color:rgba(255,255,255,.62)}
.metric-sep{width:1px;height:2.5rem;background:rgba(255,255,255,.12)}

/* ── PROBLEM SECTION ───────────────────────────── */
.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.problem-intro{padding:2rem;border-radius:var(--r-xl);background:linear-gradient(160deg,#fff,var(--blue-50));border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between}
.problem-intro h3{font-family:var(--font-head);font-size:1.6rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:.9rem}
.problem-intro p{color:var(--muted);font-size:.95rem;margin-bottom:1.5rem}
.problem-cards{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
.problem-card{padding:1.2rem 1.2rem 1.35rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-xs);transition:transform .2s,box-shadow .2s}
.problem-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.problem-card:nth-child(even){transform:translateY(14px)}
.problem-card:nth-child(even):hover{transform:translateY(12px)}
.pcard-icon{width:36px;height:36px;border-radius:10px;margin-bottom:.85rem;background:var(--blue-50);border:1px solid rgba(13,95,168,.1);display:grid;place-items:center;color:var(--blue-700)}
.pcard-icon i{font-size:1.1rem}
.problem-card b{display:block;font-size:.9rem;font-weight:700;margin-bottom:.45rem}
.problem-card p{color:var(--muted);font-size:.84rem;line-height:1.55}

/* ── HOW IT WORKS ──────────────────────────────── */
.how-bg{background:linear-gradient(160deg,var(--blue-50),#f8fcff);border-radius:var(--r-xl);padding:3rem}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.step-connector{position:relative}
.step-connector::after{content:'→';position:absolute;right:-1.2rem;top:1.8rem;z-index:2;color:var(--faint);font-size:1.1rem}
.step-connector:last-child::after{display:none}
.step{padding:1.5rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}
.step:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.step-num{width:2.2rem;height:2.2rem;border-radius:50%;background:linear-gradient(135deg,var(--blue-900),var(--blue-600));color:#fff;display:grid;place-items:center;font-family:var(--font-head);font-weight:800;font-size:.9rem;margin-bottom:1rem}
.step b{display:block;font-weight:700;margin-bottom:.45rem}
.step p{color:var(--muted);font-size:.88rem;line-height:1.55}

/* ── FEATURES ──────────────────────────────────── */
.features-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}
.feat-col-right{display:grid;gap:1rem}
.feature-card{padding:1.5rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}
.feature-card.tall{display:flex;flex-direction:column}
.feature-card.highlight{background:linear-gradient(160deg,var(--blue-900),var(--blue-700));color:#fff;border-color:transparent}
.feature-card.highlight p{color:rgba(255,255,255,.72)}
.feat-icon{width:42px;height:42px;border-radius:11px;margin-bottom:1rem;display:grid;place-items:center;background:var(--blue-50);border:1px solid rgba(13,95,168,.1);color:var(--blue-700)}
.feat-icon i{font-size:1.2rem}
.feature-card.highlight .feat-icon{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.15);color:#fff}
.feature-card b{display:block;font-size:1rem;font-weight:700;margin-bottom:.5rem}
.feature-card p{color:var(--muted);font-size:.88rem;line-height:1.55}
.feat-demo{margin-top:1.25rem;border-radius:var(--r-md);padding:1rem;background:linear-gradient(160deg,var(--blue-50),#f0f8ff);border:1px solid rgba(13,95,168,.07);flex:1}
.feat-demo.dark{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.1)}
.feat-line{height:.75rem;border-radius:999px;background:rgba(13,95,168,.1);margin-bottom:.55rem;width:100%}
.feat-line:nth-child(2){width:80%}.feat-line:nth-child(3){width:60%}
.feat-line.light{background:rgba(255,255,255,.2)}
.feat-line.light:nth-child(2){width:80%}.feat-line.light:nth-child(3){width:60%}
.feature-wide{margin-top:1rem;padding:1.5rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.wide-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1rem}
.wide-chip{padding:.65rem .9rem;border-radius:var(--r-md);text-align:center;background:var(--blue-50);border:1px solid rgba(13,95,168,.1);font-size:.82rem;font-weight:600;color:var(--blue-800);display:flex;align-items:center;justify-content:center;gap:.4rem}
.wide-chip i{font-size:.95rem}

/* ── SERVICES ──────────────────────────────────── */
.services-bg{background:linear-gradient(160deg,var(--blue-900),var(--blue-800));border-radius:var(--r-xl);padding:3rem}
.services-bg .section-head h2{color:#fff}
.services-bg .section-head p{color:rgba(255,255,255,.65)}
.services-bg .eyebrow{background:rgba(255,255,255,.1);color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.15)}
.services-bg .eyebrow::before{background:var(--teal)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.service-card{padding:1.5rem;border-radius:var(--r-lg);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:background .2s,transform .2s}
.service-card:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}
.service-card.featured{background:rgba(255,255,255,.13);border-color:rgba(24,181,218,.4);position:relative}
.featured-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,var(--teal),var(--blue-500));color:#fff;font-size:.72rem;font-weight:700;padding:.3rem .9rem;border-radius:0 0 var(--r-md) var(--r-md)}
.svc-icon{margin-bottom:.85rem;color:#fff}
.svc-icon i{font-size:1.4rem}
.service-card h3{font-family:var(--font-head);font-size:1rem;font-weight:700;color:#fff;margin-bottom:.5rem}
.service-card p{font-size:.85rem;color:rgba(255,255,255,.65);margin-bottom:1rem}
.service-card ul{padding-left:1.1rem}
.service-card li{font-size:.84rem;color:rgba(255,255,255,.72);margin-bottom:.3rem}

/* ── STATS ─────────────────────────────────────── */
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.stat-card{padding:1.75rem 1.5rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);text-align:center}
.stat-num{font-family:var(--font-head);font-size:clamp(2rem,1.2rem + 2vw,2.8rem);font-weight:900;letter-spacing:-.04em;line-height:1;background:linear-gradient(120deg,var(--blue-800),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.6rem}
.stat-card p{color:var(--muted);font-size:.88rem}

/* ── TRUST ─────────────────────────────────────── */
.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.trust-box{padding:1.75rem;border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}
.trust-box.yes{background:linear-gradient(160deg,#f2fcff,#e5f6fb);border:1.5px solid rgba(24,181,218,.22)}
.trust-box.no{background:#fff;border:1px solid var(--border)}
.trust-box h3{font-family:var(--font-head);font-size:1.05rem;font-weight:700;margin-bottom:.85rem;display:flex;align-items:center;gap:.5rem}
.trust-box h3 i{font-size:1.1rem}
.trust-box.yes h3 i{color:var(--teal)}
.trust-box.no h3 i{color:#e05a5a}
.trust-list{list-style:none;display:grid;gap:.6rem}
.trust-list li{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;color:var(--muted)}
.trust-icon{flex-shrink:0;width:20px;margin-top:.15rem}
.trust-icon i{font-size:1rem;color:var(--blue-600)}
.trust-box.no .trust-icon i{color:var(--faint)}

/* ── CALCULATOR STATIC (homepage) ─────────────── */
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.calc-dark{padding:2rem;border-radius:var(--r-xl);background:linear-gradient(160deg,var(--blue-900),var(--blue-800));color:#fff;box-shadow:var(--shadow-md)}
.calc-dark .eyebrow{background:rgba(255,255,255,.1);color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.14)}
.calc-dark .eyebrow::before{background:var(--teal)}
.calc-dark h2{font-family:var(--font-head);font-size:clamp(1.6rem,1rem + 1.5vw,2.4rem);font-weight:800;letter-spacing:-.04em;margin:.9rem 0 .65rem}
.calc-dark p{color:rgba(255,255,255,.72);font-size:.92rem;margin-bottom:1.25rem}
.calc-table{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-md);overflow:hidden}
.calc-row{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem}
.calc-row+.calc-row{border-top:1px solid rgba(255,255,255,.09)}
.calc-row.total{background:rgba(255,255,255,.08)}
.calc-row span{font-size:.88rem;color:rgba(255,255,255,.75)}
.calc-row strong{font-family:var(--font-head);font-weight:700;color:#fff}
.calc-row.total strong{color:var(--teal);font-size:1.05rem}
.calc-light{padding:2rem;border-radius:var(--r-xl);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.calc-light h3{font-family:var(--font-head);font-size:1.55rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.75rem}
.calc-light p{color:var(--muted);font-size:.92rem;margin-bottom:1.4rem}

/* ── INTERACTIVE CALCULATOR (tools.html) ───────── */
.calc-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:2rem}
.calc-card-head{padding:1.5rem 2rem;background:linear-gradient(160deg,var(--blue-900),var(--blue-700));color:#fff}
.calc-card-head h2{font-family:var(--font-head);font-size:1.4rem;font-weight:800;margin-bottom:.3rem}
.calc-card-head p{color:rgba(255,255,255,.7);font-size:.88rem}
.calc-body{padding:2rem;display:grid;grid-template-columns:1.3fr .7fr;gap:2rem;align-items:start}
.calc-inputs{display:grid;gap:1rem}
.calc-group-label{font-size:.75rem;font-weight:700;color:var(--blue-700);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;display:flex;align-items:center;gap:.35rem}
.calc-group-label i{font-size:.85rem}
.calc-field{margin-bottom:0}
.calc-field label{display:block;font-size:.82rem;font-weight:600;color:var(--text);margin-bottom:.35rem}
.calc-input-wrap{position:relative}
.calc-prefix{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.9rem;font-weight:600;pointer-events:none}
.calc-input{width:100%;padding:.65rem 1rem .65rem 1.7rem;border:1.5px solid var(--border);border-radius:var(--r-md);font-family:var(--font-body);font-size:.92rem;color:var(--text);background:#fff;transition:border-color .15s;outline:none}
.calc-input:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px rgba(13,95,168,.08)}
.calc-input.no-prefix{padding-left:1rem}
.calc-divider{height:1px;background:var(--border);margin:.75rem 0}
.calc-result-box{background:linear-gradient(160deg,var(--blue-50),#eef7ff);border:1px solid rgba(13,95,168,.12);border-radius:var(--r-lg);padding:1.5rem;position:sticky;top:90px}
.calc-result-label{font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}
.calc-result-num{font-family:var(--font-head);font-size:1.8rem;font-weight:900;letter-spacing:-.04em;color:var(--blue-900);margin-bottom:.25rem;min-height:2.2rem}
.calc-result-sub{font-size:.78rem;color:var(--muted)}
.calc-result-rows{margin-top:1.25rem;display:grid;gap:.55rem}
.calc-result-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .8rem;border-radius:.7rem;background:#fff;border:1px solid var(--border);font-size:.82rem}
.calc-result-row .rlabel{color:var(--muted)}
.calc-result-row .rval{font-weight:700;font-family:var(--font-head);color:var(--text)}
.calc-result-row.rh{background:rgba(24,181,218,.07);border-color:rgba(24,181,218,.2)}
.calc-result-row.rh .rval{color:var(--teal)}
.calc-pie-bar{display:flex;height:.55rem;border-radius:999px;overflow:hidden;margin-top:1rem;border:1px solid rgba(13,55,112,.08)}
.seg-a{background:var(--blue-700);transition:width .4s ease}
.seg-b{background:var(--teal);transition:width .4s ease}
.calc-legend{display:flex;gap:1rem;margin-top:.5rem;font-size:.75rem;color:var(--muted);flex-wrap:wrap}
.legend-dot{width:.45rem;height:.45rem;border-radius:50%;display:inline-block;margin-right:.3rem;vertical-align:middle}
.legend-dot.a{background:var(--blue-700)}
.legend-dot.b{background:var(--teal)}

/* ── BLOG ──────────────────────────────────────── */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.blog-card{border-radius:var(--r-lg);overflow:hidden;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}
.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.blog-thumb{height:165px;position:relative;overflow:hidden}
.blog-thumb::after{content:'';position:absolute;inset:16px;border:1px solid rgba(255,255,255,.2);border-radius:var(--r-md)}
.blog-body{padding:1.2rem}
.blog-meta{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem;font-size:.76rem;color:var(--faint)}
.blog-body b{display:block;font-size:.92rem;font-weight:700;margin-bottom:.45rem;line-height:1.4}
.blog-body p{color:var(--muted);font-size:.83rem}
.blog-link{display:inline-flex;align-items:center;gap:.3rem;color:var(--blue-700);font-size:.82rem;font-weight:600;margin-top:.65rem}
.blog-link i{font-size:.8rem}

/* ── FAQ ───────────────────────────────────────── */
.faq-grid{display:grid;grid-template-columns:2fr 3fr;gap:3rem;align-items:start}
.faq-intro h2{font-family:var(--font-head);font-size:clamp(1.8rem,1rem + 2vw,2.6rem);font-weight:800;letter-spacing:-.035em;margin-top:.85rem}
.faq-intro p{color:var(--muted);font-size:.95rem;margin-top:.65rem}
.faq-list{display:grid;gap:.7rem}
.faq-item{border-radius:var(--r-md);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-xs);overflow:hidden;transition:box-shadow .2s}
.faq-item:hover{box-shadow:var(--shadow-sm)}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.1rem 1.25rem;cursor:pointer;font-size:.93rem;font-weight:700;user-select:none}
.faq-toggle{flex-shrink:0;color:var(--faint);transition:transform .3s,color .2s}
.faq-item.active .faq-toggle{transform:rotate(180deg);color:var(--blue-700)}
.faq-body{display:none;padding:0 1.25rem 1.1rem;color:var(--muted);font-size:.87rem;line-height:1.65}
.faq-item.active .faq-body{display:block}

/* ── CTA BAND ──────────────────────────────────── */
.cta-band{border-radius:var(--r-xl);overflow:hidden;background:linear-gradient(135deg,var(--blue-950),var(--blue-800));padding:3rem;position:relative}
.cta-band::before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(24,181,218,.1);right:-180px;top:-180px;pointer-events:none}
.cta-band::after{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(13,95,168,.15);left:-100px;bottom:-120px;pointer-events:none}
.cta-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.cta-band .eyebrow{background:rgba(255,255,255,.1);color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.14);margin-bottom:.9rem}
.cta-band .eyebrow::before{background:var(--teal)}
.cta-band h2{font-family:var(--font-head);font-size:clamp(1.8rem,1rem + 2vw,2.8rem);font-weight:800;letter-spacing:-.04em;color:#fff;margin-bottom:.85rem}
.cta-band p{color:rgba(255,255,255,.72);font-size:.95rem;max-width:45ch}
.cta-band .btn-row{margin-top:1.5rem}
.cta-band .btn-outline{background:rgba(255,255,255,.92)}
.cta-feature-list{display:grid;gap:.7rem}
.cta-feat{display:flex;align-items:center;gap:.75rem;color:rgba(255,255,255,.85);font-size:.9rem}
.cta-feat::before{content:'✓';width:22px;height:22px;border-radius:50%;background:rgba(24,181,218,.25);color:var(--teal);display:grid;place-items:center;font-weight:700;font-size:.75rem;flex-shrink:0}

/* ── COMPARE TABLE ─────────────────────────────── */
.compare-wrap{overflow-x:auto;border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}
.compare-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--r-lg);overflow:hidden}
.compare-table th{background:linear-gradient(160deg,var(--blue-900),var(--blue-800));color:#fff;padding:1rem 1.2rem;font-size:.85rem;font-weight:700;text-align:center;white-space:nowrap}
.compare-table th:first-child{text-align:left;min-width:200px}
.compare-table th.col-w{background:linear-gradient(160deg,var(--blue-700),var(--teal))}
.compare-table td{padding:.8rem 1.2rem;font-size:.85rem;color:var(--muted);border-bottom:1px solid var(--border);text-align:center}
.compare-table td:first-child{text-align:left;color:var(--text);font-weight:500}
.compare-table tr:last-child td{border-bottom:none}
.compare-table tr:hover td{background:var(--blue-50)}
.compare-table td.col-w{background:rgba(24,181,218,.04);font-weight:600;color:var(--blue-800)}
.ct-yes i{font-size:1rem;color:var(--teal)}
.ct-no i{font-size:1rem;color:var(--faint)}
.ct-partial{font-size:.78rem;background:rgba(13,95,168,.07);padding:.2rem .55rem;border-radius:var(--r-full);color:var(--blue-700);font-weight:600}
.compare-table tr.cat-row td{background:var(--blue-50);font-weight:700;color:var(--blue-800);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;padding:.55rem 1.2rem}

/* ── CONTACT FORM ──────────────────────────────── */
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:3rem;align-items:start}
.contact-info h2{font-family:var(--font-head);font-size:clamp(1.8rem,1rem + 2vw,2.6rem);font-weight:800;letter-spacing:-.035em;margin-bottom:.75rem}
.contact-info p{color:var(--muted);font-size:.95rem;margin-bottom:2rem;line-height:1.65}
.contact-features{display:grid;gap:1rem}
.contact-feat{display:flex;align-items:flex-start;gap:.9rem}
.cfeat-icon{width:38px;height:38px;border-radius:10px;background:var(--blue-50);border:1px solid rgba(13,95,168,.1);display:grid;place-items:center;flex-shrink:0;color:var(--blue-700)}
.cfeat-icon i{font-size:1rem}
.cfeat-text b{display:block;font-size:.9rem;font-weight:700;color:var(--text);margin-bottom:.15rem}
.cfeat-text p{font-size:.82rem;color:var(--muted)}
.contact-form-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);padding:2rem}
.form-field{margin-bottom:1.1rem}
.form-field label{display:block;font-size:.84rem;font-weight:600;color:var(--text);margin-bottom:.4rem}
.form-field label span{color:#e05a5a}
.form-input{width:100%;padding:.72rem 1rem;border:1.5px solid var(--border);border-radius:var(--r-md);font-family:var(--font-body);font-size:.92rem;color:var(--text);background:#fff;transition:border-color .15s;outline:none}
.form-input:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px rgba(13,95,168,.08)}
.form-input::placeholder{color:var(--faint)}
textarea.form-input{resize:vertical;min-height:120px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-success{display:none;padding:1rem 1.25rem;background:rgba(24,181,218,.08);border:1.5px solid rgba(24,181,218,.25);border-radius:var(--r-md);color:var(--blue-800);font-weight:600;text-align:center;font-size:.9rem;margin-bottom:1.25rem}
.form-success.show{display:block}

/* ── WHY US ────────────────────────────────────── */
.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.pillar-card{padding:1.75rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);text-align:center;transition:transform .2s,box-shadow .2s}
.pillar-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.pillar-icon{width:56px;height:56px;border-radius:16px;background:var(--blue-50);border:1px solid rgba(13,95,168,.1);display:grid;place-items:center;margin:0 auto 1rem;color:var(--blue-700)}
.pillar-icon i{font-size:1.4rem}
.pillar-card h3{font-family:var(--font-head);font-size:1rem;font-weight:700;margin-bottom:.5rem}
.pillar-card p{color:var(--muted);font-size:.86rem;line-height:1.55}

/* ── SERVICES DETAIL ───────────────────────────── */
.service-detail-grid{display:grid;gap:1.1rem}
.sdc{padding:2rem;border-radius:var(--r-xl);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:start}
.sdc.featured-svc{border-color:rgba(24,181,218,.3);background:linear-gradient(160deg,#f2fcff,#eaf7fd)}
.sdc-icon{width:52px;height:52px;border-radius:14px;background:var(--blue-50);border:1px solid rgba(13,95,168,.1);display:grid;place-items:center;color:var(--blue-700);flex-shrink:0}
.sdc-icon i{font-size:1.3rem}
.sdc.featured-svc .sdc-icon{background:rgba(24,181,218,.12);border-color:rgba(24,181,218,.25);color:var(--teal)}
.sdc-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:var(--r-full);background:rgba(24,181,218,.12);color:var(--teal);font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.6rem}
.sdc h3{font-family:var(--font-head);font-size:1.15rem;font-weight:800;margin-bottom:.45rem}
.sdc > div > p{color:var(--muted);font-size:.9rem;line-height:1.6;margin-bottom:1rem}
.sdc-list{list-style:none;display:grid;gap:.4rem}
.sdc-list li{font-size:.87rem;color:var(--muted);display:flex;align-items:flex-start;gap:.5rem}
.sdc-list li::before{content:'–';color:var(--teal);font-weight:700;flex-shrink:0}

/* ── FOOTER ────────────────────────────────────── */
.footer{background:var(--blue-950);padding:3.5rem 0 1.5rem;margin-top:5rem}
.footer-top{display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr;gap:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-brand .brand-name{color:#fff;font-size:1.2rem;margin-top:.1rem}
.footer-brand .brand-sub{color:rgba(255,255,255,.5);font-size:.75rem}
.footer-brand > p{color:rgba(255,255,255,.55);font-size:.85rem;margin-top:1rem;line-height:1.65}
.footer-col h4{color:rgba(255,255,255,.9);font-size:.88rem;font-weight:700;margin-bottom:1rem}
.footer-col ul{list-style:none;display:grid;gap:.6rem}
.footer-col a{color:rgba(255,255,255,.56);font-size:.85rem;transition:color .15s}
.footer-col a:hover{color:rgba(255,255,255,.9)}
.footer-disclaimer{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:var(--r-md);padding:.9rem 1.2rem;margin-top:1.5rem;color:rgba(255,255,255,.45);font-size:.78rem;line-height:1.6;display:flex;align-items:flex-start;gap:.5rem}
.footer-disclaimer i{flex-shrink:0;margin-top:.15rem;font-size:.9rem}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:1.5rem}
.footer-bottom p{color:rgba(255,255,255,.38);font-size:.8rem}
.footer-bottom-links{display:flex;gap:1.25rem}
.footer-bottom-links a{color:rgba(255,255,255,.38);font-size:.8rem}
.footer-bottom-links a:hover{color:rgba(255,255,255,.7)}

/* ── SCROLL REVEAL ─────────────────────────────── */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
.reveal-d1{transition-delay:.1s}
.reveal-d2{transition-delay:.2s}
.reveal-d3{transition-delay:.3s}

/* ── RESPONSIVE ────────────────────────────────── */
@media(max-width:1080px){
  .hero-grid,.problem-grid,.features-grid,.calc-grid,.cta-inner,.trust-grid,.faq-grid,.contact-grid,.calc-body,.sdc{grid-template-columns:1fr}
  .service-grid,.stats-grid,.blog-grid,.steps,.problem-cards,.wide-inner,.pillar-grid{grid-template-columns:1fr 1fr}
  .hero-visual{min-height:480px}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(244,248,253,.98);backdrop-filter:blur(20px);flex-direction:column;align-items:stretch;padding:1rem 1.5rem;gap:.15rem;border-bottom:1px solid rgba(13,55,112,.1);box-shadow:var(--shadow-sm);z-index:99}
  .nav-links.open{display:flex}
  .nav-links a{padding:.7rem .25rem;border-bottom:1px solid rgba(13,55,112,.06);font-size:.95rem}
  .nav-links a:last-child{border-bottom:none}
  .nav-toggle{display:flex}
  .footer-top{grid-template-columns:1fr 1fr}
  .metric-sep{display:none}
  .problem-card:nth-child(even){transform:none}
  .features-grid .feat-col-right{grid-template-columns:1fr 1fr}
  .form-row{grid-template-columns:1fr}
}
@media(max-width:720px){
  .section{padding:3.5rem 0}
  .hero{padding:3rem 0 2.5rem}
  .hero-grid{gap:2.5rem}
  .service-grid,.stats-grid,.blog-grid,.steps,.problem-cards,.wide-inner,.kpi-row,.dash-body,.features-grid .feat-col-right,.pillar-grid{grid-template-columns:1fr}
  .hero-visual{min-height:400px}
  .dash-wrap{inset:.75rem;padding:.85rem}
  .how-bg,.services-bg,.cta-band{padding:2rem 1.25rem}
  .nav-actions .btn-outline{display:none}
  .btn-row{flex-direction:column;align-items:stretch}
  .btn,.btn-lg{width:100%}
  .footer-top{grid-template-columns:1fr;gap:2rem}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .metrics-row{gap:1.75rem}
  .contact-grid{gap:2rem}
  .calc-body{padding:1.25rem}
  .sdc{padding:1.5rem}
  .calc-result-box{position:static}
}


/* ── CALCULATOR GLOBALS ─────────────────────────── */
/* Calculator Sliders & Fields */
.sfields { display: grid; gap: 1.75rem; }
.sfield {}
.sfield-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem; }
.sfield-head label { font-size: 0.85rem; font-weight: 600; color: var(--text); }
.sfield-val { display: flex; align-items: center; background: rgba(13,95,168,.06); padding: 0.45rem 0.75rem; border-radius: var(--r-sm); font-weight: 700; color: var(--blue-900); border: 1px solid rgba(13,95,168,.1); }
.sfield-val span { font-size: 0.85rem; margin-right: 0.25rem; color: var(--blue-700); }
.sfield-val input { background: transparent; border: none; outline: none; font-weight: 700; color: var(--blue-900); font-family: var(--font-body); width: 90px; text-align: right; }
.sfield-val select { background: transparent; border: none; outline: none; font-weight: 700; color: var(--blue-900); font-family: var(--font-body); text-align: right; }
.sfield-limits { display: flex; justify-content: space-between; font-size: 0.75rem; color: var(--muted); margin-top: 0.4rem; font-weight: 500; }

/* Custom Range Slider */
.calc-slider { -webkit-appearance: none; width: 100%; height: 6px; border-radius: 999px; background: rgba(13,95,168,.1); outline: none; margin: 0.5rem 0; position: relative; }
.calc-slider::before { content:''; position:absolute; left:0; top:0; bottom:0; border-radius:999px; background:var(--blue-600); width: var(--sl-pct, 50%); pointer-events: none; }
.calc-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 22px; height: 22px; border-radius: 50%; background: #fff; cursor: pointer; border: 2.5px solid var(--blue-600); box-shadow: 0 2px 5px rgba(0,0,0,.15); position: relative; z-index: 2; transition: transform 0.1s; }
.calc-slider::-webkit-slider-thumb:hover { transform: scale(1.15); }
.calc-slider::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; background: #fff; cursor: pointer; border: 2.5px solid var(--blue-600); box-shadow: 0 2px 5px rgba(0,0,0,.15); transition: transform 0.1s; }

/* Donut Chart & Legend */
.donut-wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.25rem; margin-bottom: 2rem; }
.donut { width: 140px; height: 140px; border-radius: 50%; background: conic-gradient(var(--blue-700) 0% 50%, var(--teal) 50% 100%); flex-shrink: 0; position: relative; box-shadow: inset 0 2px 6px rgba(0,0,0,.08); transition: background 0.4s ease; }
.donut::after { content: ''; position: absolute; inset: 22px; background: #eef7ff; border-radius: 50%; box-shadow: 0 2px 8px rgba(13,55,112,.1); }

.donut-legend { display: flex; flex-direction: row; justify-content: space-evenly; width: 100%; gap: 1rem; }
.dl-item { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0.35rem; }
.dl-label { font-size: 0.8rem; color: var(--muted); font-weight: 600; display: flex; align-items: center; justify-content: center; white-space: nowrap; }
.dl-dot { width: 10px; height: 10px; border-radius: 50%; margin-right: 0.45rem; display: inline-block; }
.dl-dot.a { background: var(--blue-700); }
.dl-dot.b { background: var(--teal); }
.dl-val { font-family: var(--font-head); font-size: 1.25rem; font-weight: 800; color: var(--blue-900); white-space: nowrap; line-height: 1; }
.dl-val.green { color: var(--teal); }

/* Total Result */
.result-total { text-align: center; background: #fff; padding: 1.5rem; border-radius: var(--r-md); border: 1px solid var(--border); box-shadow: var(--shadow-xs); margin-top: 0.5rem; }
.result-total span { display: block; font-size: 0.8rem; color: var(--muted); font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.45rem; }
.result-total b { display: block; font-family: var(--font-head); font-size: 2.2rem; font-weight: 900; color: var(--blue-950); line-height: 1; }

/* Related Tools Widget - Horizontal Layout */
.related-tools-widget { grid-column: 1 / -1; margin-top: 1rem; border-top: 1px dashed var(--border); padding-top: 1.5rem; }
.rt-title { font-size: 0.8rem; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 1.25rem; display: flex; align-items: center; gap: 0.4rem; justify-content: center; }
.rt-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0.85rem; }
.rt-link { display: flex; align-items: center; justify-content: space-between; padding: 0.85rem 1rem; background: linear-gradient(160deg, #fff, rgba(13,95,168,.02)); border: 1px solid rgba(13,95,168,.08); border-radius: var(--r-sm); font-size: 0.85rem; font-weight: 600; color: var(--blue-900); transition: all 0.2s; box-shadow: 0 2px 4px rgba(7,33,69,.02); }
.rt-link:hover { background: #fff; border-color: rgba(13,95,168,.25); box-shadow: var(--shadow-sm); transform: translateY(-3px); color: var(--blue-600); }
.rt-link i { color: var(--teal); font-size: 1.1rem; transition: transform 0.2s; }
.rt-link:hover i { transform: translateX(3px); }


/* ── PAGE SPECIFIC CSS ── */
    .toggle-wrap{display:inline-flex;align-items:center;gap:.75rem;background:#fff;border:1.5px solid var(--border);border-radius:var(--r-full);padding:.35rem;box-shadow:var(--shadow-sm);margin-bottom:.5rem;}
    .toggle-btn{padding:.5rem 1.25rem;border-radius:var(--r-full);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .18s;border:none;background:transparent;color:var(--muted);}
    .toggle-btn.active{background:var(--blue-700);color:#fff;box-shadow:0 4px 12px rgba(13,95,168,.28);}

    .plans-section{padding:0 0 3rem;}
    .plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:900px;margin:0 auto;}
    .plan-card{border-radius:var(--r-xl);padding:2.25rem;position:relative;background:#fff;border:2px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;}
    .plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
    .plan-card.featured{background:linear-gradient(160deg,var(--blue-900),var(--blue-800));border-color:transparent;color:#fff;box-shadow:var(--shadow-lg);transform:none;}
    .plan-card.featured:hover{transform:translateY(-4px);}
    .plan-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,var(--teal),var(--blue-500));color:#fff;font-size:.72rem;font-weight:800;padding:.35rem 1.1rem;border-radius:0 0 var(--r-md) var(--r-md);letter-spacing:.03em;text-transform:uppercase;}
    .plan-name{font-family:var(--font-head);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;}
    .plan-card.featured .plan-name{color:rgba(255,255,255,.7);}
    .plan-headline{font-family:var(--font-head);font-size:1.55rem;font-weight:800;letter-spacing:-.04em;margin-bottom:.75rem;line-height:1.2;}
    /* ── NEW SAAS PRICING TABLE ── */
    .saas-table-wrap { width: 100%; border-radius: var(--r-xl); background: #fff; border: 1.5px solid var(--border); box-shadow: var(--shadow-md); overflow: hidden; margin-top: 1rem; }
    .saas-table { width: 100%; border-collapse: collapse; text-align: left; }
    .saas-table th, .saas-table td { padding: 1.25rem 1.5rem; border-bottom: 1px solid rgba(13,55,112,.08); }
    .saas-table th { background: #fff; position: sticky; top: 72px; z-index: 50; box-shadow: 0 1px 0 rgba(13,55,112,.08); padding: 1.5rem; }
    .th-features { font-family: var(--font-head); font-size: 1.1rem; font-weight: 800; color: var(--faint); text-transform: uppercase; letter-spacing: .05em; width: 50%; vertical-align: bottom; }
    .th-plan { width: 25%; text-align: center; vertical-align: bottom; }
    .th-inner { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; font-family: var(--font-head); font-size: 1.25rem; font-weight: 800; color: var(--blue-900); }
    .th-highlight { background: linear-gradient(180deg, var(--blue-900), var(--blue-800)) !important; }
    .th-highlight .th-inner { color: #fff; }
    .badge-pop { font-family: var(--font-body); display: inline-block; padding: 0.25rem 0.65rem; border-radius: var(--r-full); background: rgba(24,181,218,.25); color: var(--teal); font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.4rem; }
    .tr-group td { background: linear-gradient(90deg, var(--blue-50), #f8fbff); padding: 0.85rem 1.5rem; }
    .group-header { display: flex; align-items: center; gap: 0.5rem; font-size: 0.8rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; color: var(--blue-700); }
    .group-header i { font-size: 1.1rem; }
    .tr-data { transition: background 0.2s; }
    .tr-data:hover { background: rgba(13,95,168,.02); }
    .tr-data:last-child td { border-bottom: none; }
    .td-feature { }
    .feat-title { font-weight: 600; color: var(--text); font-size: 0.88rem; margin-bottom: 0.15rem; }
    .feat-sub { font-size: 0.78rem; color: var(--faint); }
    .td-val { text-align: center; vertical-align: middle; }
    .td-highlight { background: rgba(7,33,69,.04); }
    .tr-data:hover .td-highlight { background: rgba(13,95,168,.04); }
    .t-icon { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; font-size: 1.1rem; }
    .t-icon.yes { background: linear-gradient(135deg, var(--blue-700), var(--teal)); color: #fff; font-weight: 800; }
    .t-icon.no { background: rgba(13,55,112,.06); color: var(--faint); font-size: .85rem; }
    .t-icon.add { background: rgba(255,180,0,.15); color: #c8900a; font-weight: 800; font-size: .9rem; }
    .t-text { font-size: 0.78rem; font-weight: 700; color: var(--muted); }
    .t-text.highlight { color: var(--blue-700); }
    .compare-legend { display: flex; align-items: center; justify-content: center; gap: 1.5rem; flex-wrap: wrap; padding: 1.5rem; background: #fff; border-top: 1px solid rgba(13,55,112,.08); }
    .legend-item { display: flex; align-items: center; gap: 0.5rem; font-size: 0.82rem; color: var(--muted); }
    .plan-card.featured .plan-headline{color:#fff;}
    .plan-desc{font-size:.9rem;color:var(--muted);line-height:1.65;margin-bottom:1.5rem;min-height:4rem;}
    .plan-card.featured .plan-desc{color:rgba(255,255,255,.65);}
    .plan-price-wrap{display:flex;align-items:flex-end;gap:.4rem;margin-bottom:.45rem;}
    .plan-price{font-family:var(--font-head);font-size:2.4rem;font-weight:900;letter-spacing:-.05em;line-height:1;}
    .plan-card.featured .plan-price{color:#fff;}
    .plan-price-note{font-size:.82rem;color:var(--muted);padding-bottom:.2rem;}
    .plan-card.featured .plan-price-note{color:rgba(255,255,255,.55);}
    .plan-price-sub{font-size:.8rem;color:var(--faint);margin-bottom:1.5rem;}
    .plan-card.featured .plan-price-sub{color:rgba(255,255,255,.45);}
    .plan-cta{width:100%;margin-bottom:1.5rem;}
    .plan-card.featured .btn-outline{background:rgba(255,255,255,.92);}
    .plan-includes{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);margin-bottom:.9rem;}
    .plan-card.featured .plan-includes{color:rgba(255,255,255,.38);}
    .plan-features{display:grid;gap:.6rem;}
    .pf-row{display:flex;align-items:flex-start;gap:.65rem;font-size:.88rem;}
    .pf-icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:800;margin-top:.12rem;}
    .pf-icon.yes{background:rgba(13,95,168,.1);color:var(--blue-700);}
    .pf-icon.yesw{background:rgba(24,181,218,.2);color:var(--teal);}
    .pf-icon.add{background:rgba(255,180,0,.15);color:#d4a000;}
    .plan-card:not(.featured) .pf-text{color:var(--muted);}
    .plan-card.featured .pf-text{color:rgba(255,255,255,.8);}

    .compare-section{padding:0 0 5rem;}
    .compare-head{text-align:center;margin-bottom:2.5rem;}
    .compare-head h2{font-family:var(--font-head);font-size:clamp(1.9rem,1.2rem+2vw,2.8rem);font-weight:800;letter-spacing:-.04em;margin-top:.75rem;margin-bottom:.75rem;}
    .compare-head p{color:var(--muted);font-size:.98rem;max-width:52ch;margin:0 auto;}
    .compare-wrap{border-radius:var(--r-xl);overflow:hidden;border:1.5px solid var(--border);box-shadow:var(--shadow-md);background:#fff;}
    .why-section{padding:0 0 5rem;}
    .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
    .why-card{padding:1.5rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);}
    .wc-icon{font-size:1.5rem;margin-bottom:.85rem; color: var(--blue-700);}
    .wc-title{font-family:var(--font-head);font-weight:700;font-size:1rem;margin-bottom:.45rem;}
    .wc-desc{color:var(--muted);font-size:.87rem;line-height:1.6;}

    .faq-section{padding:0 0 5rem;}
    .faq-wrap{max-width:760px;margin:0 auto;}
    .faq-head{text-align:center;margin-bottom:2.5rem;}
    .faq-head h2{font-family:var(--font-head);font-size:clamp(1.8rem,1.2rem+1.8vw,2.6rem);font-weight:800;letter-spacing:-.04em;margin-top:.75rem;}
    .faq-list{display:grid;gap:.75rem;}
    .faq-item{border-radius:var(--r-md);background:#fff;border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-xs);}
    .faq-q{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem;cursor:pointer;font-weight:700;font-size:.93rem;user-select:none;}
    .faq-q svg{flex-shrink:0;transition:transform .25s;color:var(--faint);}
    .faq-item.open .faq-q i, .faq-item.open .faq-q svg{transform:rotate(180deg);}
    .faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;}
    .faq-item.open .faq-a{max-height:300px;}
    .faq-a p{padding:0 1.25rem 1.1rem;color:var(--muted);font-size:.88rem;line-height:1.7;}
    
    @media(max-width:960px){
      .plans-grid{grid-template-columns:1fr;max-width:520px;}
      .plan-card.featured{order:-1;}
      .why-grid{grid-template-columns:1fr 1fr;}
      .ct-feat-sub{display:none;}
    }
    @media(max-width:720px){
      .why-grid{grid-template-columns:1fr;}
      .saas-table th, .saas-table td { padding: 1rem 0.5rem; font-size: 0.85rem; }
      .saas-table .th-features { width: 40%; font-size: 0.9rem; }
      .saas-table .th-plan { width: 30%; }
      .saas-table .th-inner { font-size: 1rem; }
      .feat-title { font-size: 0.82rem; }
      .feat-sub { display: none; } /* Hide descriptions on mobile to save space */
      .t-icon { width: 22px; height: 22px; font-size: 0.9rem; }
      .group-header { font-size: 0.75rem; }
    }

/* ═══════════════════════════════════════════
   FEATURES PAGE
═══════════════════════════════════════════ */

/* Hero */
.feat-hero{padding:5rem 0 4rem;text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(13,95,168,.1),transparent),radial-gradient(ellipse 50% 40% at 90% 50%,rgba(24,181,218,.08),transparent),var(--bg);}
.feat-hero h1{font-family:var(--font-head);font-size:clamp(2.4rem,1rem+4.5vw,4.5rem);font-weight:900;letter-spacing:-.045em;line-height:1.05;margin:1rem auto 1.25rem;max-width:14ch;}
.feat-hero h1 span{background:linear-gradient(120deg,var(--blue-700),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.feat-hero p{font-size:1.1rem;color:var(--muted);max-width:54ch;margin:0 auto 1.75rem;line-height:1.7;}
.feat-hero-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem;margin-bottom:2rem;}
.feat-hero-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .95rem;border-radius:var(--r-full);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-xs);font-size:.82rem;font-weight:600;color:var(--muted);}
.feat-hero-tag i{color:var(--blue-700);}
.feat-hero-btns{justify-content:center;}

/* Category nav */
.feat-cat-nav{padding:1rem 0;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:72px;z-index:90;}
.feat-cat-row{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;}
.feat-cat-row::-webkit-scrollbar{display:none;}
.feat-cat-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--r-full);background:transparent;border:1.5px solid var(--border);font-family:var(--font-body);font-size:.84rem;font-weight:600;color:var(--muted);cursor:pointer;transition:all .18s;white-space:nowrap;}
.feat-cat-btn:hover{border-color:rgba(13,95,168,.25);color:var(--blue-700);}
.feat-cat-btn.active{background:var(--blue-700);border-color:var(--blue-700);color:#fff;}
.feat-cat-btn i{font-size:1rem;}

/* Section head */
.feat-anchor{scroll-margin-top:140px;}
.feat-section-head{margin-bottom:2.5rem;}
.feat-section-head .eyebrow{margin-bottom:.85rem;}
.feat-section-head h2{font-family:var(--font-head);font-size:clamp(1.9rem,1.2rem+2.2vw,2.9rem);font-weight:800;letter-spacing:-.035em;line-height:1.1;margin-bottom:.75rem;}
.feat-section-head p{color:var(--muted);max-width:58ch;font-size:1.05rem;}

/* Split layout */
.feat-split-block{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:center;}
.feat-split-rev{direction:rtl;}
.feat-split-rev > *{direction:ltr;}
.feat-split-info{padding:2.5rem;background:#fff;border-radius:var(--r-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm);}
.feat-split-info h3{font-family:var(--font-head);font-size:clamp(1.4rem,1rem+1.2vw,1.9rem);font-weight:800;letter-spacing:-.035em;margin-bottom:.75rem;}
.feat-split-info p{color:var(--muted);font-size:.95rem;line-height:1.7;margin-bottom:1rem;}

/* Checklist */
.feat-check-list{list-style:none;display:grid;gap:.6rem;margin-bottom:1rem;}
.feat-check-list li{display:flex;align-items:flex-start;gap:.65rem;font-size:.88rem;color:var(--muted);}
.feat-check-list li i{width:20px;height:20px;border-radius:50%;background:rgba(13,95,168,.1);color:var(--blue-700);display:grid;place-items:center;font-size:.75rem;font-weight:800;flex-shrink:0;margin-top:.1rem;}

/* Dashboard visual */
.feat-dash-visual{border-radius:var(--r-xl);background:linear-gradient(160deg,#f0f7ff,#e2eff9);border:1px solid rgba(13,55,112,.09);box-shadow:var(--shadow-md);padding:1.5rem;}
.fdv-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;}
.fdv-title{font-family:var(--font-head);font-weight:700;font-size:.92rem;}
.fdv-live{display:flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;color:var(--teal);}
.fdv-live i{font-size:.6rem;animation:pulse 2s infinite;}
.fdv-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:.9rem;}
.fdv-kpi{padding:.75rem;border-radius:.85rem;background:#fff;border:1px solid rgba(13,55,112,.07);}
.fk-label{font-size:.68rem;color:var(--muted);margin-bottom:.2rem;}
.fk-value{font-family:var(--font-head);font-size:1rem;font-weight:700;}
.fk-gain{font-size:.66rem;color:#1a9a5c;font-weight:600;margin-top:.1rem;}
.fk-loss{font-size:.66rem;color:#e05a5a;font-weight:600;margin-top:.1rem;}
.fdv-row2{display:grid;grid-template-columns:1.3fr .7fr;gap:.65rem;}
.fdv-chart,.fdv-alloc{background:#fff;border:1px solid rgba(13,55,112,.07);border-radius:.85rem;padding:.75rem;}
.fdv-chart-label{font-size:.7rem;font-weight:600;margin-bottom:.5rem;}
.fdv-bars{display:flex;align-items:flex-end;gap:.28rem;height:72px;}
.fdv-bar{flex:1;border-radius:.25rem .25rem .12rem .12rem;background:linear-gradient(180deg,var(--teal),var(--blue-700));}
.fdv-alloc-bar{height:.5rem;border-radius:999px;overflow:hidden;display:flex;gap:2px;margin-bottom:.5rem;}
.fdv-alloc-bar span{border-radius:999px;}
.fdv-legend{display:grid;gap:.3rem;}
.fdv-leg-row{display:flex;align-items:center;gap:.4rem;font-size:.65rem;color:var(--muted);}
.fdv-dot{width:.45rem;height:.45rem;border-radius:50%;flex-shrink:0;}

/* Asset grid */
.feat-asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.feat-asset-card{padding:1.5rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;}
.feat-asset-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}
.feat-ac-icon{font-size:1.6rem;color:var(--blue-700);margin-bottom:.9rem;display:block;}
.feat-ac-name{font-family:var(--font-head);font-size:1rem;font-weight:700;margin-bottom:.45rem;}
.feat-ac-desc{color:var(--muted);font-size:.87rem;line-height:1.6;margin-bottom:.75rem;}
.feat-ac-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;}
.feat-ac-tags span{padding:.3rem .65rem;border-radius:var(--r-full);background:var(--blue-50);border:1px solid rgba(13,95,168,.1);font-size:.74rem;font-weight:600;color:var(--blue-700);}
.feat-ac-demo{border-radius:var(--r-md);background:linear-gradient(160deg,var(--blue-50),#f0f8ff);border:1px solid rgba(13,95,168,.07);padding:.85rem;}
.feat-ad-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px solid rgba(13,55,112,.06);font-size:.82rem;}
.feat-ad-row:last-child{border-bottom:none;}
.feat-ad-row em{font-style:normal;font-size:.73rem;font-weight:600;margin-left:.3rem;}
.feat-ad-row em.pos{color:#1a9a5c;}
.feat-ad-row em.neg{color:#e05a5a;}

/* Insurance visual */
.feat-ins-visual{padding:1.75rem;border-radius:var(--r-xl);background:linear-gradient(160deg,var(--blue-900),var(--blue-800));box-shadow:var(--shadow-md);}
.fiv-title{font-family:var(--font-head);font-weight:700;font-size:.92rem;color:#fff;margin-bottom:1rem;}
.fiv-policy{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-md);padding:.85rem 1rem;margin-bottom:.6rem;display:flex;align-items:center;gap:.85rem;}
.fiv-policy:last-child{margin-bottom:0;}
.fiv-icon{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:1rem;color:#fff;flex-shrink:0;}
.fiv-info{flex:1;}
.fiv-name{font-size:.84rem;font-weight:700;color:#fff;margin-bottom:.15rem;}
.fiv-sub{font-size:.74rem;color:rgba(255,255,255,.6);}
.fiv-badge{padding:.3rem .7rem;border-radius:var(--r-full);font-size:.72rem;font-weight:700;white-space:nowrap;}
.fiv-badge.ok{background:rgba(24,181,218,.15);color:var(--teal);}
.fiv-badge.due{background:rgba(255,180,0,.2);color:#ffd055;}
.fiv-badge.warn{background:rgba(255,100,80,.18);color:#ff8070;}

/* Family visual */
.feat-fam-visual{padding:2rem;border-radius:var(--r-xl);background:linear-gradient(160deg,#f0f7ff,#e5f2fb);border:1px solid rgba(13,95,168,.1);box-shadow:var(--shadow-sm);}
.ffv-title{font-family:var(--font-head);font-weight:700;font-size:.92rem;margin-bottom:1rem;}
.ffv-total{text-align:center;padding:1.25rem;background:#fff;border-radius:var(--r-lg);border:1px solid var(--border);margin-bottom:1rem;box-shadow:var(--shadow-xs);}
.ffv-total-label{font-size:.75rem;color:var(--muted);margin-bottom:.3rem;}
.ffv-total-value{font-family:var(--font-head);font-size:1.8rem;font-weight:800;letter-spacing:-.04em;}
.ffv-members{display:grid;gap:.55rem;}
.ffv-member{display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;background:#fff;border-radius:.85rem;border:1px solid var(--border);}
.ffv-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;color:var(--blue-700);flex-shrink:0;}
.ffv-mname{font-size:.82rem;font-weight:600;flex:1;}
.ffv-bar{flex:2;height:.45rem;border-radius:999px;background:var(--blue-100);overflow:hidden;}
.ffv-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue-700),var(--teal));}
.ffv-mval{font-size:.78rem;font-weight:700;color:var(--blue-700);}

/* Liabilities grid */
.feat-liab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.feat-liab-card{padding:1.5rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;}
.feat-liab-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}
.feat-lc-icon{font-size:1.4rem;color:var(--blue-700);display:block;margin-bottom:.85rem;}
.feat-lc-name{font-weight:700;font-size:.95rem;margin-bottom:.45rem;}
.feat-lc-desc{color:var(--muted);font-size:.85rem;line-height:1.6;margin-bottom:1rem;}
.feat-emi-demo{background:var(--blue-50);border:1px solid rgba(13,95,168,.1);border-radius:.85rem;padding:.85rem;}
.feat-emi-row{display:flex;justify-content:space-between;font-size:.78rem;margin-bottom:.4rem;}
.feat-emi-row:last-of-type{margin-bottom:0;}
.feat-emi-row span:first-child{color:var(--muted);}
.feat-emi-row span:last-child{font-weight:700;}
.feat-emi-bar{height:.45rem;border-radius:999px;background:var(--blue-100);overflow:hidden;margin-top:.65rem;}
.feat-emi-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue-700),var(--teal));}

/* Document vault */
.feat-doc-cats{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem;}
.feat-doc-cat{padding:.7rem .9rem;border-radius:var(--r-md);background:var(--blue-50);border:1px solid rgba(13,95,168,.1);display:flex;align-items:center;gap:.6rem;font-size:.84rem;font-weight:600;color:var(--blue-700);}
.feat-doc-visual{padding:1.75rem;border-radius:var(--r-xl);background:linear-gradient(160deg,#f3f8fe,#eaf3fc);border:1px solid rgba(13,95,168,.1);box-shadow:var(--shadow-sm);}
.fdocv-title{font-family:var(--font-head);font-weight:700;font-size:.88rem;margin-bottom:1rem;}
.fdocv-file{display:flex;align-items:center;gap:.75rem;padding:.65rem .8rem;background:#fff;border-radius:.85rem;border:1px solid var(--border);margin-bottom:.55rem;transition:box-shadow .2s;}
.fdocv-file:hover{box-shadow:var(--shadow-xs);}
.fdocv-file:last-child{margin-bottom:0;}
.fdocv-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:1rem;flex-shrink:0;}
.fdocv-name{font-size:.82rem;font-weight:600;flex:1;}
.fdocv-size{font-size:.72rem;color:var(--faint);}

/* Reports grid */
.feat-reports-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.feat-report-card{padding:1.5rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;}
.feat-report-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}
.feat-report-card.dark{background:linear-gradient(160deg,var(--blue-900),var(--blue-800));border-color:transparent;color:#fff;}
.feat-report-card.dark p{color:rgba(255,255,255,.65);}
.feat-rc-icon{font-size:1.4rem;color:var(--blue-700);display:block;margin-bottom:.85rem;}
.feat-report-card.dark .feat-rc-icon{color:var(--teal);}
.feat-rc-name{font-weight:700;font-size:.95rem;margin-bottom:.45rem;}
.feat-report-card p{color:var(--muted);font-size:.85rem;line-height:1.6;}
.feat-rc-preview{margin-top:1rem;border-radius:.85rem;padding:.85rem;background:var(--blue-50);border:1px solid rgba(13,95,168,.1);display:grid;gap:.5rem;}
.feat-rc-preview.dark-p{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.1);}
.feat-rc-preview div{height:.65rem;border-radius:999px;background:rgba(13,95,168,.12);}
.feat-rc-preview.dark-p div{background:rgba(255,255,255,.18);}

/* Onboarding steps */
.feat-onboard-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
.feat-ob-step{padding:1.5rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);position:relative;}
.feat-ob-step::after{content:'→';position:absolute;right:-1.1rem;top:1.75rem;color:var(--faint);font-size:1rem;}
.feat-ob-step:last-child::after{display:none;}
.feat-ob-num{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,var(--blue-900),var(--blue-600));color:#fff;display:grid;place-items:center;font-family:var(--font-head);font-weight:800;font-size:.82rem;margin-bottom:.85rem;}
.feat-ob-step strong{display:block;font-size:.9rem;font-weight:700;margin-bottom:.4rem;}
.feat-ob-step p{color:var(--muted);font-size:.83rem;line-height:1.55;}

/* Onboarding CTA banner */
.feat-cta-banner{border-radius:var(--r-xl);background:linear-gradient(135deg,var(--blue-950),var(--blue-800));padding:2.5rem 3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;position:relative;overflow:hidden;}
.feat-cta-banner::before{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:rgba(24,181,218,.1);right:-120px;top:-160px;}
.feat-cta-banner h3{font-family:var(--font-head);font-size:clamp(1.4rem,1rem+1.5vw,2rem);font-weight:800;letter-spacing:-.04em;color:#fff;margin-bottom:.5rem;position:relative;}
.feat-cta-banner p{color:rgba(255,255,255,.65);font-size:.92rem;max-width:46ch;position:relative;}
.feat-cta-banner .btn-row{position:relative;}
.feat-cta-banner .btn-outline{background:rgba(255,255,255,.92);}
.cta-band-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;}

/* Responsive for features */
@media(max-width:1080px){
  .feat-split-block{grid-template-columns:1fr;}
  .feat-split-rev{direction:ltr;}
  .feat-asset-grid{grid-template-columns:1fr 1fr;}
  .feat-liab-grid,.feat-reports-grid{grid-template-columns:1fr 1fr;}
  .feat-onboard-steps{grid-template-columns:1fr 1fr;}
  .feat-ob-step::after{display:none;}
}
@media(max-width:720px){
  .feat-asset-grid,.feat-liab-grid,.feat-reports-grid,.feat-doc-cats{grid-template-columns:1fr;}
  .feat-onboard-steps{grid-template-columns:1fr;}
  .fdv-kpis{grid-template-columns:1fr;}
  .fdv-row2{grid-template-columns:1fr;}
  .feat-cta-banner{padding:2rem 1.5rem;}
  .cta-band-inner{flex-direction:column;align-items:flex-start;}
}

/* =====================================================================
   PLANS PAGE — Comparison Table (CSS Grid + overflow:clip sticky fix)
   overflow:clip clips visually but does NOT create a scroll container,
   so position:sticky on .cmp-hdr uses the VIEWPORT correctly.
   ===================================================================== */
.cmp-shell { border-radius:16px; border:1.5px solid rgba(13,55,112,.11); box-shadow:0 4px 28px rgba(13,55,112,.08); background:#fff; overflow:clip; margin-top:1rem; }
.g3 { display:grid; grid-template-columns:1.9fr 1fr 1fr; }
.cmp-hdr { position:sticky; top:70px; z-index:100; background:#fff; border-bottom:2px solid rgba(13,55,112,.1); }
.hdr-feat { padding:.8rem 1.4rem; display:flex; align-items:center; font-size:.73rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:#8fa3bf; }
.hdr-plan { padding:.8rem 1rem; display:flex; align-items:center; justify-content:center; text-align:center; }
.hdr-inner { display:flex; flex-direction:row; align-items:center; justify-content:center; gap:.45rem; font-family:inherit; font-size:.97rem; font-weight:800; color:#061a38; white-space:nowrap; line-height:1; }
.hdr-plan.dark { background:linear-gradient(175deg,#0d3770,#072145); }
.hdr-plan.dark .hdr-inner { color:#fff; }
.hdr-badge { display:inline-flex; align-items:center; font-size:.62rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; padding:.16rem .48rem; border-radius:999px; background:rgba(23,179,216,.2); color:#17b3d8; white-space:nowrap; line-height:1; flex-shrink:0; }
.hdr-plan.dark .hdr-badge { background:rgba(255,255,255,.15); color:rgba(255,255,255,.85); }
.cmp-cat { background:linear-gradient(90deg,#edf3ff,#f5f8ff); border-bottom:1px solid rgba(13,55,112,.07); border-top:1px solid rgba(13,55,112,.05); }
.cat-lbl { padding:.55rem 1.4rem; grid-column:1/-1; display:flex; align-items:center; gap:.5rem; font-size:.71rem; font-weight:800; text-transform:uppercase; letter-spacing:.09em; color:#1a5fbc; }
.cmp-row { border-bottom:1px solid rgba(13,55,112,.06); }
.cmp-row:last-child { border-bottom:none; }
.cmp-row:hover .rf { background:rgba(13,95,168,.02); }
.cmp-row:hover .rv2 { background:rgba(7,33,69,.035); }
.rf { padding:.82rem 1.4rem; display:flex; flex-direction:column; justify-content:center; }
.rn { font-size:.86rem; font-weight:600; color:#1a1f36; }
.rs { font-size:.73rem; color:#8fa3bf; margin-top:.1rem; }
.rv2 { padding:.82rem 1rem; display:flex; align-items:center; justify-content:center; }
.rv2.hi { background:rgba(7,33,69,.022); }
.ico { display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%; font-size:.9rem; line-height:1; flex-shrink:0; }
.ico.y { background:linear-gradient(135deg,#1a5fbc,#17b3d8); color:#fff; }
.ico.n { background:rgba(13,55,112,.07); color:#b0c4d8; font-size:.8rem; }
.ico.a { background:rgba(255,175,0,.14); color:#c08800; }
.tv { font-size:.8rem; font-weight:700; color:#6b7fa3; }
.tv.hi { color:#1a5fbc; }
.compare-legend { display:flex; align-items:center; justify-content:center; gap:1.5rem; flex-wrap:wrap; padding:1.25rem 1.5rem; background:#f9fafd; border-top:1px solid rgba(13,55,112,.08); }
.legend-item { display:flex; align-items:center; gap:.5rem; font-size:.82rem; color:#6b7fa3; }
@media(max-width:680px){ .g3{grid-template-columns:1.35fr 1fr 1fr;} .rf,.hdr-feat{padding:.7rem .85rem;} .rv2,.hdr-plan{padding:.7rem .6rem;} .hdr-badge{display:none;} .rs{display:none;} }