.skip-link{position:absolute;inset-inline-start:12px;top:-48px;z-index:80;padding:8px 12px;border-radius:8px;background:#1769ff;color:#fff;font-weight:800}
.skip-link:focus{top:8px}
.lang-switch{color:#1769ff;font-weight:800}
html[lang="ar"] body.marketing-app{font-family:"Cairo","Heebo",sans-serif}
.faq-list{display:grid;gap:12px;max-width:820px;margin:28px auto 0;text-align:start}
.faq-list details{padding:16px 18px;border:1px solid #d7e4f4;border-radius:14px;background:#fff}
.faq-list summary{cursor:pointer;color:#10254e;font-weight:800}
.faq-list p{margin:10px 0 0;color:#526582}
.demo-section{padding:8px 0 36px}
.demo-stage{max-width:860px;margin:22px auto 0;padding:10px 10px 12px;border-radius:24px;background:#10254e;box-shadow:0 22px 48px #16325a29}
.demo-video{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:16px;background:#071525;object-fit:contain}
.demo-controls{display:flex;align-items:center;gap:8px;margin-top:10px}
body.marketing-app .demo-controls button{border:0;border-radius:999px;background:#1769ff;color:#fff;font:inherit;font-size:13px;font-weight:800;padding:8px 12px;cursor:pointer}
body.marketing-app .demo-controls button:hover{background:#0f57d6}
.demo-controls button:focus-visible,.demo-controls input:focus-visible{outline:3px solid #8eb6ff;outline-offset:2px}
.demo-controls input[type=range]{flex:1;min-width:40px;accent-color:#8eb6ff;direction:ltr}
.demo-time{direction:ltr;color:#d5e4ff;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.demo-stage:fullscreen{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:none;box-sizing:border-box;padding:16px;background:#071525}
.demo-stage:fullscreen .demo-video{width:auto;max-width:100%;max-height:calc(100vh - 84px);margin-inline:auto}
@media (max-width:520px){
  .demo-controls{flex-wrap:wrap}
  .demo-controls input[type=range]{flex-basis:100%;order:5}
}
.platform-note{padding:28px 0 8px}
.platform-note p{max-width:760px;margin:8px auto 0;color:#526582;text-align:center}