@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap";:root{--primary:#ff5a5f;--primary-hover:#e0484d;--secondary:#00a699;--dark:#484848;--light:#f7f7f7;--white:#fff;--text-main:#222;--text-muted:#767676;--glass-bg:#ffffffd9;--glass-border:#fff6;--glass-blur:blur(12px);--shadow-sm:0 4px 12px #0000000d;--shadow-md:0 8px 24px #00000014;--shadow-lg:0 16px 40px #0000001f;--radius-md:12px;--radius-lg:20px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background-color:var(--light);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}.bg-blobs{z-index:-1;background:var(--light);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.blob{filter:blur(80px);opacity:.4;border-radius:50%;animation:10s ease-in-out infinite alternate float;position:absolute}.blob-1{background:var(--primary);width:50vw;height:50vw;top:-10%;left:-10%}.blob-2{background:var(--secondary);width:60vw;height:60vw;animation-delay:-5s;bottom:-10%;right:-10%}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(5%,10%)scale(1.1)}}.container{max-width:1200px;margin:0 auto;padding:0 24px}h1{letter-spacing:-.03em;color:var(--dark);margin-bottom:1rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}h2{letter-spacing:-.02em;text-align:center;margin-bottom:2rem;font-size:clamp(2rem,4vw,3rem);font-weight:800}p.subtitle{color:var(--text-muted);max-width:600px;margin-bottom:2rem;font-size:clamp(1.1rem,2vw,1.3rem)}.btn{border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:12px;padding:14px 28px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--primary);color:var(--white);box-shadow:0 8px 20px #ff5a5f4d}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 12px 24px #ff5a5f66}.btn-secondary{background:var(--white);color:var(--text-main);box-shadow:var(--shadow-sm);border:1px solid #ebebeb}.btn-secondary:hover{box-shadow:var(--shadow-md);border-color:#ddd;transform:translateY(-2px)}nav{z-index:10;width:100%;padding:24px 0;position:absolute;top:0;left:0}nav .container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--primary);align-items:center;gap:8px;font-size:1.5rem;font-weight:800;display:flex}.logo img{height:32px}.hero{align-items:center;min-height:100vh;padding-top:80px;display:flex}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.hero-text{max-width:540px}.store-buttons{flex-wrap:wrap;gap:16px;display:flex}.hero-image{justify-content:center;display:flex;position:relative}.interactive-img{object-fit:contain;border-radius:20px;max-width:100%;height:auto;max-height:80vh;transition:transform .5s;transform:rotate(2deg);box-shadow:0 25px 50px #0003}.interactive-img:hover{transform:rotate(0)scale(1.02)}.features{padding:100px 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.feature-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:40px;transition:all .3s}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.feature-icon{width:64px;height:64px;color:var(--primary);border-radius:var(--radius-md);background:#ff5a5f1a;justify-content:center;align-items:center;margin-bottom:24px;font-size:2rem;display:flex}.feature-card h3{margin-bottom:12px;font-size:1.4rem;font-weight:600}.feature-card p{color:var(--text-muted)}footer{background:var(--white);text-align:center;border-top:1px solid #ebebeb;padding:60px 0}.footer-links{justify-content:center;gap:24px;margin:24px 0;display:flex}.footer-links a{color:var(--text-muted);font-weight:600;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary)}.copyright{color:#aaa;font-size:.9rem}@media (width<=900px){.hero-content{text-align:center;grid-template-columns:1fr;margin-top:40px}.hero-text{margin:0 auto}.store-buttons{justify-content:center}.hero-image{order:-1;margin-bottom:40px}}