:root{--bg:#FAF5EC;--surface:#F3EDDE;--accent:#E0974B;--accent-text:#8F5A1A;--on-accent:#0B1324;--text:#22385C;--muted:#4A5B76;--line:#E4DCCB;--font-stack:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans",
    "Noto Sans Arabic", "Noto Sans SC", "Noto Sans JP", sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia,
    "Noto Serif", serif;--space:clamp(1rem, 2vw, 1.5rem);--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-stack);line-height:1.6;overflow-x:clip}a{color:var(--text)}a:hover{color:var(--accent-text)}h1,h2,.wordmark{font-family:var(--font-display)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space);padding:1rem max(1rem,calc((100vw - 72rem)/2));position:sticky;top:0;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);z-index:10}.wordmark{font-size:1.4rem;font-weight:700;letter-spacing:.04em;color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:.55rem;min-height:44px}.logo-mark{height:1.5rem;width:auto;color:var(--text);flex:none}.btn{display:inline-block;padding:.6rem 1.2rem;border-radius:999px;text-decoration:none;font-weight:600;min-height:44px;display:inline-flex;align-items:center}.btn-primary{background:var(--accent);color:var(--on-accent)}main{max-width:72rem;margin:0 auto;padding:0 var(--space)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:calc(var(--space) * 2);align-items:center;padding:calc(var(--space) * 3)0 calc(var(--space) * 4)}.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.1;margin:0 0 var(--space)}.hero-tagline{font-size:clamp(1.1rem,2vw,1.35rem);color:var(--muted)}.store-row{display:flex;flex-wrap:wrap;gap:var(--space);margin-top:calc(var(--space) * 1.5)}.store-badge{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.15rem;border-radius:var(--radius);background:var(--surface);color:var(--text);text-decoration:none;font-weight:600;min-height:44px}.store-badge .qr svg{width:52px;height:52px;display:block}.demo{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:calc(var(--space) * 2);text-align:center}.demo-wave{display:flex;align-items:center;justify-content:center;gap:6px;height:84px;margin-bottom:var(--space)}.demo-wave span{width:6px;height:40%;background:var(--accent);border-radius:3px;animation:wave 1.2s ease-in-out infinite}.demo-wave span:nth-child(odd){animation-delay:.3s}@keyframes wave{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1)}}.demo-command{font-size:1.2rem;font-weight:600;margin:0;overflow:hidden;white-space:nowrap;inline-size:0;text-align:start;border-inline-end:2px solid transparent;animation:typing 2.4s steps(24,end).3s forwards,caret .9s steps(1).3s 3}@keyframes typing{to{inline-size:100%}}@keyframes caret{50%{border-inline-end-color:var(--accent)}}.demo-verdict{display:grid;margin-top:.75rem}.demo-status,.demo-result{grid-area:1/1;margin:0;font-size:.95rem}.demo-status{color:var(--muted);animation:statusOut .4s ease 3s forwards}.demo-result{color:var(--text);font-weight:600;opacity:0;animation:earcon .7s ease-out 3.1s 1 forwards}.demo-result .tick{color:var(--accent)}@keyframes statusOut{to{opacity:0}}@keyframes earcon{0%{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1.25)}70%{transform:scale(.95)}100%{opacity:1;transform:scale(1)}}.sketch-motion{animation:sketchFloat 3s ease-in-out infinite}@keyframes sketchFloat{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-6px);opacity:1}}@media(max-width:768px){.hero{grid-template-columns:1fr}.store-badge .qr{display:none}}.scenarios{padding:calc(var(--space) * 3)0}.scenarios h2,.features h2,.privacy h2,.languages h2,.commands h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 .5rem}.section-sub{color:var(--muted);margin:0 0 var(--space)}.scenario-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space)}.scenario{margin:0;border-radius:var(--radius);background:var(--surface);padding:var(--space);text-align:center}.scenario .sketch{width:100%;height:auto}.scenario h3{margin:.75rem 0 .25rem}.scenario p{margin:.25rem 0;color:var(--muted)}.scenario-command{color:var(--accent-text)!important;font-weight:600}.commands{padding:calc(var(--space) * 2)0}.command-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.command-list li{background:var(--surface);border-radius:var(--radius);border-start-start-radius:4px;padding:.9rem 1.1rem;color:var(--text);font-weight:500}.features{padding:calc(var(--space) * 3)0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space)}.feature{background:var(--surface);border-radius:var(--radius);padding:var(--space);border-top:3px solid color-mix(in srgb,var(--accent) 35%,var(--surface))}.feature h3{margin:0 0 .4rem;font-size:1.1rem}.feature p{margin:0;color:var(--muted)}.privacy{padding:calc(var(--space) * 3)0}.privacy-lead{color:var(--muted);max-width:44rem}.privacy-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space);list-style:none;padding:0}.privacy-list li{background:var(--surface);border-radius:var(--radius);padding:var(--space)}.privacy-list li::before{content:"✓";color:var(--accent-text);font-weight:700;margin-inline-end:.5rem}.languages{padding:calc(var(--space) * 3)0}.language-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.75rem}.language-list li{border:1px solid var(--line);border-radius:999px;padding:.5rem 1rem;color:var(--muted)}.site-footer{border-top:1px solid var(--line);margin-top:calc(var(--space) * 2);padding:calc(var(--space) * 2)max(1rem,calc((100vw - 72rem)/2));display:flex;flex-wrap:wrap;gap:var(--space);align-items:flex-start;justify-content:space-between}.footer-tagline{color:var(--muted);margin:.25rem 0 0}.footer-stores a{margin-inline-end:1rem}.footer-nav{display:flex;gap:1rem}.footer-stores a,.footer-nav a{display:inline-flex;align-items:center;min-height:44px}.switcher{margin-inline-start:auto}.switcher details{position:relative}.switcher summary{cursor:pointer;padding:.5rem 1rem;border:1px solid var(--line);border-radius:999px;list-style:none;min-height:44px;display:inline-flex;align-items:center}.switcher summary::-webkit-details-marker{display:none}.switcher ul{position:absolute;inset-inline-end:0;bottom:calc(100% + .5rem);list-style:none;margin:0;padding:.5rem;background:var(--surface);border-radius:var(--radius);min-width:12rem;max-height:16rem;overflow:auto;box-shadow:0 8px 24px rgb(0 0 0/.35)}.switcher a{display:flex;align-items:center;min-height:44px;padding:.5rem .75rem;border-radius:8px;color:var(--text);text-decoration:none}.switcher a:hover,.switcher a[aria-current=page]{background:var(--bg)}@media(prefers-reduced-motion:reduce){.demo-wave span{animation:none}.demo-command{animation:none;inline-size:auto}.demo-status{display:none}.demo-result{animation:none;opacity:1}.sketch-motion{animation:none}html{scroll-behavior:auto}}