*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;line-height:1.6;color:#333633;background:#f7f7f2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:hsla(60,24%,96%,.8);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05)}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;height:72px;justify-content:space-between}.nav-actions,.nav-container{display:flex;align-items:center}.nav-actions{gap:16px}.nav-brand{font-size:24px;font-weight:700;color:#333633}.logo{height:32px;width:auto}.nav-links{display:flex;gap:32px}.nav-links a{color:#666;text-decoration:none;font-weight:500;font-size:15px;transition:color .2s ease}.nav-links a:hover{color:#272727}.nav-cta{background:#272727;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.nav-cta:hover{background:#333633;transform:translateY(-1px)}.mobile-menu-toggle{display:none;background:none;border:none;color:#333633;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.mobile-menu-toggle:hover{background:rgba(0,0,0,.05)}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:hsla(60,24%,96%,.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 8px 32px rgba(0,0,0,.1)}.mobile-menu-content{max-width:1200px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:20px}.mobile-menu-content a{color:#333633;text-decoration:none;font-weight:500;font-size:18px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.1);transition:color .2s ease}.mobile-menu-content a:hover{color:#272727}.mobile-menu-cta{background:#272727;color:#fff;border:none;padding:16px 24px;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;margin-top:8px;min-height:48px}.mobile-menu-cta:hover{background:#333633}.hero{padding:120px 0 80px;background:linear-gradient(135deg,#f7f7f2,#f5f5f5)}.hero-container{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero-badge{display:inline-flex;align-items:center;background:rgba(202,231,202,.3);border:1px solid rgba(202,231,202,.5);padding:8px 16px;border-radius:24px;font-size:14px;font-weight:500;color:#2d5a2d;margin-bottom:24px}.hero-title{font-size:64px;font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em}.hero-gradient{background:linear-gradient(135deg,#cae7ca,#86808f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:20px;color:#666;margin-bottom:40px;line-height:1.6}.hero-buttons{display:flex;gap:16px}.btn-primary{background:#272727;color:#fff;border:none;padding:16px 32px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;min-height:48px;justify-content:center}.btn-primary:hover{background:#333633;transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.12)}.btn-secondary{background:transparent;color:#333633;border:2px solid #e5e5e5;padding:16px 32px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;min-height:48px;justify-content:center;display:flex;align-items:center}.btn-secondary:hover{border-color:#333633;transform:translateY(-2px)}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative;overflow:visible}.app-screenshot{max-width:180%;height:auto;filter:drop-shadow(0 20px 80px rgba(0,0,0,.15))}.phone-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:200%;background:radial-gradient(circle,rgba(202,231,202,.3) 0,transparent 70%);z-index:-1;border-radius:50%}.features{padding:120px 0;background:#f7f7f2}.features-container{max-width:1200px;margin:0 auto;padding:0 24px}.section-header{text-align:center;margin-bottom:80px}.section-header h2{font-size:48px;font-weight:700;margin-bottom:16px;letter-spacing:-.02em}.section-header p{font-size:20px;color:#666;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{background:#fff;border:1px solid #f0f0f0;padding:32px;border-radius:16px;transition:all .3s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,.08);border-color:#cae7ca}.feature-icon{font-size:32px;margin-bottom:20px;display:block}.feature-card h3{font-size:20px;font-weight:700;margin-bottom:12px;color:#333633}.feature-card p{color:#666;line-height:1.6}.stats{padding:80px 0;background:#f7f7f2}.stats-container{max-width:1200px;margin:0 auto;padding:0 24px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:64px;text-align:center}.stat-number{font-size:56px;font-weight:800;color:#333633;margin-bottom:8px;letter-spacing:-.02em}.stat-label{color:#666;font-size:16px;font-weight:500}.footer{background:#272727;color:#fff;padding:60px 0 40px}.footer-container{max-width:1200px;margin:0 auto;padding:0 24px}.footer-content{display:flex;justify-content:center;gap:64px;margin-bottom:40px}.footer-link{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;color:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit}.footer-link:hover{color:#cae7ca;transform:translateY(-2px)}.footer-icon{font-size:24px}.footer-bottom{border-top:1px solid #333;padding-top:24px;text-align:center;color:#999;font-size:14px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;backdrop-filter:blur(8px)}.modal-content{background:#fff;border-radius:20px;max-width:600px;max-height:80vh;overflow-y:auto;position:relative;padding:40px;width:100%;box-shadow:0 20px 80px rgba(0,0,0,.2)}.modal-close{position:absolute;top:20px;right:20px;background:#f5f5f5;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:#e5e5e5}.modal-section h1{font-size:32px;font-weight:800;margin-bottom:16px;color:#333633}.modal-section h2{font-size:24px;font-weight:700;margin-bottom:16px;color:#333633}.modal-section h3{font-size:20px;font-weight:600;margin-bottom:12px;color:#333633}.contact-info{color:#666;font-style:italic}.contact-info,.section-block{margin-bottom:32px}.section-block ul{list-style:none;padding:0}.section-block li{margin-bottom:12px;padding-left:20px;position:relative;line-height:1.6}.section-block li:before{content:"•";color:#cae7ca;font-weight:700;position:absolute;left:0}.disclaimer{background:#f7e783;padding:20px;border-radius:12px;margin-top:20px}.support-methods{display:grid;gap:16px;margin-bottom:32px}.support-method{background:#cae7ca;padding:20px;border-radius:12px;text-decoration:none;color:#333633;transition:all .2s ease}.support-method:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.support-method strong{display:block;margin-bottom:4px;font-weight:600}.card-green{background:#cae7ca!important;border-color:#cae7ca!important}.card-yellow{background:#f7e783!important;border-color:#f7e783!important}.card-purple{background:#86808f!important;border-color:#86808f!important}.card-purple,.card-purple h3,.card-purple p{color:#fff!important}.card-cream{background:#f7f7f2!important;border-color:#f7f7f2!important}.card-lavender{background:#a195a8!important;border-color:#a195a8!important}.card-blue{background:#cad1e8!important;border-color:#cad1e8!important}.card-mint{background:#cae8e8!important;border-color:#cae8e8!important}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f7f7f2}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#cae7ca;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:1025px) and (max-width:1366px){.hero-title{font-size:56px}.hero-description{font-size:19px}.features-grid{grid-template-columns:repeat(3,1fr);gap:28px}}@media (min-width:834px) and (max-width:1024px){.hero-container{grid-template-columns:1fr .8fr;gap:40px;align-items:center}.hero-title{font-size:52px;text-align:left}.hero-description{font-size:18px;text-align:left}.hero-content{text-align:left}.features-grid{grid-template-columns:repeat(2,1fr);gap:24px}.section-header h2{font-size:42px}.app-screenshot{max-width:160%}.stats-grid{grid-template-columns:repeat(3,1fr);gap:48px}}@media (min-width:768px) and (max-width:833px){.nav-links{display:none}.mobile-menu-toggle{display:flex}.hero-container{grid-template-columns:1fr;gap:50px;text-align:center}.hero-title{font-size:46px}.hero-description{font-size:18px}.hero-buttons{flex-direction:row;justify-content:center;gap:16px}.btn-primary,.btn-secondary{padding:16px 28px;font-size:16px;flex:0 0 auto}.features-grid{grid-template-columns:repeat(2,1fr);gap:24px}.section-header h2{font-size:38px}.app-screenshot{max-width:320px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:40px}.footer-content{gap:48px}}@media (max-width:1024px){.hero-container{grid-template-columns:1fr;gap:60px;text-align:center}.hero-title{font-size:48px}.hero-description{font-size:18px}.features-grid{grid-template-columns:repeat(2,1fr);gap:24px}.section-header h2{font-size:40px}}@media (max-width:768px){.nav-container{padding:0 20px}.nav-cta,.nav-links{display:none}.mobile-menu-toggle{display:flex}.hero{padding:100px 0 60px}.hero-container{padding:0 20px;gap:40px}.hero-title{font-size:36px;line-height:1.2}.hero-description{font-size:16px;margin-bottom:32px}.hero-buttons{flex-direction:column;gap:12px;width:100%}.btn-primary,.btn-secondary{width:100%;padding:18px 24px;font-size:16px}.app-screenshot{max-width:280px;height:auto}.features{padding:80px 0}.features-container{padding:0 20px}.features-grid{grid-template-columns:1fr;gap:20px}.feature-card{padding:24px}.section-header{margin-bottom:48px}.section-header h2{font-size:28px;line-height:1.2}.section-header p{font-size:16px}.stats{padding:60px 0}.stats-container{padding:0 20px}.stats-grid{grid-template-columns:1fr;gap:32px}.stat-number{font-size:40px}.footer{padding:48px 0 32px}.footer-container{padding:0 20px}.footer-content{gap:32px}.modal-overlay{padding:16px}.modal-content{padding:24px;margin:0;max-height:85vh}.modal-section h1{font-size:24px}.modal-section h2{font-size:20px}}@media (max-width:480px){.nav-container{padding:0 16px;height:64px}.hero{padding:84px 0 48px}.hero-container{padding:0 16px;gap:32px}.hero-title{font-size:28px;line-height:1.1}.hero-description{font-size:15px;margin-bottom:24px}.hero-badge{font-size:12px;padding:6px 12px;margin-bottom:20px}.btn-primary,.btn-secondary{padding:16px 20px;font-size:15px}.app-screenshot{max-width:240px}.features-container,.footer-container,.stats-container{padding:0 16px}.features{padding:60px 0}.section-header{margin-bottom:36px}.section-header h2{font-size:24px}.section-header p{font-size:15px}.feature-card{padding:20px}.feature-card h3{font-size:18px}.feature-card p{font-size:14px}.stats{padding:48px 0}.stat-number{font-size:32px}.stat-label{font-size:14px}.footer{padding:40px 0 28px}.footer-content{flex-direction:column;gap:20px}.footer-link{font-size:14px}.footer-icon{font-size:20px}.modal-content{padding:20px}.modal-section h1{font-size:22px}.modal-section h2{font-size:18px}.mobile-menu-content{padding:20px}.mobile-menu-content a{font-size:16px;padding:10px 0}.mobile-menu-cta{padding:14px 20px;font-size:15px}}@media (max-width:360px){.hero-title{font-size:24px}.section-header h2{font-size:20px}.app-screenshot{max-width:200px}.btn-primary,.btn-secondary{padding:14px 16px;font-size:14px}}