:root{--primary:#E4583D;--primary-light:#F0F8FF;--primary-dark:#c94a32;--secondary:#FF9500;--secondary-light:#F8DECF;--secondary-dark:#CC7A00;--background:#F3EFE6;--bg-darker:#DDD6CA;--card:#FFFFFF;--surface:#F2F2F7;--text-primary:#333333;--text-secondary:#666666;--text-tertiary:#999999;--text-inverse:#FFFFFF;--border:#EFEFEF;--avatar-light-blue:#E9F7F5;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-round:9999px;--font-xs:11px;--font-sm:14px;--font-md:16px;--font-lg:18px;--font-xl:20px;--font-xxl:24px;--font-xxxl:32px;--shadow-sm:0 1px 2px rgba(0,0,0,0.08);--shadow-md:0 2px 8px rgba(0,0,0,0.12);--shadow-lg:0 4px 16px rgba(0,0,0,0.16)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--background);min-height:100vh;display:flex;flex-direction:column}.header{background:var(--card);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.logo{color:var(--primary);font-size:var(--font-xxl);font-weight:700;letter-spacing:-.5px}.nav-links{display:flex;gap:var(--spacing-xl)}.nav-links a{text-decoration:none;color:var(--text-primary);font-weight:500;font-size:var(--font-md);transition:color .2s ease;position:relative}.nav-links a:hover{color:var(--primary)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);transition:width .2s ease}.main,.nav-links a:hover:after{width:100%}.main{flex:1;max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.hero{text-align:center;padding:var(--spacing-xxl) 0}.hero h2{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary);letter-spacing:-1px}.hero p{font-size:var(--font-xl);color:var(--text-secondary);margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto}.hero-accent{color:var(--primary)}.contact-info{background:var(--card);padding:var(--spacing-xl);border-radius:var(--radius-lg);margin:var(--spacing-lg) 0;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.contact-info h3{color:var(--primary);margin-bottom:var(--spacing-md);font-size:var(--font-xl);font-weight:600}.contact-info p{color:var(--text-secondary);line-height:1.8}.contact-info a{color:var(--primary);text-decoration:none;font-weight:600;transition:color .2s ease}.contact-info a:hover{color:var(--primary-dark);text-decoration:underline}.apps-section{margin:var(--spacing-xxl) 0}.apps-section>h3{font-size:var(--font-xxl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.app-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin:var(--spacing-md) 0;box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease}.app-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.app-card h3{color:var(--primary);font-size:var(--font-xl);font-weight:600}.app-card h3,.app-card p{margin-bottom:var(--spacing-md)}.app-card p{line-height:1.8}.app-card p,.app-card ul{color:var(--text-secondary)}.app-card ul{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.app-card li{margin-bottom:var(--spacing-sm);line-height:1.6}.app-card li::marker{color:var(--primary)}.app-links{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--primary);color:var(--text-inverse);text-decoration:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-md);transition:all .2s ease;border:none;cursor:pointer;min-height:48px}.btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn-secondary{background:var(--card);color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--secondary-light);color:var(--primary)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-outline:hover{background:var(--surface);border-color:var(--text-tertiary)}.btn-pill{background:var(--secondary-light);color:var(--primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-round);font-size:var(--font-sm)}.btn-pill:hover{background:var(--bg-darker)}.footer{background:var(--text-primary);color:var(--text-inverse);text-align:center;padding:var(--spacing-xl) var(--spacing-lg);margin-top:auto}.footer-container{max-width:1200px;margin:0 auto}.footer p{margin-bottom:var(--spacing-sm);font-size:var(--font-sm);color:rgba(255,255,255,.8)}.footer a{color:var(--secondary-light);text-decoration:none;font-weight:500;transition:color .2s ease}.footer a:hover{color:var(--secondary);text-decoration:underline}.legal-content{max-width:800px;margin:0 auto;background:var(--card);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.legal-content h1{color:var(--primary);margin-bottom:var(--spacing-lg);font-size:var(--font-xxxl);font-weight:700}.legal-content h2{color:var(--text-primary);margin:var(--spacing-xl) 0 var(--spacing-md) 0;font-size:var(--font-xl);font-weight:600}.legal-content p{text-align:justify;line-height:1.8}.legal-content p,.legal-content ul{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.legal-content ul{margin-left:var(--spacing-lg)}.legal-content li{margin-bottom:var(--spacing-sm)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.feature-item{background:var(--card);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.feature-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.feature-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.feature-item h4{color:var(--text-primary);font-weight:600;margin-bottom:var(--spacing-sm)}.feature-item p{color:var(--text-secondary);font-size:var(--font-sm)}.download-badges{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-lg)}.download-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--text-primary);color:var(--text-inverse);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);text-decoration:none;font-weight:500;transition:all .2s ease}.download-badge:hover{background:#000;transform:translateY(-2px);box-shadow:var(--shadow-md)}.download-badge-icon{font-size:1.5rem}.section-divider{height:1px;background:var(--border);margin:var(--spacing-xxl) 0}.store-badge{display:inline-block;transition:transform .2s ease,opacity .2s ease}.store-badge:hover{transform:translateY(-2px);opacity:.9}.store-badge img{display:block}.phone-showcase{margin:var(--spacing-xl) 0;overflow:hidden}.phone-scroll{display:flex;gap:var(--spacing-lg);overflow-x:auto;padding:var(--spacing-lg) var(--spacing-md);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.phone-scroll::-webkit-scrollbar{display:none}.phone-image{flex-shrink:0;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);scroll-snap-align:center;transition:transform .3s ease}.phone-image:hover{transform:scale(1.02)}.app-visual{display:flex;justify-content:center;margin:var(--spacing-lg) 0}.app-visual-image{border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}@media (max-width:768px){.nav-container{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.nav-links{gap:var(--spacing-lg)}.hero{padding:var(--spacing-xl) 0}.hero h2{font-size:2rem}.hero p{font-size:var(--font-lg)}.main{padding:var(--spacing-lg) var(--spacing-md)}.app-card{padding:var(--spacing-lg)}.app-links{flex-direction:column}.app-links .btn{width:100%;text-align:center}.features-grid{grid-template-columns:1fr}.contact-info,.legal-content{padding:var(--spacing-lg)}.download-badges{flex-direction:column;align-items:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .5s ease-out}