:root{--purple:#5b3fd8;--orange:#ff7a1a;--ink:#221f2e;--bg:#fdf6ee;--card:#fff}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}
a{color:var(--purple)}
.wrap{max-width:1000px;margin:0 auto;padding:0 20px}
header.hero{background:linear-gradient(135deg,#7a5cff,#3f27a8);color:#fff;padding:56px 0 40px;text-align:center}
header.hero h1{font-size:clamp(2rem,6vw,3.2rem);margin:0 0 8px}
header.hero p{font-size:1.2rem;margin:0 auto 24px;max-width:560px}
.btn{display:inline-block;background:var(--orange);color:#fff;text-decoration:none;font-weight:700;padding:14px 28px;border-radius:999px;margin:4px}
.btn.ghost{background:transparent;border:2px solid #fff}
section{padding:40px 0}
h2{font-size:1.7rem;margin:0 0 16px}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.features div{background:var(--card);border-radius:20px;padding:20px;box-shadow:0 2px 10px #0001}
.shots{display:flex;gap:16px;overflow-x:auto;padding:8px 0 16px;scroll-snap-type:x mandatory}
.shots img{height:520px;width:auto;border-radius:28px;box-shadow:0 6px 20px #0003;scroll-snap-align:start;flex:none}
.shots img.missing{display:none}
table{border-collapse:collapse;width:100%;background:var(--card);border-radius:12px;overflow:hidden}
th,td{text-align:left;padding:10px 14px;border-bottom:1px solid #eee;vertical-align:top}
th{width:30%;background:#f4efff}
.todo{background:#fff3cd;padding:2px 6px;border-radius:4px}
footer{padding:32px 0;text-align:center;color:#666;font-size:.9rem}