:root{
    --ink:#0B0B0C;
    --ink-soft:#17171A;
    --orange:#EA5E24;
    --orange-dim:#C94F1C;
    --white:#FFFFFF;
    --fog:#F4F4F2;
    --fog-2:#EDEDEA;
    --line:#E2E1DD;
    --line-dark:#2A2A2D;
    --slate:#5B5D63;
    --slate-light:#8B8D93;
    --mono:'IBM Plex Mono',monospace;
    --sans:'Manrope',Arial,sans-serif;
    --radius:10px;
    --radius-sm:6px;
    --maxw:1280px;
    --shadow:0 20px 50px -20px rgba(11,11,12,0.18);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    *{animation-duration:0.001ms !important;transition-duration:0.001ms !important;}
  }
  body{
    margin:0;font-family:var(--sans);color:var(--ink);background:var(--white);
    line-height:1.55;-webkit-font-smoothing:antialiased;padding-bottom:74px;
  }
  h1,h2,h3,h4{font-family:var(--sans);font-weight:800;margin:0;letter-spacing:-0.02em;color:var(--ink);}
  p{margin:0;}
  a{color:inherit;text-decoration:none;}
  button{font-family:inherit;cursor:pointer;background:none;border:none;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;}
  :focus-visible{outline:2px solid var(--orange);outline-offset:3px;}
  .eyebrow{
    font-family:var(--mono);font-size:12px;font-weight:600;text-transform:uppercase;
    letter-spacing:0.14em;color:var(--orange);
  }
  .eyebrow.on-dark{color:var(--orange);}
  .mono{font-family:var(--mono);}

  /* ---------- BUTTONS ---------- */
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:15px 28px;font-weight:700;font-size:15px;border-radius:var(--radius-sm);
    border:1.5px solid transparent;transition:transform .15s, box-shadow .15s, background .15s, border-color .15s;
    white-space:nowrap;
  }
  .btn-primary{background:var(--orange);color:var(--white);}
  .btn-primary:hover{background:var(--orange-dim);transform:translateY(-1px);box-shadow:0 10px 24px -8px rgba(234,94,36,0.55);}
  .btn-outline-dark{background:transparent;color:var(--ink);border-color:var(--ink);}
  .btn-outline-dark:hover{background:var(--ink);color:var(--white);}
  .btn-outline-light{background:transparent;color:var(--white);border-color:rgba(255,255,255,0.35);}
  .btn-outline-light:hover{border-color:var(--orange);color:var(--orange);}
  .btn-wa{background:var(--white);color:var(--ink);border-color:var(--line);}
  .btn-wa:hover{border-color:var(--ink);}
  .btn-block{width:100%;}
  .btn-sm{padding:11px 18px;font-size:13.5px;}

  /* ---------- HEADER ---------- */
  header.site-header{
    position:sticky;top:0;z-index:200;background:rgba(255,255,255,0.96);backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);transition:padding .2s;
  }
  header.site-header .wrap{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;gap:24px;transition:padding .2s;}
  header.site-header.condensed .wrap{padding:11px 32px;}
  .logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:20px;letter-spacing:-0.02em;}
  .logo img{width:175px;}
  nav.main-nav{display:none;gap:30px;}
  nav.main-nav a{font-size:14px;font-weight:600;color:var(--ink);}
  nav.main-nav a:hover{color:var(--orange);}
  @media(min-width:980px){nav.main-nav{display:flex;}}
  .header-right{display:flex;align-items:center;gap:16px;}
  .uae-pill{
    display:none;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--slate);
  }
  @media(min-width:1150px){.uae-pill{display:flex;}}
  .flag{display:inline-flex;width:16px;height:11px;border-radius:1px;overflow:hidden;box-shadow:0 0 0 1px var(--line);flex:none;}
  .flag span{flex:1;}.flag .r{background:#CE1126;}.flag .g{background:#00732F;}.flag .w{background:#fff;}.flag .b{background:#000;}
  .icon-btn{
    width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;
    color:var(--ink);transition:border-color .15s;flex:none;
  }
  .icon-btn:hover{border-color:var(--orange);color:var(--orange);}
  .hamburger{display:flex;}
  @media(min-width:980px){.hamburger{display:none;}}

  /* ---------- HERO ---------- */
  .hero{background:var(--white);position:relative;overflow:hidden;}
  .skyline-mark{
    position:absolute;bottom:0;right:0;width:420px;max-width:45vw;opacity:0.06;pointer-events:none;
  }
  .hero-inner{
    position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;
    padding:0px 32px 60px;display:grid;grid-template-columns:1fr;gap:44px;
  }
  @media(min-width:1020px){.hero-inner{grid-template-columns:1.45fr 1fr;align-items:start;gap:52px;padding-top:0px;}}
  .hero-copy h1{font-size:clamp(32px,4.6vw,54px);line-height:1.06;margin-top:16px;}
  .hero-copy h1 .accent{color:var(--orange);}
  .hero-copy .lede{margin-top:22px;font-size:17.5px;color:var(--slate);max-width:56ch;}
  .hero-copy .lede-2{margin-top:14px;font-size:16px;color:var(--slate);max-width:56ch;font-weight:600;}
  .trust-ticks{margin-top:28px;display:flex;flex-direction:column;gap:11px; padding-left: 0;}
  .trust-ticks li{list-style:none;display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600;color:var(--ink);}
  .tick{
    flex:none;width:20px;height:20px;border-radius:5px;background:var(--fog);border:1.5px solid var(--orange);
    color:var(--orange);display:flex;align-items:center;justify-content:center;
  }
  .tick svg{width:11px;height:11px;}
  .hero-cta-row{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap;}

  /* dashboard visual (hero, right-side accompaniment shown under form on mobile / behind on desktop) */
  .hero-right{display:flex;flex-direction:column;gap:20px;}
  .lead-card{
    background:var(--ink);color:var(--white);border-radius:var(--radius);padding:30px 26px;box-shadow:var(--shadow);
  }
  .lead-card h3{font-size:20px;color:var(--white);line-height:1.25;}
  .lead-card .form-sub{font-size:13px;color:#B8B9BE;margin-top:6px;}
  form.audit-form{margin-top:20px;display:flex;flex-direction:column;gap:12px;}
  .field label{display:block;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#B8B9BE;margin-bottom:6px;}
  .field input,.field select{
    width:100%;padding:11px 12px;border:1.5px solid #2E2E31;border-radius:var(--radius-sm);
    font-size:14px;font-family:inherit;background:#151517;color:var(--white);
  }
  .field input::placeholder{color:#68686D;}
  .field input:focus,.field select:focus{border-color:var(--orange);}
  .form-legal{font-size:11px;color:#8B8D93;margin-top:2px;}
  .form-privacy{
    display:flex;gap:8px;align-items:flex-start;margin-top:6px;font-size:11px;color:#8B8D93;
  }
  .form-privacy svg{flex:none;width:14px;height:14px;margin-top:1px;color:#68686D;}
  #form-success{display:none;text-align:center;padding:20px 4px;}
  #form-success.show{display:block;}
  #form-success .check{
    width:44px;height:44px;border-radius:50%;background:var(--orange);color:var(--white);
    display:flex;align-items:center;justify-content:center;margin:0 auto 14px;
  }
  #form-success p{color:#C7C8CC;font-size:13.5px;margin-top:8px;}

  /* mini dashboard teaser card under the form */
  .dash-teaser{
    background:var(--fog);border:1px solid var(--line);border-radius:var(--radius);padding:20px;
  }
  .dash-teaser .dt-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
  .dash-teaser .dt-head span:first-child{font-weight:700;font-size:13px;}
  .dash-teaser .dt-head span.mono{font-size:10px;color:var(--slate-light);}
  .dt-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
  .dt-kpi{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px;}
  .dt-kpi .l{font-family:var(--mono);font-size:9.5px;color:var(--slate-light);text-transform:uppercase;letter-spacing:0.04em;}
  .dt-kpi .v{font-family:var(--mono);font-size:16px;font-weight:600;margin-top:3px;}
  .dt-kpi .v.up{color:var(--orange);}

  /* ---------- REPORT CARD (signature component) ---------- */
  .report-card{
    background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
    padding:26px 24px;box-shadow:var(--shadow);
  }
  .report-card .rc-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;gap:12px;}
  .report-card .rc-title{font-weight:700;font-size:14.5px;}
  .report-card .rc-tag{
    font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:0.06em;
    background:var(--fog);border:1px solid var(--line);color:var(--slate);padding:3px 8px;border-radius:20px;flex:none;
  }
  .report-card .rc-foot{margin-top:16px;font-family:var(--mono);font-size:10.5px;color:var(--slate-light);border-top:1px dashed var(--line);padding-top:12px;}
  .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease;}
  .reveal.in{opacity:1;transform:none;}

  /* ---------- SECTION SHELLS ---------- */
  section{padding:88px 0;}
  .bg-fog{background:var(--fog);}
  .bg-ink{background:var(--ink);color:var(--white);}
  .bg-ink h2,.bg-ink h3,.bg-ink h4{color:var(--white);}
  .bg-ink p{color:#C7C8CC;}
  .section-head{max-width:680px;margin:0 0 46px;}
  .section-head.center{margin-left:auto;margin-right:auto;text-align:center;}
  .section-head h2{font-size:clamp(28px,3.4vw,42px);margin-top:14px;line-height:1.12;}
  .section-head p{color:var(--slate);margin-top:16px;font-size:16px;}
  .bg-ink .section-head p{color:#C7C8CC;}

  /* ---------- PROBLEM SECTION ---------- */
  .problem-grid{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line-dark);border:1px solid var(--line-dark);}
  @media(min-width:720px){.problem-grid{grid-template-columns:repeat(5,1fr);}}
  .problem-card{background:var(--ink-soft);padding:26px 20px;}
  .problem-card .picon{
    width:38px;height:38px;border-radius:8px;background:rgba(234,94,36,0.12);border:1px solid rgba(234,94,36,0.4);
    color:var(--orange);display:flex;align-items:center;justify-content:center;margin-bottom:16px;
  }
  .problem-card h4{font-size:14.5px;color:var(--white);line-height:1.3;}
  .funnel-strip{
    margin-top:56px;display:flex;flex-direction:column;align-items:center;gap:10px;
  }
  @media(min-width:760px){.funnel-strip{flex-direction:row;justify-content:center;gap:0;}}
  .funnel-node{
    font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;
    padding:12px 20px;border:1px solid var(--line-dark);border-radius:30px;color:#C7C8CC;
  }
  .funnel-node.hot{border-color:var(--orange);color:var(--orange);}
  .funnel-arrow{color:var(--slate-light);font-size:18px;transform:rotate(90deg);}
  @media(min-width:760px){.funnel-arrow{transform:none;margin:0 14px;}}

  /* ---------- COMPARISON ---------- */
  .compare-grid{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}
  @media(min-width:760px){.compare-grid{grid-template-columns:1fr 1fr;}}
  .compare-col{padding:32px 30px;}
  .compare-col.old{background:var(--fog);}
  .compare-col.z{background:var(--ink);color:var(--white);}
  .compare-col h4{font-size:12px;text-transform:uppercase;letter-spacing:0.08em;font-family:var(--mono);font-weight:600;}
  .compare-col.old h4{color:var(--slate-light);}
  .compare-col.z h4{color:var(--orange);}
  .compare-col ul{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:14px;}
  .compare-col li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;font-weight:600;}
  .compare-col.old li{color:var(--slate);}
  .compare-col.old li::before{content:"×";color:var(--slate-light);font-weight:800;flex:none;}
  .compare-col.z li::before{content:"✓";color:var(--orange);font-weight:800;flex:none;}
  .compare-highlight{
    margin-top:60px;text-align:center;font-family:var(--mono);font-size:14px;font-weight:600;
    color:var(--ink);letter-spacing:0.02em;
  }
  .compare-highlight span{color:var(--orange);}
  .center-cta{text-align:center;margin-top:34px;}

  /* ---------- CAPABILITIES / RADIAL ---------- */
  .radial-wrap{display:flex;justify-content:center;padding:20px 0 8px;}
  .radial-caption{text-align:center;margin-top:24px;max-width:60ch;margin-left:auto;margin-right:auto;color:var(--slate);font-size:15px;}

  /* ---------- INTEGRATION GRID ---------- */
  .integration-grid{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line-dark);border:1px solid var(--line-dark);margin-top:8px;}
  @media(min-width:640px){.integration-grid{grid-template-columns:repeat(3,1fr);}}
  .int-card{background:var(--ink-soft);padding:24px 22px;transition:background .15s;}
  .int-card:hover{background:#1E1E21;}
  .int-card .iicon{
    width:34px;height:34px;border-radius:7px;background:rgba(234,94,36,0.1);border:1px solid rgba(234,94,36,0.35);
    color:var(--orange);display:flex;align-items:center;justify-content:center;margin-bottom:14px;
  }
  .int-card h4{font-size:14px;color:var(--white);}
  .int-note{
    text-align:center;margin-top:28px;font-family:var(--mono);font-size:11.5px;color:var(--slate-light);
    max-width:60ch;margin-left:auto;margin-right:auto;
  }

  /* ---------- COST OPTIMISATION ---------- */
  .cost-layout{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;}
  @media(min-width:960px){.cost-layout{grid-template-columns:1fr 1fr;}}
  .cost-steps{display:flex;flex-direction:column;gap:0;}
  .cost-step{
    display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px dashed var(--line);
  }
  .cost-step:last-child{border-bottom:none;}
  .cost-step .cs-dot{
    width:26px;height:26px;border-radius:50%;background:var(--fog);border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;color:var(--slate);flex:none;
  }
  .cost-step.final .cs-dot{background:var(--orange);color:var(--white);border-color:var(--orange);}
  .cost-step span.label{font-weight:700;font-size:14.5px;}
  .cost-step.final span.label{color:var(--orange);}
  .bar-compare{margin-top:20px;}
  .bar-row{display:flex;align-items:center;gap:14px;margin-bottom:16px;}
  .bar-row .br-label{font-family:var(--mono);font-size:11px;color:var(--slate);width:110px;flex:none;text-transform:uppercase;letter-spacing:0.03em;}
  .bar-track{flex:1;height:26px;background:var(--fog-2);border-radius:4px;overflow:hidden;}
  .bar-fill{height:100%;border-radius:4px;}
  .bar-fill.current{width:100%;background:var(--slate-light);}
  .bar-fill.optimised{width:64%;background:var(--orange);}

  /* ---------- INDUSTRY CARDS ---------- */
  .industry-grid{display:grid;grid-template-columns:1fr;gap:20px;}
  @media(min-width:700px){.industry-grid{grid-template-columns:repeat(2,1fr);}}
  @media(min-width:1100px){.industry-grid{grid-template-columns:repeat(4,1fr);}}
  .industry-card{
    background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px;
    transition:border-color .15s, transform .15s;
  }
  .industry-card:hover{border-color:var(--orange);transform:translateY(-3px);}
  .industry-card .in-icon{
    width:40px;height:40px;border-radius:8px;background:var(--fog);border:1px solid var(--line);color:var(--orange);
    display:flex;align-items:center;justify-content:center;margin-bottom:16px;
  }
  .industry-card h4{font-size:16px;}
  .industry-card ul{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:7px;}
  .industry-card li{font-size:13px;color:var(--slate);font-family:var(--mono);}

  /* ---------- EXEC DASHBOARD ---------- */
  .exec-dash{
    background:var(--ink-soft);border:1px solid var(--line-dark);border-radius:var(--radius);padding:28px;margin-top:10px;
  }
  .exec-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
  @media(min-width:700px){.exec-kpis{grid-template-columns:repeat(6,1fr);}}
  .exec-kpi{background:#1B1B1E;border:1px solid var(--line-dark);border-radius:var(--radius-sm);padding:14px;}
  .exec-kpi .l{font-family:var(--mono);font-size:9.5px;color:var(--slate-light);text-transform:uppercase;letter-spacing:0.04em;}
  .exec-kpi .v{font-family:var(--mono);font-size:19px;font-weight:600;color:var(--white);margin-top:5px;}
  .exec-kpi .trend{font-family:var(--mono);font-size:10.5px;margin-top:4px;}
  .exec-kpi .trend.up{color:var(--orange);}
  .exec-charts{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px;}
  @media(min-width:900px){.exec-charts{grid-template-columns:1.4fr 1fr 1fr;}}
  .chart-card{background:#1B1B1E;border:1px solid var(--line-dark);border-radius:var(--radius-sm);padding:18px;}
  .chart-card h5{font-family:var(--mono);font-size:11px;color:#C7C8CC;text-transform:uppercase;letter-spacing:0.04em;font-weight:600;}
  .exec-foot{margin-top:16px;font-family:var(--mono);font-size:10.5px;color:var(--slate-light);}

  /* ---------- TIMELINE ---------- */
  .timeline-track{position:relative;display:flex;flex-direction:column;gap:0;margin-top:20px;}
  @media(min-width:900px){.timeline-track{flex-direction:row;}}
  .progress-rail{position:relative;height:2px;background:var(--line);margin:0 0 40px;display:none;}
  @media(min-width:900px){.progress-rail{display:block;}}
  .progress-rail .fill{position:absolute;left:0;top:0;height:100%;width:0%;background:var(--orange);transition:width 1.1s ease;}
  .t-step{flex:1;padding-right:18px;position:relative;}
  .t-step + .t-step{margin-top:32px;}
  @media(min-width:900px){.t-step + .t-step{margin-top:0;}}
  .t-dot{
    width:52px;height:52px;border-radius:50%;background:var(--white);border:2px solid var(--ink);color:var(--ink);
    display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:700;font-size:13px;margin-bottom:16px;
  }
  .t-step.active .t-dot{background:var(--orange);border-color:var(--orange);color:var(--white);}
  .t-step h4{font-size:15.5px;}
  .t-step p{font-size:13px;color:var(--slate);margin-top:6px;padding-right:10px;}

  /* ---------- TRUST + FAQ ---------- */
  .trust-pillars{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);border:1px solid var(--line);}
  @media(min-width:720px){.trust-pillars{grid-template-columns:repeat(4,1fr);}}
  .tp{background:var(--white);padding:26px 22px;text-align:center;}
  .tp .tpicon{
    width:42px;height:42px;border-radius:50%;background:var(--fog);border:1px solid var(--line);color:var(--orange);
    display:flex;align-items:center;justify-content:center;margin:0 auto 14px;
  }
  .tp h4{font-size:14.5px;}
  .verified-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:28px;}
  .verified-pill{
    font-family:var(--mono);font-size:11px;color:var(--slate-light);border:1px dashed var(--line);
    padding:8px 16px;border-radius:20px;
  }
  .faq-list{max-width:820px;margin:56px auto 0;border-top:1px solid var(--line);}
  .faq-item{border-bottom:1px solid var(--line);}
  .faq-q{width:100%;text-align:left;padding:22px 4px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:16px;font-weight:700;}
  .faq-q .plus{
    flex:none;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--orange);color:var(--orange);
    display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:16px;transition:transform .2s;
  }
  .faq-item.open .plus{transform:rotate(45deg);}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
  .faq-a-inner{padding:0 4px 22px;font-size:14.5px;color:var(--slate);max-width:68ch;}

  /* ---------- FINAL CTA ---------- */
  .final-cta{background:var(--ink);color:var(--white);position:relative;overflow:hidden;}
  .final-cta::before{
    content:"";position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:900px;height:900px;
    background:radial-gradient(circle, rgba(234,94,36,0.16), transparent 62%);pointer-events:none;
  }
  .final-inner{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:0 32px;text-align:center;}
  .final-cta h2{color:var(--white);font-size:clamp(28px,3.8vw,42px);}
  .final-cta .sub{color:#C7C8CC;margin-top:16px;font-size:16px;max-width:56ch;margin-left:auto;margin-right:auto;}
  .final-btn-row{margin-top:32px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
  .final-trust{margin-top:28px;display:flex;gap:24px;justify-content:center;flex-wrap:wrap;font-size:13px;color:#B8B9BE;font-weight:600;}

  /* final full lead form section */
  .final-form-wrap{max-width:760px;margin:56px auto 0;background:var(--ink-soft);border:1px solid var(--line-dark);border-radius:var(--radius);padding:36px 32px;text-align:left;}
  .final-form-wrap h3{color:var(--white);font-size:20px;}
  .final-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:20px;}
  @media(min-width:640px){.final-grid{grid-template-columns:1fr 1fr;}}
  .final-grid .field.full{grid-column:1 / -1;}

  /* ---------- FOOTER ---------- */
  footer.site-footer{background:var(--ink-soft);color:#8B8D93;padding:52px 0 40px;font-size:13px;border-top:1px solid var(--line-dark);}
  .site-footer .wrap{display:grid;grid-template-columns:1fr;gap:28px;}
  @media(min-width:760px){.site-footer .wrap{grid-template-columns:2fr 1fr 1fr;}}
  .site-footer h5{font-family:var(--mono);color:var(--orange);font-size:11px;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:14px;}
  .site-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;}
  .site-footer a:hover{color:var(--orange);}
  .footer-logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px;color:var(--white);}
  .footer-bottom{margin-top:36px;padding-top:20px;border-top:1px solid var(--line-dark);font-size:11.5px;}

  /* ---------- STICKY BAR ---------- */
  .sticky-bar{
    position:fixed;left:0;right:0;bottom:0;z-index:300;background:var(--ink);border-top:1px solid var(--line-dark);
    padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:12px;
    box-shadow:0 -12px 30px -16px rgba(0,0,0,0.5);transition:transform .3s ease;
  }
  .sticky-bar.hide{transform:translateY(120%);}
  .sticky-text{display:none;color:#C7C8CC;font-size:12px;font-family:var(--mono);}
  @media(min-width:640px){.sticky-text{display:block;}}

  .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
 
  /* ---------- LOGO MARQUEE (platforms we advise across) ---------- */
  .logo-marquee{
    margin-top:32px;overflow:hidden;position:relative;
    -webkit-mask-image:linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
    mask-image:linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
  }
  .logo-track{
    display:flex;align-items:center;gap:64px;width:max-content;
    animation:logo-scroll 26s linear infinite;
  }
  .logo-marquee:hover .logo-track,
  .logo-marquee:focus-within .logo-track{animation-play-state:paused;}
  .logo-track .logo-item{flex:none;display:flex;align-items:center;justify-content:center;height:45px;}
  .logo-track img{
    height:40px;width:auto;max-width:160px;object-fit:contain;
  }
  .logo-track .logo-item:hover img{filter:grayscale(0) opacity(1);}
  @keyframes logo-scroll{
    from{transform:translateX(0);}
    to{transform:translateX(-50%);}
  }
  @media (prefers-reduced-motion: reduce){
    .logo-track{animation:none;}
  }