:root{--bg:#14181c;--bg-2:#1c2128;--surface:#222831;--text:#f4f5f7;--muted:#a9b0bb;--accent:#b9a7ff;--accent-2:#8fc7ff;--border:#ffffff14;--radius:20px;--max:1080px;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font:17px/1.6 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--accent-2)}img{max-width:100%;height:auto;display:block}.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}.skip{position:absolute;left:-9999px}.skip:focus{background:var(--surface);border-radius:8px;padding:8px 12px;top:16px;left:16px}.site-header{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.brand{color:var(--text);align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.brand img{border-radius:9px;width:36px;height:36px}.lang{color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:15px;text-decoration:none}.lang:hover{color:var(--text)}.hero{background:radial-gradient(ellipse at top, #2f2758 0%, var(--bg) 70%);padding-bottom:56px}.hero-grid{align-items:center;gap:40px;padding-top:32px;display:grid}.hero h1{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(34px,7vw,56px);line-height:1.08}.hero h1 em{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.lead{color:var(--muted);max-width:34em;margin:0 0 28px;font-size:19px}.hero-shot{border-radius:28px;justify-self:center;width:100%;max-width:330px;box-shadow:0 30px 80px #00000080}.cta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.note{color:var(--muted);font-size:14px}section{padding:56px 0}section h2{letter-spacing:-.01em;margin:0 0 12px;font-size:clamp(26px,4.5vw,36px);line-height:1.2}.section-intro{color:var(--muted);max-width:40em;margin:0 0 32px}.features{gap:16px;margin:0;padding:0;list-style:none;display:grid}.features li{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.features h3{margin:0 0 6px;font-size:18px}.features p{color:var(--muted);margin:0;font-size:16px}.gallery{scroll-snap-type:x mandatory;gap:16px;margin:0;padding-bottom:12px;display:flex;overflow-x:auto}.gallery figure{scroll-snap-align:start;flex:none;width:min(260px,70vw);margin:0}.gallery img{border-radius:22px}.gallery figcaption{color:var(--muted);text-align:center;margin-top:8px;font-size:14px}.steps{counter-reset:step;gap:16px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:18px 18px 18px 64px;position:relative}.steps li:before{content:counter(step);background:var(--surface);width:32px;height:32px;color:var(--accent);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:16px;left:18px}.faq details{border-bottom:1px solid var(--border);padding:16px 0}.faq summary{cursor:pointer;font-size:18px;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--muted)}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--muted);margin:10px 0 0}.final{text-align:center}.final .cta{justify-content:center}.site-footer{border-top:1px solid var(--border);color:var(--muted);padding:28px 0 40px;font-size:14px}.site-footer nav{flex-wrap:wrap;gap:16px;margin-bottom:12px;display:flex}.site-footer a{color:var(--muted)}@media (width>=720px){.features{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}}@media (width>=900px){.hero-grid{grid-template-columns:1.2fr .8fr;padding-top:48px}.features{grid-template-columns:repeat(3,1fr)}.gallery figure{width:calc(25% - 12px)}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.doc{max-width:46em;padding:16px 0 56px}.doc h1{font-size:clamp(28px,6vw,40px);line-height:1.15}.doc h2{margin-top:8px;font-size:26px}.doc h3{margin:28px 0 8px;font-size:19px}.doc li{margin-bottom:8px}.doc hr{border:0;border-top:1px solid var(--border);margin:48px 0}code{background:var(--surface);overflow-wrap:anywhere;border-radius:6px;padding:1px 6px;font-size:.92em}.final .section-intro{margin-inline:auto}
.store-badge{display:inline-block;line-height:0;border-radius:14px}.store-badge img{width:246px;height:82px;object-fit:contain;vertical-align:middle}@media (width<420px){.store-badge img{width:200px;height:67px}}