:root{--bg:#fff;--fg:#1d1d1f;--muted:#6e6e73;--line:#e5e5ea;--card:#f5f5f7;--link:#0a66d6;--radius:14px;--max:1080px;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#111113;--fg:#f2f2f2;--muted:#a1a1a6;--line:#2c2c2e;--card:#1c1c1e;--link:#6aa7ff}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--link)}img{max-width:100%;display:block}.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}.site-header{border-bottom:1px solid var(--line);background:var(--bg)}.site-header .wrap{justify-content:space-between;align-items:center;gap:12px;height:56px;display:flex}.brand{color:var(--fg);font-size:17px;font-weight:700;text-decoration:none}.header-actions{align-items:center;gap:10px;display:flex}.lang{border:1px solid var(--line);color:var(--fg);border-radius:8px;padding:2px 10px;font-size:14px;text-decoration:none}.menu{position:relative}.menu summary{cursor:pointer;padding:4px 8px;font-size:20px;line-height:1;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu ul{z-index:20;background:var(--bg);border:1px solid var(--line);border-radius:12px;min-width:220px;margin:0;padding:8px;list-style:none;position:absolute;top:36px;right:0;box-shadow:0 8px 24px #0000001f}.menu li a{color:var(--fg);border-radius:8px;padding:8px 10px;text-decoration:none;display:block}.menu li a:hover{background:var(--card)}.hero{padding:48px 0 16px}.hero h1{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(28px,5vw,44px);line-height:1.15}.hero p{color:var(--muted);margin:0;font-size:18px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:24px 0 48px;display:grid}.card{border-radius:var(--radius);border-top:4px solid var(--accent);background:var(--card);color:var(--fg);padding:18px;text-decoration:none;transition:transform .15s;display:block}.card:hover{transform:translateY(-2px)}.card img{border-radius:14px;width:56px;height:56px;margin-bottom:12px}.card h2{margin:0 0 4px;font-size:18px}.card p{color:var(--muted);margin:0;font-size:14px}.pill{background:var(--line);color:var(--fg);border-radius:99px;margin-top:10px;padding:2px 10px;font-size:12px;display:inline-block}.tabs{z-index:10;background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0}.tabs ul{scrollbar-width:none;gap:6px;margin:0;padding:10px 0;list-style:none;display:flex;overflow-x:auto}.tabs ul::-webkit-scrollbar{display:none}.tabs li{flex:none}.tabs a{white-space:nowrap;color:var(--muted);border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:14px;text-decoration:none;display:flex}.tabs a img{border-radius:5px;width:20px;height:20px}.tabs a[aria-current=page]{background:var(--accent);color:#fff;font-weight:600}.app-hero{grid-template-columns:1.1fr 1fr;align-items:start;gap:32px;padding:32px 0;display:grid}.app-hero:not(:has(.shots)){grid-template-columns:1fr}.app-hero .icon{border-radius:20px;width:80px;height:80px}.app-hero h1{margin:14px 0 6px;font-size:clamp(28px,4vw,38px)}.tagline{color:var(--muted);margin:0 0 18px;font-size:18px}.btn{background:var(--fg);color:var(--bg);border-radius:12px;margin:0 8px 8px 0;padding:11px 18px;font-weight:600;text-decoration:none;display:inline-block}.shots{scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.shots img{border:1px solid var(--line);scroll-snap-align:start;border-radius:16px;width:auto;height:420px}.prose{max-width:720px;padding-bottom:24px}.prose h2{margin:28px 0 8px;font-size:22px}.faq dt{margin-top:14px;font-weight:600}.faq dd{color:var(--muted);margin:4px 0 0}.legal{max-width:760px;padding:32px 0 48px}.legal h1{margin:0 0 4px;font-size:30px}.legal .meta{color:var(--muted);margin:0 0 20px;font-size:14px}.legal h2{margin:28px 0 6px;font-size:19px}.note{background:var(--card);color:var(--muted);border-radius:10px;padding:10px 14px;font-size:14px}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:14px}.site-footer .wrap{flex-wrap:wrap;gap:8px 18px;padding-top:18px;padding-bottom:28px;display:flex}.site-footer a{color:var(--muted)}.site-footer .copy{margin-left:auto}@media (width<=760px){.hero{padding-top:32px}.grid{grid-template-columns:1fr}.app-hero{grid-template-columns:1fr;gap:20px;padding-top:20px}.shots{order:-1}.tabs .wrap{padding:0}.tabs ul{padding:10px 16px;scroll-padding-inline:16px}.tabs ul:after{content:"";flex:0 0 10px}.shots img{height:340px}.btn{text-align:center;margin-right:0;display:block}.site-footer .copy{width:100%;margin-left:0}}