:root{--color-primary: #109cae;--color-secondary: #0d7c8f;--color-error: #ff4350;--color-info: #00C5ff;--color-success: #4caf50;--color-warning: #f1b300;--color-on-warning: #ffffff;--color-background: #f8f9fa;--color-text: #2c3e50;--font-main: "Inter", system-ui, -apple-system, sans-serif;--transition-speed: .3s}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;touch-action:manipulation;font-size:clamp(14px,1vw,18px)}body{font-family:var(--font-main);background:var(--color-background);color:var(--color-text);line-height:1.6;overflow-x:hidden}#main-nav{width:100%;padding:1.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;z-index:1000;box-shadow:0 2px 10px #0000001a}.logo{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:700;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.nav-download-button{padding:.5rem 1rem;border-radius:6px;font-size:1rem;font-weight:700;text-decoration:none;background:var(--color-primary);color:#fff;transition:all var(--transition-speed)}.nav-download-button:hover{background:var(--color-secondary);transform:translateY(-2px)}.hero{position:relative;display:flex;align-items:center;padding:2.5rem;background:linear-gradient(135deg,#fff,#f8f9fa)}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#109cae1a,#0d7c8f1a);z-index:0}.hero-content{flex:50%;position:relative;z-index:1;padding-left:1.5rem}.hero h1{font-size:clamp(2rem,5vw,4rem);margin-bottom:1rem;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{font-size:clamp(1.1rem,2vw,1.5rem);margin-bottom:2rem;color:var(--color-text)}.hero-image{display:flex;flex:50%;position:relative;z-index:1;justify-content:center;align-items:center}.cta-buttons{display:flex;gap:1rem;margin-top:1.5rem}.cta-button{padding:clamp(.5rem,1.5vw,1rem) clamp(1rem,2vw,2rem);border-radius:8px;font-size:clamp(.9rem,1.2vw,1.2rem);font-weight:700;text-decoration:none;transition:all var(--transition-speed)}.cta-button.primary{background:var(--color-primary);color:#fff}.cta-button.primary:hover{background:var(--color-secondary);transform:translateY(-2px);box-shadow:0 5px 15px #109cae4d}.cta-button.secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.cta-button.secondary:hover{background:#109cae1a;transform:translateY(-2px)}.screenshot{width:100%;height:auto;max-width:400px;max-height:600px;object-fit:contain}@media (max-width: 768px){.screenshot{max-width:280px;max-height:420px}}@media (max-width: 480px){.screenshot{max-width:240px;max-height:360px}}.features{padding:4rem;background:#fff;position:relative;overflow:hidden}.features:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#109cae0d,#0d7c8f0d);z-index:0}.features h2{text-align:center;font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:3rem;position:relative;z-index:1;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.feature-showcase{max-width:1200px;margin:0 auto;position:relative;display:flex;flex-direction:column}.feature-slides{position:relative;width:100%;min-height:400px}.feature-slide{position:absolute;width:100%;opacity:0;visibility:hidden;transition:opacity .5s ease;pointer-events:none;z-index:1;display:flex;gap:1rem;justify-content:space-between;align-items:center}.feature-slide.active{opacity:1;visibility:visible;pointer-events:auto;position:relative;z-index:2}.feature-phone{flex:1;order:1;display:flex;justify-content:right;align-items:center}.feature-content{flex:1;padding:2rem 1rem;order:2}.feature-icon{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:.5rem;color:var(--color-primary)}.feature-slide h3{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:.75rem;color:var(--color-text)}.feature-slide p{font-size:clamp(1rem,1.5vw,1.2rem);color:#666;margin-bottom:1.125rem}.feature-dots{display:flex;justify-content:center;gap:.5rem;margin-top:2rem;padding-top:1rem;position:relative;z-index:2}.feature-dot{width:clamp(8px,1.5vw,12px);height:clamp(8px,1.5vw,12px);border-radius:50%;background:#ddd;cursor:pointer;transition:background-color .3s ease}.feature-dot.active{background:var(--color-primary)}.download{padding:2rem;text-align:center;background:#fff;position:relative;overflow:hidden}.download:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#109cae0d,#0d7c8f0d);z-index:0}.download h2{position:relative;z-index:1;font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:1.5rem;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.store-buttons{display:flex;justify-content:center;gap:2rem;margin-top:2rem;position:relative;z-index:1}.store-button{padding:clamp(.8rem,2vw,1rem) clamp(1.5rem,3vw,2rem);border-radius:8px;font-size:clamp(.9rem,1.5vw,1.2rem);font-weight:700;text-decoration:none;transition:all var(--transition-speed);background:var(--color-primary);color:#fff;display:inline-block;min-width:clamp(180px,30vw,200px)}.store-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #109cae4d}.store-button.coming-soon{background:#e0e0e0;cursor:not-allowed;position:relative}.store-button.coming-soon:after{content:"Coming Soon";position:absolute;top:-25px;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;padding:4px 12px;border-radius:12px;font-size:clamp(.7rem,1vw,.8rem);white-space:nowrap}footer{background:#fff;padding:1.5rem 2rem 1rem;position:relative;border-top:1px solid rgba(0,0,0,.1)}.footer-content{text-align:center;margin-bottom:1rem}.footer-content a{color:var(--color-text);text-decoration:none;transition:color var(--transition-speed);font-size:.9rem}.footer-content a:hover{color:var(--color-primary)}.footer-copyright{text-align:center;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1);color:#666;font-size:.9rem}@media (max-width: 768px){#main-nav{display:none}.hero{flex-direction:column;text-align:center;padding-top:2rem;gap:2rem}.hero-content{padding-left:0}.cta-buttons{justify-content:center}.feature-slide.active{display:flex;flex-direction:column;justify-content:flex-start;gap:1rem}.feature-content{flex:0;order:2;padding:0;text-align:center}.feature-icon{margin-bottom:.5rem}.feature-dots{margin-top:1rem;position:relative;bottom:auto}.features h2{margin-bottom:1.5rem}.store-buttons{flex-direction:column;align-items:center;gap:2.5rem}.features{padding:2rem}.nav-download-button{display:none}.feature-slide.active{flex-direction:column}.feature-phone{order:1}.feature-content{order:2;padding:1rem;text-align:center}.feature-slides{min-height:300px}.feature-slide{height:auto}.feature-slide.active{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.feature-phone{order:1;width:100%;display:flex;justify-content:center}.feature-content{order:2;width:100%;text-align:center;padding:0 1rem}.feature-showcase{padding-bottom:1rem}.feature-dots{margin-top:1rem}.footer-content{gap:1rem;margin-bottom:1.5rem}.footer-copyright{padding-top:.75rem}footer{padding:1rem 1.5rem .75rem}.footer-content{margin-bottom:.75rem}}