.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding:48px 0 30px}.hero h1{font-size:clamp(28px,4vw,44px);margin:14px 0}.hero h1 em{font-style:normal;color:var(--accent)}.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 10px}.small{font-size:14px}.made-by{margin:12px 0 0;color:var(--accent);font-weight:600;font-size:15px;letter-spacing:.2px}.made-by span{color:var(--muted);font-weight:500;font-size:13px;font-family:Inter,sans-serif}html:not([lang=ar]) .made-by span{display:none}.pill{display:inline-block;background:rgba(var(--ok-rgb),.12);color:var(--ok);border-radius:20px;padding:3px 14px;font-size:14px}.demo{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:start}.checks{list-style:none;padding:0;margin:0}.checks li{padding:6px 0;color:var(--muted)}.checks li:before{content:"✓ ";color:var(--ok);font-weight:700}.center{text-align:center}details.card{margin-bottom:10px;padding:14px 18px}details summary{cursor:pointer;font-weight:600}details p{color:var(--muted);margin:10px 0 0}.en{color:var(--muted);font-family:Inter,sans-serif;font-size:15px}.en h2{color:var(--text);font-size:20px}@media (max-width: 860px){.hero,.split{grid-template-columns:1fr}}@media (min-width: 1440px){body{zoom:1.25}}@media (min-width: 1200px) and (max-width: 1439.98px){body{zoom:1.12}}.demo.video{padding:8px}.demo video{width:100%;display:block;border-radius:10px;aspect-ratio:16 / 9;background:#0c0d10}