@import"https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;700;900&family=Noto+Sans+SC:wght@300;400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";:root{--primary: #37ec13;--primary-hover: #2dd10f;--primary-dark: #249f0d;--background-light: #f6f8f6;--background-dark: #132210;--text-main: #121811;--text-sub: #546e50;--border-light: #f1f4f0;--white: #ffffff;--white-5: rgba(255, 255, 255, .05);--white-10: rgba(255, 255, 255, .1);--white-20: rgba(255, 255, 255, .2);--white-80: rgba(255, 255, 255, .8);--white-90: rgba(255, 255, 255, .9);--primary-10: rgba(55, 236, 19, .1);--primary-20: rgba(55, 236, 19, .2);--font-display: "Lexend", "Noto Sans SC", sans-serif;--font-body: "Noto Sans SC", "Lexend", sans-serif;--container-max: 1280px;--section-gap: 96px;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-soft: 0 4px 20px -2px rgba(19, 34, 16, .05);--shadow-glow: 0 0 20px rgba(55, 236, 19, .3);--shadow-card: 0 10px 30px -5px rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--background-light);color:var(--text-main);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}.container{max-width:var(--container-max);margin:0 auto;padding:0 1.5rem}@media(min-width:640px){.container{padding:0 2rem}}@media(min-width:1024px){.container{padding:0 2rem}}.section{padding:var(--section-gap) 0}.bg-pattern{background-color:var(--background-light);background-image:radial-gradient(var(--primary) .5px,transparent .5px),radial-gradient(var(--primary) .5px,var(--background-light) .5px);background-size:20px 20px;background-position:0 0,10px 10px;opacity:.1}.text-primary{color:var(--primary)}.text-primary-dark{color:var(--primary-dark)}.text-text-main{color:var(--text-main)}.text-text-sub{color:var(--text-sub)}.text-white{color:var(--white)}.bg-white{background-color:var(--white)}.bg-primary{background-color:var(--primary)}.bg-background-light{background-color:var(--background-light)}.bg-background-dark{background-color:var(--background-dark)}.rounded-full{border-radius:var(--radius-full)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-soft{box-shadow:var(--shadow-soft)}.shadow-glow{box-shadow:var(--shadow-glow)}.shadow-card{box-shadow:var(--shadow-card)}.navbar{position:fixed;top:0;left:0;width:100%;z-index:50;transition:all .3s}.navbar.scrolled{background-color:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.nav-content{display:flex;align-items:center;justify-content:space-between;height:4rem}@media(min-width:768px){.nav-content{height:5rem}}.nav-links{display:none}@media(min-width:768px){.nav-links{display:flex;gap:2rem;align-items:center}}.nav-links a{text-decoration:none;font-size:.875rem;font-weight:500;color:var(--text-sub);position:relative;transition:color .3s}.nav-links a:hover{color:var(--primary)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--primary);transition:width .3s}.nav-links a:hover:after{width:100%}.btn-cta{display:flex;align-items:center;justify-content:center;height:2.5rem;padding:0 1.5rem;background-color:var(--text-main);color:var(--white);font-size:.875rem;font-weight:700;border-radius:var(--radius-full);text-decoration:none;transition:all .3s;box-shadow:var(--shadow-lg);cursor:pointer}.btn-cta:hover{background-color:var(--primary);color:var(--text-main);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.mobile-menu-btn{display:block;background:none;border:none;cursor:pointer;color:var(--text-main)}@media(min-width:768px){.mobile-menu-btn{display:none}}.mobile-menu-overlay{position:fixed;inset:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;transform:translate(100%);transition:transform .3s ease-in-out}.mobile-menu-overlay.open{transform:translate(0)}.mobile-menu-link{font-size:1.5rem;font-weight:700;color:var(--text-main);text-decoration:none}.hero-section{position:relative;padding-top:8rem;padding-bottom:5rem;overflow:hidden}@media(min-width:1024px){.hero-section{padding-top:12rem;padding-bottom:8rem}}.hero-bg-decor-1{position:absolute;right:-10%;top:-10%;width:50%;height:50%;background-color:var(--primary-10);border-radius:var(--radius-full);filter:blur(100px);animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}.hero-grid{display:flex;flex-direction:column;gap:3rem;align-items:center}@media(min-width:1024px){.hero-grid{flex-direction:row;gap:5rem}}.hero-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:var(--primary-10);color:var(--primary-dark);font-size:.75rem;font-weight:700;border-radius:var(--radius-full);border:1px solid var(--primary-20);margin-bottom:2rem}.hero-title{font-size:2.25rem;font-weight:900;line-height:1.15;letter-spacing:-.025em;color:var(--text-main);margin-bottom:1.5rem}@media(min-width:640px){.hero-title{font-size:3rem}}@media(min-width:1024px){.hero-title{font-size:3.75rem}}.hero-highlight{position:relative;display:inline-block;padding:0 .5rem}.hero-highlight:after{content:"";position:absolute;bottom:.5rem;left:0;width:100%;height:.75rem;background-color:#37ec134d;z-index:-1;border-radius:.125rem}.hero-btn{display:flex;align-items:center;justify-content:center;height:3.5rem;padding:0 2rem;border-radius:var(--radius-2xl);font-weight:700;font-size:1.125rem;transition:all .3s;box-shadow:var(--shadow-soft);text-decoration:none;cursor:pointer;border:none}.hero-btn-primary{background-color:var(--text-main);color:var(--white)}.hero-btn-primary:hover{background-color:var(--primary);color:var(--text-main);transform:translateY(-4px)}.hero-btn-outline{background-color:var(--white);border:1px solid #e5e7eb;color:var(--text-main)}.hero-btn-outline:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-4px)}.hero-text-content{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;width:100%}@media(min-width:1024px){.hero-text-content{text-align:left;align-items:flex-start}}.hero-cta-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px;justify-content:center}@media(min-width:640px){.hero-cta-container{flex-direction:row}}@media(min-width:1024px){.hero-cta-container{justify-content:flex-start}}.hero-features{margin-top:2.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;font-size:.875rem;font-weight:500;color:var(--text-sub)}@media(min-width:1024px){.hero-features{justify-content:flex-start}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-float{animation:float 6s ease-in-out infinite}.value-card{background-color:var(--background-light);padding:2rem 2.5rem;border-radius:var(--radius-3xl);transition:all .3s;border:1px solid transparent}.value-card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px);border-color:var(--primary-20)}.value-icon{width:4rem;height:4rem;background-color:var(--white);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:2rem;border:1px solid #f9fafb;transition:transform .3s}.value-card:hover .value-icon{transform:scale(1.1) rotate(3deg)}.feature-card{background-color:var(--white);border-radius:var(--radius-3xl);padding:1.5rem;border:1px solid #dde6db;transition:all .3s;display:flex;flex-direction:column;height:100%}.feature-card:hover{box-shadow:var(--shadow-xl)}.feature-card.blue:hover{border-color:#bfdbfe}.feature-card.green:hover{border-color:#37ec1380}.feature-card.orange:hover{border-color:#fed7aa}.feature-card.purple:hover{border-color:#e9d5ff}.feature-icon-wrapper{margin-bottom:1.5rem;padding:.75rem;width:fit-content;border-radius:var(--radius-xl);transition:all .3s}.feature-card.blue .feature-icon-wrapper{background-color:#eff6ff;color:#2563eb}.feature-card.blue:hover .feature-icon-wrapper{background-color:#2563eb;color:var(--white)}.feature-card.green .feature-icon-wrapper{background-color:#f0fdf4;color:var(--primary-dark)}.feature-card.green:hover .feature-icon-wrapper{background-color:var(--primary);color:var(--white)}.feature-card.orange .feature-icon-wrapper{background-color:#fff7ed;color:#ea580c}.feature-card.orange:hover .feature-icon-wrapper{background-color:#f97316;color:var(--white)}.feature-card.purple .feature-icon-wrapper{background-color:#faf5ff;color:#9333ea}.feature-card.purple:hover .feature-icon-wrapper{background-color:#9333ea;color:var(--white)}.step-number{width:5rem;height:5rem;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;font-size:1.875rem;font-weight:900;margin:0 auto 2rem;transition:transform .3s}.step-card:hover .step-number{transform:scale(1.1) rotate(3deg)}.download-section{background-color:var(--background-dark);position:relative;overflow:hidden}.download-glass-card{background-color:#ffffff0d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--white-10);border-radius:2.5rem;padding:2rem;box-shadow:var(--shadow-2xl)}@media(min-width:768px){.download-glass-card{padding:3.5rem}}.download-left-content{flex:1;text-align:center}@media(min-width:768px){.download-left-content{text-align:left}}.download-title{font-size:2rem;font-weight:900;color:var(--white);margin-bottom:1rem}@media(min-width:768px){.download-title{font-size:2.25rem;margin-bottom:1.5rem}}.download-desc{font-size:1rem;color:#fff9;margin-bottom:2rem;max-width:28rem;line-height:1.75}@media(min-width:768px){.download-desc{font-size:1.125rem;margin-bottom:2.5rem}}.download-actions{display:flex;flex-direction:column;align-items:center;gap:2rem}@media(min-width:640px){.download-actions{flex-direction:row;align-items:flex-start}}@media(min-width:768px){.download-actions{justify-content:flex-start}}.download-qr-wrapper{display:flex;flex-direction:column;align-items:center;gap:.75rem}.download-qr-box{width:7rem;height:7rem;background-color:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center}.download-qr-label{color:#ffffff80;font-size:.875rem;font-weight:500}.download-btns{display:flex;flex-direction:column;gap:.75rem;min-width:180px}.download-btn-ios{display:flex;align-items:center;justify-content:center;height:3rem;padding:0 1.5rem;background-color:var(--primary);color:var(--text-main);font-weight:700;font-size:.9375rem;border-radius:var(--radius-xl);text-decoration:none;transition:all .3s;box-shadow:var(--shadow-glow)}.download-btn-ios:hover{transform:translateY(-2px);box-shadow:0 0 30px #37ec1366}.download-btn-android{display:flex;align-items:center;justify-content:center;height:3rem;padding:0 1.5rem;background-color:#ffffff1a;color:var(--white);font-weight:700;font-size:.9375rem;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.2);text-decoration:none;transition:all .3s}.download-btn-android:hover{background-color:#ffffff26;transform:translateY(-2px)}.download-phone-wrapper{display:none;justify-content:center;align-items:center;flex:1}@media(min-width:768px){.download-phone-wrapper{display:flex}}.hero-visual-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:400px;background-color:var(--white);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);border:1px solid #f3f4f6;overflow:hidden;z-index:10;transition:transform .5s}@media(min-width:640px){.hero-visual-card{width:320px;height:440px}}.hero-visual-card:hover{transform:translate(-50%,-50%) scale(1.02)}.hero-card-inner{width:100%;height:100%;background:linear-gradient(to bottom right,#f9fafb,#fff);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.hero-skeleton-bar{height:1rem;width:33%;background-color:#f3f4f6;border-radius:.25rem;animation:pulse 2s infinite}.hero-graph-container{flex:1;background-color:var(--background-light);border-radius:var(--radius-2xl);border:1px solid var(--primary-10);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;position:relative;overflow:hidden}.hero-graph-icon{font-size:3rem;background-color:var(--white);padding:.75rem;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);z-index:10;margin-bottom:.75rem;color:var(--primary)}.hero-graph-text{font-size:.875rem;color:var(--text-sub);font-weight:700;z-index:10}.hero-progress-group{display:flex;flex-direction:column;gap:1rem}.hero-progress-label{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700;color:var(--text-sub);margin-bottom:.5rem}.hero-progress-track{height:.5rem;width:100%;background-color:#f3f4f6;border-radius:var(--radius-full);overflow:hidden}.hero-progress-bar{height:100%;border-radius:var(--radius-full)}.hero-progress-bar.primary{background-color:var(--primary);width:85%;box-shadow:0 0 10px #37ec1380}.hero-progress-bar.orange{background-color:#fb923c;width:42%}.download-phone-mockup{position:relative;width:300px;height:600px;background-color:#111827;border-radius:3rem;border:8px solid #1f2937;box-shadow:var(--shadow-2xl);overflow:hidden;transform:rotate(3deg);transition:transform .5s}@media(min-width:768px){.download-phone-mockup:hover{transform:rotate(0)}}.download-notch{position:absolute;top:0;left:50%;transform:translate(-50%);height:1.75rem;width:9rem;background-color:#1f2937;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;z-index:20}.mockup-screen{background-color:var(--background-light);width:100%;height:100%;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;scrollbar-width:none}.mockup-screen::-webkit-scrollbar{display:none}.mockup-header{height:3.5rem;background-color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;border-bottom:1px solid #f3f4f6;font-weight:700;color:var(--text-main);position:absolute;top:0;left:0;right:0;z-index:10}.mockup-card-primary{background-color:var(--primary);border-radius:var(--radius-2xl);padding:1.25rem;color:var(--text-main);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.mockup-card-primary:before{content:"";position:absolute;top:0;right:0;width:6rem;height:6rem;background-color:#fff3;border-radius:var(--radius-full);filter:blur(24px);transform:translate(2rem,-2rem)}.mockup-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mockup-card-white{background-color:var(--white);padding:1rem;border-radius:var(--radius-2xl);border:1px solid #f3f4f6;height:7rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;box-shadow:var(--shadow-sm);transition:box-shadow .3s}.mockup-card-white:hover{box-shadow:var(--shadow-lg)}.mockup-icon-circle{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.mockup-list-card{background-color:var(--white);padding:1.25rem;border-radius:var(--radius-2xl);border:1px solid #f3f4f6;box-shadow:var(--shadow-sm)}.mockup-list-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--radius-lg);transition:background-color .3s}.mockup-list-item:hover{background-color:#f9fafb}.mockup-nav{height:4rem;background-color:var(--white);border-top:1px solid #f3f4f6;display:flex;justify-content:space-around;align-items:center;position:absolute;bottom:0;left:0;right:0;z-index:10}.faq-item{background-color:var(--background-light);border-radius:var(--radius-2xl);overflow:hidden;transition:all .3s}.faq-item.open{background-color:var(--white);box-shadow:var(--shadow-lg);outline:1px solid var(--primary-20)}.faq-summary{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.faq-answer{padding:0 1.5rem 1.5rem;color:var(--text-sub);line-height:1.625;display:none}.faq-item.open .faq-answer{display:block;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.2,.8,.2,1)}.reveal.active{opacity:1;transform:translateY(0)}.download-content-wrapper{display:flex;flex-direction:column;gap:4rem}@media(min-width:768px){.download-content-wrapper{flex-direction:row;align-items:center;gap:4rem}}.features-header-wrapper{display:flex;flex-direction:column;margin-bottom:4rem}@media(min-width:768px){.features-header-wrapper{flex-direction:row;justify-content:space-between;align-items:flex-end}}.text-center-mobile{text-align:center}@media(min-width:768px){.text-center-mobile{text-align:left}}.text-right-md{text-align:center}@media(min-width:768px){.text-right-md{text-align:right}}.hidden-mobile{display:none}@media(min-width:768px){.hidden-mobile{display:flex}}.footer-link{color:inherit;text-decoration:none;transition:color .3s;cursor:pointer}.footer-link:hover{color:var(--primary)}.modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:none;align-items:center;justify-content:center;padding:1rem}.modal-overlay.open{display:flex}.modal-container{background-color:var(--white);border-radius:var(--radius-3xl);max-width:800px;width:100%;max-height:90vh;overflow:hidden;position:relative;box-shadow:var(--shadow-2xl);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background-color:#f3f4f6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-sub);transition:all .3s;z-index:10}.modal-close:hover{background-color:#e5e7eb;color:var(--text-main)}.modal-content{padding:2.5rem;overflow-y:auto;max-height:90vh}.modal-title{font-size:1.75rem;font-weight:900;color:var(--text-main);margin-bottom:1.5rem}.modal-section{margin-bottom:1.5rem}.modal-section-title{font-size:1.125rem;font-weight:700;color:var(--text-main);margin-bottom:.75rem}.modal-text{color:var(--text-sub);line-height:1.75;margin-bottom:.75rem}.modal-list{color:var(--text-sub);line-height:1.75;white-space:pre-line}.modal-date{font-size:.875rem;color:var(--text-sub);margin-bottom:.5rem}.modal-feature{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.modal-feature-icon{color:var(--primary);flex-shrink:0;margin-top:.125rem}.contact-card{background-color:var(--background-light);border-radius:var(--radius-2xl);padding:1.5rem;margin-bottom:1rem}.contact-card-title{font-weight:700;color:var(--text-main);margin-bottom:.5rem}.contact-card-value{font-size:1.125rem;color:var(--primary-dark);font-weight:700}.contact-card-desc{font-size:.875rem;color:var(--text-sub);margin-top:.25rem}.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:1rem}.social-card{background-color:var(--background-light);border-radius:var(--radius-xl);padding:1rem;text-align:center}.social-card-name{font-weight:700;color:var(--text-main);margin-bottom:.25rem}.social-card-id{font-size:.875rem;color:var(--text-sub)}.qr-modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:none;align-items:center;justify-content:center;padding:1rem}.qr-modal-overlay.open{display:flex}.qr-modal-container{background-color:var(--white);border-radius:var(--radius-3xl);padding:2.5rem;max-width:400px;width:100%;position:relative;box-shadow:var(--shadow-2xl);animation:modalSlideIn .3s ease-out;text-align:center}.qr-modal-title{font-size:1.5rem;font-weight:900;color:var(--text-main);margin-bottom:.5rem}.qr-modal-desc{font-size:.9375rem;color:var(--text-sub);margin-bottom:1.5rem}.qr-modal-code{width:200px;height:200px;margin:0 auto 1.5rem;background-color:var(--white);border-radius:var(--radius-2xl);border:2px solid #f3f4f6;overflow:hidden;display:flex;align-items:center;justify-content:center}.qr-modal-code img{width:100%;height:100%;object-fit:contain}.qr-placeholder{display:none;flex-direction:column;align-items:center;justify-content:center}.qr-modal-tip{font-size:.875rem;color:var(--text-sub);padding:.75rem 1rem;background-color:var(--background-light);border-radius:var(--radius-xl)}