.landing-page{min-height:100dvh;color:var(--text-color);background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);overflow-x:hidden}.hero-section{justify-content:space-between;align-items:center;gap:60px;min-height:100dvh;padding:80px 5%;display:flex;position:relative}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#1c79f41a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#6200ee1a 0%,#0000 50%);position:absolute;inset:0}.hero-content{z-index:1;flex:1;max-width:600px}.hero-badge{background:#1c79f41a;border:1px solid #1c79f44d;border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:14px;font-weight:500;animation:.6s ease-out fadeInUp;display:inline-flex}.badge-icon{font-size:16px}.hero-title{color:var(--text-color);margin-bottom:24px;font-family:Agrandir,sans-serif;font-size:56px;font-weight:700;line-height:1.2;animation:.6s ease-out .1s backwards fadeInUp}.hero-description{color:var(--text-secondary-color);margin-bottom:32px;font-size:20px;line-height:1.6;animation:.6s ease-out .2s backwards fadeInUp}.hero-buttons{flex-wrap:wrap;gap:16px;margin-bottom:48px;animation:.6s ease-out .3s backwards fadeInUp;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:16px 32px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#1c79f4 0%,#1565c0 100%);box-shadow:0 8px 24px #1c79f44d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #1c79f466}.btn-secondary{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-icon{font-size:20px}.hero-stats{gap:48px;animation:.6s ease-out .4s backwards fadeInUp;display:flex}.stat-item{text-align:center}.stat-number{color:var(--accent-color);margin-bottom:8px;font-size:48px;font-weight:800}.stat-label{color:var(--text-secondary-color);text-transform:uppercase;letter-spacing:1px;font-size:14px}.hero-visual{z-index:1;flex:1;justify-content:center;align-items:center;animation:.8s ease-out .3s backwards fadeInRight;display:flex}.app-screenshots{width:100%;max-width:500px;position:relative}.screenshot-main{width:100%;position:relative}.screenshot-img{border-radius:24px;width:100%;height:auto;transition:transform .3s;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a}.screenshot-img:hover{transform:scale(1.02)}.phone-mockup{background:linear-gradient(135deg,#1e1e1e 0%,#2a2a2a 100%);border-radius:40px;width:320px;height:640px;padding:16px;position:relative;box-shadow:0 20px 60px #00000080,0 0 0 8px #ffffff0d}.phone-mockup:before{content:"";z-index:2;background:#0a0a0a;border-radius:0 0 20px 20px;width:100px;height:24px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.phone-screen{background:#121212;border-radius:28px;width:100%;height:100%;position:relative;overflow:hidden}.mockup-content{padding:48px 20px 20px}.mockup-header{text-align:center;border-bottom:1px solid #ffffff1a;margin-bottom:32px;padding-bottom:20px}.mockup-title{margin-bottom:8px;font-size:24px;font-weight:700}.mockup-total{color:#1c79f4;font-size:32px;font-weight:800}.mockup-people{flex-direction:column;gap:16px;display:flex}.mockup-person{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.person-avatar{font-size:24px}.person-name{flex:1;font-weight:600}.person-value{font-size:18px;font-weight:700}.person-value.green{color:#4caf50}.person-value.red{color:#ef4444}.features-section,.how-it-works-section,.use-cases-section,.install-section{padding:120px 5%;position:relative}.section-header{text-align:center;max-width:800px;margin:0 auto 80px}.section-title{color:var(--text-color);margin-bottom:16px;font-family:Agrandir,sans-serif;font-size:48px;font-weight:700}.section-subtitle{color:var(--text-secondary-color);font-size:20px;line-height:1.6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:1200px;margin:0 auto;display:grid}.feature-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:40px;transition:all .3s}.feature-card:hover{background:#ffffff0d;border-color:#1c79f44d;transform:translateY(-8px);box-shadow:0 20px 40px #1c79f41a}.feature-icon{margin-bottom:24px;font-size:48px}.feature-title{margin-bottom:12px;font-size:24px;font-weight:700}.feature-description{color:var(--text-secondary-color);font-size:16px;line-height:1.6}.how-it-works-section{background:#1c79f405}.steps-container{flex-direction:column;gap:48px;max-width:900px;margin:0 auto;display:flex}.step-card{align-items:flex-start;gap:32px;display:flex}.step-number{background:linear-gradient(135deg,#1c79f4 0%,#8b5cf6 100%);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:36px;font-weight:800;display:flex;box-shadow:0 8px 24px #1c79f44d}.step-content{flex:1}.step-title{margin-bottom:12px;font-family:Agrandir,sans-serif;font-size:28px;font-weight:700}.step-description{color:var(--text-secondary-color);margin-bottom:24px;font-size:18px;line-height:1.6}.step-visual{margin-top:24px}.step-screenshot{border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:600px;height:auto;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 24px #0000004d}.step-screenshot:hover{transform:translateY(-4px);box-shadow:0 12px 32px #1c79f433}.visual-box{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:12px;padding:24px;display:flex}.visual-item,.visual-add{background:#ffffff0d;border-radius:12px;padding:16px;font-size:16px;font-weight:600}.visual-add{color:#1c79f4;text-align:center;background:#1c79f40d;border:2px dashed #1c79f44d}.visual-expense{background:#ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.expense-value{color:#1c79f4;font-weight:700}.visual-result{border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.visual-result.green{background:#4caf501a;border:1px solid #4caf504d}.visual-result.red{background:#ef44441a;border:1px solid #ef44444d}.result-value{font-size:20px;font-weight:800}.visual-result.green .result-value{color:#4caf50}.visual-result.red .result-value{color:#ef4444}.install-section{background:linear-gradient(135deg,#1c79f40d 0%,#8b5cf60d 100%)}.install-container{max-width:1000px;margin:0 auto}.install-content{text-align:center}.install-icon{margin-bottom:24px;font-size:80px}.install-title{margin-bottom:16px;font-size:40px;font-weight:800}.install-description{color:var(--text-secondary-color);max-width:700px;margin-bottom:48px;margin-left:auto;margin-right:auto;font-size:20px;line-height:1.6}.install-steps{text-align:left;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;margin-bottom:48px;display:grid}.install-platform{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:32px}.platform-title{align-items:center;gap:12px;margin-bottom:24px;font-size:24px;font-weight:700;display:flex}.platform-icon{font-size:32px}.platform-steps{counter-reset:step-counter;margin:0;padding:0;list-style:none}.platform-steps li{counter-increment:step-counter;color:var(--text-secondary-color);margin-bottom:16px;padding-left:48px;font-size:16px;line-height:1.6;position:relative}.platform-steps li:before{content:counter(step-counter);color:#fff;background:linear-gradient(135deg,#1c79f4 0%,#8b5cf6 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex;position:absolute;top:0;left:0}.install-benefits{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.benefit-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:flex}.benefit-icon{font-size:20px}.use-cases-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:1200px;margin:0 auto;display:grid}.use-case-card{text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:40px;transition:all .3s}.use-case-card:hover{background:#ffffff0d;border-color:#1c79f44d;transform:translateY(-8px);box-shadow:0 20px 40px #1c79f41a}.use-case-emoji{margin-bottom:20px;font-size:64px}.use-case-title{margin-bottom:12px;font-size:22px;font-weight:700}.use-case-desc{color:var(--text-secondary-color);font-size:16px;line-height:1.6}.cta-section{text-align:center;background:linear-gradient(135deg,#1c79f41a 0%,#8b5cf61a 100%);padding:120px 5%}.cta-container{max-width:800px;margin:0 auto}.cta-title{color:var(--accent-color);margin-bottom:24px;font-family:Agrandir,sans-serif;font-size:56px;font-weight:700}.cta-description{color:var(--text-secondary-color);margin-bottom:40px;font-size:24px;line-height:1.6}.cta-button{color:#fff;background:linear-gradient(135deg,#1c79f4 0%,#1565c0 100%);border-radius:16px;align-items:center;gap:12px;padding:20px 48px;font-size:20px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 12px 32px #1c79f466}.cta-button:hover{transform:translateY(-4px);box-shadow:0 16px 48px #1c79f480}.cta-icon{font-size:24px}.cta-note{color:var(--text-secondary-color);margin-top:24px;font-size:16px}.landing-footer{background:#0000004d;border-top:1px solid #ffffff1a;padding:60px 5%}.footer-content{text-align:center;flex-direction:column;align-items:center;gap:32px;max-width:1200px;margin:0 auto;display:flex}.footer-brand{flex-direction:column;gap:12px;display:flex}.footer-logo{color:var(--accent-color);font-family:Agrandir,sans-serif;font-size:32px;font-weight:700}.footer-tagline{color:var(--text-secondary-color);font-size:16px}.footer-links{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.footer-link{color:var(--text-secondary-color);font-weight:500;text-decoration:none;transition:color .3s}.footer-link:hover{color:#1c79f4}.footer-bottom{border-top:1px solid #ffffff1a;width:100%;padding-top:24px}.footer-copyright{color:var(--text-secondary-color);font-size:14px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width:1024px){.hero-section{text-align:center;flex-direction:column;padding:60px 5%}.hero-content{max-width:100%}.hero-title{font-size:42px}.hero-buttons,.hero-stats{justify-content:center}.phone-mockup{width:280px;height:560px}.section-title{font-size:36px}.cta-title{font-size:42px}}@media (max-width:768px){.hero-title{font-size:32px}.hero-description{font-size:18px}.hero-stats{gap:24px}.stat-number{font-size:36px}.features-grid,.use-cases-grid{grid-template-columns:1fr}.step-card{text-align:center;flex-direction:column}.step-number{margin:0 auto}.install-steps{grid-template-columns:1fr}.section-title{font-size:28px}.cta-title{font-size:32px}.cta-description{font-size:18px}.btn-primary,.btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.hero-section{padding:40px 5%}.hero-title{font-size:28px}.phone-mockup{width:240px;height:480px}.mockup-content{padding:32px 12px 12px}.mockup-title{font-size:18px}.mockup-total{font-size:24px}.install-platform{padding:24px}.install-steps{min-width:100%}}.landing-page{background:var(--bg-color);color:var(--text-color)}.landing-page :where(.hero-section,.features-section,.pricing-section,.how-it-works-section,.install-section,.use-cases-section,.cta-section){box-shadow:none;background:0 0;border:0;border-radius:0}.landing-page .hero-section{gap:clamp(2.5rem,8vw,7rem);width:min(100%,1240px);min-height:auto;margin:0 auto;padding:clamp(6rem,12vw,9rem) clamp(1.25rem,5vw,4rem) clamp(4rem,8vw,7rem)}.landing-page .hero-section:before{display:none}.landing-page .hero-content{max-width:650px}.landing-page .hero-badge{border:1px solid var(--border-color);background:var(--card-bg);color:var(--accent-color);border-radius:999px;margin-bottom:1.25rem;padding:.45rem .75rem;font-weight:600;animation:none}.landing-page .hero-title,.landing-page .gradient-text{color:var(--text-color);letter-spacing:-.04em;-webkit-text-fill-color:currentColor;background:0 0;margin-bottom:1.5rem;font-size:clamp(2.75rem,5.6vw,5rem);line-height:.98;animation:none}.landing-page .hero-description{max-width:58ch;color:var(--text-secondary-color);font-size:clamp(1.05rem,1.6vw,1.25rem);animation:none}.landing-page .hero-buttons{margin-bottom:2.5rem;animation:none}.landing-page :where(.btn-primary,.btn-secondary){border-radius:var(--radius-sm);min-height:50px;box-shadow:none;padding:.8rem 1.25rem;font-size:1rem}.landing-page .btn-primary{border:1px solid var(--accent-color);background:var(--accent-color);color:#fff}.landing-page .btn-secondary{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color)}.landing-page :where(.btn-primary,.btn-secondary):hover{box-shadow:none;transform:translateY(-1px)}.landing-page .hero-stats{border-top:1px solid var(--border-color);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;animation:none;display:grid}.landing-page .hero-stats .stat-item{text-align:left;padding:1rem 1rem 0 0}.landing-page .hero-stats .stat-item+.stat-item{border-left:1px solid var(--border-color);padding-left:1rem}.landing-page .stat-number{color:var(--text-color);-webkit-text-fill-color:currentColor;background:0 0;margin:0 0 .25rem;font-size:1rem;font-weight:700}.landing-page .stat-label{color:var(--text-secondary-color);letter-spacing:0;text-transform:none;font-size:.82rem;line-height:1.35}.landing-page .hero-visual{animation:none}.landing-page .phone-mockup{border:1px solid var(--border-color);background:#0b1220;border-radius:34px;width:320px;height:620px;padding:10px;box-shadow:0 24px 60px #13213a33}.landing-page :where(.features-section,.pricing-section,.how-it-works-section,.install-section,.use-cases-section){border-top:1px solid var(--border-color);padding:clamp(4rem,8vw,7rem) clamp(1.25rem,5vw,4rem)}.landing-page .section-header{max-width:760px;margin:0 auto clamp(2rem,5vw,4rem)}.landing-page .section-title{color:var(--text-color);letter-spacing:-.035em;-webkit-text-fill-color:currentColor;background:0 0;font-size:clamp(2rem,4vw,3.5rem)}.landing-page :where(.feature-card,.pricing-card,.step-card,.install-platform,.use-case-card){border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-color);box-shadow:none}.landing-page :where(.feature-card,.pricing-card,.step-card,.install-platform,.use-case-card):hover{border-color:color-mix(in srgb,var(--accent-color)45%,var(--border-color));background:var(--card-bg);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.landing-page .feature-card.featured,.landing-page .pricing-card.active,.landing-page .pricing-card.popular{border-color:var(--accent-color);background:var(--card-bg);box-shadow:none}.landing-page :where(.feature-title,.plan-name,.step-title,.use-case-title){color:var(--text-color)}.landing-page :where(.feature-description,.plan-description,.step-description,.use-case-desc,.section-subtitle){color:var(--text-secondary-color)}.landing-page .cta-section{border-top:1px solid var(--border-color);background:var(--accent-color);padding:clamp(4rem,9vw,8rem) 1.25rem}.landing-page .cta-title{color:#fff;-webkit-text-fill-color:currentColor;background:0 0}.landing-page :where(.cta-description,.cta-note){color:#ffffffd1}.landing-page .cta-button{color:#0b3eae;box-shadow:none;background:#fff}.landing-page .landing-footer{border-color:var(--border-color);background:var(--card-bg)}.landing-page .footer-logo{color:var(--accent-color);-webkit-text-fill-color:currentColor;background:0 0}@media (max-width:768px){.landing-page .hero-section{text-align:left;padding-top:5.5rem}.landing-page .hero-buttons{justify-content:flex-start}.landing-page .hero-stats{grid-template-columns:1fr}.landing-page .hero-stats .stat-item,.landing-page .hero-stats .stat-item+.stat-item{border-left:0;border-bottom:1px solid var(--border-color);padding:.85rem 0}.landing-page .hero-visual{width:100%}.landing-page .phone-mockup{width:min(280px,82vw);height:550px;margin-inline:auto}}