*{box-sizing:border-box;margin:0;padding:0}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary-color)}html{scroll-behavior:smooth}body{min-height:100vh}img{max-width:100%;height:auto}.nav-logo{width:42px}.nav-logo svg{width:100%;height:100%}:root{--bg-color: #0a0a0a;--text-color: #ffffff;--primary-color: #3b82f6;--accent-color: var(--primary-color);--secondary-bg: #1a1a1a;--border-color: #333}body{background:var(--bg-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;padding:0;line-height:1.5;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.app{opacity:0;transform:translateY(20px);transition:all .6s ease-out}.app.loaded{opacity:1;transform:translateY(0)}.mac-window{perspective:1000px;transform-style:preserve-3d;opacity:0}.mac-window.visible:before{opacity:1}nav{max-width:1200px;margin:0 auto;padding:24px;display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{color:#888;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text-color)}.login-button{padding:8px 16px;border:1px solid var(--border-color);border-radius:6px}main{max-width:1200px;margin:0 auto;padding:20px 24px}.hero{text-align:center;margin-bottom:10px}.demo{min-height:50vh}h1{font-size:48px;line-height:1.2;margin-bottom:24px;font-weight:600}.subtitle{font-size:20px;color:#888;max-width:600px;margin:0 auto 40px}.cta-buttons{display:flex;flex-direction:column;align-items:center;gap:16px}.cta-text-sales{text-decoration:line-through;color:#888}.cta-text-founder,.highlight{color:var(--accent-color)}.cta .cta-buttons{margin-top:20px}.primary-button{background:var(--accent-color);color:#fff;padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:500;transition:background .2s}.primary-button:hover{background:#0088e9}.trial-note{color:#888;font-size:14px;margin-left:6px}.github-icon{width:24px;height:24px;fill:currentColor}.features{padding:120px 0}.features h2{text-align:center}.section-subtitle{text-align:center;color:#888;font-size:20px;max-width:600px;margin:0 auto 60px}.testimonials{padding:120px 0;background:var(--secondary-bg)}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:60px}.testimonial{padding:32px;background:var(--bg-color);border-radius:12px;border:1px solid var(--border-color)}.testimonial p{font-size:18px;line-height:1.6;margin-bottom:24px}.author{display:flex;align-items:center;gap:16px}.author img{width:48px;height:48px;border-radius:50%}.cta{padding:120px 0;text-align:center}footer{background:var(--secondary-bg);padding:80px 24px 40px}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.footer-section h4{color:var(--text-color);margin-bottom:20px}.footer-section a{display:block;color:#888;text-decoration:none;margin-bottom:12px;transition:color .2s}.footer-section a:hover{color:var(--text-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeIn .6s ease-out forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.delay-4{animation-delay:.8s}.scroll-fade{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-fade.visible{opacity:1;transform:translateY(0)}.delay-1.visible{transition-delay:.2s}.delay-2.visible{transition-delay:.4s}.delay-3.visible{transition-delay:.6s}.delay-4.visible{transition-delay:.8s}section.scroll-fade{perspective:1000px}section.scroll-fade .mac-window{transform:rotateX(45deg);transform-origin:center bottom;transition:transform .8s cubic-bezier(.23,1,.32,1);will-change:transform}section.scroll-fade.visible .mac-window{transform:rotateX(1deg);overflow:hidden;max-height:100vh}.code-window{background:#1e1e1e;border-radius:8px;overflow:hidden;max-width:600px;width:420px;transition:width .3s ease;margin:0 auto}.code-window.setup{width:520px}.code-window.android{width:600px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;margin-top:60px}@media (max-width: 768px){main{padding:20px 16px;overflow-x:hidden;width:100%}.hero{padding:40px 16px}.hero-content,.feature-grid,.testimonial-grid,.cta,.footer-content{display:flex;flex-direction:column;width:100%;max-width:100%;padding:0}.primary-button{width:100%;max-width:100%;text-align:center}.trial-note{width:100%;display:block;margin-top:20px;margin-left:0}pre,code{max-width:100%;white-space:pre-wrap;word-break:break-word}h1{font-size:36px}.feature-grid,.testimonial-grid{grid-template-columns:1fr}.or-divider{width:100%;justify-content:center}.step,.code-window.android,.code-window.ios,.code-window{width:100%}}.layout{min-height:100vh;display:flex;flex-direction:column}.main-header{position:fixed;top:0;left:0;right:0;background:var(--bg-color);border-bottom:1px solid var(--border-color);z-index:100}.main-header nav{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{color:var(--text-color);text-decoration:none;font-size:16px;transition:color .2s}.nav-links a:hover{color:var(--accent-color)}.login-button{background:var(--accent-color);color:#fff!important;padding:8px 16px;border-radius:6px;transition:opacity .2s!important}.login-button:hover{opacity:.9}.main-content{flex:1;margin-top:64px;padding:20px 12px}.main-footer{background:var(--secondary-bg);padding:80px 24px 24px;margin-top:80px}.footer-content{max-width:1200px;margin:0 auto 60px;display:grid;grid-template-columns:1fr 2fr;gap:80px}.footer-logo{display:flex;flex-direction:column;gap:16px}.footer-logo svg{width:42px;height:42px}.footer-logo p{color:#888;font-size:16px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-section{display:flex;flex-direction:column;gap:16px}.footer-section h3{color:var(--text-color);font-size:16px;font-weight:600;margin-bottom:8px}.footer-section a{color:#888;text-decoration:none;font-size:14px;transition:color .2s}.footer-section a:hover{color:var(--accent-color)}.badges-section{display:flex;justify-content:left;align-items:center;max-width:1200px;margin:0 auto;padding:20px 1rem}.badges-section img{width:300px;max-width:100%;height:auto}.mobile-menu-button{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:11}.mobile-menu-button span{width:100%;height:2px;background:var(--text-color);transition:all .3s ease}.mobile-menu-button.open span:first-child{transform:translateY(9px) rotate(45deg)}.mobile-menu-button.open span:nth-child(2){opacity:0}.mobile-menu-button.open span:last-child{transform:translateY(-9px) rotate(-45deg)}.mobile-nav{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg-color);z-index:10;opacity:0;visibility:hidden;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.mobile-nav.open{opacity:1;visibility:visible}.mobile-nav-content{display:flex;flex-direction:column;align-items:center;gap:12px}.mobile-nav-content a{font-size:24px;color:var(--text-color);text-decoration:none;padding:12px}.mobile-nav-content .login-button{background:var(--accent-color);color:#fff;padding:12px 24px;border-radius:8px;font-weight:500}.device-details-wrapper-landing{display:flex;flex-direction:column;height:100vh;width:100vw}@media (max-width: 968px){.main-header nav{padding:16px}.nav-links{gap:16px}.footer-content{grid-template-columns:1fr;gap:40px}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width: 642px){.nav-links .demo-link,.nav-links .pricing-link,.nav-links .docs-link{display:none}}@media (max-width: 640px){.main-header nav .nav-links{margin-left:auto;margin-right:12px}.mobile-menu-button{display:flex}}body.mobile-menu-open{overflow:hidden}.logo{width:96px;height:96px;color:#fff}.logo .tooth{color:#fff;transform-origin:center;opacity:0;animation:fadeIn .3s ease-out forwards}.logo{display:inline-block}.logo .tooth-1{animation:fadeIn .3s ease-out .1s forwards}.logo .tooth-2{animation:fadeIn .3s ease-out .3s forwards}.logo .tooth-3{animation:fadeIn .3s ease-out .5s forwards}.logo .tooth-4{animation:fadeIn .3s ease-out .6s forwards}.logo .tooth-5{animation:fadeIn .3s ease-out .8s forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}