:root{
  color-scheme: light dark;
  --bg:#F6F2E8;--surface:#FFFCF4;--accent:#1D5451;--gold:#A67C35;
  --text:#172526;--text2:#516365;--muted:#758386;--border:#DCD3C1;
  font-family:-apple-system,'Segoe UI',Tahoma,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root{--bg:#071B1D;--surface:#103134;--accent:#8FD8CF;--gold:#D2AD68;--text:#F7F1E4;--text2:#B8C5C3;--muted:#8FA19F;--border:rgba(255,255,255,.14)}
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);line-height:1.75}
a{color:inherit}
[hidden]{display:none!important}
.shell{width:min(1080px,calc(100% - 40px));margin-inline:auto}

.site-header{position:sticky;top:0;z-index:5;background:color-mix(in srgb, var(--bg) 88%, transparent);border-bottom:1px solid var(--border);backdrop-filter:blur(16px)}
.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:10px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:1.05rem}
.app-icon{width:36px;height:36px;border-radius:9px;display:block}
.nav-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:14px}
.nav-links a{color:var(--text2);text-decoration:none}
.nav-links a:hover{color:var(--accent)}
.language-switch{border:0;border-radius:999px;background:#1D5451;color:#fff;padding:9px 18px;font:inherit;font-weight:700;font-size:13.5px;cursor:pointer}
.language-switch:hover{opacity:.9}

.wrap{max-width:760px;margin:0 auto;padding:48px 24px 0}
.hero{text-align:center;padding:24px 0 12px}
.hero .app-icon-lg{width:88px;height:88px;border-radius:22px;margin:0 auto 22px;display:block;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.eyebrow{color:var(--gold);font-weight:700;font-size:14px;margin-bottom:10px}
.hero h1{font-size:clamp(2.1rem,5vw,2.7rem);margin:0 0 14px}
.hero p.tag{color:var(--text2);font-size:16.5px;max-width:46ch;margin:0 auto 26px}

.appstore-badge-img{height:50px;width:auto}
.gallery-title{font-size:19px;margin:56px 0 18px;text-align:center}
.gallery{display:flex;gap:16px;overflow-x:auto;padding:6px 4px 10px;margin:0 0 56px;-webkit-overflow-scrolling:touch;justify-content:safe center}
.gallery img{width:150px;border-radius:18px;border:1px solid var(--border);box-shadow:0 10px 26px rgba(0,0,0,.14);flex:none}

.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:0 0 56px;max-width:760px;margin-inline:auto;padding:0 24px}
.feature{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px}
.feature b{display:block;color:var(--text);font-size:15px;margin-bottom:4px}
.feature span{color:var(--muted);font-size:13.5px}

.privacy-note{max-width:760px;margin:0 auto 64px;padding:0 24px 0}
.privacy-note .card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px 26px;text-align:center}
.privacy-note h2{margin-top:0}
.privacy-note a{color:var(--accent);font-weight:600;text-decoration:none}

h1{font-size:28px;margin:0 0 8px}
.updated{color:var(--muted);font-size:13px;margin-bottom:32px}
h2{font-size:19px;margin:36px 0 10px;color:var(--text)}
p,li{color:var(--text2);font-size:15.5px}
ul{padding-inline-start:22px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px 22px;margin:16px 0}
a.contact{color:var(--accent);text-decoration:none;font-weight:500}

.site-footer{border-top:1px solid var(--border);padding-block:42px;color:var(--muted);margin-top:24px}
.site-footer h2{text-align:center;font-size:16px;margin:0 0 18px}
.apps{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:32px}
.app-link{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);padding:11px 16px;border-radius:14px;text-decoration:none}
.app-link img{width:42px;height:42px;border-radius:10px;display:block}
.app-link span{display:grid}
.app-link b{color:var(--text);font-size:14px}
.app-link small{color:var(--muted);font-size:12px}
.footer-row{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;font-size:13px}
.footer-row a{color:var(--muted)}

@media (max-width:760px){
  .nav{padding-block:10px}
  .nav-links{gap:12px;font-size:13px}
}