// QYAS — Phone mockup using real screenshot
function PhoneMock() {
  return (
    <div style={{
      width: 280,
      borderRadius: 38,
      padding: 8,
      background: "#0F172A",
      boxShadow: "0 0 0 2px #1f2937, 0 30px 70px -20px rgba(0,0,0,0.6), 0 80px 120px -30px rgba(217,119,6,0.18)",
      position: "relative"
    }}>
      <div style={{
        borderRadius: 30,
        overflow: "hidden",
        background: "#fff",
        aspectRatio: "9 / 19.5",
      }}>
        <img src="public/phone-screenshot.png" alt="QYAS app" style={{ width: "100%", height: "100%", objectFit: "cover", objectPosition: "top", display: "block" }} />
      </div>
    </div>
  );
}
window.PhoneMock = PhoneMock;