*{margin:0;padding:0;box-sizing:border-box;font-family:"Inter","SF Pro Display",system-ui,sans-serif}
body{background:#fff;color:#111;line-height:1.6;overflow-x:hidden}
.topbar{width:100%;display:flex;justify-content:flex-end;align-items:center;padding:1rem 8%;position:sticky;top:0;background:#fff;z-index:100}
.appstore-btn{display:inline-block;border:1px solid #111;border-radius:12px;padding:.55rem .9rem;font-weight:600;font-size:.95rem;color:#111;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:transform .15s ease,box-shadow .2s ease}
.appstore-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.08)}
section.split{display:flex;align-items:center;justify-content:space-between;padding:6rem 8%;gap:4rem}
section.split:first-of-type{min-height:calc(100vh - 4rem);padding:2rem 8%;justify-content:center}
section.split.reverse{flex-direction:row-reverse}
.image-wrap{position:relative;width:45%;max-width:520px;display:flex;align-items:center}
.image-wrap img{width:100%;height:auto;max-height:70vh;object-fit:contain;border-radius:24px;transition:transform 1.2s ease,opacity 1s ease}
.image-wrap::after{content:"";position:absolute;inset:0;border-radius:24px;pointer-events:none;background:radial-gradient(circle at center, rgba(255,255,255,0) 60%, rgba(255,255,255,.72) 100%)}
.image-wrap img.visible{transform:scale(1.03)}
section.split .text{width:45%;max-width:520px}
.text h1{font-size:3rem;font-weight:700;margin-bottom:.5rem}
.text h2{font-size:1.6rem;color:#888;font-weight:500;margin-bottom:.4rem}
.text h3{font-size:1.9rem;font-weight:700;margin-bottom:.8rem}
.text p{font-size:1.1rem;color:#333}
footer{border-top:1px solid #eee;text-align:center;padding:2rem 1rem 3rem;color:#777;font-size:.95rem}
footer .disclaimer{color:#666;margin-bottom:.5rem}
footer .legal-nav{display:flex;gap:.5rem;justify-content:center;align-items:center;margin:.4rem 0 1rem;color:#666;flex-wrap:wrap}
footer .legal-nav a{color:#666;text-decoration:none}
footer .legal-nav a:hover{text-decoration:underline}
.fade{opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s ease}
.fade.visible{opacity:1;transform:translateY(0)}
@media (max-width:900px){
  section.split,section.split.reverse{flex-direction:column;text-align:center}
  section.split .text,.image-wrap{width:90%}
  .text h1{font-size:2.3rem}
}