/* finixel.ai — base: colour tokens, type, header, buttons, footer. Used by every page.
   Ported from the finixel-child WordPress theme v1.2.1 (Oct 2026). Change colours in :root only. */
  html,body{margin:0;padding:0;}
  img{max-width:100%;}
  [hidden]{display:none !important;}
/* ============================================================
     FINIXEL AI — single committed dark identity (matches the live
     finixel.ai brand: dark navy, amber = supplier, teal = buyer).
     Deliberate single-theme page: no light-mode branch.
     ============================================================ */
  :root{
    --bg:#0B1220;
    --bg-panel:#111A2C;
    --bg-panel-alt:#0E1524;
    --card:#141F35;
    --line:#243250;
    --line-soft:#1B2740;
    --text:#EEF2F8;
    --text-dim:#9AA8C4;
    --muted:#6C7B9C;
    --supplier:#E7A33E;
    --supplier-tint:rgba(231,163,62,.12);
    --customer:#4FB3A9;
    --customer-tint:rgba(79,179,169,.12);
    --block:#E2564A;
    --block-tint:rgba(226,86,74,.12);
    --r-sm:6px; --r-md:12px; --r-lg:22px; --r-full:999px;
    --maxw:1180px;
    --font-display:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;
    --font-body:'IBM Plex Sans',ui-sans-serif,system-ui,sans-serif;
    --font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
    --shadow-lift:0 20px 50px -20px rgba(0,0,0,.6);
    --accent: var(--supplier);
    --accent-tint: var(--supplier-tint);
  }

  *,*::before,*::after{box-sizing:border-box;}
  html{background:var(--bg);}
  body{background:var(--bg);color:var(--text);font-family:var(--font-body);}
  #app{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;}
  h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-0.01em;text-wrap:balance;margin:0;color:var(--text);}
  p{margin:0;color:var(--text-dim);}
  a{color:inherit;}
  button{font-family:inherit;}
  ::selection{background:var(--accent);color:#241804;}
  .mono{font-family:var(--font-mono);}
  .num{font-variant-numeric:tabular-nums;font-family:var(--font-mono);}
  :focus-visible{outline:2px solid var(--accent);outline-offset:2px;}

  .view{display:block;}
  .view[hidden]{display:none;}

  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
  @media (max-width:640px){.wrap{padding:0 18px;}}


  /* ---------- Nav ---------- */
  .nav{position:sticky;top:0;z-index:40;background:rgba(11,18,32,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft);}
  .nav-row{display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px;}
  .brand{display:flex;align-items:center;cursor:pointer;}
  .brand-logo-chip{display:flex;align-items:center;line-height:0;flex:none;}
  .brand-logo-chip img{display:block;width:auto;}
  .brand-logo-chip--nav img{height:44px;}
  .brand-logo-chip--footer img{height:28px;}
  .nav-links{display:flex;align-items:center;gap:26px;}
  .nav-links a{font-size:14px;color:var(--text-dim);text-decoration:none;white-space:nowrap;cursor:pointer;}
  .nav-links a:hover{color:var(--text);}
  .nav-cta{display:flex;align-items:center;gap:10px;}
  [data-nav]{cursor:pointer;}
  .btn-cross{background:transparent;color:var(--customer);border-color:rgba(79,179,169,.45);}
  .btn-cross:hover{background:var(--customer-tint);border-color:var(--customer);}
  .btn-cross.supplier-side{color:var(--supplier);border-color:rgba(231,163,62,.45);}
  .btn-cross.supplier-side:hover{background:var(--supplier-tint);border-color:var(--supplier);}
  @media (max-width:900px){.nav-links{display:none;}}
  @media (max-width:640px){
    .nav-row{height:64px;gap:10px;}
    .nav-cta .btn-sm{padding:8px 11px;font-size:12px;}
    .brand-logo-chip--nav img{height:36px;}
    .nav-cta .arrow{display:none;}
  }

  /* ---------- Buttons ---------- */
  .btn{appearance:none;border:1px solid transparent;border-radius:var(--r-full);padding:11px 20px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;line-height:1;transition:transform .15s ease, filter .15s ease;font-family:var(--font-body);white-space:nowrap;}
  .btn:active{transform:translateY(1px);}
  .btn-supplier{background:var(--supplier);color:#241804;}
  .btn-supplier:hover{filter:brightness(1.08);}
  .btn-customer{background:var(--customer);color:#062421;}
  .btn-customer:hover{filter:brightness(1.08);}
  .btn-ghost{background:transparent;color:var(--text);border-color:var(--line);}
  .btn-ghost:hover{border-color:var(--text-dim);}
  .btn-sm{padding:8px 14px;font-size:13px;}
  .btn-lg{padding:14px 26px;font-size:15px;}
  .btn[disabled]{opacity:.4;cursor:not-allowed;}
  .btn-text{background:none;border:none;color:var(--text-dim);font-size:13px;cursor:pointer;padding:8px 4px;text-decoration:none;}
  .btn-text:hover{color:var(--text);}

  /* ---------- Footer ---------- */
  footer.site{border-top:1px solid var(--line-soft);padding:40px 0;}
  .foot-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
  .foot-links{display:flex;gap:22px;}
  .foot-links a{font-size:13px;color:var(--text-dim);text-decoration:none;cursor:pointer;}
  .foot-links a:hover{color:var(--text);}
  .foot-fine{font-size:12px;color:var(--muted);}


  /* ---------- Shared helpers (all pages) ---------- */
  .skip{position:absolute;left:-9999px;}
  .skip:focus{left:16px;top:8px;background:var(--text);color:var(--bg);padding:8px 12px;z-index:99;}
  .sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
  .brand{text-decoration:none;}
  .brand-logo-chip img{background:#fff;border-radius:6px;padding:3px 6px;}
  .nav-links a{color:var(--text-dim);text-decoration:none;font-size:14px;}
  .nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--text);}
  @media (max-width:520px){.nav-cta .hide-sm{display:none;}}
  .center{text-align:center;}
  .pad-end{padding-bottom:88px!important;}
  .h-cta{font-size:28px;}
  .actions-center{justify-content:center;margin-top:24px;}
  .measure{max-width:720px;}
  a.btn{text-decoration:none;}