:root{--ink:#26295a;--soft:#5b5e8c;--sky1:#63c8ff;--sky2:#a6e3ff;--sun:#ffc83d;--card:#fff;--line:#e3e6f5;--link:#1d6fe0}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.65 "Nunito","Quicksand",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);
 background:linear-gradient(180deg,var(--sky1) 0,var(--sky2) 220px,#fff7d6 100%) fixed}
header.site{max-width:820px;margin:0 auto;padding:24px 20px 0;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
header.site img{width:56px;height:56px;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
header.site .name{font-weight:800;font-size:26px;color:#fff;text-shadow:0 2px 0 var(--ink),2px 2px 0 var(--ink),-2px 2px 0 var(--ink)}
header.site nav{margin-left:auto;display:flex;gap:14px;flex-wrap:wrap;font-weight:700}
header.site nav a{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);text-decoration:none}
header.site nav a:hover,header.site nav a[aria-current]{text-decoration:underline}
main{max-width:820px;margin:18px auto 40px;padding:28px 26px 34px;background:var(--card);border-radius:22px;
 box-shadow:0 6px 24px rgba(38,41,90,.15);border:3px solid #fff}
h1{font-size:32px;line-height:1.2;margin:0 0 6px}
h2{font-size:22px;margin:30px 0 6px;color:var(--ink)}
p,li{color:var(--ink)}
.meta{color:var(--soft);font-size:15px;margin:0 0 22px}
.summary{background:#eefaff;border:2px solid var(--sky1);border-radius:14px;padding:14px 18px;margin:18px 0}
ul{padding-left:22px}
a{color:var(--link)}
table{border-collapse:collapse;width:100%;margin:10px 0}
td,th{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
th{background:#f4f6ff;width:36%}
footer.site{max-width:820px;margin:0 auto 40px;padding:0 20px;text-align:center;color:var(--soft);font-size:15px}
footer.site a{color:var(--soft)}
.badge-row{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
@media(max-width:560px){main{margin:12px;padding:20px 16px 26px;border-radius:16px}h1{font-size:26px}header.site nav{margin-left:0}}

/* Home page */
header.site a.brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.hero{text-align:center;padding:10px 0 6px}
.hero h1{font-size:44px;margin:6px 0 8px}
.hero .lead{font-size:20px;color:var(--soft);max-width:620px;margin:0 auto 18px}
.pill-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px 0 6px}
.pill{background:#eefaff;border:2px solid var(--sky1);border-radius:999px;padding:6px 14px;font-weight:700;font-size:15px}
.soon{display:inline-block;margin-top:14px;background:var(--sun);color:var(--ink);font-weight:800;border-radius:14px;padding:10px 18px}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:12px 0}
.feature{background:#f7f9ff;border:2px solid var(--line);border-radius:16px;padding:14px 16px}
.feature h3{margin:0 0 4px;font-size:18px}
.feature p{margin:0;font-size:15.5px;color:var(--soft);line-height:1.5}
.shots{display:flex;gap:14px;overflow-x:auto;padding:6px 2px 14px;scroll-snap-type:x mandatory}
.shots figure{margin:0;flex:0 0 auto;width:210px;scroll-snap-align:start;text-align:center}
.shots img{width:210px;height:auto;border-radius:18px;border:3px solid #fff;box-shadow:0 4px 14px rgba(38,41,90,.25)}
.shots figcaption{font-size:14px;color:var(--soft);margin-top:6px}