*{margin:0;padding:0;box-sizing:border-box}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#ffffff;color:#1a1a1a;scroll-behavior:smooth}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05)}.header-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;justify-content:space-between}.header-content,.logo{display:flex;align-items:center}.logo{gap:.5rem;font-weight:700;font-size:1.25rem;color:#1a1a1a;text-decoration:none}.logo-icon{width:40px;height:40px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:2rem}.policy-link{color:#666666;text-decoration:none;font-weight:500;transition:color .3s ease}.policy-link:hover{color:#00D588}.header-download-btn{background:#00D588;color:white;padding:.75rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.header-download-btn:hover{background:#00a86b;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,213,136,.3)}.hero-container{min-height:100vh;display:flex;overflow-x:hidden;padding-top:80px}.hero-container,.hero-content{position:relative;align-items:center}.hero-content{display:grid;grid-template-columns:1fr 1fr;max-width:1400px;margin:0 auto;padding:2rem;gap:4rem;z-index:2;width:100%;min-height:calc(100vh - 80px)}.content-section{display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateX(-50px);transition:all .8s cubic-bezier(.645,.045,.355,1)}.content-section.animate-in-left{opacity:1;transform:translateX(0)}.content-wrapper{max-width:500px}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,#00D588,#00a86b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradientShift 4s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:1.25rem;line-height:1.6;opacity:.7;margin-bottom:3rem;color:#666666}.download-buttons{display:flex;gap:1rem;flex-wrap:wrap}.download-btn{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:#ffffff;border:2px solid #e5e5e5;border-radius:12px;color:#1a1a1a;text-decoration:none;transition:all .3s ease;min-width:180px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.download-btn:hover{background:#00D588;border-color:#00D588;color:#ffffff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,213,136,.3)}.download-icon{width:24px;height:24px;flex-shrink:0}.download-text{display:flex;flex-direction:column;align-items:flex-start}.download-label{font-size:.75rem;opacity:.7;line-height:1}.store-name{font-size:1rem;font-weight:600;line-height:1.2}.image-section{display:flex;justify-content:center;align-items:center;opacity:0;transform:translateX(50px);transition:all .8s cubic-bezier(.645,.045,.355,1) .2s;min-height:400px}.image-section.animate-in-right{opacity:1;transform:translateX(0)}.image-container{position:relative;width:100%;max-width:500px;aspect-ratio:1}.app-image-wrapper,.image-placeholder{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.app-image-wrapper{max-width:700px;margin:0 auto}.app-screenshot{width:100%;height:auto;max-width:600px;transition:all .3s ease;position:relative;z-index:2}.app-screenshot:hover{transform:translateY(-5px)}.image-glow{position:absolute;inset:0;background:radial-gradient(circle,rgba(0,213,136,.1) 0,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.app-image-wrapper:hover .image-glow{opacity:1}.bg-gradient{background:radial-gradient(circle at 20% 20%,rgba(0,213,136,.05) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,213,136,.08) 0,transparent 50%)}.bg-gradient,.bg-pattern{position:absolute;inset:0;pointer-events:none}.bg-pattern{background-image:radial-gradient(circle at 25% 25%,rgba(0,213,136,.08) 1px,transparent 0),radial-gradient(circle at 75% 75%,rgba(0,213,136,.08) 1px,transparent 0);background-size:60px 60px;animation:patternMove 20s linear infinite}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}@media (max-width:768px){.header-content{padding:1rem}.logo-text{display:block;font-size:1.1rem}.nav-links{gap:1rem}.policy-link{font-size:.9rem}.header-download-btn{padding:.6rem 1.2rem;font-size:.9rem}.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center;min-height:auto;padding:1rem 1rem 2rem}.content-section,.image-section{transform:translateY(30px)}.content-section.animate-in-left,.image-section.animate-in-right{transform:translateY(0)}.hero-title{font-size:clamp(2rem,8vw,3rem)}.hero-subtitle{font-size:1.1rem;margin-bottom:2rem}.download-buttons{justify-content:center;flex-direction:column;align-items:center;max-width:280px;margin:0 auto}.download-btn{width:100%;justify-content:center}.app-screenshot{max-width:450px}.image-container{max-width:500px}.image-section{height:auto}}@media (max-width:480px){.hero-content{min-height:auto;padding:1rem .5rem 2rem}.header-content{padding:.75rem 1rem}.nav-links{gap:.75rem}.header-download-btn{padding:.5rem 1rem;font-size:.85rem}.app-screenshot{max-width:350px}.image-section{height:auto}}