/* Public homepage — promoted from Design Hub home.html
   VISUALLY APPROVED — V3 HOMEPAGE MASTER (3 September 2026).
   Home body only. P0 chrome.css / cookie-consent are unchanged. */

html{overflow-x:clip}
body:has(.v3h){overflow-x:clip}

    .container{max-width:var(--max);margin:auto;padding:0 30px}
    .section{padding:96px 0}
    .control{padding:96px 0;background:#fff}
    .control-head p{color:var(--slate);font-size:var(--text-body-large);line-height:var(--lh-body-large);margin:0}
    .proof{padding:96px 0;background:var(--surface)}
    .proof-title .headline{margin-top:0}
    .integrations{padding:96px 0;background:#fff}
    .integrations-head .headline{margin-top:0}
    .integrations-head p{color:var(--slate);font-size:var(--text-body-large);max-width:650px;margin:22px auto 0;line-height:var(--lh-body-large)}
    .launch{background:var(--warm);padding:104px 0}
    .launch-head .headline{margin-top:0}
    .launch-head p{max-width:700px;margin:22px auto 0;color:var(--slate);font-size:var(--text-body-large);line-height:var(--lh-body-large)}
    .connect-grow-card h2{
  margin:0;
  font-size:clamp(1.5rem, 2.2vw, 2rem);
  line-height:1.22;
  letter-spacing:-.03em;
  font-weight:700;
  max-width:16ch;
}
.connect-grow-card p{
  margin:0;
  max-width:42ch;
  font-size:16px;
  line-height:1.55;
}
.dashboard-head .dash-greeting{margin:0;color:var(--navy);font-size:18px;font-weight:700}
.store-hero-title{font-size:30px;line-height:1.1;margin:0 0 12px;letter-spacing:-.04em;font-weight:700}
.link-card-title{font-size:18px;margin:8px 0 4px;font-weight:700}
.dash-title-text{margin:0;font-size:inherit;font-weight:700}
    .eyebrow{
      display:inline-flex;align-items:center;gap:10px;
      color:var(--blue);font-size:11px;font-weight:900;
      text-transform:uppercase;letter-spacing:.17em;
    }
    .eyebrow:before{
      content:"";width:24px;height:2px;border-radius:10px;background:currentColor;
    }
    .display{
      font-size:var(--text-display);
      line-height:var(--lh-display);
      letter-spacing:var(--tracking-heading);
      font-weight:760;
      margin:0;
      overflow-wrap:anywhere;
    }
    .headline{
      font-size:var(--text-h2);
      line-height:var(--lh-h2);
      letter-spacing:var(--tracking-heading);
      font-weight:720;
      margin:0;
      overflow-wrap:anywhere;
    }
    .subhead{
      max-width:690px;color:var(--slate);
      font-size:var(--text-body-large);line-height:var(--lh-body-large);
    }
    .btn{
      min-height:50px;padding:0 20px;border-radius:13px;
      border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;
      gap:9px;font-size:14px;font-weight:850;transition:.22s ease;
    }
    .btn:hover{box-shadow:0 10px 24px rgba(11,31,77,.16)}
    .btn-dark{background:var(--navy);color:#fff;box-shadow:0 12px 28px rgba(11,31,77,.17)}
    .btn-dark:hover{background:#16356f}
    .btn-gold,.btn-primary{background:var(--j2p-cta);color:var(--j2p-cta-text);box-shadow:var(--j2p-cta-shadow)}
    .btn-gold:hover,.btn-primary:hover{background:var(--j2p-cta-hover);color:var(--j2p-cta-text)}
    .btn-gold:active,.btn-primary:active{background:var(--j2p-cta-pressed)}
    .btn-white{background:#fff;color:var(--navy)}
    .btn-outline-light{border-color:rgba(255,255,255,.24);color:#fff;background:rgba(255,255,255,.03)}
    .text-link{display:inline-flex;gap:8px;align-items:center;font-weight:850;color:var(--blue);font-size:14px}
    .text-link i{font-style:normal;transition:.2s}.text-link:hover i{transform:translateX(4px)}
    html[dir="rtl"] .text-link:hover i:not(.ph){transform:translateX(-4px)}
    /* HERO */
    .hero{
      position:relative;overflow:hidden;
      padding:92px 0 0;
      background:
        radial-gradient(circle at 82% 7%,rgba(231,207,163,.25),transparent 26%),
        linear-gradient(180deg,#fff 0%,#fff 72%,#F7F9FC 100%);
    }
    .hero-copy{text-align:center;max-width:1080px;margin:0 auto;position:relative;z-index:2}
    .hero .display span{color:var(--blue)}
    .hero-lead{
      max-width:780px;margin:28px auto 0;
      color:var(--slate);font-size:var(--text-body-large);line-height:var(--lh-body-large);
    }
    .hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}
    /* Hero proof points use shared .hero-benefits chips in ui-system.css. */

    .hero-product{
      max-width:min(1240px,100%);margin:56px auto 0;position:relative;z-index:3;padding:0 28px 40px;
    }
    html[data-page="home"] main.v3h .hero-product.hero-media--image{
      max-width:min(1240px,100%);
      margin-inline:auto;
    }
    .hero-product.hero-media--image img{
      width:100%;height:auto;display:block;background:transparent;
      object-fit:contain;object-position:center;
      border-radius:24px;
      box-shadow:0 28px 80px rgba(11,31,77,.12);
    }
    .browser{
      border-radius:22px 22px 0 0;background:#fff;border:1px solid var(--line);
      box-shadow:0 40px 100px rgba(11,31,77,.15);
      overflow:hidden;
    }
    .browser-top{
      height:46px;background:#F5F7FA;border-bottom:1px solid #EBEFF5;
      display:flex;align-items:center;justify-content:space-between;padding:0 16px;
    }
    .browser-dots{display:flex;gap:6px}
    .browser-dots i{width:8px;height:8px;background:#CBD5E1;border-radius:50%}
    .browser-url{
      width:280px;height:24px;background:#fff;border:1px solid #E7EBF0;border-radius:7px;
    }
    .product-shell{display:grid;grid-template-columns:176px 1fr;min-height:530px}
    .sidebar{background:var(--navy-deep);padding:24px 16px;color:rgba(255,255,255,.62)}
    .side-logo{color:#fff;font-weight:900;font-size:16px;margin:0 10px 30px}
    .side-item{
      padding:10px 11px;border-radius:9px;font-size:12px;margin:3px 0;
      display:flex;align-items:center;gap:8px;
    }
    .side-item.active{background:rgba(255,255,255,.1);color:#fff}
    .side-icon{width:8px;height:8px;border-radius:3px;background:currentColor;opacity:.65}
    .dashboard{background:#F8FAFC;padding:28px}
    .dashboard-head{display:flex;justify-content:space-between;align-items:center}
    .dashboard-head h3{margin:0;color:var(--navy);font-size:18px}
    .user-pill{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px}
    .user-circle{width:30px;height:30px;background:var(--champagne);border-radius:50%}
    .dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
    .dash-kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}
    .dash-kpi small{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}
    .dash-kpi b{font-size:20px;color:var(--navy)}
    .dash-main{display:grid;grid-template-columns:1.45fr .55fr;gap:13px;margin-top:13px}
    .chart-card,.activity-card{height:275px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;position:relative;overflow:hidden}
    .chart-title{font-size:12px;color:var(--muted);font-weight:800}
    .chart{
      position:absolute;left:15px;right:15px;bottom:18px;height:195px;
      background:
        linear-gradient(to bottom,transparent 24%,#EEF2F7 25%,transparent 26%,transparent 49%,#EEF2F7 50%,transparent 51%,transparent 74%,#EEF2F7 75%,transparent 76%);
    }
    .chart svg{width:100%;height:100%}
    .activity-list{display:grid;gap:0;margin-top:13px}
    .activity{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #EEF2F7}
    .activity-icon{width:28px;height:28px;border-radius:8px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:12px;font-weight:900}
    .activity b{display:block;font-size:12px;color:var(--navy)}.activity span{font-size:11px;color:var(--muted)}
    .activity strong{font-size:12px;color:var(--navy)}
    .floating-card{
      position:absolute;background:#fff;border:1px solid var(--line);border-radius:14px;
      padding:13px 15px;box-shadow:var(--soft-shadow);z-index:5;font-size:12px;
      animation:float 5s ease-in-out infinite;
    }
    .floating-card b{display:block;color:var(--navy);font-size:14px;margin-top:2px}
    .floating-card.one{right:0;top:90px}
    .floating-card.two{left:0;bottom:48px;animation-delay:-2s}
    .floating-card .green{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-inline-end:5px}
    @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

    /* STRIP */
    .channel-strip{padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:#fff;max-width:100%;width:100%;contain:inline-size}
    .channel-strip:hover .marquee,.channel-strip:focus-within .marquee{animation-play-state:paused}
    .channel-strip:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
    .marquee{display:flex;width:max-content;animation:marquee 28s linear infinite}
    .marquee-track{display:flex;align-items:center;gap:42px;padding-inline-end:42px;flex:0 0 auto}
    .marquee span{color:var(--navy);font-size:13px;font-weight:850;white-space:nowrap;display:flex;align-items:center;gap:8px}
    .marquee .ph{font-size:var(--icon-sm);color:var(--navy);flex:0 0 auto;line-height:1}
    @keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

    /* EDITORIAL RESET */
    .statement{padding:110px 0;background:#fff}
    .statement-inner{max-width:1040px;margin:auto}
    .statement .headline{font-size:var(--text-h2);line-height:var(--lh-h2)}
    .statement .headline .blue{color:var(--blue)}
    .statement .statement-foot{display:flex;justify-content:flex-end;margin-top:28px}
    .statement .statement-foot p{width:430px;color:var(--slate);font-size:var(--text-body-large);line-height:var(--lh-body)}

    /* FEATURE STORY */
    .story-section{padding:96px 0}
    .story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}
    .story-grid.reverse{grid-template-columns:1.15fr .85fr}
    .story-grid.reverse .story-copy{order:2}
    .story-copy h2{font-size:var(--text-h2);line-height:var(--lh-h2);letter-spacing:-.035em;margin:0 0 18px}
    .story-copy p{font-size:var(--text-body-large);color:var(--slate);line-height:var(--lh-body-large)}
    .story-list{display:grid;gap:13px;margin:28px 0 0}
    .story-list div{display:flex;align-items:center;gap:10px;color:#344258;font-size:13px}
    .story-list div:before{content:"\e182";font-family:"Phosphor";color:var(--blue);font-weight:normal;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--surface-blue-soft,#EEF4FF);flex:0 0 20px;font-size:13px}
    .ui-stage{
      min-height:560px;border-radius:28px;padding:34px;position:relative;overflow:hidden;
      background:linear-gradient(145deg,#F8FAFC,#EEF3FA);border:1px solid var(--line);
    }
    .ui-stage.warm{background:linear-gradient(145deg,#FBF7F0,#F3E7D5)}
    .ui-stage--image{
      min-height:0;padding:0;overflow:visible;background:transparent;border:0;
    }
    .ui-stage--image img{
      width:100%;height:auto;display:block;background:transparent;
      border-radius:0;
      box-shadow:none;
    }
    .ui-window{
      position:absolute;background:#fff;border:1px solid var(--line);border-radius:18px;
      overflow:hidden;box-shadow:var(--shadow);
    }
    .ui-window .top{height:40px;background:#F4F6F9;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 12px}
    .ui-window .top i{width:7px;height:7px;border-radius:50%;background:#CBD5E1}
    .ui-window .body{padding:20px}
    .window-a{left:34px;right:72px;top:48px;height:380px}
    .window-b{width:250px;right:20px;bottom:26px;height:245px}
    .ui-title{height:12px;width:36%;background:var(--navy);border-radius:8px;margin-bottom:18px}
    .ui-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    .ui-field{height:44px;border:1px solid var(--line);border-radius:10px}
    .ui-field.wide{grid-column:1/-1;height:78px}
    .product-table{display:grid;gap:10px}
    .product-row{display:grid;grid-template-columns:42px 1.4fr .7fr .6fr;gap:10px;align-items:center;border-bottom:1px solid #EEF2F7;padding:9px 0}
    .product-img{height:38px;border-radius:9px;background:linear-gradient(145deg,#E7EDF7,#F6EEE2)}
    .skeleton{height:9px;border-radius:999px;background:#E7ECF4}
    .link-card{background:linear-gradient(145deg,#0B1F4D,#1D4ED8);color:#fff;padding:20px;border-radius:14px;height:100%}
    .link-card small{color:rgba(255,255,255,.55);font-size:9px}.link-card h4{font-size:18px;margin:8px 0 4px}
    .share-row{display:flex;align-items:center;gap:8px;margin-top:20px}.share-chip{box-sizing:border-box;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border:0;border-radius:10px;display:grid;place-items:center;cursor:default;flex:0 0 auto;color:inherit;transition:transform .18s ease,filter .18s ease}.share-chip .ph,.share-chip .ph-fill{font-size:20px;line-height:1;color:inherit}.share-chip--whatsapp{background:#25D366;color:#fff}.share-chip--instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285AEB 90%);color:#fff}.share-chip--facebook{background:#E7F0FD;color:#1877F2}.share-chip--qr{background:#F4F7FB;color:var(--navy)}.share-chip:hover{transform:translateY(-1px);filter:brightness(1.07)}.share-chip:focus{outline:none}.share-chip:focus-visible{outline:2px solid #fff;outline-offset:2px}

    /* LAUNCH */
    .launch{
      background:var(--warm);
      padding:104px 0;
    }
    .launch-head{text-align:center;max-width:900px;margin:auto}
    .launch-head .headline{margin-top:0}
    .launch-head p{max-width:700px;margin:22px auto 0;color:var(--slate);font-size:var(--text-body-large);line-height:var(--lh-body-large)}
    .launch-visual{height:650px;position:relative;max-width:1100px;margin:65px auto 0}
    .launch-visual--image{
      height:auto;display:block;overflow:visible;
    }
    .launch-visual--image img{
      width:100%;height:auto;display:block;
      background:transparent;
      border-radius:0;
    }
    .template{
      position:absolute;background:#fff;border:1px solid #E8E0D4;border-radius:22px;
      box-shadow:0 30px 70px rgba(83,60,31,.14);overflow:hidden;
    }
    .template.desktop{width:70%;height:520px;left:15%;top:0}
    .template.left{width:270px;height:430px;left:0;bottom:0;transform:rotate(-5deg)}
    .template.right{width:270px;height:430px;right:0;bottom:0;transform:rotate(5deg)}
    .store-nav{height:54px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #EEE9E1}
    .store-logo{font-size:11px;font-weight:950;color:var(--navy)}
    .store-links{display:flex;gap:11px}.store-links i{height:7px;width:28px;border-radius:9px;background:#D8DDE5}
    .store-hero{height:225px;background:linear-gradient(125deg,#132F67,#DCC6A3);padding:34px;color:#fff}
    .store-hero-title{font-size:30px;line-height:1.1;margin:0 0 12px;letter-spacing:-.04em;font-weight:700}
    .store-hero p{font-size:10px;color:rgba(255,255,255,.72);width:65%}
    .store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;padding:15px}
    .store-product{height:150px;background:#F5F6F8;border-radius:12px;position:relative}
    .store-product:after{content:"";position:absolute;left:11px;right:35%;bottom:13px;height:7px;border-radius:9px;background:#CFD6E2}
    .template.left .store-hero,.template.right .store-hero{height:160px;padding:22px}
    .template.left .store-hero-title,.template.right .store-hero-title{font-size:20px}
    .template.left .store-grid,.template.right .store-grid{grid-template-columns:1fr 1fr}
    .template.left .store-product,.template.right .store-product{height:95px}

    /* PAYMENTS */
    .payments{
      padding:112px 0;background:
        radial-gradient(circle at 75% 12%,rgba(29,78,216,.28),transparent 30%),
        linear-gradient(165deg,#0B1F4D 0%,#06132F 55%,#081638 100%);
      color:#fff;
    }
    .payment-head{max-width:850px}
    .payment-head .headline{margin:0 0 22px;font-size:var(--text-h2);line-height:var(--lh-h2)}
    .payment-head p{font-size:var(--text-body-large);line-height:var(--lh-body-large);color:rgba(255,255,255,.72);max-width:690px}
    .payment-story{display:grid;grid-template-columns:1.08fr .92fr;gap:44px;margin-top:56px;align-items:center}
    html[dir="rtl"] .payment-story{grid-template-columns:.92fr 1.08fr}
    .checkout-ui{background:#fff;color:var(--ink);border-radius:26px;padding:28px;box-shadow:0 35px 90px rgba(0,0,0,.28)}
    .checkout-ui--image{
      padding:0;background:transparent;box-shadow:none;border-radius:0;
    }
    .checkout-ui--image img{
      width:100%;height:auto;display:block;background:transparent;border-radius:0;box-shadow:none;
    }
    html[dir="rtl"] .checkout-ui--image{direction:ltr}
    .checkout-head{display:flex;justify-content:space-between;align-items:center}
    .checkout-head b{color:var(--navy);font-size:16px}
    .checkout-head span{font-size:12px;color:var(--muted)}
    .checkout-product{margin-top:22px;padding:16px;border-radius:14px;background:#F8FAFC;display:grid;grid-template-columns:54px 1fr auto;gap:13px;align-items:center}
    .checkout-product i{width:54px;height:54px;background:linear-gradient(145deg,#E5EBF6,#F5EBDD);border-radius:12px}
    .checkout-product b{display:block;color:var(--navy);font-size:13px}.checkout-product small{color:var(--muted);font-size:12px}
    .checkout-product strong{color:var(--navy);font-size:12px}
    .payment-choice{display:grid;gap:10px;margin-top:16px}
    .payment-option{border:1px solid var(--line);border-radius:12px;padding:13px;display:flex;align-items:center;justify-content:space-between}
    .payment-option span{font-size:11px;font-weight:850;color:var(--navy)}
    .radio{width:14px;height:14px;border:1px solid #CBD5E1;border-radius:50%}
    .payment-tags{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .payment-tag{border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:22px;background:rgba(255,255,255,.045)}
    .payment-tag b{display:block;font-size:15px;margin-bottom:6px}.payment-tag span{font-size:12px;line-height:1.45;color:rgba(255,255,255,.62)}
    .keep-psp{grid-column:1/-1;background:var(--champagne);color:var(--navy);border:0}
    .payment-tag.keep-psp span{color:#000}

    /* CONTROL CENTER */
    .control{padding:96px 0;background:#fff}
    .control-head{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end}
    .control-head p{color:var(--slate);font-size:18px;margin:0}
    .control-ui{margin-top:60px;border-radius:28px;background:#F7F9FC;border:1px solid var(--line);padding:30px;box-shadow:var(--soft-shadow)}
    .control-ui--image{
      padding:0;background:transparent;border:0;box-shadow:none;
    }
    .control-ui--image img{
      width:100%;height:auto;display:block;background:transparent;
      border-radius:0;
      box-shadow:none;
    }
    .control-shell{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;min-height:540px;display:grid;grid-template-columns:170px 1fr}
    .control-side{background:var(--navy);color:rgba(255,255,255,.6);padding:22px 14px}
    .control-side b{color:#fff;display:block;margin:0 10px 26px}.control-side span{display:block;padding:9px 10px;border-radius:8px;font-size:12px}.control-side span:first-of-type{background:rgba(255,255,255,.1);color:#fff}
    .control-main{padding:28px}
    .control-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
    .control-kpis div{border:1px solid var(--line);border-radius:12px;padding:13px}
    .control-kpis small{display:block;color:var(--muted);font-size:12px}.control-kpis b{color:var(--navy);font-size:19px}
    .control-panels{display:grid;grid-template-columns:1.4fr .6fr;gap:12px;margin-top:12px}
    .control-panel{height:300px;border:1px solid var(--line);border-radius:12px;padding:15px;position:relative;overflow:hidden}
    .control-panel .bars{position:absolute;left:15px;right:15px;bottom:20px;height:210px;display:flex;align-items:end;gap:8px}
    .control-panel .bars b{flex:1;background:linear-gradient(var(--blue),#9BBBF7);border-radius:5px 5px 1px 1px}
    .mini-actions{display:grid;gap:10px;margin-top:15px}.mini-actions div{height:49px;border-radius:11px;background:#F8FAFC;border:1px solid #EEF2F7}

    /* PROOF */
    .proof{padding:96px 0;background:var(--surface)}
    .proof-title{max-width:840px}
    .proof-title .headline{margin-top:0}
    .metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:75px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .metric{padding:34px 22px 36px;border-inline-end:1px solid var(--line)}
    .metric:last-child{border-inline-end:0}
    .metric b{display:block;font-size:clamp(36px,4vw,57px);line-height:1;color:var(--navy);letter-spacing:-.06em}
    .metric:nth-child(3) b{color:#B98A4D}
    .metric span{display:block;color:var(--slate);font-size:12px;font-weight:800;margin-top:11px}
    .metric small{display:block;color:var(--muted);font-size:9px;margin-top:4px}

    /* INTEGRATIONS */
    .integrations{padding:96px 0;background:#fff}
    .integrations-head{text-align:center;max-width:840px;margin:auto}
    .integrations-head .headline{margin-top:0}
    .integrations-head p{color:var(--slate);font-size:var(--text-body-large);max-width:650px;margin:22px auto 0;line-height:var(--lh-body-large)}
    .logo-rows{margin-top:60px;display:grid;gap:14px;width:100%;overflow:hidden;max-width:100%;contain:inline-size}
    .logo-rows.reveal{transform:none}
    .logo-row{display:flex;gap:13px;width:max-content}
    .logo-row.r1{animation:slideLeft 28s linear infinite}
    .logo-row.r2{animation:slideRight 31s linear infinite;transform:translateX(-220px)}
    .logo-chip{
      min-width:168px;height:76px;border:1px solid var(--line);border-radius:14px;background:#fff;
      display:flex;align-items:center;justify-content:center;padding:0 22px;
      font-size:12px;font-weight:900;color:var(--navy);box-shadow:0 7px 22px rgba(3,13,35,.03);
    }
    .logo-chip--img{padding:0 20px}
    .logo-chip--img img{
      display:block;max-width:128px;max-height:40px;width:auto;height:auto;object-fit:contain;
    }
    .logo-chip--visa img{
      height:36px;max-height:36px;max-width:132px;width:auto;
    }
    .logo-chip--soon{position:relative}
    .logo-chip-soon{
      position:absolute;top:6px;inset-inline-end:6px;display:inline-flex;align-items:center;
      min-height:16px;padding:0 7px;border-radius:999px;background:var(--champagne,#E7CFA3);
      color:var(--navy,#0B1F4D);font-size:8px;font-weight:900;letter-spacing:.06em;
      text-transform:uppercase;line-height:1
    }
    html[dir="rtl"] .logo-chip-soon{letter-spacing:0;text-transform:none}
    @keyframes slideLeft{to{transform:translateX(-50%)}}
    @keyframes slideRight{to{transform:translateX(25%)}}
    .integrations-cta{text-align:center;margin-top:38px}

    .final{
      padding:112px 0 96px;background:#fff;text-align:center;
      position:relative;overflow:hidden;
    }
    .final:before{
      content:"";position:absolute;width:520px;height:520px;border-radius:50%;
      border:1px solid rgba(29,78,216,.1);left:50%;top:42%;transform:translate(-50%,-50%);
      box-shadow:
        0 0 0 70px rgba(29,78,216,.045),
        0 0 0 140px rgba(29,78,216,.03),
        0 0 0 210px rgba(29,78,216,.02),
        0 0 0 280px rgba(29,78,216,.012);
      pointer-events:none;
    }
    .final-inner{max-width:900px;margin:auto;position:relative;z-index:2}
    .final-inner .headline,
    main .final .headline{
      font-size:var(--text-h2);
      line-height:var(--lh-h2);
      letter-spacing:-.035em;
      color:var(--navy);
      max-width:none;
      margin:0 auto;
      text-align:center;
    }
    .final-inner p,
    main .final p{
      max-width:650px;color:var(--slate);font-size:var(--text-body-large);line-height:var(--lh-body-large);margin:22px auto 0
    }
    .final-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:31px}

    .reveal{opacity:1;transform:none}
    html.js:not([data-reduced-motion="1"]) .reveal[data-reveal="wait"]:not(.visible){
      opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease
    }
    html.js .reveal.visible,
    html.js .reveal[data-reveal="done"]{opacity:1;transform:none}
    .hero .reveal{opacity:1 !important;transform:none !important}

    @media(max-width:1099px){
      .story-grid,.story-grid.reverse,.payment-story,.control-head{grid-template-columns:1fr}
      .story-grid.reverse .story-copy{order:initial}
      .product-shell{grid-template-columns:135px 1fr}
      .dash-kpis{grid-template-columns:repeat(2,1fr)}
      .metric-grid{grid-template-columns:repeat(3,1fr)}
      .metric:nth-child(3){border-inline-end:0}
      .metric:nth-child(n+4){border-top:1px solid var(--line)}
      .launch-visual{
        height:auto;
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:16px;
        align-items:stretch;
        justify-items:center;
        padding:8px 0 12px;
        overflow:visible;
      }
      .launch-visual--image{
        display:block;height:auto;padding:0;overflow:visible;gap:0;
      }
      .launch-visual--image img{border-radius:0}
      .template,
      .template.desktop,
      .template.left,
      .template.right{
        position:relative;
        inset:auto;
        left:auto;right:auto;top:auto;bottom:auto;
        transform:none;
        width:100%;
        max-width:100%;
        min-width:0;
        height:auto;
        min-height:380px;
      }
      .template.desktop{grid-column:1 / -1;max-width:420px;min-height:420px}
      .payment-story{min-width:0}
      .checkout-ui,.checkout-card,.payment-copy{width:100%;max-width:100%;min-width:0}
    }
    @media(max-width:767px){
      .launch-visual{grid-template-columns:1fr}
      .template.desktop{grid-column:auto;max-width:100%}
    }
    @media(max-width:720px){
      .container{padding:0 20px}
      .section,.story-section{padding:86px 0}
      .hero{padding-top:65px}
      .hero .display{font-size:var(--text-display)}
      .hero-lead{font-size:var(--text-body-large)}
      .hero-product{padding:0 10px 28px;margin-top:40px}
      .hero-product.hero-media--image img{border-radius:16px}
      .browser-top{height:38px}.browser-url{width:150px}
      .product-shell{grid-template-columns:1fr;min-height:460px}.sidebar{display:none}.dashboard{padding:16px}
      .dash-main{grid-template-columns:1fr}.activity-card{display:none}
      .statement{padding:72px 0}.statement .headline{font-size:var(--text-h2)}.statement .statement-foot{justify-content:flex-start}.statement .statement-foot p{width:auto}
      .story-grid,.story-grid.reverse{gap:38px}
      .ui-stage{min-height:440px;padding:18px}.ui-stage--image{min-height:0;padding:0}.ui-stage--image img{border-radius:0}.window-a{left:18px;right:35px;top:28px}.window-b{width:205px;right:10px;bottom:18px}.window-b .link-card{padding:12px}.window-b .share-row{gap:5px}
      .launch{padding:88px 0}
      .payments{padding:96px 0}
      .payment-story{gap:35px}.payment-tags{grid-template-columns:1fr}
      .control{padding:88px 0}.control-ui{padding:12px}.control-ui--image{padding:0}.control-ui--image img{border-radius:0}.control-shell{grid-template-columns:1fr;min-height:460px}.control-side{display:none}.control-main{padding:17px}.control-kpis{grid-template-columns:repeat(2,1fr)}.control-panels{grid-template-columns:1fr}.control-panels .control-panel:last-child{display:none}
      .proof{padding:80px 0}.metric-grid{grid-template-columns:1fr;}.metric{border-top:1px solid var(--line);border-inline-end:0;padding:24px 8px 26px;min-width:0}.metric:first-child{border-top:0}.metric:last-child{grid-column:auto;border-inline-end:0}
      .metric b{font-size:clamp(28px,10vw,40px);overflow-wrap:anywhere}
      .integrations{padding:88px 0}.logo-chip{min-width:148px;height:72px}
      .final{padding:88px 0}.final-inner .headline{font-size:var(--text-h2)}
      .launch-visual{
        height:auto;
        display:flex;
        gap:16px;
        overflow-x:auto;
        overflow-y:visible;
        scroll-snap-type:x mandatory;
        scroll-padding-inline:20px;
        padding:8px 4px 28px;
        -webkit-overflow-scrolling:touch;
        overscroll-behavior-x:contain;
      }
      .launch-visual--image{
        display:block;overflow:visible;padding:0;gap:0;
        scroll-snap-type:none;
      }
      .launch-visual--image img{border-radius:0}
      .template,
      .template.desktop,
      .template.left,
      .template.right{
        position:relative;
        inset:auto;
        left:auto;right:auto;top:auto;bottom:auto;
        transform:none;
        flex:0 0 min(300px, 84vw);
        width:min(300px, 84vw);
        height:380px;
        scroll-snap-align:center;
      }
      .template.desktop{
        flex-basis:min(360px, 88vw);
        width:min(360px, 88vw);
        height:420px;
      }
    }

.btn-light{
  background:#fff;color:var(--navy);border-color:var(--line);
  box-shadow:0 8px 22px rgba(11,31,77,.06);
}
.final-actions--single{
  justify-content:center;
}
.connect-grow{
  padding:64px 0 72px;
  background:#fff;
}
.connect-grow-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
  align-items:stretch;
}
.connect-grow-card{
  display:flex;
  flex-direction:column;
  gap:24px;
  height:auto;
  min-height:0;
  border-radius:28px;
  padding:44px 40px;
}
.connect-grow-card > :first-child{
  display:flex;
  flex-direction:column;
  gap:20px;
}
.connect-grow-card h2{
  margin:0;
  font-size:clamp(1.5rem, 2.2vw, 2rem);
  line-height:1.22;
  letter-spacing:-.03em;
  font-weight:700;
  max-width:16ch;
}
.connect-grow-card p{
  margin:0;
  max-width:42ch;
  font-size:16px;
  line-height:1.55;
}
.connect-grow-foot{
  margin-top:auto;
  padding-top:4px;
}
.connect-grow-card--eco{
  background:linear-gradient(180deg,#F5F8FC 0%,#E8EEF6 100%);
  border:1px solid #E4EAF2;
}
.connect-grow-card--eco h2{color:var(--navy)}
.connect-grow-card--eco p{color:var(--slate)}
.connect-grow-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
}
.connect-grow-tag{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid #D7DEE8;
  color:var(--navy);
  font-size:12.5px;
  font-weight:700;
  white-space:nowrap;
  cursor:pointer;
}
.connect-grow-tag:hover{border-color:var(--blue);color:var(--blue)}
.connect-grow-tag:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.connect-grow-card--plan{
  background:
    radial-gradient(circle at 72% 0%,rgba(29,78,216,.28),transparent 42%),
    linear-gradient(180deg,#16356F 0%,#0B1F4D 58%,#06132F 100%);
  color:#fff;
  box-shadow:0 24px 70px rgba(6,19,47,.22);
}
.connect-grow-card--plan .eyebrow{color:rgba(255,255,255,.72)}
.connect-grow-card--plan h2{color:#fff}
.connect-grow-card--plan p{color:rgba(255,255,255,.62)}
.connect-grow-price{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  column-gap:12px;
  row-gap:6px;
  margin:0;
}
.connect-grow-price strong{
  font-size: clamp(2rem, 3.2vw, 2.75rem);
  line-height: 1;
  letter-spacing: -.04em;
  font-weight: 800;
  color: var(--champagne);
  white-space: nowrap;
  flex: 0 0 auto;
}
.connect-grow-price span{
  max-width:16ch;
  flex: 1 1 10ch;
  font-size:13px;
  line-height:1.4;
  color:rgba(255,255,255,.58);
}
.connect-grow-card--plan .btn-gold{
  width:fit-content;
  min-width:148px;
  border-radius:14px;
  cursor:pointer;
}
.connect-grow-card--plan .btn-gold:hover{background:var(--j2p-cta-hover)}
.connect-grow-card--plan .btn-gold:focus-visible{
  outline:2px solid var(--champagne);
  outline-offset:3px;
}
html[lang="ar"] .connect-grow-card h2{
  line-height:1.3;
  letter-spacing:0;
}
html[lang="ar"] .connect-grow-card p{
  line-height:1.65;
}
html[lang="ar"] .connect-grow-price strong{
  white-space:normal;
}

@media(max-width:1024px){
  .connect-grow-card{padding:36px 32px;gap:22px}
  .connect-grow-card > :first-child{gap:18px}
  .connect-grow-card h2{max-width:none}
}
@media(max-width:767px){
  .connect-grow{padding:48px 0 56px}
  .connect-grow-grid{grid-template-columns:1fr}
  .connect-grow-card{
    height:auto;
    min-height:0;
    padding:24px;
    gap:20px;
    border-radius:24px;
  }
  .connect-grow-card h2{max-width:none}
  .connect-grow-foot{margin-top:0;padding-top:0}
  .connect-grow-price{align-items:flex-start}
  .connect-grow-price span{max-width:16ch}
}

.v3h { color: var(--ink); background: #fff; }
body:has(.v3h) { background: #fff; }
html[dir="rtl"] .eyebrow { letter-spacing: 0; text-transform: none; }
html[dir="rtl"] .floating-card.one { right: auto; left: 0; }
html[dir="rtl"] .floating-card.two { left: auto; right: 0; }
html[dir="rtl"] .template.left { left: auto; right: 0; transform: rotate(5deg); }
html[dir="rtl"] .template.right { right: auto; left: 0; transform: rotate(-5deg); }
@media (max-width: 1099px) { html[dir="rtl"] .template.left, html[dir="rtl"] .template.right { left: auto; right: auto; transform: none; } }
html[dir="rtl"] .window-a { left: 72px; right: 34px; }
html[dir="rtl"] .window-b { right: auto; left: 20px; }
html[dir="rtl"] .story-list div:before { content: "\e182"; font-family: "Phosphor"; }
.btn { cursor: pointer; }
.btn:focus-visible, .text-link:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
@media (max-width: 767px) { .hero-actions, .final-actions { width: 100%; } }
@media (max-width: 480px) { .hero-actions .btn, .final-actions .btn { width: 100%; min-height: 44px; } .container { padding: 0 16px; } }
@media (prefers-reduced-motion: reduce) {
  .floating-card, .marquee, .logo-row { animation: none !important; }
  .reveal { opacity: 1; transform: none; transition: none; }
  .channel-strip { padding-inline: 16px; }
  .channel-strip .marquee { flex-wrap: wrap; width: 100%; max-width: 100%; justify-content: center; }
  .channel-strip .marquee-track { flex-wrap: wrap; justify-content: center; width: 100%; max-width: 100%; padding-inline-end: 0; row-gap: 12px; column-gap: 24px; }
  .channel-strip .marquee-track[aria-hidden="true"] { display: none; }
}
/* TYP-006 arabic display line-height */
html[lang="ar"] .v3h .display{line-height:var(--lh-display);letter-spacing:normal}
html[lang="ar"] .v3h .headline{line-height:var(--lh-h2);letter-spacing:normal}
html[lang="ar"] .metric b{
  letter-spacing:normal;
  direction:ltr;
  unicode-bidi:isolate;
  text-align:right;
}