*{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: #00A1FF;--color-accent: #00A1FF;--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:transparent;border-bottom:none;z-index:1000;transition:background-color .3s ease,border-color .3s ease}.header--scrolled{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.header--scrolled .nav-links a{color:var(--color-black)}.header--scrolled .nav-links a:hover{color:var(--color-accent)}.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:100;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:.5px;color:var(--color-accent)}.nav-links{display:flex;list-style:none;gap:var(--spacing-lg)}.nav-links a{text-decoration:none;color:#ffffffd9;font-weight:500;transition:var(--transition)}.nav-links a:hover{color:var(--color-accent)}.hero{margin-top:0;padding-top:calc(80px + var(--spacing-3xl));padding-bottom:var(--spacing-3xl);text-align:center;background:linear-gradient(to bottom,#020a11 0%,var(--color-white) 40%);position:relative;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:top center;mix-blend-mode:normal;mask-image:linear-gradient(to bottom,#000,#0000 52%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 52%)}.hero .container{position:relative;z-index:1}.app-icon-container{margin:0 auto var(--spacing-sm);display:inline-block;transition:var(--transition)}.app-icon-container:hover{transform:translateY(-4px)}.hero-logo{width:160px;height:160px;display:block;box-shadow:0 10px 30px #00000026,0 4px 8px #0000001a;border-radius:36px}.app-name{font-size:5rem;font-weight:100;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;margin-bottom:var(--spacing-lg);color:var(--color-accent);letter-spacing:2px}.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-accent);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)}.device-picker{display:flex;justify-content:center;gap:0;margin-bottom:var(--spacing-lg);background:var(--color-gray-200);border-radius:999px;padding:4px;width:fit-content;margin-left:auto;margin-right:auto}.device-btn{padding:.45rem 1.4rem;border:none;border-radius:999px;background:transparent;color:var(--color-gray-600);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition)}.device-btn.active{background:var(--color-white);color:var(--color-accent);box-shadow:0 1px 4px #0000001f}.device-btn:not(.active):hover{color:var(--color-black)}.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}.image-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000e6;align-items:center;justify-content:center;flex-direction:column;padding:var(--spacing-lg);cursor:zoom-out}.image-modal.open{display:flex}.modal-img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--border-radius);box-shadow:0 20px 60px #00000080;cursor:default}.modal-caption{color:#fffc;font-size:.95rem;margin-top:var(--spacing-sm);text-align:center}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:#ffffff26;border:none;color:var(--color-white);width:40px;height:40px;border-radius:50%;font-size:1.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.modal-close:hover{background:#ffffff4d}.screenshot-card{cursor:zoom-in}.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-accent)}.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-accent);color:var(--color-accent);background-color:var(--color-gray-100)}.contact{padding:var(--spacing-3xl) 0;background:var(--color-white);text-align:center}.contact .container{position:relative;z-index:1}.contact .section-title{color:var(--color-black)}.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-accent);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:#0090e6;transform:translateY(-2px)}.contact-note{margin-top:var(--spacing-md);color:var(--color-gray-400);font-size:.95rem}.footer{padding:var(--spacing-xl) 0;background-color:var(--color-white);color:var(--color-gray-600);text-align:center;position:relative;overflow:hidden}.footer-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.footer-bg img{width:100%;height:100%;object-fit:cover;object-position:top center;mix-blend-mode:multiply;transform:scaleY(-1);transform-origin:center center;mask-image:linear-gradient(to bottom,#000,#0000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%)}.footer .container{position:relative;z-index:1}.footer-text{margin-bottom:var(--spacing-xs);color:var(--color-gray-500)}.footer-text a{color:var(--color-accent);text-decoration:none;transition:var(--transition)}.footer-text a:hover{color:#0090e6}@media (max-width: 768px){.nav-links{gap:var(--spacing-sm);font-size:.9rem}.hero{padding-top:calc(80px + var(--spacing-xl));padding-bottom:var(--spacing-xl)}.app-name{font-size:2.5rem}.hero-title{font-size:1.375rem}.hero-subtitle{font-size:1rem}.app-icon-container{width:180px;height:180px;border-radius:40px}.hero-logo{width:160px;height:160px}.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:160px;height:160px;border-radius:36px}.hero-logo{width:140px;height:140px}.app-name{font-size:2rem}.hero-title{font-size:1.125rem}.app-store-button img{height:36px}.hero-subtitle{font-size:.95rem}.footer{padding:var(--spacing-md) 0}}