/* Wholesale landing page styles */
:root{
      --blue:#2FB7E8;
      --dark:#2F2F2F;
      --white:white;
      --soft:rgba(47,47,47,.035);
      --soft-blue:rgba(47,183,232,.10);
      --line:rgba(47,47,47,.12);
      --muted:rgba(47,47,47,.66);
      --shadow:0 24px 70px rgba(47,47,47,.10);
      --shadow-blue:0 22px 55px rgba(47,183,232,.18);
      --ease:cubic-bezier(.2,.75,.25,1);
    }

    .ow-exp,.ow-exp *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    .ow-exp{
      font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color:var(--dark);
      background:var(--white);
      line-height:1.65;
      position:relative;
      z-index:1;
    }
    body{overflow-x:hidden;}
    .ow-exp::before{display:none}
    .ow-exp a{text-decoration:none;color:inherit}
    .ow-exp button,.ow-exp a{font:inherit}

    .cursor-glow{display:none}


    .page-progress{
      position:fixed;
      left:0;top:0;
      width:100%;height:3px;
      background:var(--blue);
      transform:scaleX(0);
      transform-origin:left;
      z-index:999;
      pointer-events:none;
    }

    .topbar{
      position:sticky;
      top:0;
      z-index:20;
      background:rgba(255,255,255,.88);
      backdrop-filter:blur(16px);
      border-bottom:1px solid var(--line);
    }
    .nav{
      width:min(1400px,calc(100% - 32px));
      margin:auto;
      min-height:82px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:1rem;
    }
    .brand{
      display:flex;
      align-items:center;
      gap:.75rem;
      font-weight:800;
      letter-spacing:-.03em;
      color:var(--dark);
    }
    .brand-mark{
      width:44px;height:44px;
      border-radius:15px;
      background:var(--blue);
      color:var(--white);
      display:grid;
      place-items:center;
      box-shadow:0 14px 30px rgba(47,183,232,.22);
      font-weight:900;
    }
    .brand small{display:block;font-size:.68rem;color:var(--muted);letter-spacing:.03em;font-weight:700;margin-top:-.25rem}
    .nav-links{display:flex;align-items:center;gap:2rem;color:rgba(47,47,47,.78);font-size:.94rem;font-weight:650}
    .nav-links a{position:relative;padding:.3rem 0;transition:color .25s var(--ease)}
    .nav-links a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--blue);transition:width .28s var(--ease)}
    .nav-links a:hover{color:var(--blue)}
    .nav-links a:hover::after{width:100%}

    .pill-btn{
      display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
      min-height:44px;
      padding:0 1.15rem;
      border-radius:999px;
      font-weight:760;
      background:var(--blue);
      color:var(--white);
      border:1px solid var(--blue);
      transition:transform .28s var(--ease), box-shadow .28s var(--ease), background .28s var(--ease), color .28s var(--ease);
    }
    .pill-btn:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(47,183,232,.22);background:var(--white);color:var(--blue)}

    section{position:relative;padding:6.5rem 1.25rem}
    .section-inner{width:min(1400px,100%);margin-inline:auto;position:relative;z-index:1}
    .section-header{text-align:center;max-width:760px;margin:0 auto 3.4rem}
    .section-tag{
      display:inline-flex;align-items:center;gap:.45rem;
      margin-bottom:1rem;
      padding:.42rem .9rem;
      border:1px solid rgba(47,183,232,.34);
      border-radius:999px;
      color:var(--blue);
      background:rgba(47,183,232,.075);
      font-size:.74rem;
      font-weight:800;
      letter-spacing:.11em;
      text-transform:uppercase;
    }
    .section-header h2{
      color:var(--dark);
      font-size:clamp(2rem,3.5vw,3.05rem);
      line-height:1.1;
      letter-spacing:-.045em;
      font-weight:780;
      margin-bottom:.9rem;
    }
    .section-header p{font-size:1.03rem;color:var(--muted)}

    .btn{
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:.65rem;
      min-height:56px;
      padding:0 1.45rem;
      border-radius:14px;
      font-weight:780;
      overflow:hidden;
      isolation:isolate;
      transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease), color .3s var(--ease);
    }
    .btn::before,.pill-btn::before,.cta-ghost::before{
      content:"";
      position:absolute;
      top:-30%;bottom:-30%;left:-35%;
      width:26%;
      background:rgba(255,255,255,.38);
      transform:translateX(-220%) rotate(10deg);
      transition:transform .7s var(--ease);
      z-index:-1;
    }
    .btn:hover::before,.pill-btn:hover::before,.cta-ghost:hover::before{transform:translateX(610%) rotate(10deg)}
    .btn-primary{background:var(--blue);color:var(--white);border:1px solid var(--blue);box-shadow:0 18px 36px rgba(47,183,232,.22)}
    .btn-primary:hover{transform:translateY(-4px);box-shadow:0 24px 44px rgba(47,183,232,.28)}
    .btn-secondary{background:var(--white);color:var(--dark);border:1px solid var(--line);box-shadow:0 14px 35px rgba(47,47,47,.06)}
    /* Hero buttons match the header button style (#39B1E3 pill, 16px Jost) */
    .hero .btn-primary,.hero .btn-secondary{font-family:'Jost',sans-serif;font-size:16px;font-weight:600;min-height:auto;padding:12px 28px;border-radius:30px;line-height:1;box-shadow:none;white-space:nowrap;transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}
    .hero .btn-primary{background:var(--blue);color:#fff;border:2px solid var(--blue)}
    .hero .btn-secondary{background:transparent;color:var(--blue);border:2px solid var(--blue)}
    .hero .btn-primary:hover,.hero .btn-secondary:hover{transform:none;box-shadow:none;background:#2f2f2f;color:#fff;border-color:#2f2f2f}
    .btn-secondary:hover{transform:translateY(-4px);border-color:rgba(47,183,232,.45);color:var(--blue);box-shadow:0 20px 46px rgba(47,183,232,.12)}
    .arrow{display:inline-block;transition:transform .25s var(--ease)}
    .btn:hover .arrow,.pill-btn:hover .arrow{transform:translateX(4px)}

    /* HERO — rebuilt from the ground up */
    .hero{
      min-height:600px;
      display:grid;
      place-items:center;
      padding:5.2rem 1.25rem 5.8rem;
      overflow:hidden;
      background-color:#2F2F2F;
      background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
      background-size:46px 46px;
      animation:owGridDrift 6s linear infinite;
    }
    @keyframes owGridDrift{from{background-position:0 0,0 0}to{background-position:-46px 0,-46px 0}}
    @media (prefers-reduced-motion: reduce){.hero,.steps-section,.cta-wrap{animation:none}}
    .hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(55% 75% at 88% 42%, rgba(47,183,232,.18), transparent 70%)}
    .hero::after{display:none}
    .hero-shell{width:min(1400px,100%);position:relative;z-index:1}
    .hero-grid{
      display:grid;
      grid-template-columns:1.25fr .75fr;
      align-items:center;
      gap:3.4rem;
      position:relative;
      z-index:1;
    }
    .hero-content{position:relative;z-index:3;max-width:800px}
    .hero-kicker{
      display:inline-flex;align-items:center;gap:.5rem;
      padding:.4rem .9rem .4rem .5rem;
      border-radius:999px;
      color:#eaf8ff;
      background:rgba(47,183,232,.12);
      border:1px solid rgba(47,183,232,.55);
      font-size:.74rem;
      font-weight:800;
      letter-spacing:.1em;
      text-transform:uppercase;
      box-shadow:0 0 18px rgba(47,183,232,.18);
      margin-bottom:1.35rem;
    }
    .hero-kicker .live-dot{
      width:16px;height:16px;border-radius:999px;
      display:grid;place-items:center;
      background:rgba(47,183,232,.12);
      position:relative;
      color:var(--blue);
      font-size:.7rem;
    }
    .hero-kicker .live-dot::before{
      content:"";
      width:8px;height:8px;border-radius:999px;
      background:#a7e6fa;
      box-shadow:0 0 0 0 rgba(47,183,232,.28);
      animation:pulseDot 2.1s ease-out infinite;
    }
    .hero h1{
      color:#fff;
      font-size:clamp(2.2rem,3.6vw,3.3rem);
      line-height:1.05;
      letter-spacing:-.03em;
      font-weight:760;
      margin-bottom:1.25rem;
      max-width:none;
    }
    .hero h1 .blue-word{color:var(--blue);font-weight:790}
    .hero h1 .title-line{display:block;white-space:nowrap}
    @media (max-width:680px){.hero h1 .title-line{white-space:normal}}
    .hero-subtitle{
      font-size:1.13rem;
      line-height:1.82;
      max-width:590px;
      color:rgba(255,255,255,.72);
      margin-bottom:2rem;
    }
    .hero-cta-group{display:flex;gap:.9rem;flex-wrap:nowrap;align-items:center;margin-bottom:2rem}
    .hero-proof-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:.82rem;
      max-width:610px;
    }
    .hero-proof{
      position:relative;
      min-height:104px;
      padding:1rem;
      border-radius:19px;
      background:var(--white);
      border:1px solid var(--line);
      box-shadow:0 12px 34px rgba(47,47,47,.05);
      overflow:hidden;
      transition:transform .34s var(--ease),box-shadow .34s var(--ease),border-color .34s var(--ease),background .34s var(--ease);
    }
    .hero-proof::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:var(--blue);transform:scaleX(.22);transform-origin:left;transition:transform .34s var(--ease)}
    .hero-proof:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(47,183,232,.15);border-color:rgba(47,183,232,.38);background:rgba(47,183,232,.055)}
    .hero-proof:hover::before{transform:scaleX(1)}
    .proof-value{display:block;color:var(--dark);font-size:1.35rem;line-height:1;font-weight:820;letter-spacing:-.04em;margin-bottom:.38rem}
    .proof-label{display:block;color:var(--muted);font-size:.78rem;line-height:1.45;font-weight:650}

    /* Clean hero card + accordion timeline (theme blue) */
    .hero-card{position:relative;width:min(100%,540px);margin-left:auto;background:var(--white);border:1px solid var(--line);border-radius:28px;padding:2.3rem 2.2rem;box-shadow:var(--shadow)}
    .hcard-timeline{position:relative;display:flex;flex-direction:column;gap:1.35rem}
    .hcard-timeline::before{content:"";position:absolute;left:26px;top:30px;bottom:24px;width:2px;background:linear-gradient(180deg,var(--blue),rgba(47,183,232,.12));z-index:0}
    .hcard-item{position:relative;z-index:1}
    .hcard-head{display:flex;align-items:center;gap:1.1rem;width:100%;background:none;border:0;padding:0;cursor:pointer;text-align:left}
    .hcard-head,.hcard-head:hover,.hcard-head:focus,.hcard-head:active,.hcard-head:focus-visible{background:none !important;background-color:transparent !important;box-shadow:none !important;outline:none !important;border:0 !important;-webkit-tap-highlight-color:transparent}
    .hcard-title{font-size:1.08rem;font-weight:780;letter-spacing:-.02em;color:var(--dark);transition:color .2s ease}
    .hcard-head:hover .hcard-title{color:var(--blue)}
    .hcard-icon{flex:0 0 auto;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),#2196c4);box-shadow:0 0 0 6px rgba(47,183,232,.12),0 16px 30px rgba(47,183,232,.42)}
    .hcard-dot{flex:0 0 auto;width:30px;height:30px;margin-left:12px;border-radius:999px;background:var(--white);border:2px solid rgba(47,183,232,.55);display:grid;place-items:center;box-shadow:0 6px 16px rgba(47,183,232,.18);transition:transform .2s ease,border-color .2s ease}
    .hcard-dot::after{content:"";width:11px;height:11px;border-radius:999px;background:var(--blue)}
    .hcard-icon{display:none}
    .hcard-item.is-open .hcard-icon{display:grid}
    .hcard-item.is-open .hcard-dot{display:none}
    .hcard-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s var(--ease),opacity .3s ease;padding-left:calc(54px + 1.1rem)}
    .hcard-panel-inner{overflow:hidden;min-height:0}
    .hcard-item.is-open .hcard-panel{grid-template-rows:1fr;opacity:1}
    .hcard-panel p{font-size:.95rem;line-height:1.62;color:var(--muted);padding-top:.55rem}
    .hcard-divider{display:block;height:1px;background:var(--line);margin-top:1.35rem}

    .hero-visual{position:relative;min-height:560px;display:grid;place-items:center;perspective:1200px;z-index:2}
    .scene-frame{
      position:relative;
      width:min(100%,620px);
      min-height:545px;
      border-radius:34px;
      border:1px solid rgba(47,183,232,.26);
      background:rgba(255,255,255,.92);
      box-shadow:0 34px 100px rgba(47,47,47,.11), inset 0 0 0 1px rgba(255,255,255,.64);
      overflow:hidden;
      transform-style:preserve-3d;
    }
    .scene-frame::before{
      content:"";
      position:absolute;
      inset:18px;
      border:1px solid rgba(47,47,47,.09);
      border-radius:26px;
      pointer-events:none;
      z-index:2;
    }
    .scene-frame::after{
      content:"";
      position:absolute;
      right:-28px;top:-28px;
      width:150px;height:150px;
      border-radius:40px;
      border:1px solid rgba(47,183,232,.30);
      transform:rotate(11deg);
      z-index:1;
      pointer-events:none;
    }
    .three-canvas{
      position:absolute;
      inset:0;
      width:100%;height:100%;
      z-index:0;
      opacity:.86;
    }
    .command-card{
      position:absolute;
      left:7%;right:7%;top:17%;
      z-index:4;
      border-radius:26px;
      background:rgba(255,255,255,.94);
      border:1px solid rgba(47,47,47,.12);
      box-shadow:0 24px 72px rgba(47,47,47,.13);
      padding:1.15rem;
      transform:translateZ(54px);
    }
    .command-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.45rem .45rem 1rem;border-bottom:1px solid var(--line);margin-bottom:1rem}
    .command-title{display:flex;align-items:center;gap:.8rem}
    .command-mark{width:46px;height:46px;border-radius:16px;background:var(--blue);color:var(--white);display:grid;place-items:center;font-weight:900;box-shadow:0 14px 30px rgba(47,183,232,.22)}
    .command-title h3{font-size:1.02rem;line-height:1.1;color:var(--dark);letter-spacing:-.025em;font-weight:820}
    .command-title p{font-size:.78rem;color:var(--muted);margin-top:.12rem}
    .match-status{display:flex;align-items:center;gap:.45rem;font-size:.75rem;font-weight:820;color:var(--blue);background:rgba(47,183,232,.10);border:1px solid rgba(47,183,232,.20);border-radius:999px;padding:.4rem .65rem;white-space:nowrap}
    .match-status i{width:8px;height:8px;border-radius:999px;background:var(--blue);display:block}
    .route-flow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.85rem;margin-bottom:1rem}
    .route-node{
      border:1px solid var(--line);
      background:var(--white);
      border-radius:20px;
      padding:1rem;
      min-height:102px;
      position:relative;
      overflow:hidden;
      transition:transform .32s var(--ease),border-color .32s var(--ease),box-shadow .32s var(--ease),background .32s var(--ease);
    }
    .route-node::before{content:"";position:absolute;left:0;top:0;height:100%;width:5px;background:var(--blue);opacity:.88}
    .route-node:hover{transform:translateY(-5px);border-color:rgba(47,183,232,.40);box-shadow:0 18px 42px rgba(47,183,232,.12);background:rgba(47,183,232,.045)}
    .route-node small{display:block;color:var(--blue);font-weight:820;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem}
    .route-node strong{display:block;color:var(--dark);font-size:.95rem;line-height:1.25;font-weight:810;letter-spacing:-.02em}
    .route-node span{display:block;color:var(--muted);font-size:.78rem;margin-top:.35rem}
    .route-connector{
      width:58px;height:58px;
      border-radius:999px;
      background:var(--dark);
      color:var(--white);
      display:grid;place-items:center;
      font-weight:900;
      position:relative;
      box-shadow:0 18px 45px rgba(47,47,47,.16);
    }
    .route-connector::before,.route-connector::after{content:"";position:absolute;top:50%;width:24px;height:2px;background:var(--blue);transform:translateY(-50%)}
    .route-connector::before{right:100%}.route-connector::after{left:100%}
    .match-meter{border:1px solid rgba(47,183,232,.22);background:rgba(47,183,232,.07);border-radius:20px;padding:1rem}
    .meter-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--dark);font-size:.88rem;font-weight:800;margin-bottom:.72rem}
    .meter-row strong{color:var(--blue);font-size:1rem}
    .meter-track{height:10px;border-radius:999px;background:rgba(47,47,47,.09);overflow:hidden}
    .meter-fill{height:100%;width:92%;border-radius:999px;background:var(--blue);transform-origin:left;transform:scaleX(0)}
    .micro-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:.8rem}
    .micro-list span{display:flex;align-items:center;gap:.42rem;border:1px solid rgba(47,47,47,.10);border-radius:14px;background:var(--white);padding:.58rem .6rem;color:rgba(47,47,47,.72);font-size:.74rem;font-weight:710;white-space:nowrap}
    .micro-list i{font-style:normal;color:var(--blue);font-weight:900}
    .scene-chip{
      position:absolute;
      z-index:6;
      display:flex;align-items:center;gap:.65rem;
      padding:.78rem .92rem;
      border-radius:17px;
      background:rgba(255,255,255,.94);
      border:1px solid var(--line);
      box-shadow:0 22px 52px rgba(47,47,47,.12);
      color:var(--dark);
      font-size:.82rem;font-weight:790;
      transform:translateZ(70px);
    }
    .scene-chip b{width:36px;height:36px;border-radius:13px;display:grid;place-items:center;background:rgba(47,183,232,.13);color:var(--blue)}
    .chip-1{left:-8px;top:64px}.chip-2{right:-16px;top:112px}.chip-3{left:40px;bottom:64px}.chip-4{right:38px;bottom:44px}
    .trade-strip{
      position:absolute;
      z-index:3;
      left:7%;right:7%;bottom:8%;
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:.75rem;
      transform:translateZ(30px);
    }
    .trade-strip article{background:rgba(255,255,255,.90);border:1px solid rgba(47,47,47,.11);border-radius:18px;padding:.9rem;box-shadow:0 14px 38px rgba(47,47,47,.08)}
    .trade-strip strong{display:block;color:var(--dark);font-size:1.05rem;letter-spacing:-.03em;line-height:1;font-weight:820}
    .trade-strip span{display:block;color:var(--muted);font-size:.72rem;margin-top:.35rem;font-weight:650}
    .scroll-cue{position:absolute;left:50%;bottom:1.25rem;transform:translateX(-50%);display:flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.78rem;font-weight:720;z-index:3}
    .scroll-cue i{width:8px;height:8px;border-radius:999px;background:var(--blue);display:block;animation:cueDot 1.4s ease-in-out infinite}

    @keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(47,183,232,.34)}70%{box-shadow:0 0 0 10px rgba(47,183,232,0)}100%{box-shadow:0 0 0 0 rgba(47,183,232,0)}}
    @keyframes cueDot{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(5px);opacity:1}}

    /* reveal and card shine */
    [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .72s var(--ease), transform .72s var(--ease)}
    [data-reveal].is-visible{opacity:1;transform:translateY(0)}
    .shine-card{position:relative;overflow:hidden;isolation:isolate}
    .shine-card > *{position:relative;z-index:2}
    .shine-card::after{
      content:"";
      position:absolute;
      left:var(--mx,50%);
      top:var(--my,0%);
      width:150px;height:150px;
      border-radius:999px;
      background:radial-gradient(circle,rgba(230,235,245,.32),rgba(160,170,190,.10) 55%,transparent 72%);
      opacity:0;
      transform:translate(-50%,-50%) scale(.7);
      transition:opacity .22s ease, transform .22s ease;
      z-index:1;
      pointer-events:none;
    }
    .shine-card:hover::after{opacity:1;transform:translate(-50%,-50%) scale(1)}

    /* FOUNDATION */
    #foundation{padding-top:6.5rem}
    .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.35rem}
    .feature-card{
      min-height:315px;
      background:var(--white);
      border:1px solid var(--line);
      border-radius:26px;
      padding:2.2rem;
      box-shadow:0 16px 46px rgba(47,47,47,.055);
      transition:transform .38s var(--ease),box-shadow .38s var(--ease),border-color .38s var(--ease),background .38s var(--ease);
    }
    .feature-card::before{content:"";position:absolute;inset:0;border-radius:26px;background:#2f2f2f;opacity:0;transition:opacity .30s var(--ease);z-index:0}
    .feature-card:hover{transform:translateY(-10px);box-shadow:0 30px 80px rgba(47,47,47,.28);border-color:transparent}
    .feature-card:hover::before{opacity:1}
    .feature-icon{
      width:60px;height:60px;border-radius:18px;
      display:grid;place-items:center;
      background:var(--blue);
      color:#fff;
      font-size:1.35rem;
      margin-bottom:1.35rem;
      transition:background .30s var(--ease),color .30s var(--ease),transform .30s var(--ease),box-shadow .30s var(--ease);
    }
    .feature-card h3{color:var(--dark);font-size:1.2rem;line-height:1.25;margin-bottom:.85rem;font-weight:790;transition:color .30s var(--ease)}
    .feature-card p{font-size:.96rem;color:var(--muted);transition:color .30s var(--ease)}
    .feature-card:hover .feature-icon{background:var(--blue);color:#fff;transform:rotate(-3deg) scale(1.06);box-shadow:0 0 0 1px rgba(255,255,255,.18)}
    .feature-card:hover h3{color:var(--blue)}
    .feature-card:hover p{color:#fff}
    .feature-card .mini-link{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.4rem;font-size:.84rem;font-weight:780;color:var(--blue);transition:color .30s var(--ease),transform .30s var(--ease)}
    .feature-card:hover .mini-link{color:var(--white);transform:translateX(3px)}
    @media (max-width:640px){
      section{padding-left:1.25rem;padding-right:1.25rem}
      .section-inner{width:100%}
      #foundation{
        padding-top:4rem;
        padding-left:clamp(1.6rem,7vw,2.4rem);
        padding-right:clamp(1.6rem,7vw,2.4rem);
      }
      #foundation .section-inner{max-width:360px;margin-inline:auto}
      #foundation .section-header{max-width:100%;margin-bottom:2rem}
      #foundation .section-header h2{font-size:clamp(1.78rem,7.4vw,2.05rem);line-height:1.12}
      #foundation .section-header p{max-width:100%;font-size:.96rem;line-height:1.62}
      #foundation .ow-mobile-title-line{display:block}
      #foundation .features-grid{gap:1rem}
      #foundation .feature-card{
        display:grid;
        grid-template-columns:52px minmax(0,1fr);
        align-items:center;
        column-gap:.85rem;
        min-height:auto;
        padding:1.25rem;
        border-radius:22px;
      }
      #foundation .feature-card::before{border-radius:22px}
      #foundation .feature-icon{
        width:52px;
        height:52px;
        border-radius:16px;
        margin-bottom:0;
        font-size:1.18rem;
      }
      #foundation .feature-card h3{
        align-self:center;
        margin-bottom:0;
        font-size:1.04rem;
        line-height:1.22;
      }
      #foundation .feature-card p{
        grid-column:1 / -1;
        margin-top:.85rem;
        font-size:.92rem;
        line-height:1.58;
      }
      #foundation .feature-card.is-scroll-active{
        transform:translateY(-7px) !important;
        box-shadow:0 24px 62px rgba(47,47,47,.24);
        border-color:transparent;
      }
      #foundation .feature-card.is-scroll-active::before{opacity:1}
      #foundation .feature-card.is-scroll-active::after{opacity:1;transform:translate(-50%,-50%) scale(1)}
      #foundation .feature-card.is-scroll-active .feature-icon{
        background:var(--blue);
        color:#fff;
        transform:rotate(-3deg) scale(1.04);
        box-shadow:0 0 0 1px rgba(255,255,255,.18);
      }
      #foundation .feature-card.is-scroll-active h3{color:var(--blue)}
      #foundation .feature-card.is-scroll-active p{color:#fff}
      #foundation .feature-card.is-scroll-active .mini-link{color:var(--white);transform:translateX(3px)}
      #who-we-serve{
        padding-top:4rem;
        padding-left:clamp(1.6rem,7vw,2.4rem);
        padding-right:clamp(1.6rem,7vw,2.4rem);
      }
      #who-we-serve .section-inner{max-width:360px;margin-inline:auto}
      #who-we-serve .section-header{max-width:100%;margin-bottom:2rem}
      #who-we-serve .section-header h2{font-size:clamp(1.78rem,7.4vw,2.05rem);line-height:1.12}
      #who-we-serve .section-header p{font-size:.96rem;line-height:1.62}
      #who-we-serve .ow-mobile-title-line{display:block}
      #who-we-serve .serve-wrap{padding:0;background:transparent;border:0;box-shadow:none}
      #who-we-serve .serve-grid{gap:1rem}
      #who-we-serve .serve-card.is-scroll-active{
        transform:translateY(-7px) !important;
        box-shadow:0 24px 62px rgba(47,47,47,.18);
        border-color:transparent;
      }
      #who-we-serve .serve-card.is-scroll-active::before{opacity:1}
      #who-we-serve .serve-card.is-scroll-active::after{opacity:1;transform:translate(-50%,-50%) scale(1)}
      #who-we-serve .serve-card.is-scroll-active .serve-badge{background:rgba(255,255,255,.16);color:var(--white)}
      #who-we-serve .serve-card.is-scroll-active h3,
      #who-we-serve .serve-card.is-scroll-active > p{color:var(--white)}
      #who-we-serve .serve-card.is-scroll-active .serve-list li{
        background:rgba(255,255,255,.12);
        border-color:rgba(255,255,255,.18);
        color:rgba(255,255,255,.90);
      }
      #who-we-serve .serve-card.is-scroll-active .serve-list i{color:var(--white)}
      #who-we-serve .serve-card.buyer.is-scroll-active h3,
      #who-we-serve .serve-card.buyer.is-scroll-active .serve-list li,
      #who-we-serve .serve-card.buyer.is-scroll-active .serve-list i{color:var(--dark)}
      #who-we-serve .serve-card.supplier.is-scroll-active h3,
      #who-we-serve .serve-card.supplier.is-scroll-active .serve-list li,
      #who-we-serve .serve-card.supplier.is-scroll-active .serve-list i{color:var(--blue)}
      #difference{
        padding-top:4rem;
        padding-left:clamp(1.6rem,7vw,2.4rem);
        padding-right:clamp(1.6rem,7vw,2.4rem);
      }
      #difference .section-inner{max-width:360px;margin-inline:auto}
      #difference .section-header{max-width:100%;margin-bottom:2rem}
      #difference .section-header h2{font-size:clamp(1.78rem,7.4vw,2.05rem);line-height:1.12}
      #difference .section-header p{font-size:.96rem;line-height:1.62}
      #difference .ow-mobile-title-line,
      #difference .ow-mobile-desc-line{display:block}
      #difference .difference-board{gap:1rem}
      #difference .difference-card{
        display:grid;
        grid-template-columns:45px minmax(0,1fr);
        align-items:center;
        column-gap:.75rem;
        min-height:auto;
        padding:1.15rem;
        border-radius:22px;
      }
      #difference .difference-card::before{border-radius:22px}
      #difference .difference-icon{
        width:45px;
        height:45px;
        margin-bottom:0;
        border-radius:14px;
        font-size:1rem;
      }
      #difference .difference-card h3{
        align-self:center;
        margin-bottom:0;
        font-size:1rem;
        line-height:1.22;
      }
      #difference .difference-card p{
        grid-column:1 / -1;
        margin-top:.8rem;
        font-size:.9rem;
        line-height:1.55;
      }
      #difference .difference-card.is-scroll-active{
        transform:translateY(-7px) !important;
        box-shadow:0 24px 62px rgba(47,47,47,.22);
        border-color:transparent;
      }
      #difference .difference-card.is-scroll-active::before{opacity:1}
      #difference .difference-card.is-scroll-active::after{opacity:1;transform:translate(-50%,-50%) scale(1)}
      #difference .difference-card.is-scroll-active .difference-icon{
        transform:scale(1.05) rotate(-3deg);
        background:var(--blue);
        color:#fff;
      }
      #difference .difference-card.is-scroll-active h3{color:var(--blue)}
      #difference .difference-card.is-scroll-active p{color:#fff}
    }

    /* WHO WE SERVE */
    #who-we-serve{padding-top:6.5rem}
    #who-we-serve .section-header{max-width:none}
    .serve-wrap{
      padding:1.6rem;
      border-radius:34px;
      background:rgba(47,183,232,.055);
      border:1px solid rgba(47,183,232,.14);
      box-shadow:var(--shadow);
    }
    .serve-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
    .serve-card{
      border-radius:28px;
      padding:2.25rem;
      background:var(--white);
      border:1px solid var(--line);
      min-height:455px;
      transition:transform .36s var(--ease),box-shadow .36s var(--ease),border-color .36s var(--ease),background .36s var(--ease);
    }
    .serve-card::before{content:"";position:absolute;inset:0;border-radius:28px;background:var(--blue);opacity:0;transition:opacity .30s var(--ease);z-index:0}
    .serve-card.supplier::before{background:var(--dark)}
    .serve-card:hover{transform:translateY(-10px);box-shadow:0 30px 76px rgba(47,47,47,.13);border-color:transparent}
    .serve-card:hover::before{opacity:1}
    .serve-badge{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;padding:.45rem .85rem;background:rgba(47,47,47,.09);color:var(--dark);font-size:.73rem;letter-spacing:.08em;text-transform:uppercase;font-weight:820;margin-bottom:1.25rem;transition:background .30s var(--ease),color .30s var(--ease)}
    .supplier .serve-badge{background:rgba(47,47,47,.09);color:var(--dark)}
    .serve-card h3{color:var(--dark);font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.15;letter-spacing:-.04em;font-weight:780;margin-bottom:.95rem;transition:color .30s var(--ease)}
    .serve-card > p{color:var(--muted);margin-bottom:1.3rem;font-size:.98rem;transition:color .30s var(--ease)}
    .serve-list{list-style:none;display:grid;gap:.72rem}
    .serve-list li{display:flex;gap:.72rem;align-items:flex-start;padding:.82rem;border-radius:15px;background:rgba(47,47,47,.035);border:1px solid rgba(47,47,47,.08);color:rgba(47,47,47,.70);font-size:.9rem;transition:background .30s var(--ease),border-color .30s var(--ease),color .30s var(--ease),transform .30s var(--ease)}
    .serve-list i{font-style:normal;margin-top:.05rem;color:var(--blue);font-weight:900}
    .supplier .serve-list i{color:var(--dark)}
    .serve-card:hover .serve-badge{background:rgba(255,255,255,.16);color:var(--white)}
    .serve-card:hover h3,.serve-card:hover > p{color:var(--white)}
    .serve-card:hover .serve-list li{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.90)}
    .serve-card:hover .serve-list li:hover{transform:translateX(8px);background:rgba(255,255,255,.18)}
    .serve-card:hover .serve-list i{color:var(--white)}
    .serve-card.buyer:hover h3{color:var(--dark)}
    .serve-card.buyer:hover .serve-list li{color:var(--dark)}
    .serve-card.buyer:hover .serve-list i{color:var(--dark)}
    .serve-card.supplier:hover h3{color:var(--blue)}
    .serve-card.supplier:hover .serve-list li{color:var(--blue)}
    .serve-card.supplier:hover .serve-list i{color:var(--blue)}

    /* DIFFERENCE */
    #difference{padding-top:6.5rem}
    .difference-board{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
    .difference-card{
      min-height:184px;
      border-radius:23px;
      padding:1.35rem;
      background:var(--white);
      border:1px solid var(--line);
      box-shadow:0 16px 45px rgba(47,47,47,.045);
      transition:transform .34s var(--ease),box-shadow .34s var(--ease),border-color .34s var(--ease),background .34s var(--ease);
    }
    .difference-card::before{content:"";position:absolute;inset:0;border-radius:23px;background:#2f2f2f;opacity:0;transition:opacity .28s ease;z-index:0}
    .difference-card:hover{transform:translateY(-8px);box-shadow:0 25px 65px rgba(47,47,47,.25);border-color:transparent}
    .difference-card:hover::before{opacity:1}
    .difference-icon{width:45px;height:45px;border-radius:14px;background:var(--blue);display:grid;place-items:center;color:#fff;margin-bottom:1rem;font-size:1.08rem;transition:transform .30s var(--ease),background .30s var(--ease),color .30s var(--ease)}
    .difference-card:hover .difference-icon{transform:scale(1.07) rotate(-3deg);background:var(--blue);color:#fff}
    .difference-card h3{color:var(--dark);font-size:1.02rem;font-weight:780;margin-bottom:.45rem;letter-spacing:-.02em;transition:color .28s var(--ease)}
    .difference-card p{font-size:.9rem;color:var(--muted);line-height:1.6;transition:color .28s var(--ease)}
    .difference-card:hover h3{color:var(--blue)}
    .difference-card:hover p{color:#fff}

    /* HOW IT WORKS */
    .steps-section{max-width:none;padding:0;margin:0;background-color:#2F2F2F;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:46px 46px;animation:owGridDrift 6s linear infinite;color:var(--white);overflow:hidden}
    .steps-section::before{content:"";position:absolute;left:0;top:0;width:100%;height:8px;background:var(--blue);z-index:2}
    .steps-section .section-tag{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:var(--white)}
    .steps-section .section-header h2{color:var(--white);font-weight:760}
    .steps-section .section-header p{color:rgba(255,255,255,.72)}
    .steps-section::after{content:"";position:absolute;inset:0;background:radial-gradient(55% 75% at 88% 42%, rgba(47,183,232,.18), transparent 70%);z-index:0;pointer-events:none;transform:none}
    .steps-section .section-inner{padding:6.8rem 1.25rem;position:relative;z-index:1}
    .moves-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
    .move-column{border-radius:28px;background:var(--white);color:var(--muted);border:1px solid var(--line);padding:2rem;box-shadow:0 16px 46px rgba(47,47,47,.06);transition:transform .38s var(--ease),box-shadow .38s var(--ease),border-color .38s var(--ease)}
    .move-column:hover{transform:translateY(-10px);box-shadow:0 30px 76px rgba(47,47,47,.14);border-color:rgba(47,183,232,.55)}
    /* Who-We-Serve fill + invert effect */
    .move-column{position:relative;overflow:hidden}
    .move-column > *{position:relative;z-index:1}
    .move-column::before{content:"";position:absolute;inset:0;border-radius:28px;background:var(--blue);opacity:0;transition:opacity .36s var(--ease);z-index:0}
    .move-column.suppliers::before{background:#2F2F2F}
    .move-column:hover::before{opacity:1}
    .move-column:hover{border-color:transparent}
    .move-column.buyers:hover .move-header h3{color:#2F2F2F}
    .move-column.suppliers:hover .move-header h3{color:var(--blue)}
    .move-column:hover .move-icon{background:rgba(255,255,255,.18);color:#fff}
    .move-column:hover .step{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22)}
    .move-column:hover .step:hover{background:rgba(255,255,255,.22)}
    .move-column.buyers:hover .step-number{background:#fff;color:#2F2F2F}
    .move-column.suppliers:hover .step-number{background:#fff;color:var(--blue)}
    .move-column.buyers:hover .step-content h4{color:#2F2F2F}
    .move-column.suppliers:hover .step-content h4{color:var(--blue)}
    .move-column:hover .step-content p{color:rgba(255,255,255,.85)}
    .move-header{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;margin-bottom:1.45rem}
    .move-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.45rem .85rem;background:rgba(47,47,47,.09);color:var(--dark);font-size:.73rem;letter-spacing:.08em;text-transform:uppercase;font-weight:820;transition:background .3s var(--ease),color .3s var(--ease)}
    .move-column:hover .move-badge{background:rgba(255,255,255,.16);color:#fff}
    .move-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:rgba(47,183,232,.12);color:var(--blue);font-size:1.28rem;font-weight:900}
    .move-header h3{font-size:1.4rem;color:var(--dark);font-weight:780;letter-spacing:-.035em}
    .move-steps{display:grid;gap:.82rem;counter-reset:step}
    .step{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:flex-start;border:1px solid rgba(47,47,47,.10);background:rgba(255,255,255,.75);padding:1rem;border-radius:19px;transition:transform .28s var(--ease),background .28s var(--ease),border-color .28s var(--ease)}
    .step:hover{transform:translateX(7px);background:rgba(47,183,232,.08);border-color:rgba(47,183,232,.25)}
    .step-number{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--blue);color:var(--white);font-weight:820;box-shadow:0 10px 22px rgba(47,183,232,.25)}
    .step-content h4{color:var(--dark);font-size:.98rem;font-weight:780;margin-bottom:.12rem}
    .step-content p{font-size:.86rem;color:var(--muted);line-height:1.55}

    /* TRUST */
    #trust{background:rgba(47,47,47,.025);padding-top:6.5rem}
    .trust-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:2.4rem;align-items:center}
    .trust-copy{padding:1rem}
    .trust-copy h2{font-size:clamp(2rem,3.8vw,3.05rem);letter-spacing:-.052em;line-height:1.08;color:var(--dark);font-weight:760;margin-bottom:1rem}
    .trust-copy p{font-size:1.02rem;color:var(--muted);margin-bottom:1.35rem;max-width:500px}
    .trust-checks{list-style:none;display:grid;gap:.78rem}
    .trust-checks li{display:flex;align-items:flex-start;gap:.75rem;color:rgba(47,47,47,.72);font-size:.93rem}
    .trust-checks i{font-style:normal;color:var(--blue);margin-top:.02rem;font-weight:900}
    .trust-panel{position:relative;display:grid;gap:1rem}
    .trust-main-card{
      position:relative;
      border-radius:30px;
      background:var(--blue);
      color:var(--white);
      padding:2rem;
      box-shadow:0 30px 80px rgba(47,183,232,.24);
      overflow:hidden;
      min-height:210px;
    }
    .trust-main-card::before{content:"";position:absolute;right:-56px;top:-56px;width:170px;height:170px;border:1px solid rgba(255,255,255,.32);border-radius:48px;transform:rotate(12deg)}
    .trust-main-card small{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;opacity:.88;margin-bottom:.9rem}
    .trust-main-card h3{font-size:clamp(1.65rem,3vw,2.55rem);line-height:1.05;letter-spacing:-.045em;font-weight:760;margin-bottom:.85rem;max-width:430px}
    .trust-main-card p{max-width:500px;color:rgba(255,255,255,.84)}
    .trust-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
    .trust-row{
      position:relative;
      border-radius:22px;
      background:var(--white);
      border:1px solid var(--line);
      padding:1.15rem;
      box-shadow:0 16px 42px rgba(47,47,47,.06);
      transition:transform .32s var(--ease),box-shadow .32s var(--ease),border-color .32s var(--ease),background .32s var(--ease);
      overflow:hidden;
    }
    .trust-row::before{content:"";position:absolute;inset:0;border-radius:22px;background:#2f2f2f;opacity:0;transition:opacity .3s var(--ease);z-index:0}
    .trust-row:hover{transform:translateY(-6px);box-shadow:0 26px 64px rgba(47,47,47,.22);border-color:transparent}
    .trust-row:hover::before{opacity:1}
    .trust-row:hover strong{color:var(--blue)}
    .trust-row:hover p{color:rgba(255,255,255,.85)}
    .trust-row strong{position:relative;z-index:1;display:block;color:var(--dark);font-size:1rem;font-weight:780;margin-bottom:.28rem;padding-left:.35rem}
    .trust-row p{position:relative;z-index:1;font-size:.86rem;color:var(--muted);line-height:1.55;padding-left:.35rem}
    .trust-number{position:absolute;z-index:1;right:1rem;top:1rem;width:32px;height:32px;border-radius:11px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:.8rem;font-weight:820}

    /* CTA */
    #start{
      position:relative;
      z-index:10;
      padding-top:5rem;
      padding-bottom:0;
      margin-bottom:-155px;
      overflow:visible;
    }
    #start::after{
      content:"";
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      height:155px;
      background:#0f0f0f;
      z-index:0;
      pointer-events:none;
    }
    #start .section-inner{
      position:relative;
      z-index:10;
    }
    .ow-wfooter .ow-wfooter-inner{
      padding-top:210px;
    }
    @media (max-width:680px){
      #start{margin-bottom:-95px}
      #start::after{height:95px}
      .ow-wfooter .ow-wfooter-inner{padding-top:160px}
    }
    .cta-wrap{
      position:relative;
      overflow:hidden;
      border-radius:34px;
      padding:4.8rem 1.5rem 7rem;
      text-align:center;
      background-color:#2F2F2F;
      background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
      background-size:46px 46px;
      animation:owGridDrift 6s linear infinite;
      color:var(--white);
      box-shadow:0 18px 55px rgba(47,47,47,.10);
    }
    .cta-wrap::before{content:"";position:absolute;left:-80px;top:-80px;width:340px;height:340px;background:rgba(47,183,232,.22);border-radius:999px;filter:blur(55px)}
    .cta-wrap h2{position:relative;color:#fff;font-size:clamp(2rem,4vw,3.4rem);font-weight:680;letter-spacing:-.045em;line-height:1.08;margin-bottom:1.55rem}
    .cta-wrap h2 .cta-blue{color:var(--blue)}
    .cta-wrap p{position:relative;max-width:640px;margin:0 auto 2rem;color:rgba(255,255,255,.78);font-size:1.05rem}
    .cta-actions{position:relative;display:flex;justify-content:center;gap:.9rem;flex-wrap:wrap;margin-bottom:1.7rem}
    .cta-ghost{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:58px;padding:0 1.6rem;border-radius:15px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);color:var(--white);font-weight:720;overflow:hidden;transition:transform .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease)}
    .cta-ghost:hover{transform:translateY(-4px);background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.34)}
    .cta-meta{position:relative;display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap;color:rgba(255,255,255,.74);font-size:.88rem;font-weight:650}
    .cta-meta span{display:flex;align-items:center;gap:.45rem}
    .cta-meta i{font-style:normal;color:var(--blue)}

    @keyframes pulseOrb{0%,100%{transform:scale(.96);opacity:.9}50%{transform:scale(1.04);opacity:.72}}
    @keyframes progress{from{width:0}to{width:98%}}
    @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}


    @media (max-width:1120px){
      .hero-grid{grid-template-columns:1fr;gap:2.6rem}
      .hero-content{max-width:820px;text-align:left}
      .hero-proof-grid{max-width:780px}
      .hero-visual{min-height:540px}
      .scene-frame{width:min(100%,720px)}
    }
    @media (max-width:760px){
      .hero{padding:3.4rem 1rem 4.8rem;min-height:auto}
      .hero::before{display:none}
      .hero::after{display:none}
      .hero-card{box-shadow:0 18px 48px rgba(47,47,47,.12),0 -34px 92px rgba(47,183,232,.24)}
      .hero h1{font-size:clamp(1.85rem,6.5vw,2.6rem);line-height:1.08;letter-spacing:-.03em}
      .hero-proof-grid,.trade-strip,.micro-list{grid-template-columns:1fr}
      .scene-frame{min-height:630px;border-radius:28px}
      .command-card{left:1rem;right:1rem;top:5rem;padding:1rem;border-radius:22px}
      .command-header,.route-flow{grid-template-columns:1fr;display:grid}
      .match-status{justify-self:start}
      .route-connector{width:46px;height:46px;margin:auto;transform:rotate(90deg)}
      .route-connector::before,.route-connector::after{width:16px}
      .scene-chip{display:none}
      .trade-strip{left:1rem;right:1rem;bottom:1.15rem}
      .scroll-cue{display:none}
    }

    @media (max-width:980px){
      .nav-links{display:none}
      .hero{padding-top:4rem;min-height:auto}
      .hero::before{inset:1rem;height:auto}
      .hero-grid{grid-template-columns:1fr;gap:2.2rem}
      .hero-visual{order:0;min-height:520px}
      .hero h1{font-size:clamp(1.85rem,6vw,2.7rem)}
      .features-grid,.difference-board{grid-template-columns:1fr 1fr}
      .serve-grid,.moves-grid,.trust-layout{grid-template-columns:1fr}
      .trust-copy{text-align:center}.trust-copy p{margin-inline:auto}.trust-checks{max-width:560px;margin-inline:auto;text-align:left}
    }
    @media (max-width:640px){
      section{padding:4rem 1.25rem}
      .nav{min-height:72px;width:min(100% - 24px,1400px)}
      .hero{padding:3rem 1.25rem 4rem}
      .hero-badge{font-size:.74rem}
      .hero h1{font-size:1.95rem;letter-spacing:-.03em}
      .hero-subtitle{font-size:1rem;line-height:1.72}
      .hero-cta-group{gap:.55rem;flex-wrap:nowrap;justify-content:flex-start}
      .hero .btn-primary,
      .hero .btn-secondary{
        flex:0 0 auto;
        min-width:0;
        padding:9px 18px;
        border-radius:28px;
        font-size:14px;
      }
      .hero-stats,.features-grid,.difference-board,.dashboard-metrics,.trust-flow{grid-template-columns:1fr}
      .hero-visual{min-height:430px}.trade-dashboard{border-radius:24px}.float-element{display:none}
      .section-header{margin-bottom:2.5rem}.section-header h2{font-size:2.1rem}
      .serve-wrap{padding:.75rem;border-radius:26px}.serve-card{padding:1.45rem;min-height:auto}
      .move-column{padding:1.25rem}.steps-section .section-inner{padding:4rem 1rem}
      .trust-main-card{padding:1.45rem;border-radius:24px}.trust-row{border-radius:19px}
      .cta-wrap{padding:3.8rem 1rem;border-radius:26px}
      .cta-meta{display:grid;gap:.5rem}
      #who-we-serve,
      #difference{
        padding-top:4rem;
        padding-left:clamp(1.6rem,7vw,2.4rem);
        padding-right:clamp(1.6rem,7vw,2.4rem);
      }
      #who-we-serve .section-inner,
      #difference .section-inner{max-width:360px;margin-inline:auto}
      #who-we-serve .section-header,
      #difference .section-header{max-width:100%;margin-bottom:2rem}
      #who-we-serve .section-header h2,
      #difference .section-header h2{font-size:clamp(1.78rem,7.4vw,2.05rem);line-height:1.12}
      #who-we-serve .section-header p,
      #difference .section-header p{font-size:.96rem;line-height:1.62}
      #who-we-serve .ow-mobile-title-line,
      #difference .ow-mobile-title-line,
      #difference .ow-mobile-desc-line{display:block}
      #what-we-do .move-column.is-scroll-active{
        transform:translateY(-7px) !important;
        box-shadow:0 24px 62px rgba(47,47,47,.18);
        border-color:transparent;
      }
      #what-we-do .move-column.is-scroll-active::before{opacity:1}
      #what-we-do .move-column.is-scroll-active::after{opacity:1;transform:translate(-50%,-50%) scale(1)}
      #what-we-do .move-column.is-scroll-active .move-badge{background:rgba(255,255,255,.16);color:#fff}
      #what-we-do .move-column.is-scroll-active .step{
        background:rgba(255,255,255,.14);
        border-color:rgba(255,255,255,.22);
      }
      #what-we-do .move-column.buyers.is-scroll-active .move-header h3{color:#2F2F2F}
      #what-we-do .move-column.suppliers.is-scroll-active .move-header h3{color:var(--blue)}
      #what-we-do .move-column.buyers.is-scroll-active .step-number{background:#fff;color:#2F2F2F}
      #what-we-do .move-column.suppliers.is-scroll-active .step-number{background:#fff;color:var(--blue)}
      #what-we-do .move-column.buyers.is-scroll-active .step-content h4{color:#2F2F2F}
      #what-we-do .move-column.suppliers.is-scroll-active .step-content h4{color:var(--blue)}
      #what-we-do .move-column.is-scroll-active .step-content p{color:rgba(255,255,255,.85)}
      #trust{
        padding-top:4rem;
        padding-left:clamp(1.6rem,7vw,2.4rem);
        padding-right:clamp(1.6rem,7vw,2.4rem);
      }
      #trust .section-inner{max-width:360px;margin-inline:auto}
      #trust .trust-copy{padding:0;text-align:center}
      #trust .trust-copy h2{font-size:clamp(1.78rem,7.4vw,2.05rem);line-height:1.12;margin-bottom:1rem}
      #trust .trust-copy p{max-width:100%;font-size:.96rem;line-height:1.62;margin:0 auto 1.3rem}
      #trust .ow-mobile-title-line,
      #trust .ow-mobile-desc-line{display:block}
      #trust .trust-checks{
        display:grid;
        grid-template-columns:1fr;
        gap:.78rem;
        max-width:560px;
        margin:1.35rem auto 0;
        text-align:left;
      }
      #trust .trust-checks li{
        display:flex;
        flex-direction:row;
        align-items:flex-start;
        gap:.75rem;
        min-height:0;
        padding:0;
        border-radius:0;
        background:transparent;
        border:0;
        box-shadow:none;
        overflow:visible;
        color:rgba(47,47,47,.72);
        font-size:.93rem;
      }
      #trust .trust-checks i{
        width:auto;
        height:auto;
        display:inline;
        margin:0;
        border-radius:0;
        background:transparent;
        color:var(--blue);
        font-size:inherit;
        font-weight:900;
      }
      #trust .trust-checks span{font-size:.93rem;line-height:1.5;text-align:left}
      #trust .trust-panel{gap:1rem}
      #trust .trust-main-card{padding:1.35rem;border-radius:22px;min-height:auto}
      #trust .trust-main-card h3{font-size:1.45rem}
      #trust .trust-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
      #trust .trust-row{padding:1rem;border-radius:18px;min-height:118px}
      #trust .trust-row::before{border-radius:18px}
      #trust .trust-row strong{font-size:.88rem;padding-left:0;padding-right:2rem}
      #trust .trust-row p{font-size:.78rem;line-height:1.42;padding-left:0}
      #trust .trust-number{right:.75rem;top:.75rem;width:28px;height:28px;border-radius:10px;font-size:.72rem}
      #trust .trust-row.is-scroll-active{
        transform:translateY(-6px) !important;
        box-shadow:0 22px 56px rgba(47,47,47,.22);
        border-color:transparent;
      }
      #trust .trust-row.is-scroll-active::before{opacity:1}
      #trust .trust-row.is-scroll-active strong{color:var(--blue)}
      #trust .trust-row.is-scroll-active p{color:rgba(255,255,255,.85)}
      #start{
        padding-left:clamp(1.6rem,7vw,2.4rem);
        padding-right:clamp(1.6rem,7vw,2.4rem);
      }
      #start::after{bottom:-1px}
      #start .section-inner{max-width:360px;margin-inline:auto}
      #start .cta-wrap{padding:2.7rem 1rem 2.85rem;border-radius:24px;box-shadow:none}
      #start .cta-wrap h2{
        margin-bottom:1.05rem;
        font-size:clamp(1.55rem,6.2vw,1.9rem);
        line-height:1.05;
        white-space:nowrap;
      }
      #start .cta-actions{margin-bottom:1rem}
      #start .cta-meta{
        display:grid;
        grid-template-columns:repeat(3,max-content);
        align-items:center;
        justify-content:center;
        gap:.32rem;
        white-space:nowrap;
        font-size:clamp(.62rem,2.1vw,.72rem);
        line-height:1.2;
      }
      #start .cta-meta span{gap:.22rem}
    }
    @media (prefers-reduced-motion: reduce){
      *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
      [data-reveal]{opacity:1;transform:none}
    }