:root{color-scheme:dark;--bg-page: #1C1F1E;--bg-surface: #272C29;--bg-surface-subtle: #202522;--accent: #7AC9B3;--accent-hover: #8ee0ca;--accent-ink: #14231E;--logo-plate: #BBDCD0;--text-main: #F4F6F3;--text-muted: #B5BEB8;--text-dim: #7E8C84;--border-line: rgba(255, 255, 255, .08);--border-focus: #7AC9B3;--container-max: 1120px;--radius-panel: 20px;--radius-btn: 9999px;--radius-badge: 9999px;--font-system: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "ui-monospace", "Menlo", monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;background-color:var(--bg-page)}body{margin:0;padding:0;background-color:var(--bg-page);color:var(--text-main);font-family:var(--font-system);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px;border-radius:4px}.shell{width:min(var(--container-max),calc(100% - 48px));margin-left:auto;margin-right:auto}.site-header{position:sticky;top:0;z-index:100;background-color:#1c1f1ed9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-line)}.site-nav{display:flex;align-items:center;justify-content:space-between;height:68px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-main);font-weight:700;font-size:19px;letter-spacing:-.01em}.brand-icon{width:36px;height:36px;border-radius:9px;box-shadow:0 2px 6px #0000004d;display:block}.nav-links{display:flex;align-items:center;gap:24px}.nav-link{color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .15s ease}.nav-link:hover{color:var(--text-main)}.nav-link.back-link{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:var(--radius-btn);font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .15s ease,transform .1s ease,border-color .15s ease;border:1px solid transparent}.btn:active{transform:translateY(1px)}.btn-primary{background-color:var(--accent);color:var(--accent-ink);box-shadow:0 4px 12px #7ac9b333}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{background-color:#ffffff0a;color:var(--text-main);border-color:#ffffff24}.btn-secondary:hover{background-color:#ffffff14;border-color:#ffffff3d}.nav-btn{min-height:36px;padding:0 14px;font-size:13px}.hero-section{padding:64px 0 80px}.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}.hero-content{display:flex;flex-direction:column;align-items:flex-start}.eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.hero-title{font-size:clamp(38px,4.5vw,52px);font-weight:800;line-height:1.15;letter-spacing:-.025em;color:var(--text-main);margin:0 0 20px}.hero-lede{font-size:18px;line-height:1.6;color:var(--text-muted);margin:0 0 32px}.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.hero-tip{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim)}.kbd-badge{display:inline-block;padding:2px 7px;background-color:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:9999px;font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.hero-preview{position:relative}.preview-window{background-color:var(--bg-surface);border-radius:var(--radius-panel);border:1px solid var(--border-line);box-shadow:0 24px 60px #00000073;overflow:hidden}.preview-window-top{height:38px;background-color:#00000040;display:flex;align-items:center;padding:0 16px;gap:8px;border-bottom:1px solid var(--border-line)}.mac-dot{width:11px;height:11px;border-radius:50%}.mac-dot.close{background-color:#ff5f56}.mac-dot.min{background-color:#ffbd2e}.mac-dot.max{background-color:#27c93f}.preview-image{display:block;width:100%;height:auto;object-fit:cover}.section{padding:72px 0;border-top:1px solid var(--border-line)}.section-heading{text-align:center;max-width:680px;margin:0 auto 52px}.section-heading h2{font-size:clamp(28px,3.2vw,36px);font-weight:700;letter-spacing:-.015em;margin:10px 0 14px}.section-heading p{font-size:16px;color:var(--text-muted);line-height:1.6;margin:0}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background-color:var(--bg-surface);border-radius:var(--radius-panel);border:1px solid var(--border-line);padding:40px}.demo-steps{display:flex;flex-direction:column;gap:28px}.demo-step-item{display:flex;align-items:flex-start;gap:16px}.step-num{flex-shrink:0;width:32px;height:32px;border-radius:50%;background-color:#7ac9b326;color:var(--accent);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}.step-body h3{font-size:17px;margin:0 0 6px;color:var(--text-main)}.step-body p{font-size:14px;color:var(--text-muted);margin:0}.demo-media{border-radius:14px;overflow:hidden;border:1px solid var(--border-line);box-shadow:0 16px 36px #00000059}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background-color:var(--bg-surface);border-radius:var(--radius-panel);border:1px solid var(--border-line);padding:32px 28px;display:flex;flex-direction:column;height:100%}.feature-card-header{margin-bottom:16px}.feature-badge{display:inline-block;font-size:12px;font-weight:700;color:var(--accent);margin-bottom:10px}.feature-card h3{font-size:20px;font-weight:700;margin:0 0 12px;color:var(--text-main)}.feature-card p{font-size:15px;color:var(--text-muted);line-height:1.6;margin:0 0 20px;flex-grow:1}.feature-media{margin-top:auto;border-radius:10px;overflow:hidden;border:1px solid var(--border-line)}.feature-media img{display:block;width:100%;height:auto}.setup-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.setup-card{background-color:var(--bg-surface);border-radius:var(--radius-panel);border:1px solid var(--border-line);padding:32px 24px}.setup-index{font-size:28px;font-weight:800;color:var(--accent);margin-bottom:14px;font-family:var(--font-mono)}.setup-card h3{font-size:18px;margin:0 0 10px}.setup-card p{font-size:14px;color:var(--text-muted);line-height:1.6;margin:0}.download-card{background-color:var(--bg-surface);border-radius:var(--radius-panel);border:1px solid var(--border-line);padding:48px;max-width:800px;margin:0 auto;text-align:center}.download-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background-color:#7ac9b31f;color:var(--accent);border-radius:20px;font-size:13px;font-weight:600;margin-bottom:24px}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--accent)}.download-title{font-size:28px;font-weight:700;margin:0 0 14px}.download-desc{font-size:16px;color:var(--text-muted);max-width:580px;margin:0 auto 32px}.download-specs{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-bottom:32px;padding:20px 0;border-top:1px solid var(--border-line);border-bottom:1px solid var(--border-line)}.spec-item{text-align:left}.spec-label{display:block;font-size:12px;color:var(--text-dim);text-transform:uppercase;margin-bottom:4px}.spec-value{font-size:15px;font-weight:600;color:var(--text-main)}.download-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.download-note{max-width:720px;margin:0 auto 24px;color:var(--text-muted);line-height:1.7}.download-verification{max-width:720px;margin:24px auto 0;text-align:left;color:var(--text-muted)}.download-verification summary{padding:12px 0;cursor:pointer}.download-verification code{display:block;margin:12px 0;overflow-wrap:anywhere}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-item{background-color:var(--bg-surface);border-radius:14px;border:1px solid var(--border-line);overflow:hidden;transition:border-color .15s ease}.faq-item[open]{border-color:#7ac9b366}.faq-summary{padding:22px 24px;font-size:17px;font-weight:600;color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none;user-select:none}.faq-summary::-webkit-details-marker{display:none}.faq-icon{width:20px;height:20px;flex-shrink:0;transition:transform .2s ease;color:var(--accent)}.faq-item[open] .faq-icon{transform:rotate(180deg)}.faq-content{padding:0 24px 22px;font-size:15px;color:var(--text-muted);line-height:1.7}.privacy-banner{background-color:var(--bg-surface-subtle);border-radius:var(--radius-panel);border:1px solid var(--border-line);padding:32px 36px;max-width:800px;margin:0 auto}.privacy-banner h3{font-size:18px;margin:0 0 10px;color:var(--accent)}.privacy-banner p{font-size:14px;color:var(--text-muted);line-height:1.7;margin:0 0 12px}.privacy-banner p:last-child{margin-bottom:0}.site-footer{border-top:1px solid var(--border-line);padding:48px 0;font-size:14px;color:var(--text-dim)}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-nav{display:flex;gap:20px}.footer-nav a{color:var(--text-muted);text-decoration:none}.footer-nav a:hover{color:var(--text-main)}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:40px}.demo-grid,.features-grid,.setup-list{grid-template-columns:1fr}.download-card{padding:32px 20px}}@media(max-width:640px){.shell{width:calc(100% - 32px)}.nav-links .nav-link:not(.back-link){display:none}.hero-actions{flex-direction:column;align-items:stretch;width:100%}.btn{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
