:root{--color-bg:#0d0d0f;--color-bg-elevated:#1a1a1f;--color-bg-card:#222228;--color-text:#f0f0f2;--color-text-muted:#9a9aa8;--color-accent:#ff6b6b;--color-accent-hover:#ff8585;--color-border:#2a2a32;--max-width:1100px;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:80px 24px;display:flex}.hero-content{max-width:700px}.hero-icon{border-radius:26px;width:120px;height:120px;margin-bottom:32px;box-shadow:0 8px 32px #ff6b6b33}.hero h1{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:700}.hero h1 .accent{color:var(--color-accent)}.hero .tagline{color:var(--color-text-muted);margin-bottom:40px;font-size:clamp(1.1rem,2.5vw,1.35rem);line-height:1.5}.app-store-btn{background:var(--color-text);color:var(--color-bg);border-radius:50px;align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.app-store-btn:hover{color:var(--color-bg);transform:translateY(-2px);box-shadow:0 8px 24px #ffffff1a}.app-store-btn svg{width:24px;height:24px}section{padding:100px 24px}.section-title{text-align:center;letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700}.section-subtitle{text-align:center;color:var(--color-text-muted);max-width:600px;margin-bottom:60px;margin-left:auto;margin-right:auto;font-size:1.1rem}.features-grid{max-width:var(--max-width);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin:0 auto;display:grid}.feature-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);padding:32px;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.feature-icon{border-radius:var(--radius-sm);width:48px;height:48px;color:var(--color-accent);background:#ff6b6b1a;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.feature-icon svg{width:24px;height:24px}.feature-card h3{margin-bottom:8px;font-size:1.15rem;font-weight:600}.feature-card p{color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.how-it-works{background:var(--color-bg-elevated);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.how-diagram{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;max-width:800px;margin:0 auto;display:flex}.how-node{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);text-align:center;min-width:160px;padding:24px 32px}.how-node-icon{margin-bottom:8px;font-size:2rem}.how-node-label{font-size:.95rem;font-weight:600}.how-node-sub{color:var(--color-text-muted);margin-top:4px;font-size:.8rem}.how-arrow{color:var(--color-accent);flex-shrink:0;font-size:1.5rem}@media (width<=640px){.how-diagram{flex-direction:column}.how-arrow{transform:rotate(90deg)}}.screenshots{overflow:hidden}.screenshots-scroll{max-width:var(--max-width);flex-wrap:wrap;justify-content:center;gap:24px;margin:0 auto;display:flex}.screenshot-placeholder{background:var(--color-bg-elevated);border:1px solid var(--color-border);width:220px;height:440px;color:var(--color-text-muted);border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;display:flex}.footer{border-top:1px solid var(--color-border);text-align:center;padding:40px 24px}.footer-links{flex-wrap:wrap;justify-content:center;gap:32px;margin-bottom:20px;display:flex}.footer-links a{color:var(--color-text-muted);font-size:.9rem}.footer-links a:hover{color:var(--color-accent)}.footer-copy{color:var(--color-text-muted);font-size:.8rem}.static-page{flex-direction:column;min-height:100vh;display:flex}.static-page-content{flex:1;max-width:700px;margin:0 auto;padding:120px 24px 80px}.static-page-content h1{margin-bottom:24px;font-size:2rem;font-weight:700}.static-page-content p{color:var(--color-text-muted);margin-bottom:16px;font-size:1.05rem;line-height:1.8}.back-link{color:var(--color-text-muted);align-items:center;gap:6px;margin-bottom:40px;font-size:.9rem;display:inline-flex}.back-link:hover{color:var(--color-accent)}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#0d0d0fcc;padding:16px 24px;position:fixed;top:0;left:0;right:0}.nav-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-brand{color:var(--color-text);align-items:center;gap:10px;font-size:1rem;font-weight:600;display:flex}.nav-brand:hover{color:var(--color-text)}.nav-brand img{border-radius:8px;width:32px;height:32px}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a{color:var(--color-text-muted);font-size:.9rem}.nav-links a:hover{color:var(--color-accent)}