:root{--navy:#071f4a;--blue:#086cff;--blue2:#12a8ff;--gold:#f2b83f;--ink:#0d1b34;--muted:#5d6b82;--line:#e8edf5;--soft:#f6f8fc;--white:#fff;--radius:22px;--shadow:0 18px 60px rgba(8,31,74,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(8,31,74,.06)}.nav-wrap{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img,.custom-logo{height:42px;width:auto}.main-nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:750}.main-nav a:not(.nav-cta){color:#34425a}.nav-cta{padding:11px 17px;border-radius:999px;background:var(--navy);color:#fff}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:5px 0}
.hero{overflow:hidden;padding:72px 0 56px;background:radial-gradient(circle at 80% 20%,rgba(8,108,255,.13),transparent 34%),linear-gradient(180deg,#fff,#f7faff)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:58px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:850;letter-spacing:.15em;color:var(--blue);text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:2px;background:currentColor}.hero h1{font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.05em;margin:18px 0 22px;max-width:780px}.hero-text{font-size:20px;color:var(--muted);max-width:650px;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:14px;font-weight:850;transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--blue),#004dcc);color:#fff;box-shadow:0 12px 30px rgba(8,108,255,.28)}.btn-secondary{border:1px solid #d9e2ef;background:#fff}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px;color:#526177;font-size:13px;font-weight:700}.product-stage{position:relative;border-radius:30px;padding:14px;background:linear-gradient(135deg,#eaf2ff,#fff);box-shadow:var(--shadow)}.hero-img{aspect-ratio:1/1;object-fit:cover;border-radius:22px}.floating-card{position:absolute;left:-24px;bottom:34px;background:#fff;padding:13px 16px;border-radius:14px;box-shadow:0 16px 35px rgba(13,27,52,.18);display:flex;flex-direction:column;font-size:13px}.floating-card strong{font-size:16px;color:var(--blue)}
.quick-strip{border-block:1px solid var(--line);background:#fff}.quick-grid{min-height:72px;display:grid;grid-template-columns:repeat(6,1fr);align-items:center;text-align:center;color:#4b5870;font-size:13px;font-weight:850;letter-spacing:.02em}.quick-grid span+span{border-left:1px solid var(--line)}
.section{padding:100px 0}.soft{background:var(--soft)}.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.media-card{border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.media-card img{width:100%;aspect-ratio:1/1;object-fit:cover}.section h2{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.04em;margin:15px 0 18px}.section p{color:var(--muted);font-size:17px}.feature-list{display:grid;gap:16px;margin:28px 0}.feature-list>div{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:14px 0;border-top:1px solid var(--line)}.feature-list b{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eaf2ff;color:var(--blue);font-size:12px}.feature-list span{display:flex;flex-direction:column;gap:2px}.feature-list small{color:var(--muted)}.text-link{display:inline-flex;color:var(--blue);font-weight:850}.section-head{text-align:center;max-width:760px;margin:0 auto 46px}.section-head p{margin:0 auto}.align-left{text-align:left;margin-left:0}.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.use-card{background:#fff;border:1px solid var(--line);padding:28px;border-radius:22px;box-shadow:0 8px 25px rgba(8,31,74,.04)}.use-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#071f4a,#086cff);color:#fff;display:grid;place-items:center;font-size:20px;margin-bottom:28px}.use-card h3,.steps h3{margin:0 0 8px;font-size:20px}.use-card p,.steps p{margin:0;font-size:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{padding:30px;border:1px solid var(--line);border-radius:22px}.steps article>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--navy);color:#fff;font-weight:900;margin-bottom:28px}.dark-section{background:linear-gradient(135deg,#031638,#082760);color:#fff;overflow:hidden}.dark-section .light,.final-cta .light{color:#86c6ff}.dark-section p{color:#c3cee1}.examples-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px;align-items:center}.examples-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.examples-scroll figure{margin:0;scroll-snap-align:start;background:#fff;border-radius:20px;overflow:hidden;color:var(--ink)}.examples-scroll img{aspect-ratio:1/1;object-fit:cover}.examples-scroll figcaption{padding:12px 14px;font-weight:800}.faq-wrap{max-width:900px}.faq-list{display:grid;gap:12px}.faq-list details{border:1px solid var(--line);border-radius:16px;background:#fff;padding:0 20px}.faq-list summary{cursor:pointer;list-style:none;font-weight:850;padding:20px 0;display:flex;justify-content:space-between;align-items:center}.faq-list summary:after{content:"+";font-size:24px;color:var(--blue)}.faq-list details[open] summary:after{content:"–"}.faq-list p{margin:0 0 20px;font-size:15px}.final-cta{padding:72px 0;background:linear-gradient(135deg,#086cff,#071f4a);color:#fff}.final-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px}.final-grid h2{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.04em;margin:14px 0}.final-grid p{color:#d6e7ff;margin:0}.btn-light{background:#fff;color:var(--navy);white-space:nowrap}.site-footer{padding:58px 0 26px;background:#06132f;color:#dbe5f7}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-grid>div{display:flex;flex-direction:column;gap:10px}.footer-grid p{max-width:300px;color:#8fa1be}.footer-grid a,.footer-grid span{color:#aebbd0;font-size:14px}.footer-logo{filter:brightness(0) invert(1);width:180px}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);margin-top:35px;padding-top:22px;display:flex;justify-content:space-between;font-size:13px;color:#8092ad}.mobile-whatsapp{display:none}
@media(max-width:900px){.menu-toggle{display:block}.main-nav{position:absolute;left:16px;right:16px;top:68px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px;display:none;flex-direction:column;align-items:stretch;gap:4px}.main-nav.is-open{display:flex}.main-nav a{padding:12px 10px}.nav-cta{text-align:center;margin-top:6px}.hero{padding:44px 0 36px}.hero-grid,.split,.examples-grid,.final-grid{grid-template-columns:1fr}.hero-grid{gap:34px}.hero-copy{order:1}.hero-visual{order:2}.hero h1{font-size:clamp(38px,10vw,58px)}.hero-text{font-size:17px}.floating-card{left:12px;bottom:20px}.quick-grid{grid-template-columns:repeat(3,1fr);padding:14px 0;gap:0}.quick-grid span{padding:10px 4px}.quick-grid span:nth-child(4){border-left:0}.section{padding:72px 0}.split{gap:36px}.use-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.examples-grid{gap:28px}.final-grid{gap:28px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.mobile-whatsapp{display:flex;position:fixed;z-index:98;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));height:52px;border-radius:16px;background:#14a85c;color:#fff;align-items:center;justify-content:center;font-weight:900;box-shadow:0 12px 32px rgba(0,0,0,.25)}body{padding-bottom:76px}}
@media(max-width:560px){.container{width:min(100% - 24px,1160px)}.nav-wrap{height:64px}.brand img,.custom-logo{height:36px}.hero{padding-top:34px}.eyebrow{font-size:10px}.hero h1{margin-top:14px;font-size:40px}.hero-actions{display:grid}.btn{width:100%}.trust-row{gap:10px;font-size:12px}.quick-grid{font-size:11px}.section{padding:58px 0}.section h2{font-size:34px}.section p{font-size:16px}.use-grid{grid-template-columns:1fr}.use-card{padding:22px}.examples-scroll{grid-auto-columns:82%}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.final-grid{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
/* Header logo + language switch */
.brand{display:flex;align-items:center;flex:0 0 auto}.brand img,.custom-logo{display:block;height:44px!important;width:auto!important;max-width:190px;object-fit:contain;background:transparent!important}.header-actions{display:flex;align-items:center;gap:8px}.lang-switch{display:flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:999px;background:#f7f9fc}.lang-btn{border:0;background:transparent;color:#526177;min-width:34px;height:30px;padding:0 9px;border-radius:999px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.lang-btn.is-active{background:var(--navy);color:#fff;box-shadow:0 3px 10px rgba(7,31,74,.14)}
@media(min-width:901px){.header-actions{order:3}.main-nav{margin-left:auto}.lang-switch{margin-left:8px}}
@media(max-width:560px){.brand img,.custom-logo{height:38px!important;max-width:155px}.lang-switch{padding:2px}.lang-btn{min-width:30px;height:28px;padding:0 7px}.nav-wrap{gap:10px}}

/* Arabic / RTL */
html[dir="rtl"] body{font-family:Tahoma,"Segoe UI",Arial,sans-serif;text-align:right}html[dir="rtl"] .nav-wrap{direction:rtl}html[dir="rtl"] .main-nav{direction:rtl}html[dir="rtl"] .eyebrow:before{order:2}html[dir="rtl"] .hero-actions,html[dir="rtl"] .trust-row{direction:rtl}html[dir="rtl"] .feature-list>div{grid-template-columns:1fr 44px}html[dir="rtl"] .feature-list>div>b{grid-column:2;grid-row:1}html[dir="rtl"] .feature-list>div>span{grid-column:1;grid-row:1}html[dir="rtl"] .text-link{direction:rtl}html[dir="rtl"] .section-head.align-left{text-align:right;margin-right:0;margin-left:auto}html[dir="rtl"] .faq-list summary{direction:rtl}html[dir="rtl"] .footer-grid,html[dir="rtl"] .footer-bottom{direction:rtl}html[dir="rtl"] .examples-scroll{direction:rtl}html[dir="rtl"] .final-grid{text-align:right}
@media(max-width:900px){html[dir="rtl"] .main-nav{left:16px;right:16px;text-align:right}html[dir="rtl"] .mobile-whatsapp{direction:rtl}}

/* v1.2 — clean brand logo, compact hero callout, moving QR services ticker */
.brand{min-width:0}
.brand img{height:40px!important;width:auto!important;max-width:172px!important;object-fit:contain;background:transparent!important;border:0!important;box-shadow:none!important}
.footer-logo{filter:none!important;width:150px;height:auto}

/* QR template ticker */
.qr-ticker{position:relative;background:#fff;border-block:1px solid var(--line);overflow:hidden;padding:15px 0 0}
.ticker-heading{display:flex;align-items:center;gap:12px;padding-bottom:12px;white-space:nowrap;overflow:hidden}
.ticker-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--blue);text-transform:uppercase;flex:0 0 auto}
.ticker-kicker:before{content:"";display:inline-block;width:22px;height:2px;background:var(--blue);vertical-align:middle;margin-right:8px}
.ticker-note{font-size:12px;color:#6b778b;overflow:hidden;text-overflow:ellipsis}
.ticker-window{width:100%;overflow:hidden;border-top:1px solid #f1f4f8;background:linear-gradient(90deg,#fff,#f7faff 50%,#fff)}
.ticker-track{display:flex;width:max-content;animation:qrveTicker 24s linear infinite;will-change:transform}
.ticker-set{display:flex;align-items:center;flex:none;padding:0 8px}
.ticker-set span{display:flex;align-items:center;gap:8px;min-height:50px;padding:0 19px;color:#34425a;font-size:13px;font-weight:850;white-space:nowrap}
.ticker-set span:before{content:"";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--blue2),var(--blue));box-shadow:0 0 0 4px rgba(8,108,255,.08)}
@keyframes qrveTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.qr-ticker:hover .ticker-track{animation-play-state:paused}

@media(max-width:900px){
  .floating-card{left:auto;right:12px;bottom:auto;top:12px;max-width:148px;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);box-shadow:0 10px 28px rgba(13,27,52,.15);font-size:10px;line-height:1.25}
  .floating-card strong{font-size:13px}
  .ticker-heading{padding-bottom:10px}
  .ticker-track{animation-duration:18s}
  .ticker-set span{min-height:46px;padding:0 15px;font-size:12px}
}
@media(max-width:560px){
  .brand img{height:34px!important;max-width:138px!important}
  .nav-wrap{height:64px}
  .product-stage{padding:9px;border-radius:24px}
  .hero-img{border-radius:18px}
  .floating-card{right:8px;top:8px;max-width:128px;padding:7px 9px;border-radius:10px;font-size:9px}
  .floating-card strong{font-size:12px}
  .ticker-heading{gap:8px;align-items:flex-start;flex-direction:column;white-space:normal;padding-bottom:10px}
  .ticker-kicker{font-size:9px}
  .ticker-note{font-size:11px;line-height:1.35;white-space:normal}
  .ticker-track{animation-duration:16s}
  .ticker-set span{min-height:44px;padding:0 13px;font-size:11px}
}
html[dir="rtl"] .ticker-kicker:before{margin-right:0;margin-left:8px}
html[dir="rtl"] .ticker-heading{direction:rtl}
html[dir="rtl"] .ticker-window{direction:ltr}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.ticker-window{overflow-x:auto}.ticker-set:nth-child(2){display:none}}


/* v1.3 — editorial / sales education section */
.insights-section{background:linear-gradient(180deg,#fff 0%,#f7faff 100%);border-top:1px solid #f0f3f8}
.insights-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:42px;align-items:end;margin-bottom:30px}
.insights-intro .section-head{margin-bottom:0}
.insights-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.insights-tags span{padding:9px 12px;border:1px solid #dfe8f5;border-radius:999px;background:#fff;color:#40506a;font-size:12px;font-weight:800;box-shadow:0 5px 18px rgba(8,31,74,.04)}
.articles-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:18px}
.article-card{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 12px 34px rgba(8,31,74,.06);min-width:0;transition:transform .2s ease,box-shadow .2s ease}
.article-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(8,31,74,.10)}
.article-media{display:block;overflow:hidden;background:#eaf1fb}
.article-media img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .35s ease}
.article-card:hover .article-media img{transform:scale(1.025)}
.article-body{padding:20px}
.article-meta{display:flex;align-items:center;gap:10px;color:#748199;font-size:11px;font-weight:750;margin-bottom:12px}
.article-meta span{color:var(--blue);background:#edf5ff;padding:5px 8px;border-radius:999px}
.article-card h3{font-size:20px;line-height:1.2;letter-spacing:-.025em;margin:0 0 10px}
.article-featured h3{font-size:26px}
.article-card p{font-size:14px;color:var(--muted);margin:0 0 16px}
.article-link{font-size:13px;font-weight:900;color:var(--blue)}
.article-empty{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:28px;border:1px dashed #bfd0e7;border-radius:24px;background:rgba(255,255,255,.78)}
.article-empty-copy h3{font-size:24px;margin:8px 0 10px}.article-empty-copy p{margin:0;color:var(--muted)}
.mini-label{font-size:10px;letter-spacing:.15em;font-weight:900;color:var(--blue)}
.editorial-ideas{display:grid;gap:10px}.editorial-ideas span{padding:14px 15px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:800;color:#35445e}
@media(max-width:900px){.insights-intro{grid-template-columns:1fr;gap:18px}.insights-tags{justify-content:flex-start}.articles-grid{grid-template-columns:1fr 1fr}.article-featured{grid-column:1/-1;display:grid;grid-template-columns:1.05fr .95fr}.article-featured .article-media img{height:100%;aspect-ratio:auto}.article-empty{grid-template-columns:1fr}}
@media(max-width:560px){.insights-intro{margin-bottom:20px}.insights-tags{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.insights-tags::-webkit-scrollbar{display:none}.insights-tags span{flex:0 0 auto;font-size:10px;padding:8px 10px}.articles-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:2px 2px 10px;margin-inline:-2px}.article-card,.article-featured{display:block;flex:0 0 86%;scroll-snap-align:start}.article-featured .article-media img,.article-media img{aspect-ratio:16/10;height:auto}.article-body{padding:17px}.article-featured h3,.article-card h3{font-size:19px}.article-empty{padding:20px}.editorial-ideas{gap:8px}}
html[dir="rtl"] .insights-tags{justify-content:flex-start;direction:rtl}html[dir="rtl"] .article-meta,html[dir="rtl"] .article-body,html[dir="rtl"] .article-empty{text-align:right;direction:rtl}

/* v1.4 — mobile swipe cards + centered icons */
.use-card .use-icon{margin-left:auto;margin-right:auto}
.steps article>span{margin-left:auto;margin-right:auto}

@media(max-width:560px){
  /* Swipeable service cards instead of a long vertical stack */
  .use-grid{
    display:flex;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    padding:4px 12px 14px 2px;
    margin-right:-12px;
  }
  .use-grid::-webkit-scrollbar{display:none}
  .use-card{
    flex:0 0 82%;
    min-width:82%;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    text-align:center;
    padding:24px 20px;
  }
  .use-icon{margin:0 auto 20px!important}
  .use-card h3{font-size:20px}
  .use-card p{font-size:15px}

  /* The 3-step process is also swipeable on phones */
  .steps{
    display:flex;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    padding:4px 12px 14px 2px;
    margin-right:-12px;
  }
  .steps::-webkit-scrollbar{display:none}
  .steps article{
    flex:0 0 82%;
    min-width:82%;
    min-height:260px;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center;
    padding:28px 22px;
  }
  .steps article>span{margin:0 auto 22px!important}
  .steps h3{font-size:21px}
  .steps p{font-size:15px}

  /* Subtle visual hint that there is more content to swipe */
  .use-grid:after,.steps:after{content:"";flex:0 0 4px}
}

html[dir="rtl"] .use-grid,html[dir="rtl"] .steps{direction:rtl}
@media(max-width:560px){
  html[dir="rtl"] .use-grid,html[dir="rtl"] .steps{margin-right:0;margin-left:-12px;padding:4px 2px 14px 12px}
}

/* v1.5 desktop showcase + editorial refinement */
.showcase-section{padding:96px 0 104px}
.showcase-head{max-width:760px;margin:0 auto 44px;text-align:center}
.showcase-head h2{max-width:720px;margin:14px auto 16px;color:#fff}
.showcase-head p{max-width:650px;margin:0 auto;color:#c7d4e9}
.showcase-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;overflow:visible;padding:0}
.showcase-cards figure{min-width:0;border-radius:24px;background:#fff;box-shadow:0 18px 44px rgba(0,0,0,.18);transition:transform .22s ease,box-shadow .22s ease}
.showcase-cards figure:hover{transform:translateY(-5px);box-shadow:0 24px 54px rgba(0,0,0,.24)}
.showcase-image{overflow:hidden;background:#edf3fb;aspect-ratio:4/3}
.showcase-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;transition:transform .35s ease}
.showcase-cards figure:hover img{transform:scale(1.025)}
.showcase-cards figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px}
.showcase-cards figcaption span{font-weight:900;font-size:16px}
.showcase-cards figcaption small{font-size:11px;color:#78859a;text-align:right}

.insights-section{padding-top:94px;padding-bottom:104px}
.insights-intro{max-width:960px;margin:0 auto 38px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.insights-intro .section-head{margin:0 auto;text-align:center;max-width:820px}
.insights-intro .section-head p{max-width:760px;margin:0 auto}
.insights-tags{justify-content:center}
.articles-grid{margin-top:10px}
.article-card{border-radius:24px;overflow:hidden;border:1px solid #e3eaf3;box-shadow:0 14px 38px rgba(8,31,74,.07)}
.article-card:hover{box-shadow:0 20px 48px rgba(8,31,74,.11)}
.editorial-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:8px}
.preview-article{min-height:250px;padding:26px;border:1px solid #e0e7f1;border-radius:24px;background:#fff;box-shadow:0 12px 32px rgba(8,31,74,.055);display:flex;flex-direction:column;align-items:flex-start}
.preview-kicker{font-size:10px;letter-spacing:.13em;font-weight:900;color:var(--blue);margin-bottom:18px}
.preview-article h3{font-size:22px;line-height:1.2;letter-spacing:-.025em;margin:0 0 14px;color:var(--ink)}
.preview-article p{font-size:14px!important;line-height:1.65;margin:0 0 24px;color:var(--muted)}
.preview-status{margin-top:auto;display:inline-flex;padding:7px 10px;border-radius:999px;background:#edf5ff;color:var(--blue);font-size:11px;font-weight:850}
.editorial-note{text-align:center!important;margin:22px auto 0!important;max-width:760px;font-size:12px!important;color:#8b97a8!important}
.editorial-note>span:first-child{font-weight:900;color:#60728d}

@media(max-width:900px){
  .showcase-head{text-align:left;margin-left:0}
  .showcase-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:2px 2px 12px;scrollbar-width:none}
  .showcase-cards::-webkit-scrollbar{display:none}
  .showcase-cards figure{flex:0 0 72%;scroll-snap-align:start}
  .editorial-preview{grid-template-columns:1fr 1fr}
  .insights-intro{align-items:flex-start;text-align:left}
  .insights-intro .section-head{text-align:left;margin-left:0}
  .insights-tags{justify-content:flex-start}
}
@media(max-width:560px){
  .showcase-section{padding:64px 0 70px}
  .showcase-head{margin-bottom:26px}
  .showcase-head h2{font-size:34px}
  .showcase-cards figure{flex-basis:84%;border-radius:20px}
  .showcase-cards figcaption{padding:13px 14px}
  .showcase-cards figcaption small{font-size:10px}
  .insights-section{padding-top:66px;padding-bottom:72px}
  .insights-intro{margin-bottom:24px}
  .editorial-preview{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:2px 2px 10px;scrollbar-width:none}
  .editorial-preview::-webkit-scrollbar{display:none}
  .preview-article{flex:0 0 86%;scroll-snap-align:start;min-height:245px;padding:22px}
  .preview-article h3{font-size:20px}
}
html[dir="rtl"] .showcase-head,html[dir="rtl"] .insights-intro,html[dir="rtl"] .insights-intro .section-head{text-align:right}
html[dir="rtl"] .showcase-cards{direction:rtl}
html[dir="rtl"] .showcase-cards figcaption small{text-align:left}
html[dir="rtl"] .preview-article{text-align:right;align-items:flex-start;direction:rtl}

/* v1.6 — stronger responsive headings for mobile, especially Arabic */
.section-head,
.examples-copy,
.faq-wrap,
.hero-copy{min-width:0}
.section-head h2,
.examples-copy h2,
.faq-wrap h2,
.final-grid h2,
.split h2{max-width:14ch;margin-inline:auto}
.section-head.align-left h2,
.examples-copy h2,
.faq-wrap h2,
.final-grid h2,
.split h2{margin-inline:0}

@media (max-width: 900px){
  .hero h1{font-size:clamp(34px,8.5vw,52px);line-height:1.08;letter-spacing:-.04em;max-width:12ch}
  .section h2,
  .final-grid h2{font-size:clamp(28px,7.2vw,40px);line-height:1.15;letter-spacing:-.03em;max-width:12ch;text-wrap:balance}
  .section-head{margin-bottom:34px}
  .section-head h2,
  .examples-copy h2,
  .faq-wrap h2,
  .final-grid h2,
  .split h2{max-width:11ch}
  .use-card h3,
  .steps h3{font-size:clamp(21px,5.2vw,26px);line-height:1.24;text-wrap:balance}
  .faq-list summary{font-size:17px;line-height:1.35}
  .examples-scroll figcaption{font-size:16px;line-height:1.35}
}

@media (max-width: 560px){
  .hero h1{font-size:clamp(30px,8vw,40px);line-height:1.1;max-width:10ch}
  .section h2,
  .final-grid h2{font-size:clamp(24px,7vw,32px);line-height:1.18;letter-spacing:-.025em;max-width:10.5ch}
  .section-head{margin-bottom:28px}
  .section-head h2,
  .examples-copy h2,
  .faq-wrap h2,
  .final-grid h2,
  .split h2{max-width:10ch}
  .use-card h3,
  .steps h3{font-size:22px;line-height:1.24}
  .hero-text,.section p{font-size:15px;line-height:1.75}
}

html[dir="rtl"] .hero h1,
html[dir="rtl"] .section h2,
html[dir="rtl"] .final-grid h2,
html[dir="rtl"] .use-card h3,
html[dir="rtl"] .steps h3,
html[dir="rtl"] .faq-list summary{letter-spacing:0;line-height:1.3;text-wrap:balance}

@media (max-width: 560px){
  html[dir="rtl"] .hero h1{font-size:clamp(28px,7.8vw,38px);line-height:1.24}
  html[dir="rtl"] .section h2,
  html[dir="rtl"] .final-grid h2{font-size:clamp(23px,6.8vw,30px);line-height:1.26}
  html[dir="rtl"] .use-card h3,
  html[dir="rtl"] .steps h3{font-size:20px;line-height:1.32}
}