@font-face{font-family:DIN;src:url('./DINNextLTArabic-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:DIN;src:url('./DINNextLTArabic-Bold.ttf') format('truetype');font-display:swap;font-weight:700}
:root{color-scheme:light;--canvas:#f4f2ed;--ink:#242424;--accent:#ffbb00;--line:#d8d4cb}
*{box-sizing:border-box}html{background:var(--canvas);color:var(--ink);font-family:DIN,Arial,sans-serif;scroll-behavior:smooth}body{margin:0;min-width:280px}a{color:inherit;text-underline-offset:5px}img{max-width:100%;display:block}header,footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px clamp(20px,5vw,80px);border-bottom:1px solid var(--line)}header>a,footer>a{text-decoration:none}.brand{display:flex;align-items:center;gap:12px;direction:ltr;font-weight:700}.brand img{object-fit:contain}main{max-width:1320px;margin:auto}.hero{display:grid;grid-template-columns:1fr 320px;align-items:center;gap:60px;padding:64px clamp(24px,6vw,88px)}.copy{max-width:650px}.app-icon{width:104px;height:104px;object-fit:contain;border-radius:24px}.eyebrow{margin:28px 0 8px;color:#6b5a32;font-size:18px}h1{font-size:clamp(40px,5vw,68px);line-height:1.4;margin:0 0 16px}.lead{font-size:clamp(20px,2.2vw,26px);line-height:1.85;margin:0 0 28px}.button{display:inline-flex;align-items:center;min-height:52px;padding:12px 28px;border-radius:12px;background:var(--ink);color:var(--accent);font-weight:700;text-decoration:none}.button:hover{filter:brightness(1.2)}a:focus-visible{outline:3px solid #bd7b00;outline-offset:5px}.phone{margin:0;border:9px solid #242424;border-radius:38px;overflow:hidden;box-shadow:0 18px 40px #24242420;background:#ffbb00}.phone img{width:100%;height:auto}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:24px clamp(24px,6vw,88px);border-block:1px solid var(--line);scroll-margin-top:24px}.features article{padding:32px 24px}.features article+article{border-inline-start:1px solid var(--line)}.features article>span{font-size:14px;color:#756b58}h2{font-size:25px;margin:12px 0}p{line-height:1.9}.features p,.beta p{font-size:18px;margin:12px 0}.beta{margin:48px clamp(24px,6vw,88px) 64px;padding:28px 32px;border-radius:20px;background:#eae6dc}.beta .note{font-size:16px}.note a{display:inline-block;direction:ltr}footer{border-top:1px solid var(--line);border-bottom:0;font-size:14px}.karate .hero{background:linear-gradient(140deg,#fff0bd,transparent 70%)}.bracket{--accent:#6de6e8}.bracket .eyebrow{color:#28656b}.hero--center{display:block;text-align:center;background:linear-gradient(160deg,#e0ebef,transparent 70%)}.hero--center .copy{margin:auto}.hero--center .app-icon{width:160px;height:160px;margin:auto;border-radius:36px}
@media(max-width:800px){.hero{grid-template-columns:1fr 240px;gap:28px;padding:40px 24px}.features{grid-template-columns:1fr}.features article{padding:24px 0}.features article+article{border-inline-start:0;border-top:1px solid var(--line)}.beta{padding:22px}}
@media(max-width:600px){header,footer{padding:20px;flex-wrap:wrap;font-size:14px}.hero{grid-template-columns:1fr;gap:36px}.phone{width:min(270px,100%);justify-self:center}.copy{text-align:center}.app-icon{margin:auto}.features{margin-top:12px}.beta{margin-top:32px;margin-bottom:40px}.lead{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}