*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --navy:   #0d1422; --navy2: #0a1018; --navy3: #0f1828; --navy4: #111e36;
      --cream:  #f7f6f3; --cream2: #eeebe3; --cream3: #e4e0d6;
      --ct:     #152A5E; --ct2: rgba(21,42,94,0.66); --ct3: rgba(21,42,94,0.4);
      --cb:     rgba(21,42,94,0.1); --cb2: rgba(21,42,94,0.05);
      --dc:     #f0ece2; --dc2: #c4bfb4; --dc3: #8a8680; --dc4: #6a6660;
      --copper: #c8916a; --gold: #d4a054; --gold2: #b8882e;
      --green:  #4a9e6a; --red: #a04040;
      --serif:  'Playfair Display', Georgia, serif;
      --sans:   'Montserrat', system-ui, sans-serif;
      --r: 14px; --ph: 80px;
    }
    html { scroll-behavior: smooth; }
    body { font-family: var(--sans); background: var(--cream); color: var(--ct); -webkit-font-smoothing: antialiased; }

    /* TYPOGRAPHY */
    h1 { font-family: var(--serif); font-size: 56px; font-weight: 700; line-height: 1.08; letter-spacing: -0.5px; margin-bottom: 24px; }
    h2 { font-family: var(--serif); font-size: 40px; font-weight: 700; line-height: 1.12; letter-spacing: -0.3px; margin-bottom: 18px; }
    h3 { font-family: var(--serif); font-size: 21px; font-weight: 700; margin-bottom: 10px; }
    h1 em { font-style: italic; font-weight: 400; color: var(--gold); }
    h2.on-dark { color: var(--dc); }
    p { font-size: 15px; line-height: 1.8; font-family: var(--sans); color: var(--ct2); }
    p.on-dark { color: var(--dc2); }

    /* LAYOUT */
    .sec { padding: 96px var(--ph); }
    .div-line { height: 0.5px; background: var(--cb); margin: 0 var(--ph); }

    /* LABELS */
    .sl { font-size: 11px; font-weight: 600; letter-spacing: 1.6px; text-transform: uppercase; color: var(--copper); margin-bottom: 18px; font-family: var(--sans); }

    /* CHIPS */
    .chip { font-family: var(--sans); font-size: 10px; font-weight: 700; letter-spacing: 0.5px; padding: 3px 8px; border-radius: 4px; text-transform: uppercase; display: inline-block; cursor: default; }
    .c-fact  { background: rgba(47,107,61,0.1);  color: #2a7a45; border: 0.5px solid rgba(47,107,61,0.25); }
    .c-ai    { background: rgba(180,120,60,0.1);  color: #8a5a10; border: 0.5px solid rgba(180,120,60,0.25); }
    .c-ext   { background: rgba(200,145,106,0.12); color: #8a5a35; border: 0.5px solid rgba(200,145,106,0.25); }
    .c-stale { background: rgba(160,110,20,0.1);  color: #7a5010; border: 0.5px solid rgba(160,110,20,0.25); }
    .c-fact.dark  { background: rgba(47,107,61,0.18);  color: #5aad78; border-color: rgba(47,107,61,0.35); }
    .c-ai.dark    { background: rgba(180,120,60,0.18);  color: var(--gold); border-color: rgba(180,120,60,0.35); }
    .c-ext.dark   { background: rgba(200,145,106,0.15); color: var(--copper); border-color: rgba(200,145,106,0.35); }
    .c-stale.dark { background: rgba(160,110,20,0.18);  color: #c8a050; border-color: rgba(160,110,20,0.35); }
    .clickable-chip { cursor: pointer; position: relative; }
    .clickable-chip:hover { filter: brightness(0.85); }

    /* CHIP POPOUT */
    .chip-popout {
      position: absolute; bottom: calc(100% + 8px); left: 0;
      background: #fff; border: 0.5px solid var(--cb); border-radius: 10px;
      padding: 14px 16px; min-width: 220px; max-width: 280px;
      box-shadow: 0 8px 28px rgba(21,42,94,0.12); z-index: 200;
      animation: popIn 0.18s ease; pointer-events: none;
    }
    @keyframes popIn { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:none; } }
    .cp-type { font-size: 10px; font-weight: 700; letter-spacing: 0.6px; text-transform: uppercase; color: var(--copper); margin-bottom: 6px; font-family: var(--sans); }
    .cp-desc { font-size: 12px; line-height: 1.55; color: var(--ct2); margin-bottom: 8px; font-family: var(--sans); }
    .cp-src { font-size: 11px; font-weight: 600; padding: 6px 10px; border-radius: 5px; background: var(--cb2); color: var(--ct3); font-family: var(--sans); }

    /* PDOT */
    .pdot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; vertical-align: middle; margin-right: 5px; }

    /* BTNS */
    .btn-p { font-family: var(--sans); font-size: 13px; font-weight: 600; color: var(--navy); background: var(--gold); border: none; padding: 14px 30px; border-radius: 8px; cursor: pointer; transition: background 0.2s; text-decoration: none; display: inline-block; letter-spacing: 0.3px; }
    .btn-p:hover { background: var(--gold2); }
    .btn-g { font-family: var(--sans); font-size: 13px; font-weight: 500; color: var(--dc2); background: none; border: 0.5px solid rgba(196,191,180,0.4); padding: 13px 26px; border-radius: 8px; cursor: pointer; transition: all 0.2s; text-decoration: none; display: inline-block; }
    .btn-g:hover { border-color: rgba(196,191,180,0.7); color: var(--dc); }
    .btn-l { font-family: var(--sans); font-size: 13px; font-weight: 500; color: var(--ct2); background: none; border: 0.5px solid var(--cb); padding: 13px 26px; border-radius: 8px; cursor: pointer; transition: all 0.2s; text-decoration: none; display: inline-block; }
    .btn-l:hover { border-color: rgba(21,42,94,0.2); color: var(--ct); }

    /* ── NAV (dark sticky) ── */
    nav { position: sticky; top: 0; z-index: 100; display: flex; align-items: center; justify-content: flex-start; padding: 0 var(--ph); height: 64px; background: rgba(13,20,34,0.95); backdrop-filter: blur(14px); border-bottom: 0.5px solid rgba(255,255,255,0.07); }
    .nav-logo { text-decoration: none; display: flex; align-items: center; }
    .logo-img { height: 34px; width: auto; display: block; }
    .nav-links { display: flex; gap: 26px; list-style: none; margin-left: auto; }
    .nav-links a { font-size: 11px; font-weight: 500; color: var(--dc2); text-decoration: none; letter-spacing: 0.5px; text-transform: uppercase; transition: color 0.2s; font-family: var(--sans); }
    .nav-links a:hover { color: var(--dc); }
    .nav-cta { font-family: var(--sans); font-size: 11px; font-weight: 600; color: var(--navy); background: var(--gold); border: none; padding: 10px 22px; border-radius: 7px; letter-spacing: 0.4px; text-transform: uppercase; cursor: pointer; transition: background 0.2s; text-decoration: none; margin-left: 28px; }
    .nav-cta:hover { background: var(--gold2); }

    /* ── HERO (dark) ── */
    #hero { background: var(--navy); padding: 100px var(--ph) 90px; display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; min-height: calc(100vh - 64px); }
    .hero-eye { font-size: 11px; font-weight: 600; letter-spacing: 1.6px; text-transform: uppercase; color: var(--copper); margin-bottom: 20px; font-family: var(--sans); }
    #hero h1 { color: var(--dc); }
    .hero-tag { font-size: 14px; font-style: italic; color: var(--gold); margin-bottom: 22px; font-family: var(--sans); font-weight: 500; }
    .hero-sub { font-size: 17px; line-height: 1.75; color: var(--dc2); max-width: 440px; margin-bottom: 36px; }
    .cta-row { display: flex; align-items: center; gap: 16px; margin-bottom: 26px; }
    .trust-strip { font-size: 11px; font-weight: 500; color: var(--dc4); letter-spacing: 0.3px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-family: var(--sans); }
    .tdot { width: 4px; height: 4px; background: var(--copper); border-radius: 50%; flex-shrink: 0; display: inline-block; }

    /* HERO DEMO — light window */
    .demo-win { background: #fff; border: 0.5px solid var(--cb); border-radius: var(--r); overflow: hidden; min-height: 460px; display: flex; flex-direction: column; box-shadow: 0 12px 48px rgba(0,0,0,0.2); }
    .win-bar { padding: 13px 18px; border-bottom: 0.5px solid var(--cb); background: var(--cream2); display: flex; align-items: center; gap: 7px; }
    .win-dot { width: 10px; height: 10px; border-radius: 50%; }
    .win-title { font-size: 12px; font-weight: 500; color: var(--ct3); margin-left: 6px; letter-spacing: 0.3px; font-family: var(--sans); }
    .win-body { padding: 22px; flex: 1; overflow: hidden; background: #fff; }
    .query-box { background: var(--cream); border: 0.5px solid var(--cb); border-radius: 10px; padding: 13px 16px; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; }
    .query-text { font-size: 13px; color: var(--ct); font-weight: 500; min-height: 20px; font-family: var(--sans); }
    .cursor { display: inline-block; width: 2px; height: 14px; background: var(--gold2); vertical-align: middle; margin-left: 1px; animation: blink 0.8s step-end infinite; }
    @keyframes blink { 50% { opacity: 0; } }
    .res-card { background: var(--cream); border: 0.5px solid var(--cb); border-radius: 10px; padding: 13px 16px; margin-bottom: 9px; opacity: 0; transform: translateY(8px); transition: opacity 0.4s, transform 0.4s; }
    .res-card.vis { opacity: 1; transform: none; }
    .res-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; }
    .res-name { font-size: 13px; font-weight: 600; color: var(--ct); font-family: var(--sans); }
    .res-type { font-size: 11px; color: var(--ct3); font-family: var(--sans); }
    .res-meta { font-size: 11px; color: var(--ct3); margin-bottom: 8px; font-family: var(--sans); }
    .res-chips { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; font-family: var(--sans); font-size: 11px; font-weight: 600; }
    .email-card { background: rgba(212,160,84,0.08); border: 0.5px solid rgba(212,160,84,0.3); border-radius: 10px; padding: 13px 16px; margin-top: 10px; opacity: 0; transform: translateY(8px); transition: opacity 0.4s, transform 0.4s; }
    .email-card.vis { opacity: 1; transform: none; }
    .email-lbl { font-size: 10px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; color: var(--gold2); margin-bottom: 7px; font-family: var(--sans); }
    .email-txt { font-size: 12px; color: var(--ct2); line-height: 1.6; font-family: var(--sans); }
    .brief-row { display: flex; gap: 12px; padding: 10px 0; border-bottom: 0.5px solid var(--cb); opacity: 0; transform: translateY(6px); transition: opacity 0.35s, transform 0.35s; }
    .brief-row:last-child { border-bottom: none; }
    .brief-row.vis { opacity: 1; transform: none; }
    .brief-lbl { font-size: 10px; font-weight: 700; letter-spacing: 0.6px; text-transform: uppercase; color: var(--copper); min-width: 88px; padding-top: 2px; font-family: var(--sans); }
    .brief-val { font-size: 12px; color: var(--ct2); line-height: 1.55; flex: 1; font-family: var(--sans); }
    .cflag { display: inline-flex; align-items: center; gap: 5px; font-size: 10px; font-weight: 700; color: #8a2a2a; background: rgba(160,60,60,0.08); border: 0.5px solid rgba(160,60,60,0.2); padding: 2px 8px; border-radius: 4px; text-transform: uppercase; font-family: var(--sans); }

    /* ── PROBLEM (light) ── */
    #problem { background: #fff; padding: 88px var(--ph) 80px; }
    .prob-intro { max-width: 680px; margin-bottom: 40px; }
    .prob-split { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start; }
    .prob-col-hdr { padding:16px 18px; border-radius:10px; margin-bottom:12px; }
    .prob-col-hdr-bad { background:rgba(160,60,60,0.05); border:0.5px solid rgba(160,60,60,0.18); }
    .prob-col-hdr-good { background:rgba(74,158,106,0.06); border:0.5px solid rgba(74,158,106,0.22); }
    .prob-col-tag { font-size:10px; font-weight:700; letter-spacing:0.8px; text-transform:uppercase; display:block; margin-bottom:8px; font-family:var(--sans); }
    .prob-col-tag.bad { color:#8a2a2a; }
    .prob-col-tag.good { color:var(--green); }
    .prob-col-title { font-size:14px; font-weight:700; color:var(--ct); font-family:var(--sans); margin-bottom:5px; line-height:1.4; }
    .prob-col-sub { font-size:12px; color:var(--ct2); font-family:var(--sans); line-height:1.55; }
    .prob-win { border-radius:var(--r); overflow:hidden; box-shadow:0 8px 40px rgba(21,42,94,0.1); height:380px; display:flex; flex-direction:column; }
    /* Legacy CRM */
    .legacy { display:flex; flex-direction:column; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#333; background:#f0f0f0; overflow:hidden; flex:1; }
    .lchrome { background:#3a6498; padding:8px 14px; display:flex; align-items:center; gap:10px; flex-shrink:0; }
    .ldots { display:flex; gap:5px; }
    .ldots span { width:11px;height:11px;border-radius:50%; }
    .ldots span:nth-child(1){background:#c0392b;} .ldots span:nth-child(2){background:#e67e22;} .ldots span:nth-child(3){background:#27ae60;}
    .lchrome-title { color:#fff; font-size:12px; font-weight:700; flex:1; }
    .lchrome-ver { color:rgba(255,255,255,0.5); font-size:10px; }
    .lnav-row { background:#4a7ab5; display:flex; flex-shrink:0; border-bottom:2px solid #2c5f9a; overflow:hidden; }
    .lnav { padding:7px 13px; font-size:11px; color:rgba(255,255,255,0.75); cursor:default; border-right:1px solid rgba(255,255,255,0.1); white-space:nowrap; }
    .lnav-a { background:#f0f0f0; color:#1e3a6e; font-weight:700; border-top:2px solid #c8916a; margin-top:-2px; border-right:1px solid #ccc; border-left:1px solid #ccc; }
    .ltoolbar { background:#e8e8e8; border-bottom:1px solid #ccc; padding:5px 12px; display:flex; align-items:center; gap:6px; flex-shrink:0; overflow:hidden; }
    .ltb-section { font-size:10px; color:#666; font-weight:700; text-transform:uppercase; letter-spacing:0.3px; white-space:nowrap; }
    .ltb-sep { color:#aaa; font-size:10px; }
    .ltb-crumb { font-size:11px; color:#2c5f9a; font-weight:700; white-space:nowrap; }
    .ltb-slbl { font-size:11px; color:#555; white-space:nowrap; }
    .ltb-searchbox { background:#fff; border:1px solid #aaa; border-radius:2px; padding:3px 7px; min-width:180px; font-size:12px; color:#333; display:flex; align-items:center; box-shadow:inset 0 1px 2px rgba(0,0,0,0.05); }
    .lcursor { animation:lcblink 0.8s infinite; color:#333; }
    @keyframes lcblink { 0%,100%{opacity:1;} 50%{opacity:0;} }
    .lbtn { background:linear-gradient(180deg,#fff 0%,#eee 100%); border:1px solid #bbb; border-radius:3px; padding:3px 9px; font-size:11px; color:#444; cursor:default; white-space:nowrap; box-shadow:0 1px 2px rgba(0,0,0,0.06); }
    .lbtn-p { background:linear-gradient(180deg,#5a8fd0 0%,#3a6498 100%); border-color:#2c5f9a; color:#fff; }
    .ltb-count { font-size:10px; color:#888; white-space:nowrap; }
    .lerr { background:#fffce0; border-bottom:1px solid #e8c800; border-left:4px solid #e6a800; padding:7px 12px; font-size:11px; color:#5a4800; flex-shrink:0; display:none; }
    .lerr.vis { display:block; }
    .ltable-outer { overflow-y:auto; flex:1; background:#fff; }
    .ltable { width:100%; border-collapse:collapse; font-size:11px; }
    .ltable thead tr { background:#e8e8e8; position:sticky; top:0; z-index:1; }
    .ltable th { padding:5px 10px; text-align:left; border-bottom:2px solid #ccc; border-right:1px solid #d5d5d5; color:#444; font-weight:700; font-size:11px; white-space:nowrap; }
    .ltable th:last-child { border-right:none; }
    .lrow td { padding:7px 10px; border-bottom:1px solid #eee; border-right:1px solid #f0f0f0; white-space:nowrap; vertical-align:middle; }
    .lrow-alt td { background:#f7f9fc; }
    .lrow:hover td { background:#e8f0fb!important; }
    .lcell { font-size:11px; color:#333; }
    .lname { color:#1e4f9c; font-weight:600; cursor:pointer; }
    .lr { text-align:right; font-variant-numeric:tabular-nums; }
    .lold { color:#b33; font-weight:600; }
    .lstatus { display:inline-block; padding:2px 6px; border-radius:2px; font-size:10px; font-weight:700; border:1px solid; }
    .lsa { color:#166534; background:#dcfce7; border-color:#86efac; }
    .lsw { color:#854d0e; background:#fef9c3; border-color:#fde68a; }
    .lsd { color:#991b1b; background:#fee2e2; border-color:#fca5a5; }
    .lfooterbar { padding:6px 12px; background:#e8e8e8; border-top:1px solid #ccc; font-size:11px; color:#666; display:flex; align-items:center; flex-shrink:0; }
    .lfpager { color:#1e4f9c; }
    /* FundPulse answer panel */
    .fpp { background:var(--cream); display:flex; flex-direction:column; overflow:hidden; flex:1; }
    .fpp-body { padding:18px 22px; flex:1; overflow-y:auto; }
    .fpp-qbox { display:flex; align-items:flex-start; gap:10px; background:#fff; border:0.5px solid var(--cb); border-radius:8px; padding:11px 14px; margin-bottom:16px; box-shadow:0 1px 4px rgba(21,42,94,0.05); font-family:var(--sans); font-size:14px; color:var(--ct); font-weight:500; }
    .fpp-result { background:#fff; border:0.5px solid var(--cb); border-radius:11px; padding:13px 16px; margin-bottom:9px; opacity:0; transform:translateY(8px); transition:opacity 0.35s,transform 0.35s; }
    .fpp-result.vis { opacity:1; transform:none; }
    .fpp-r-head { display:flex; align-items:center; gap:7px; margin-bottom:5px; }
    .fpp-r-num { font-size:10px; font-weight:700; color:var(--ct3); font-family:var(--sans); min-width:16px; }
    .fpp-r-name { font-size:13px; font-weight:700; color:var(--ct); font-family:var(--sans); flex:1; }
    .fpp-r-reason { font-size:12px; color:var(--ct2); font-family:var(--sans); margin-left:23px; line-height:1.55; margin-bottom:7px; }
    .fpp-r-chips { display:flex; align-items:center; gap:7px; margin-left:23px; flex-wrap:wrap; }
    .fpp-r-draft { font-size:11px; color:var(--copper); font-family:var(--sans); font-weight:600; padding:3px 10px; border:0.5px solid rgba(200,145,106,0.3); border-radius:5px; background:rgba(200,145,106,0.05); cursor:pointer; }

    /* ── PIPELINE (dark section, light app window) ── */
    #pipeline { background: var(--navy2); padding: 88px var(--ph); }
    #pipeline .sl { color: var(--copper); }
    #pipeline h2 { color: var(--dc); }
    .pipe-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 40px; }
    .pipe-header-right { font-size: 12px; color: var(--dc3); font-family: var(--sans); }
    .pipe-header-right strong { color: var(--gold); font-weight: 600; }
    /* App-chrome window */
    .app-chrome { background: #fff; border-radius: var(--r); overflow: hidden; box-shadow: 0 20px 72px rgba(0,0,0,0.3); }
    .app-topbar { padding: 11px 20px; border-bottom: 0.5px solid var(--cb); background: var(--cream2); display: flex; align-items: center; justify-content: space-between; }
    .app-topbar-left { display: flex; align-items: center; gap: 12px; }
    .app-topbar-dots { display: flex; gap: 5px; }
    .app-topbar-dots span { width: 10px; height: 10px; border-radius: 50%; }
    .app-topbar-title { font-size: 13px; font-weight: 700; color: var(--ct); font-family: var(--sans); margin-left: 4px; }
    .app-topbar-nav { display: flex; gap: 2px; }
    .app-tnav { font-size: 11px; font-weight: 500; color: var(--ct3); padding: 5px 12px; border-radius: 5px; font-family: var(--sans); cursor: pointer; }
    .app-tnav.active { background: var(--cb); color: var(--ct); font-weight: 600; }
    .app-topbar-right { font-size: 11px; color: var(--ct3); font-family: var(--sans); display: flex; align-items: center; gap: 12px; }
    .app-refresh { font-size: 10px; font-weight: 600; color: var(--copper); text-transform: uppercase; letter-spacing: 0.5px; font-family: var(--sans); }
    .app-summary { display: flex; border-bottom: 0.5px solid var(--cb); background: var(--cream); }
    .app-sum-stat { padding: 10px 24px; border-right: 0.5px solid var(--cb); }
    .app-sum-stat:last-child { border-right: none; }
    .app-sum-lbl { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; color: var(--ct3); margin-bottom: 3px; font-family: var(--sans); }
    .app-sum-val { font-size: 15px; font-weight: 700; color: var(--ct); font-family: var(--sans); }
    .app-sum-val.gold { color: var(--gold2); }
    .app-sum-val.green { color: var(--green); }
    /* Kanban */
    .kanban { display: grid; grid-template-columns: repeat(4, 1fr); }
    .kcol { border-right: 0.5px solid var(--cb); }
    .kcol:last-child { border-right: none; }
    .kcol-hdr { padding: 10px 14px 0; }
    .kcol-hdr-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
    .kcol-name { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; color: var(--ct3); font-family: var(--sans); }
    .kcol-count { font-size: 10px; color: var(--ct3); font-family: var(--sans); }
    .kcol-total { font-size: 18px; font-weight: 700; color: var(--ct); font-family: var(--sans); margin-bottom: 8px; }
    .kcol-bar { height: 2px; margin-bottom: 0; }
    .kcol-body { padding: 10px 10px 8px; display: flex; flex-direction: column; gap: 7px; min-height: 220px; }
    .kcard { background: #fff; border: 0.5px solid var(--cb); border-radius: 9px; padding: 11px 13px; box-shadow: 0 1px 4px rgba(21,42,94,0.04); }
    .kcard:hover { border-color: rgba(200,145,106,0.35); }
    .kcard-name { font-size: 12px; font-weight: 600; color: var(--ct); margin-bottom: 2px; font-family: var(--sans); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .kcard-type { font-size: 10px; color: var(--ct3); margin-bottom: 8px; font-family: var(--sans); }
    .kcard-foot { display: flex; align-items: center; justify-content: space-between; }
    .kcard-amount { font-size: 14px; font-weight: 700; color: var(--ct); font-family: var(--sans); }
    .kcard-days { font-size: 10px; color: var(--ct3); font-family: var(--sans); display: flex; align-items: center; gap: 4px; }
    .kcol-more { font-size: 10px; color: var(--ct3); text-align: center; padding: 5px 0 4px; font-family: var(--sans); cursor: pointer; }
    .kanban-footer { padding: 11px 20px; border-top: 0.5px solid var(--cb); background: var(--cream); display: flex; align-items: center; gap: 20px; }
    .kf-lbl { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; color: var(--ct3); white-space: nowrap; font-family: var(--sans); }
    .kf-track { flex: 1; height: 6px; background: var(--cb2); border-radius: 3px; overflow: hidden; }
    .kf-fill { height: 100%; background: var(--gold); border-radius: 3px; transition: width 1.4s cubic-bezier(0.4,0,0.2,1); width: 0; }
    .kf-amt { font-size: 15px; font-weight: 700; color: var(--gold2); font-family: var(--sans); white-space: nowrap; }
    .kf-note { font-size: 11px; color: var(--ct3); font-family: var(--sans); white-space: nowrap; }

    /* ── FEATURES (light) tab layout ── */
    #features { background: #fff; padding: 96px var(--ph); }
    .feat-explorer { display: grid; grid-template-columns: 280px 1fr; gap: 0; margin-top: 48px; border: 0.5px solid var(--cb); border-radius: var(--r); overflow: hidden; box-shadow: 0 4px 28px rgba(21,42,94,0.06); }
    .feat-nav { border-right: 0.5px solid var(--cb); background: var(--cream); }
    .feat-tab { padding: 18px 22px; border-bottom: 0.5px solid var(--cb2); cursor: pointer; transition: background 0.15s; display: flex; gap: 12px; align-items: flex-start; }
    .feat-tab:last-child { border-bottom: none; }
    .feat-tab:hover { background: var(--cream2); }
    .feat-tab.active { background: #fff; border-right: 2px solid var(--copper); }
    .feat-tab-num { font-size: 11px; font-weight: 700; color: var(--copper); min-width: 20px; font-family: var(--sans); padding-top: 2px; }
    .feat-tab-title { font-size: 13px; font-weight: 600; color: var(--ct); line-height: 1.4; font-family: var(--sans); }
    .feat-panel { display: none; padding: 32px; flex-direction: column; background: #fff; }
    .feat-panel.active { display: flex; }
    .feat-desc { font-size: 14px; color: var(--ct2); line-height: 1.8; margin-bottom: 24px; font-family: var(--sans); }
    .fdemo { background: var(--cream); border: 0.5px solid var(--cb); border-radius: 10px; overflow: hidden; }
    .fdemo-hdr { padding: 11px 16px; border-bottom: 0.5px solid var(--cb); background: var(--cream2); display: flex; align-items: center; gap: 6px; }
    .fdemo-dot { width: 8px; height: 8px; border-radius: 50%; }
    .fdemo-ttl { font-size: 11px; font-weight: 600; color: var(--ct3); margin-left: 4px; letter-spacing: 0.3px; text-transform: uppercase; font-family: var(--sans); }
    .fdemo-body { padding: 16px; }
    .feat-progress { height: 2px; background: var(--cb); margin-top: 20px; border-radius: 1px; overflow: hidden; }
    .feat-progress-fill { height: 100%; background: var(--copper); border-radius: 1px; transition: width 0.1s linear; width: 0; }
    .frow { display: flex; gap: 10px; padding: 9px 0; border-bottom: 0.5px solid var(--cb2); align-items: flex-start; }
    .frow:last-child { border-bottom: none; }
    .frow-num { font-size: 11px; font-weight: 700; color: var(--copper); min-width: 20px; font-family: var(--sans); }
    .frow-name { font-size: 13px; font-weight: 600; color: var(--ct); font-family: var(--sans); }
    .frow-reason { font-size: 11px; color: var(--ct2); margin: 2px 0 6px; font-family: var(--sans); }
    .fbar-row { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
    .fbar-lbl { font-size: 11px; font-weight: 600; color: var(--ct3); text-transform: uppercase; letter-spacing: 0.5px; min-width: 88px; font-family: var(--sans); }
    .fbar-track { flex: 1; height: 9px; background: var(--cb2); border-radius: 5px; overflow: hidden; }
    .fbar-fill { height: 100%; border-radius: 5px; transition: width 1.2s cubic-bezier(0.4,0,0.2,1); width: 0; }
    .fbar-val { font-size: 12px; font-weight: 600; color: var(--ct); min-width: 44px; text-align: right; font-family: var(--sans); }
    .brow { display: flex; gap: 12px; padding: 9px 0; border-bottom: 0.5px solid var(--cb2); }
    .brow:last-child { border-bottom: none; }
    .blbl { font-size: 10px; font-weight: 700; letter-spacing: 0.6px; text-transform: uppercase; color: var(--copper); min-width: 76px; padding-top: 1px; font-family: var(--sans); }
    .bval { font-size: 12px; color: var(--ct2); line-height: 1.5; flex: 1; font-family: var(--sans); }
    .de-field { display: flex; gap: 8px; margin-bottom: 7px; font-size: 12px; font-family: var(--sans); }
    .de-lbl { color: var(--ct3); min-width: 26px; font-weight: 600; }
    .de-val { color: var(--ct); font-weight: 500; }
    .de-body { font-size: 13px; color: var(--ct2); line-height: 1.65; padding: 10px 0; border-top: 0.5px solid var(--cb); border-bottom: 0.5px solid var(--cb); margin: 8px 0 12px; font-family: var(--sans); }
    .de-btns { display: flex; gap: 8px; }
    .de-btn { font-size: 11px; font-weight: 700; padding: 7px 14px; border-radius: 6px; cursor: pointer; letter-spacing: 0.3px; text-transform: uppercase; border: none; font-family: var(--sans); }
    .de-approve { background: var(--gold); color: var(--navy); }
    .de-edit { background: transparent; color: var(--ct2); border: 0.5px solid var(--cb) !important; }
    .ddq-prog-bar { height: 6px; background: var(--cb2); border-radius: 3px; overflow: hidden; margin-bottom: 6px; }
    .ddq-prog-fill { height: 100%; border-radius: 3px; background: var(--green); transition: width 1.4s cubic-bezier(0.4,0,0.2,1); width: 0; }
    .ddq-pct { font-size: 11px; color: var(--ct2); margin-bottom: 12px; font-family: var(--sans); }
    .ddq-item { display: flex; align-items: flex-start; gap: 9px; padding: 8px 0; border-bottom: 0.5px solid var(--cb2); font-size: 12px; color: var(--ct2); font-family: var(--sans); }
    .ddq-item:last-child { border-bottom: none; }
    .ddq-s { font-size: 10px; font-weight: 700; padding: 2px 7px; border-radius: 3px; text-transform: uppercase; white-space: nowrap; margin-top: 1px; font-family: var(--sans); }
    .ddq-ok  { background: rgba(47,107,61,0.1); color: #2a7a45; }
    .ddq-fl  { background: rgba(160,110,20,0.1); color: #7a5010; }
    .ddq-nd  { background: var(--cb2); color: var(--ct3); }
    .rbr { margin-bottom: 14px; }
    .rbn { font-size: 12px; font-weight: 600; color: var(--ct); font-family: var(--sans); margin-bottom: 5px; display: flex; align-items: center; justify-content: space-between; }
    .rb-track { height: 8px; background: var(--cb2); border-radius: 4px; overflow: hidden; }
    .rb-fill { height: 100%; border-radius: 4px; transition: width 1.2s cubic-bezier(0.4,0,0.2,1); width: 0; }

    /* ── QUOTES (dark) ── */
    #quotes { background: var(--navy3); padding: 72px var(--ph); display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
    .q-card { background: rgba(255,255,255,0.04); border: 0.5px solid rgba(255,255,255,0.09); border-radius: var(--r); padding: 32px; position: relative; }
    .q-card::before { content: '\201C'; font-family: var(--serif); font-size: 52px; color: var(--copper); opacity: 0.3; position: absolute; top: 12px; left: 22px; line-height: 1; }
    .q-context { font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--dc3); margin-bottom: 12px; font-family: var(--sans); padding-top: 18px; }
    .q-card p { font-size: 17px; font-style: italic; color: var(--dc); line-height: 1.6; margin-bottom: 14px; font-family: var(--sans); }
    .q-card cite { font-size: 11px; font-weight: 600; letter-spacing: 0.6px; text-transform: uppercase; color: var(--dc3); font-style: normal; font-family: var(--sans); }
    .q-lp { margin-top: 18px; padding-top: 16px; border-top: 0.5px solid rgba(255,255,255,0.07); display: flex; align-items: center; gap: 10px; }
    .q-lp-name { font-size: 12px; font-weight: 600; color: var(--dc); font-family: var(--sans); }
    .q-lp-type { font-size: 11px; color: var(--dc3); font-family: var(--sans); }

    /* ── DATA HUB (dark section) ── */
    #integrations { background: var(--navy4); padding: 88px var(--ph); }
    #integrations .sl { color: var(--copper); }
    #integrations h2 { color: var(--dc); }
    #integrations > p { color: var(--dc2); max-width: 560px; margin-bottom: 12px; }
    .hub-layout { display: grid; grid-template-columns: 1fr 200px 1fr; gap: 32px; align-items: center; margin-top: 52px; }
    .hub-sources, .hub-outputs { display: flex; flex-direction: column; gap: 9px; }
    .hub-source, .hub-output { background: rgba(255,255,255,0.03); border: 0.5px solid rgba(255,255,255,0.08); border-radius: 10px; padding: 11px 14px; transition: border-color 0.2s; }
    .hub-source:hover, .hub-output:hover { border-color: rgba(200,145,106,0.3); }
    .hub-text-name { font-size: 12px; font-weight: 600; color: var(--dc); font-family: var(--sans); margin-bottom: 2px; }
    .hub-text-desc { font-size: 10px; color: var(--dc3); font-family: var(--sans); line-height: 1.4; }
    .hub-badge { font-size: 9px; font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase; padding: 2px 6px; border-radius: 3px; font-family: var(--sans); display: inline-block; margin-top: 3px; }
    .hb-opt { background: rgba(200,145,106,0.12); color: var(--copper); border: 0.5px solid rgba(200,145,106,0.25); }
    .hb-auto { background: rgba(47,107,61,0.14); color: #5aad78; border: 0.5px solid rgba(47,107,61,0.28); }
    .hub-center { display: flex; flex-direction: column; align-items: center; gap: 6px; }
    .hub-arr-in { color: rgba(200,145,106,0.4); font-size: 22px; font-family: var(--sans); letter-spacing: -2px; }
    .hub-fp-box { background: var(--cream); border-radius: var(--r); padding: 22px 20px; text-align: center; box-shadow: 0 12px 40px rgba(0,0,0,0.25); width: 100%; }
    .hub-fp-name { font-family: var(--serif); font-size: 22px; font-weight: 700; color: var(--ct); letter-spacing: -0.3px; }
    .hub-fp-name span { color: var(--copper); }
    .hub-fp-tag { font-size: 11px; font-style: italic; color: var(--ct3); margin-top: 5px; font-family: var(--sans); }
    .hub-arr-out { color: rgba(212,160,84,0.4); font-size: 22px; font-family: var(--sans); letter-spacing: -2px; }

    /* ── TRUST (light) ── */
    #trust { background: var(--cream); padding: 96px var(--ph); }
    .trust-header { max-width: 660px; margin-bottom: 24px; }
    .trust-tags { display: flex; gap: 10px; flex-wrap: wrap; margin: 24px 0 0; }
    .trust-tag-item { font-size: 11px; font-weight: 700; letter-spacing: 0.5px; padding: 8px 14px; border-radius: 6px; text-transform: uppercase; font-family: var(--sans); display: flex; align-items: center; gap: 8px; }
    .trust-tag-item span { font-size: 12px; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--ct3); }
    .trust-examples { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 0; }
    .ex-claim { background: #fff; border: 0.5px solid var(--cb); border-radius: var(--r); padding: 24px; box-shadow: 0 2px 16px rgba(21,42,94,0.04); }
    .ex-claim-lbl { font-size: 10px; font-weight: 700; color: var(--ct3); text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 14px; font-family: var(--sans); border-bottom: 0.5px solid var(--cb); padding-bottom: 10px; }
    .claim-text { font-size: 14px; color: var(--ct); line-height: 1.75; margin-bottom: 18px; font-family: var(--sans); }
    .claim-sources { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
    .claim-src-item { display: flex; align-items: center; gap: 6px; position: relative; }
    .claim-src-txt { font-size: 11px; color: var(--ct3); font-family: var(--sans); }
    .trust-so { font-size: 15px; font-style: italic; color: var(--ct3); margin-top: 36px; font-family: var(--sans); font-weight: 500; text-align: center; }
    .trust-click-hint {
      font-family: var(--sans); font-size: 12px; color: var(--ct3);
      font-style: italic; letter-spacing: 0.2px;
      margin: 0 0 16px; display: flex; align-items: center; gap: 7px;
    }
    .trust-click-hint::before {
      content: '';
      display: inline-block; width: 6px; height: 6px; border-radius: 50%;
      background: var(--copper); opacity: 0.55; flex-shrink: 0;
      animation: hintDot 2s ease-in-out infinite;
    }
    @keyframes hintDot {
      0%, 100% { opacity: 0.3; transform: scale(1); }
      50%       { opacity: 0.8; transform: scale(1.4); }
    }

    /* ── TRUST — clickable chip glow (synchronised pulse) ── */
    @keyframes chipGlow {
      0%, 100% { box-shadow: none; }
      50% { box-shadow: 0 0 0 3px var(--glow-c), 0 0 9px 2px var(--glow-c2); }
    }
    /* Per-chip glow colour */
    #trust .c-fact.clickable-chip { --glow-c: rgba(47,107,61,0.22);   --glow-c2: rgba(47,107,61,0.11); }
    #trust .c-ai.clickable-chip   { --glow-c: rgba(100,80,200,0.20);  --glow-c2: rgba(100,80,200,0.10); }
    #trust .c-ext.clickable-chip  { --glow-c: rgba(200,145,106,0.22); --glow-c2: rgba(200,145,106,0.11); }
    /* All glow together, same timing */
    #trust .c-fact.clickable-chip,
    #trust .c-ai.clickable-chip,
    #trust .c-ext.clickable-chip  { animation: chipGlow 2.6s ease-in-out infinite; }
    #trust .clickable-chip:hover  { animation-play-state: paused; }

    /* ── ROI (dark) ── */
    #roi { background: var(--navy2); padding: 96px var(--ph); }
    #roi .sl { color: var(--copper); }
    #roi h2 { color: var(--dc); }
    .roi-header { margin-bottom: 40px; }
    .roi-paired { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
    .roi-card { background: rgba(255,255,255,0.04); border: 0.5px solid rgba(255,255,255,0.09); border-radius: var(--r); padding: 28px; }
    .roi-lbl { font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--copper); margin-bottom: 12px; font-family: var(--sans); }
    .roi-card h3 { font-size: 19px; color: var(--dc); margin-bottom: 10px; }
    .roi-card p { font-size: 13px; color: var(--dc2); line-height: 1.7; }
    .roi-closer { font-size: 18px; font-style: italic; color: var(--gold); margin-top: 28px; font-family: var(--sans); font-weight: 500; }
    .rc-card { background: rgba(255,255,255,0.04); border: 0.5px solid rgba(255,255,255,0.09); border-radius: var(--r); padding: 24px 28px; }
    .rc-lbl { font-size: 11px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; color: var(--dc3); margin-bottom: 8px; font-family: var(--sans); }
    .rc-num { font-size: 40px; font-weight: 700; color: var(--gold); letter-spacing: -1px; line-height: 1; font-family: var(--sans); }
    .rc-sub { font-size: 12px; color: var(--dc3); margin-top: 6px; font-family: var(--sans); }

    /* ── SECURITY (light) ── */
    #security { background: var(--cream); padding: 96px var(--ph); }
    .sec-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: start; margin-top: 48px; }
    .sec-point { padding: 18px 0; border-bottom: 0.5px solid var(--cb); }
    .sec-point:last-child { border-bottom: none; }
    .sec-point p { font-size: 14px; color: var(--ct2); line-height: 1.6; margin: 0; }
    .sec-point strong { color: var(--ct); font-weight: 600; }
    .sec-badges { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 28px; }
    .sec-badge { font-size: 11px; font-weight: 700; color: var(--ct); padding: 8px 16px; border: 0.5px solid var(--cb); border-radius: 7px; background: #fff; font-family: var(--sans); }
    .sec-closer { font-size: 17px; font-style: italic; color: var(--ct2); margin-top: 28px; font-family: var(--sans); font-weight: 500; line-height: 1.6; }
    .audit-win { background: #fff; border: 0.5px solid var(--cb); border-radius: var(--r); overflow: hidden; box-shadow: 0 2px 20px rgba(21,42,94,0.05); }
    .audit-hdr { padding: 13px 18px; border-bottom: 0.5px solid var(--cb); background: var(--cream2); display: flex; align-items: center; justify-content: space-between; }
    .audit-title { font-size: 12px; font-weight: 700; color: var(--ct); font-family: var(--sans); }
    .audit-live { font-size: 10px; font-weight: 700; color: var(--green); letter-spacing: 0.5px; text-transform: uppercase; display: flex; align-items: center; gap: 5px; font-family: var(--sans); }
    .audit-live::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--green); }
    .audit-entry { padding: 9px 18px; border-bottom: 0.5px solid var(--cb2); display: flex; gap: 10px; align-items: flex-start; opacity: 0; transform: translateY(-4px); transition: opacity 0.3s, transform 0.3s; }
    .audit-entry.vis { opacity: 1; transform: none; }
    .audit-time { font-size: 10px; color: var(--ct3); min-width: 64px; font-family: var(--sans); padding-top: 1px; }
    .audit-msg { font-size: 12px; color: var(--ct2); line-height: 1.4; flex: 1; font-family: var(--sans); }
    .at { font-size: 10px; font-weight: 700; padding: 2px 7px; border-radius: 3px; text-transform: uppercase; white-space: nowrap; font-family: var(--sans); }
    .at-r { background: var(--cb2); color: var(--ct3); }
    .at-d { background: rgba(212,160,84,0.1); color: #8a5a10; }
    .at-s { background: rgba(47,107,61,0.1); color: #2a7a45; }
    .at-b { background: rgba(160,60,60,0.1); color: #8a2a2a; }
    .at-a { background: rgba(47,107,61,0.1); color: #2a7a45; }

    /* ── CTA (dark) ── */
    #cta { background: var(--navy); padding: 96px var(--ph); display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
    #cta .sl { color: var(--copper); }
    .cta-left h2 { color: var(--dc); }
    .cta-left p { color: var(--dc2); font-size: 16px; max-width: 400px; }
    .form-row { margin-bottom: 14px; }
    .form-row label { display: block; font-size: 11px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; color: var(--dc3); margin-bottom: 7px; font-family: var(--sans); }
    .form-row input, .form-row select { width: 100%; background: rgba(255,255,255,0.05); border: 0.5px solid rgba(255,255,255,0.14); border-radius: 8px; padding: 13px 16px; font-family: var(--sans); font-size: 14px; color: var(--dc); outline: none; transition: border-color 0.2s; appearance: none; }
    .form-row input::placeholder { color: var(--dc4); }
    .form-row input:focus, .form-row select:focus { border-color: rgba(200,145,106,0.5); }
    .form-row select option { background: var(--navy); color: var(--dc); }
    .form-opt { font-size: 10px; font-weight: 400; color: var(--dc4); letter-spacing: 0; text-transform: none; margin-left: 6px; }
    .form-submit { width: 100%; margin-top: 8px; font-family: var(--sans); font-size: 14px; font-weight: 700; color: var(--navy); background: var(--gold); border: none; padding: 16px; border-radius: 8px; cursor: pointer; transition: background 0.2s; letter-spacing: 0.3px; }
    .form-submit:hover { background: var(--gold2); }
    .form-confirm { display: none; text-align: center; padding: 40px 24px; font-size: 16px; color: var(--dc2); font-style: italic; font-family: var(--sans); }

    /* ── FOOTER (dark) ── */
    footer { background: var(--navy2); padding: 64px var(--ph) 40px; border-top: 0.5px solid rgba(255,255,255,0.07); }
    .footer-top { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 48px; }
    .footer-brand .nav-logo { display: flex; margin-bottom: 12px; }
    .footer-brand .logo-img { height: 30px; }
    .footer-tagline { font-size: 12px; font-style: italic; color: var(--dc4); margin-bottom: 14px; font-family: var(--sans); }
    .footer-brand p { font-size: 13px; color: var(--dc4); line-height: 1.7; max-width: 240px; }
    .footer-col h4 { font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--dc3); margin-bottom: 16px; font-family: var(--sans); }
    .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }
    .footer-col ul a { font-size: 13px; color: var(--dc4); text-decoration: none; transition: color 0.2s; font-family: var(--sans); }
    .footer-col ul a:hover { color: var(--dc); }
    .footer-bottom { display: flex; align-items: center; justify-content: space-between; padding-top: 28px; border-top: 0.5px solid rgba(255,255,255,0.07); flex-wrap: wrap; gap: 12px; }
    .footer-sign { font-size: 12px; color: var(--dc4); font-family: var(--sans); }
    .footer-legal { display: flex; gap: 20px; }
    .footer-legal a { font-size: 11px; color: var(--dc4); text-decoration: none; font-family: var(--sans); }
    .footer-legal a:hover { color: var(--dc2); }


    /* ── FEATURE MOBILE NAV + NEXT BUTTON (hidden on desktop) ── */
    .feat-mobile-nav { display: none; }
    .feat-next-btn { display: none; }

    /* ── HAMBURGER NAV ── */
    .nav-burger {
      display: none;
      flex-direction: column;
      justify-content: center;
      gap: 5px;
      background: none;
      border: none;
      padding: 8px 4px;
      cursor: pointer;
      margin-left: 12px;
      flex-shrink: 0;
    }
    .nav-burger span {
      display: block;
      width: 22px;
      height: 2px;
      background: var(--dc2);
      border-radius: 2px;
      transition: transform 0.22s ease, opacity 0.22s ease;
    }
    nav.open .nav-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    nav.open .nav-burger span:nth-child(2) { opacity: 0; transform: scaleX(0); }
    nav.open .nav-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

    @media (max-width: 960px) {
      :root { --ph: 24px; }

      /* Nav */
      .nav-links { display: none; }
      .nav-burger { display: flex; }
      .nav-cta { margin-left: auto; padding: 7px 14px; font-size: 10px; }
      nav { position: sticky; }
      nav.open { position: fixed; top: 0; left: 0; right: 0; z-index: 100; }
      nav.open .nav-links {
        display: flex !important;
        flex-direction: column;
        position: fixed;
        top: 64px; left: 0; right: 0;
        background: rgba(10,16,24,0.98);
        backdrop-filter: blur(16px);
        padding: 8px 24px 28px;
        gap: 0;
        border-bottom: 0.5px solid rgba(255,255,255,0.08);
        z-index: 99;
      }
      nav.open .nav-links li {
        border-bottom: 0.5px solid rgba(255,255,255,0.05);
      }
      nav.open .nav-links a {
        padding: 13px 0;
        font-size: 13px;
        display: block;
        letter-spacing: 0.3px;
      }

      /* Typography */
      h1 { font-size: 36px; }
      h2 { font-size: 27px; }

      /* Layout */
      .sec { padding: 64px var(--ph); }

      /* Hero */
      #hero {
        grid-template-columns: 1fr;
        min-height: auto;
        padding: 56px var(--ph) 48px;
        gap: 0;
      }
      .demo-win { display: none; }
      .hero-sub { max-width: 100%; font-size: 15px; }
      .cta-row { flex-wrap: wrap; gap: 12px; }

      /* App windows — hide overflow-prone decorative chrome */
      .app-topbar-nav { display: none; }
      .app-topbar-right { display: none; }
      .app-summary { overflow-x: auto; }
      .app-sum-stat { flex-shrink: 0; }

      /* Problem — mobile glitch-transform carousel */
      .prob-split { grid-template-columns: 1fr; gap: 0; position: relative; overflow: hidden; min-height: 240px; }
      .prob-col {
        box-sizing: border-box; width: 100%;
        position: absolute; top: 0; left: 0;
        opacity: 0; filter: blur(0px);
        transition: opacity 0.6s ease, filter 0.55s ease;
        pointer-events: none;
      }
      .prob-col.ps-active  { opacity: 1; pointer-events: auto; }
      .prob-col.ps-out     { opacity: 0; filter: blur(5px) saturate(0); }
      /* Glitch phase: lateral shake + red overlay */
      .prob-col.ps-glitch  { animation: probGlitch 0.38s ease-in-out; }
      .prob-col.ps-glitch::after {
        content: ''; position: absolute; inset: 0; z-index: 10;
        background: rgba(155,15,15,0.28); pointer-events: none;
        animation: glitchOverlay 0.38s ease-in-out;
      }
      @keyframes probGlitch {
        0%   { transform: translateX(0); }
        10%  { transform: translateX(-7px) skewX(-1.5deg); }
        22%  { transform: translateX(8px)  skewX(1deg); }
        34%  { transform: translateX(-6px) skewX(-0.5deg); }
        46%  { transform: translateX(9px); }
        58%  { transform: translateX(-5px) skewX(1deg); }
        70%  { transform: translateX(6px)  skewX(-0.5deg); }
        84%  { transform: translateX(-3px); }
        100% { transform: translateX(0); }
      }
      @keyframes glitchOverlay {
        0%, 100% { opacity: 0; }
        18%      { opacity: 1; }
        42%      { opacity: 0.2; }
        68%      { opacity: 0.95; }
        86%      { opacity: 0.4; }
      }
      .prob-win { height: auto; max-height: none; }
      /* Legacy CRM: strip to essentials on mobile */
      .lnav-row { overflow-x: hidden; }
      .lnav:not(.lnav-a) { display: none; }           /* hide all inactive tabs */
      .ltoolbar { overflow-x: hidden; gap: 4px; }
      .lbtn, .ltb-slbl, .ltb-count { display: none; } /* hide buttons + labels */
      .ltb-searchbox { min-width: 0; flex: 1; font-size: 11px; }
      .lchrome-ver { display: none; }
      .ltable-outer { overflow-x: auto; }
      .ltable { width: 100%; }
      /* Keep only Contact, Organisation, AUM columns */
      .ltable th:nth-child(1), .ltable td:nth-child(1),
      .ltable th:nth-child(4), .ltable td:nth-child(4),
      .ltable th:nth-child(6), .ltable td:nth-child(6),
      .ltable th:nth-child(7), .ltable td:nth-child(7),
      .ltable th:nth-child(8), .ltable td:nth-child(8) { display: none; }
      /* FundPulse results panel */
      .fpp { overflow: visible; }
      .fpp-body { padding: 12px 14px; overflow-x: hidden; }
      .fpp-qbox { padding: 9px 12px; font-size: 13px; }
      .fpp-result { max-width: 100%; box-sizing: border-box; overflow: hidden; }
      .fpp-r-head { flex-wrap: nowrap; gap: 5px; overflow: hidden; }
      .fpp-r-name { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
      .fpp-r-reason { font-size: 11px; margin-left: 0; overflow-wrap: break-word; word-break: break-word; }
      .fpp-r-chips { margin-left: 0; }

      /* Pipeline */
      #pipeline { overflow: hidden; }
      .pipe-header { flex-direction: column; align-items: flex-start; gap: 8px; }
      /* Remove horizontal scroll — kanban becomes 2×2 grid */
      .app-chrome { overflow-x: hidden; }
      .app-sum-stat { padding: 8px 14px; flex-shrink: 0; }
      .app-sum-lbl { font-size: 8px; }
      .app-sum-val { font-size: 13px; }
      .kanban { grid-template-columns: 1fr 1fr; min-width: 0; }
      /* 2×2 grid borders: right border on left column, row separator between rows 1 and 2 */
      .kcol { border-right: none; border-bottom: none; }
      .kcol:nth-child(odd)  { border-right: 0.5px solid var(--cb); }
      .kcol:nth-child(1), .kcol:nth-child(2) { border-bottom: 0.5px solid var(--cb); }
      .kcol-hdr { padding: 8px 10px 0; }
      .kcol-total { font-size: 15px; margin-bottom: 6px; }
      .kcol-body { min-height: 80px; padding: 8px 8px 6px; gap: 5px; }
      .kcard { padding: 7px 9px; }
      .kcard-name { font-size: 11px; }
      .kcard-type { font-size: 9px; margin-bottom: 5px; }
      .kcard-amount { font-size: 12px; }
      .kcard-days { font-size: 9px; }
      .kanban-footer { gap: 12px; padding: 9px 14px; }
      .kf-note { display: none; }

      /* Features — horizontal tab strip replaced by vertical mobile nav */
      .feat-explorer { grid-template-columns: 1fr; }
      .feat-nav { display: none; }
      .feat-mobile-nav {
        display: flex; flex-direction: column; gap: 3px;
        padding: 14px 16px 12px; background: var(--navy2);
        border-bottom: 0.5px solid rgba(255,255,255,0.08);
      }
      .fmn-num { font-family: var(--sans); font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--copper); }
      .fmn-title { font-family: var(--sans); font-size: 15px; font-weight: 600; color: var(--dc); line-height: 1.4; }
      .feat-next-btn {
        display: flex; align-items: center; justify-content: center;
        width: 100%; padding: 14px; background: none;
        border: none; border-top: 0.5px solid var(--cb);
        cursor: pointer; color: var(--ct3);
        transition: color 0.2s, background 0.2s;
      }
      .feat-next-btn:active { background: rgba(200,145,106,0.06); color: var(--copper); }
      .feat-panel { padding: 16px 14px; }
      .feat-desc { font-size: 13px; margin-bottom: 16px; line-height: 1.65; }
      /* Demo panel internals — compact for mobile */
      .fdemo-body { padding: 12px; }
      .frow { gap: 8px; padding: 8px 0; }
      .frow-name { font-size: 12px; }
      .frow-reason { font-size: 10px; }
      .fbar-row { gap: 8px; margin-bottom: 10px; }
      .fbar-lbl { min-width: 64px; font-size: 9px; letter-spacing: 0.3px; }
      .fbar-val { font-size: 11px; min-width: 38px; }
      .brow { gap: 8px; padding: 8px 0; }
      .blbl { min-width: 58px; font-size: 9px; }
      .bval { font-size: 11px; line-height: 1.45; }
      .de-field { font-size: 11px; gap: 6px; margin-bottom: 5px; }
      .de-body { font-size: 12px; line-height: 1.55; padding: 8px 0; margin: 6px 0 10px; }
      .de-btn { font-size: 10px; padding: 6px 10px; }
      .ddq-item { font-size: 11px; padding: 6px 0; gap: 7px; }
      .ddq-pct { font-size: 10px; margin-bottom: 10px; }
      .rbr { margin-bottom: 10px; }
      .rbn { font-size: 11px; }
      .fdemo-ttl { font-size: 10px; }

      /* Quotes */
      #quotes { grid-template-columns: 1fr; padding: 48px var(--ph); }

      /* Integrations — vertical layout, arrows point down */
      .hub-layout { grid-template-columns: 1fr; gap: 24px; }
      .hub-center { flex-direction: column; align-items: center; gap: 10px; }
      .hub-arr-in, .hub-arr-out { font-size: 0; color: transparent; line-height: 1; }
      .hub-arr-in::before, .hub-arr-out::before { content: '↓'; font-size: 22px; color: var(--ct3); display: block; }

      /* Trust */
      #trust { grid-template-columns: 1fr; }
      .trust-examples { grid-template-columns: 1fr; }

      /* ROI */
      .roi-paired { grid-template-columns: 1fr; }

      /* Security */
      .sec-grid { grid-template-columns: 1fr; gap: 40px; }

      /* CTA */
      #cta { grid-template-columns: 1fr; gap: 40px; }

      /* Footer */
      .footer-top { grid-template-columns: 1fr 1fr; gap: 32px; }
      .footer-brand { grid-column: 1 / -1; }
    }

    @media (max-width: 600px) {
      h1 { font-size: 30px; }
      h2 { font-size: 24px; }
      .footer-top { grid-template-columns: 1fr; }
      .sec-grid { grid-template-columns: 1fr; }
      .trust-examples { grid-template-columns: 1fr; }
      .cta-row { flex-direction: column; align-items: flex-start; }
      .app-summary { overflow-x: auto; }
    }