:root{--color-primary:#0a1628;--color-primary-light:#1a2942;--color-primary-dark:#050b14;--color-accent:#ff8c42;--color-accent-light:#ffa366;--color-accent-dark:#e67a35;--color-bg:#fafbfc;--color-bg-alt:#f4f6f8;--color-text:#0a1628;--color-text-light:#5a6c7d;--color-text-muted:#8b9bab;--color-white:#fff;--color-shadow:#0a16281a;--color-shadow-strong:#0a162833;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--spacing-2xl:8rem;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--shadow-sm:0 2px 8px var(--color-shadow);--shadow-md:0 4px 16px var(--color-shadow);--shadow-lg:0 8px 32px var(--color-shadow-strong);--shadow-xl:0 16px 48px var(--color-shadow-strong)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);font-weight:var(--font-weight-regular);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.hero{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-light)100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-background{background:radial-gradient(circle at 20%,#ff8c421a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ff8c4214 0%,#0000 50%);animation:8s ease-in-out infinite pulse;position:absolute;inset:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.hero-content{z-index:2;gap:var(--spacing-lg);padding:var(--spacing-lg)var(--spacing-md);grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.hero-text{animation:1s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:var(--font-weight-black);color:var(--color-white);margin-bottom:var(--spacing-md);letter-spacing:-.02em;line-height:1.1}.hero-subtitle{font-size:clamp(1.125rem,2vw,1.5rem);font-weight:var(--font-weight-regular);color:#ffffffd9;margin-bottom:var(--spacing-lg);max-width:500px}.cta-buttons{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.btn{font-size:1rem;font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.75rem;padding:1rem 2rem;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-accent);color:var(--color-white);box-shadow:0 4px 16px #ff8c424d}.btn-primary:hover{background:var(--color-accent-light);transform:translateY(-2px);box-shadow:0 8px 24px #ff8c4266}.btn-secondary{color:var(--color-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.btn-large{padding:1.25rem 2.5rem;font-size:1.125rem}.hero-visual{justify-content:center;align-items:center;animation:1s ease-out .3s both fadeInUp;display:flex}.phone-mockup{filter:drop-shadow(0 20px 60px #0006);width:100%;max-width:400px;animation:6s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.mockup-image{border-radius:var(--radius-lg);width:100%;height:auto}.scroll-indicator{bottom:var(--spacing-lg);z-index:3;position:absolute;left:50%;transform:translate(-50%)}.scroll-arrow{border-bottom:2px solid #fff9;border-left:2px solid #fff9;width:24px;height:24px;animation:2s infinite bounce;transform:rotate(-45deg)}@keyframes bounce{0%,20%,50%,80%,to{transform:rotate(-45deg)translateY(0)}40%{transform:rotate(-45deg)translateY(10px)}60%{transform:rotate(-45deg)translateY(5px)}}.demo-section{padding:var(--spacing-2xl)0;background:var(--color-white)}.section-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-weight-black);text-align:center;margin-bottom:var(--spacing-sm);color:var(--color-primary);letter-spacing:-.02em}.section-subtitle{text-align:center;color:var(--color-text-light);margin-bottom:var(--spacing-xl);font-size:clamp(1rem,2vw,1.25rem)}.comparison-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1000px;margin:0 auto;display:grid}.comparison-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:transform var(--transition-normal);position:relative;overflow:hidden}.comparison-card:hover{transform:translateY(-8px)}.comparison-image{width:100%;height:auto;display:block}.comparison-overlay{padding:var(--spacing-md);background:linear-gradient(#0000 0%,#0a1628cc 100%);justify-content:space-between;display:flex;position:absolute;bottom:0;left:0;right:0}.comparison-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-sm);color:var(--color-white);font-weight:var(--font-weight-semibold);background:#ffffff26;padding:.5rem 1rem;font-size:.875rem}.features-section{padding:var(--spacing-2xl)0;background:var(--color-bg-alt)}.features-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.feature-card{background:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);text-align:center}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.feature-icon{width:80px;height:80px;margin:0 auto var(--spacing-md);background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-dark)100%);border-radius:var(--radius-md);color:var(--color-white);justify-content:center;align-items:center;display:flex}.feature-title{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.feature-description{color:var(--color-text-light);font-size:1rem;line-height:1.6}.how-section{padding:var(--spacing-2xl)0;background:var(--color-white)}.steps-grid{gap:var(--spacing-md);max-width:900px;margin:var(--spacing-xl)auto 0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:center;display:grid}.step-card{background:var(--color-bg-alt);padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-normal)}.step-card:hover{background:var(--color-white);box-shadow:var(--shadow-md);transform:scale(1.05)}.step-number{font-size:3rem;font-weight:var(--font-weight-black);background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-dark)100%);-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-sm);-webkit-background-clip:text;background-clip:text}.step-title{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-xs)}.step-description{color:var(--color-text-light);font-size:.95rem}.step-arrow{color:var(--color-accent);text-align:center;font-size:2rem;font-weight:var(--font-weight-bold)}.cta-section{padding:var(--spacing-2xl)0;background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-light)100%);position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(circle at 30%,#ff8c4226 0%,#0000 50%),radial-gradient(circle at 70% 80%,#ff8c421a 0%,#0000 50%);position:absolute;inset:0}.cta-content{z-index:2;text-align:center;position:relative}.cta-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-black);color:var(--color-white);margin-bottom:var(--spacing-sm)}.cta-subtitle{color:#ffffffd9;margin-bottom:var(--spacing-lg);font-size:clamp(1.125rem,2vw,1.5rem)}.footer{background:var(--color-primary-dark);color:var(--color-white);padding:var(--spacing-xl)0 var(--spacing-md)}.footer-content{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.footer-brand h3{font-size:1.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.footer-brand p{color:#ffffffb3}.footer-links{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.footer-links a{color:#ffffffb3;transition:color var(--transition-fast);text-decoration:none}.footer-links a:hover{color:var(--color-accent)}.footer-bottom{text-align:center;padding-top:var(--spacing-md);color:#ffffff80;border-top:1px solid #ffffff1a}@media (max-width:768px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-subtitle{max-width:100%}.cta-buttons{justify-content:center}.hero-visual{order:-1}.phone-mockup{max-width:300px}.step-arrow{display:none}.steps-grid{grid-template-columns:1fr}.footer-content{text-align:center;flex-direction:column}.footer-links{justify-content:center}}@media (max-width:480px){.btn{justify-content:center;width:100%}.comparison-grid{grid-template-columns:1fr}}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}