*{margin:0;padding:0;box-sizing:border-box}:root{--color-black: #000000;--color-white: #ffffff;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-brand: #ef4444;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--border-radius: 8px;--transition: all .3s ease}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--color-black);background-color:var(--color-white)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.header{position:fixed;top:0;left:0;right:0;background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.logo-container{display:flex;align-items:center}.logo-text{font-size:1.5rem;font-weight:700;color:var(--color-black)}.nav-links{display:flex;list-style:none;gap:var(--spacing-lg)}.nav-links a{text-decoration:none;color:var(--color-black);font-weight:500;transition:var(--transition)}.nav-links a:hover{color:var(--color-gray-500)}.hero{margin-top:80px;padding:var(--spacing-3xl) 0;text-align:center;background:linear-gradient(180deg,var(--color-white) 0%,var(--color-gray-100) 100%)}.app-icon-container{width:200px;height:200px;margin:0 auto var(--spacing-sm);background:linear-gradient(135deg,#fff,#f5f5f5);border-radius:44px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #00000026,0 4px 8px #0000001a;transition:var(--transition)}.app-icon-container:hover{transform:translateY(-4px);box-shadow:0 15px 40px #0003,0 6px 12px #00000026}.hero-logo{width:160px;height:160px}.app-name{font-size:3.5rem;font-weight:700;text-align:center;margin-bottom:var(--spacing-lg);color:var(--color-black);letter-spacing:-.5px}.hero-title{font-size:1.875rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-black);line-height:1.3}.hero-subtitle{font-size:1.125rem;color:var(--color-gray-600);max-width:700px;margin:0 auto var(--spacing-xl);line-height:1.7}.app-store-button{display:inline-block;transition:var(--transition)}.app-store-button:hover{transform:translateY(-2px);opacity:.85}.app-store-button img{display:block;height:60px;width:auto}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-black)}.features{padding:var(--spacing-3xl) 0;background-color:var(--color-white)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.feature-card{padding:var(--spacing-lg);border:2px solid var(--color-gray-200);border-radius:var(--border-radius);transition:var(--transition)}.feature-card:hover{border-color:var(--color-black);transform:translateY(-4px)}.feature-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.feature-icon{width:48px;height:48px;flex-shrink:0;border:none;background:none;display:block}.feature-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--color-black)}.feature-description{color:var(--color-gray-600);line-height:1.8}.screenshots{padding:var(--spacing-3xl) 0;background-color:var(--color-gray-100)}.carousel-container{position:relative;max-width:100%;margin:0 auto}.carousel-wrapper{overflow:hidden;padding:var(--spacing-md) 0}.carousel-track{display:flex;transition:transform .5s ease;gap:var(8px)}.screenshot-card{flex:0 0 calc(33.333% - var(--spacing-xs) * .25);text-align:center;scroll-snap-align:start}.screenshot-img{width:100%;max-width:300px;height:auto;border-radius:var(--border-radius);border:1px solid var(--color-gray-300);box-shadow:0 4px 6px #0000001a;margin:0 auto var(--spacing-xs);transition:var(--transition)}.screenshot-img:hover{transform:scale(1.05);box-shadow:0 8px 12px #00000026}.screenshot-caption{color:var(--color-gray-600);font-size:.95rem;line-height:1.4;padding:0 var(--spacing-xs)}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#fff;border:2px solid var(--color-gray-300);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;color:var(--color-gray-700)}.carousel-btn:hover{background-color:var(--color-brand);border-color:var(--color-brand);color:#fff;transform:translateY(-50%) scale(1.1)}.carousel-btn-prev{left:-20px}.carousel-btn-next{right:-20px}.carousel-dots{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.carousel-dot{width:12px;height:12px;border-radius:50%;background-color:var(--color-gray-700);border:none;cursor:pointer;transition:all .3s ease;padding:0}.carousel-dot:hover{background-color:var(--color-gray-800);transform:scale(1.2)}.carousel-dot.active{background-color:var(--color-brand);width:32px;border-radius:6px}.help{padding:var(--spacing-3xl) 0;background-color:var(--color-white)}.help-intro{text-align:center;color:var(--color-gray-600);font-size:1.125rem;margin-bottom:var(--spacing-xl)}.accordion{max-width:900px;margin:0 auto}.accordion-item{margin-bottom:var(--spacing-sm);border:2px solid var(--color-gray-200);border-radius:var(--border-radius);overflow:hidden}.accordion-header{width:100%;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-white);border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1.125rem;font-weight:600;color:var(--color-black);transition:var(--transition);-webkit-transition:var(--transition);text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,.05);-webkit-user-select:none;user-select:none;touch-action:manipulation}.accordion-header:hover{background-color:var(--color-gray-100)}.accordion-icon{font-size:1.5rem;font-weight:300;transition:var(--transition);-webkit-transition:var(--transition);transform:translateZ(0);-webkit-transform:translateZ(0)}.accordion-item.active .accordion-icon{transform:rotate(45deg) translateZ(0);-webkit-transform:rotate(45deg) translateZ(0)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease;-webkit-transition:max-height .3s ease;will-change:max-height;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-overflow-scrolling:touch}.accordion-item.active .accordion-content{max-height:3000px}.accordion-content-wrapper{padding:var(--spacing-lg);background-color:var(--color-gray-100)}.accordion-content h4{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-black)}.accordion-content p{margin-bottom:var(--spacing-md);color:var(--color-gray-700);line-height:1.8}.accordion-content ul,.accordion-content ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md);color:var(--color-gray-700)}.accordion-content li{margin-bottom:var(--spacing-xs);line-height:1.8}.accordion-content strong{color:var(--color-black);font-weight:600}.accordion-content code{background-color:var(--color-gray-200);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.accordion-content img{max-width:100%;height:auto;border-radius:var(--border-radius);margin:var(--spacing-md) 0;border:0px solid var(--color-gray-300);box-shadow:0 0 #0000001a}.search-container{max-width:900px;margin:0 auto var(--spacing-xl)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--spacing-md);color:var(--color-gray-400);pointer-events:none}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) calc(var(--spacing-xl) + 24px);font-size:1rem;border:2px solid var(--color-gray-200);border-radius:var(--border-radius);background-color:var(--color-white);color:var(--color-black);transition:var(--transition);font-family:inherit}.search-input:focus{outline:none;border-color:var(--color-black)}.search-input::placeholder{color:var(--color-gray-400)}.search-clear-btn{position:absolute;right:var(--spacing-sm);background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-gray-400);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.search-clear-btn:hover{background-color:var(--color-gray-100);color:var(--color-gray-600)}.faq-empty-state{max-width:900px;margin:var(--spacing-xl) auto;text-align:center;padding:var(--spacing-xl);background-color:var(--color-gray-100);border-radius:var(--border-radius);color:var(--color-gray-600)}.faq-empty-state p{margin:0;font-size:1.125rem}.show-more-container{max-width:900px;margin:var(--spacing-lg) auto 0;text-align:center}.show-more-btn{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:600;color:var(--color-black);background-color:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-family:inherit}.show-more-btn:hover{border-color:var(--color-black);background-color:var(--color-gray-100)}.contact{padding:var(--spacing-3xl) 0;background-color:var(--color-gray-100);text-align:center}.contact-text{font-size:1.125rem;color:var(--color-gray-600);margin-bottom:var(--spacing-lg)}.contact-button{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-black);color:var(--color-white);text-decoration:none;font-weight:600;font-size:1.125rem;border-radius:var(--border-radius);transition:var(--transition)}.contact-button:hover{background-color:var(--color-gray-800);transform:translateY(-2px)}.contact-note{margin-top:var(--spacing-md);color:var(--color-gray-500);font-size:.95rem}.footer{padding:var(--spacing-xl) 0;background-color:var(--color-black);color:var(--color-white);text-align:center}.footer-text{margin-bottom:var(--spacing-xs);color:var(--color-gray-400)}@media (max-width: 768px){.nav-links{gap:var(--spacing-sm);font-size:.9rem}.hero{padding:var(--spacing-xl) 0}.app-name{font-size:2.5rem}.hero-title{font-size:1.375rem}.hero-subtitle{font-size:1rem}.app-icon-container{width:150px;height:150px;border-radius:33px}.hero-logo{width:120px;height:120px}.section-title{font-size:1.75rem}.features,.screenshots,.help,.contact{padding:var(--spacing-xl) 0}.features-grid{grid-template-columns:1fr}.screenshot-card{flex:0 0 100%}.carousel-btn-prev{left:5px}.carousel-btn-next{right:5px}.carousel-btn{width:40px;height:40px}.accordion-header{font-size:1rem;padding:var(--spacing-sm) var(--spacing-md)}.accordion-content-wrapper{padding:var(--spacing-md)}}@media (max-width: 480px){.logo-text{font-size:1.25rem}.nav-links{flex-wrap:wrap;gap:var(--spacing-xs)}.app-icon-container{width:120px;height:120px;border-radius:26px}.hero-logo{width:100px;height:100px}.app-name{font-size:2rem}.hero-title{font-size:1.125rem}.app-store-button img{height:36px}.hero-subtitle{font-size:.95rem}}