:root{color-scheme:dark light;--bg: #111518;--surface: rgba(255, 255, 255, .04);--surface-strong: #1a1f24;--text: #e8ecef;--muted: #8a9aa4;--line: rgba(255, 255, 255, .08);--primary: #5bd4fb;--primary-soft: rgba(91, 212, 251, .1);--accent: #ffb59c;--shadow: 0 6px 18px rgba(0, 0, 0, .25);--radius-xl: 16px;--radius-lg: 12px;--radius-md: 8px;--max-width: 1080px}:root[data-theme=light]{--bg: #f8fbfd;--surface: rgba(255, 255, 255, .7);--surface-strong: #ffffff;--text: #1a1f24;--muted: #5a6e78;--line: rgba(0, 50, 80, .08);--primary: #0080a8;--primary-soft: rgba(0, 128, 168, .08);--accent: #e07838;--shadow: 0 4px 14px rgba(0, 30, 40, .06)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #f8fbfd;--surface: rgba(255, 255, 255, .7);--surface-strong: #ffffff;--text: #1a1f24;--muted: #5a6e78;--line: rgba(0, 50, 80, .08);--primary: #0080a8;--primary-soft: rgba(0, 128, 168, .08);--accent: #e07838;--shadow: 0 4px 14px rgba(0, 30, 40, .06)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,PingFang SC,Hiragino Sans GB,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}img{display:block;max-width:100%}.shell{width:min(calc(100% - 32px),var(--max-width));margin:0 auto}.topbar{position:sticky;top:0;z-index:100;padding:16px 0;transform:translateY(0);transition:transform .3s ease}.topbar--hidden{transform:translateY(-120%)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px;border-radius:999px;background:#111518d9;backdrop-filter:blur(16px);border:1px solid var(--line)}:root[data-theme=light] .topbar-inner{background:#ffffffd1}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .topbar-inner{background:#ffffffd1}}.brand{font-family:Roboto,sans-serif;font-weight:400;font-size:1.5rem;letter-spacing:0}.nav{display:flex;align-items:center;gap:24px;color:var(--muted);font-size:.9rem;font-weight:500}.nav a:hover,.nav a:focus-visible{color:var(--text)}.actions{display:flex;align-items:center;gap:8px}.btn{min-height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:.88rem;font-weight:500;transition:opacity .15s ease;cursor:pointer;white-space:nowrap;background:var(--surface-strong);color:var(--text)}.btn:hover{opacity:.8}.btn--primary{background:var(--primary);color:var(--bg);border-color:transparent;font-weight:600;min-height:46px;padding:0 28px;font-size:.95rem}.btn--primary:hover{opacity:.85}.btn--disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.coming-soon-tag{font-size:.72rem;font-weight:600;background:#fff3;padding:2px 7px;border-radius:999px;margin-left:4px;letter-spacing:.02em}.lang-picker{position:relative}.lang-picker summary{list-style:none}.lang-picker summary::-webkit-details-marker{display:none}.chevron{transition:transform .18s ease;flex-shrink:0}.lang-picker[open] .chevron{transform:rotate(180deg)}.lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:150px;background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-md);padding:6px;box-shadow:0 8px 24px #0000004d;z-index:50}.lang-option{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:6px;font-size:.9rem;color:var(--text)}.lang-option:hover{background:var(--primary-soft)}.lang-option--active{font-weight:700;color:var(--primary)}.hero{padding:12px 0 56px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hero h1{font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.1;letter-spacing:-.03em;font-weight:700;max-width:18ch;margin-bottom:20px}.lead{max-width:38ch;color:var(--muted);font-size:1.05rem;line-height:1.65;margin-bottom:32px}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.support-note{color:var(--muted);font-size:.85rem}.platform-tag{display:inline-block;padding:2px 9px;margin-right:4px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.78rem;font-weight:600;vertical-align:middle}.browser-tip{display:none;margin-top:14px;padding:12px 14px;border-radius:var(--radius-md);background:#ff916614;color:var(--text);border:1px solid rgba(255,145,102,.14)}.hero-visual{display:flex;justify-content:center;align-items:center}.preview-image{border-radius:var(--radius-lg);max-height:680px;width:auto;max-width:100%;display:block}.section{padding:56px 0}.section-head{text-align:center;margin-bottom:36px}.section-head h2{font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.03em;font-weight:700;margin-bottom:10px;position:relative;display:inline-block}.section-head h2:before{content:"";position:absolute;width:56px;height:56px;border-radius:50%;background:var(--primary-soft);top:50%;left:-20px;transform:translateY(-50%);z-index:-1}.section-head h2:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;border:2px solid var(--primary);bottom:-10px;right:-20px;opacity:.5}.section-head p{max-width:48ch;margin:0 auto;color:var(--muted);line-height:1.65}.feature-grid{display:grid;grid-template-columns:1fr;gap:48px}.card{padding:28px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}.feature-card{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;background:none;border:none;padding:0}.feature-card--reverse .feature-card-text{order:2}.feature-card--reverse .feature-card-images{order:1}.feature-card-text{display:flex;flex-direction:column;padding-top:160px}.feature-card-text h3{font-size:clamp(1.3rem,1.8vw,1.6rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:14px;position:relative;display:block;width:fit-content}.feature-card-text h3:before{content:"";position:absolute;width:115%;height:55%;background:var(--primary-soft);bottom:0;left:-6px;clip-path:polygon(0% 30%,3% 0%,100% 10%,98% 100%,1% 95%);z-index:-1}.feature-card-text p{color:var(--muted);line-height:1.7;font-size:1rem}.feature-tip{margin-top:14px;font-size:.82rem;color:var(--muted);opacity:.7}.feature-card-images{display:flex;gap:10px;justify-content:center;align-items:flex-start}.feature-screenshot{width:calc(50% - 5px);border-radius:20px;box-shadow:none;border:3px solid rgba(0,0,0,.1);display:block}.card:not(.feature-card) h3{font-size:1.1rem;font-weight:700;margin-bottom:10px}.card:not(.feature-card):not(.faq-item) p{color:var(--muted);line-height:1.65;font-size:.92rem}.compact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.chip-card{padding:20px 16px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);text-align:center}.chip-card .material-symbols-rounded{font-size:28px;color:var(--primary);margin-bottom:10px;display:block;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.chip-card strong{display:block;margin-bottom:4px;font-size:.95rem;font-weight:700}.chip-card span{color:var(--muted);font-size:.85rem;line-height:1.5}.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.faq-item .faq-q{font-weight:700;margin-bottom:10px;font-size:.98rem;color:var(--text)}.faq-a{color:var(--muted);line-height:1.65;font-size:.92rem}.bottom-cta{margin:48px 0 64px;padding:40px;border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--line);text-align:center}.bottom-cta h2{font-size:clamp(1.4rem,3vw,1.8rem);margin-bottom:8px}.bottom-cta p{color:var(--muted);margin-bottom:24px}.store-badges{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.store-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 20px 10px 16px;border-radius:var(--radius-md);background:var(--text);color:var(--bg);border:1px solid var(--line);transition:opacity .15s ease;min-width:160px}.store-badge:hover{opacity:.85}.store-badge-text{display:flex;flex-direction:column;line-height:1.2}.store-badge-label{font-size:.65rem;font-weight:400;opacity:.85}.store-badge-name{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}footer{padding:24px 0 40px;color:var(--muted);font-size:.85rem;text-align:center}.social-links{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.social-link{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--line);color:var(--muted);transition:color .15s ease,border-color .15s ease}.social-link:hover{color:var(--text);border-color:var(--text)}.legal-links{margin-bottom:12px;font-size:.85rem;color:var(--muted)}.legal-links a:hover{color:var(--text)}.legal-sep{margin:0 8px}@media(max-width:980px){.feature-grid{grid-template-columns:1fr}.faq-grid,.compact-grid{grid-template-columns:repeat(2,1fr)}.section{padding:40px 0}}@media(max-width:720px){.nav{display:none}.topbar-inner{padding:10px 14px}.hero{padding:16px 0}.hero-grid{grid-template-columns:1fr;gap:0}.hero-visual{order:-1;position:relative;width:80%;margin-left:auto;margin-right:auto;margin-bottom:0;overflow:hidden;border-radius:var(--radius-lg)}.hero-visual:after{content:"";position:absolute;bottom:0;left:0;right:0;height:75%;background:linear-gradient(to top,var(--bg) 70%,transparent 100%);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.preview-image{width:100%;max-height:none;border-radius:0;display:block}.hero-content{position:relative;z-index:1;margin-top:0;transform:translateY(-320px);padding-top:0;padding-bottom:0}.hero+*{margin-top:-320px}.hero h1{font-size:clamp(2rem,8vw,2.8rem);max-width:none}.cta-row{flex-direction:column}.cta-row a{width:100%;text-align:center}.feature-card{grid-template-columns:1fr;gap:24px}.feature-card-text{padding-top:0;order:1!important}.feature-card-images{order:2!important}.feature-screenshot{border-radius:16px}.faq-grid{grid-template-columns:1fr}.compact-grid{grid-template-columns:1fr 1fr}.bottom-cta{margin:32px 0 48px;padding:28px 20px}}