:root{--color-bg-deep-navy:#0a0f1d;--color-text-ivory:#f9f7f1;--color-text-muted:#a0a5b1;--color-accent-gold:#fad592;--color-accent-gold-dark:#d4af37;--color-glass-bg:#ffffff08;--color-glass-border:#ffffff14;--font-heading:"Playfair Display", serif;--font-body:"Inter", sans-serif;--transition-fast:.3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background-color:var(--color-bg-deep-navy);color:var(--color-text-ivory);font-family:var(--font-body);visibility:hidden;line-height:1.6;overflow-x:hidden}body.ready{visibility:visible}h1,h2,h3,h4,.logo-title,.footer-logo{font-family:var(--font-heading);font-weight:400}i{color:var(--color-accent-gold);font-style:italic}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-gold)}#canvas-container{z-index:-1;pointer-events:none;opacity:.7;width:100vw;height:100vh;position:fixed;top:0;left:0}.content-wrapper{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.navbar{z-index:100;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 5%;display:flex;position:absolute;top:0}.logo-area{align-items:center;gap:1rem;display:flex}.logo-icon-img{object-fit:cover;border-radius:12px;width:48px;height:48px;box-shadow:0 4px 10px #0006}.logo-text{flex-direction:column;display:flex}.logo-title{color:var(--color-text-ivory);font-size:1.8rem;line-height:1.1}.logo-subtitle{color:var(--color-accent-gold-dark);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.nav-links{align-items:center;gap:2.5rem;font-size:.95rem;display:flex}.nav-links a:hover{color:var(--color-accent-gold)}.cta-nav{background:var(--color-accent-gold);color:#1a1a1a;transition:all var(--transition-fast);border-radius:50px;padding:.7rem 1.8rem;font-size:.95rem;font-weight:600}.cta-nav:hover{color:#000;background:#fff;box-shadow:0 4px 15px #fad59266}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding:8rem 5% 4rem;display:flex;position:relative}.hero-container{justify-content:space-between;align-items:center;gap:4rem;width:100%;max-width:1400px;margin:0 auto;display:flex}.hero-left{flex:1;max-width:600px}.hero-tag{text-transform:uppercase;letter-spacing:2px;color:var(--color-accent-gold);opacity:0;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.75rem;display:inline-flex}.hero-title{color:var(--color-text-ivory);opacity:0;margin-bottom:1.5rem;font-size:clamp(3rem,5vw,5rem);line-height:1.1;transform:translateY(30px)}.hero-subtitle{color:var(--color-text-muted);opacity:0;max-width:500px;margin-bottom:2.5rem;font-size:1.2rem;line-height:1.6}.hero-cta{opacity:0;gap:1rem;margin-bottom:3rem;display:flex}.store-button{transition:all var(--transition-fast);border-radius:12px;align-items:center;gap:.8rem;padding:.7rem 1.5rem;display:flex}.store-button.apple{background:var(--color-accent-gold);color:#1a1a1a;border:1px solid var(--color-accent-gold)}.store-button.apple .store-text span{color:#555}.store-button.apple img{filter:invert()}.store-button.google{color:var(--color-text-ivory);background:0 0;border:1px solid #fff3}.store-button.google .store-text span{color:var(--color-text-muted)}.store-button:hover{transform:translateY(-3px)}.store-button.apple:hover{background:#fff;border-color:#fff;box-shadow:0 10px 25px #fad5924d}.store-button.google:hover{border-color:var(--color-text-ivory);background:#ffffff0d}.store-text{text-align:left;flex-direction:column;line-height:1.1;display:flex}.store-text span{text-transform:uppercase;font-size:.65rem}.store-text strong{font-size:1.1rem;font-weight:600}.social-proof{opacity:0;align-items:center;gap:1.5rem;display:flex}.avatars{display:flex}.avatar{border:2px solid var(--color-bg-deep-navy);background-color:#333;background-position:50%;background-size:cover;border-radius:50%;width:36px;height:36px;margin-left:-12px}.avatar:first-child{background-image:url(https://i.pravatar.cc/100?img=1);margin-left:0}.avatar:nth-child(2){background-image:url(https://i.pravatar.cc/100?img=2)}.avatar:nth-child(3){background-image:url(https://i.pravatar.cc/100?img=3)}.avatar:nth-child(4){background-image:url(https://i.pravatar.cc/100?img=4)}.rating{flex-direction:column;display:flex}.stars{color:var(--color-accent-gold);letter-spacing:2px;font-size:1.1rem}.rating-text{color:var(--color-text-muted);font-size:.8rem}.hero-right{opacity:0;justify-content:center;align-items:center;display:flex;position:relative;transform:translate(50px)}.hero-graphic{filter:drop-shadow(0 30px 60px #0009);width:450px;max-width:100%;height:auto;transition:transform .5s}.hero-right:hover .hero-graphic{transform:translateY(-10px)}.features-carousel{opacity:0;border-top:1px solid #ffffff1a;width:100%;max-width:1000px;margin:4rem auto 0;padding:2rem 0;overflow:hidden;transform:translateY(30px)}.marquee{width:fit-content;display:flex}.marquee-content{white-space:nowrap;align-items:center;animation:20s linear infinite scroll;display:flex}.marquee-content span{color:var(--color-text-ivory);align-items:center;gap:.5rem;font-size:1.2rem;font-weight:500;display:flex}.marquee-content .dot{color:var(--color-accent-gold);margin:0 3rem;font-size:1.5rem}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.features{z-index:1;padding:10rem 5%;position:relative}.feature-row{justify-content:space-between;align-items:center;gap:8rem;max-width:1300px;margin-bottom:12rem;margin-left:auto;margin-right:auto;display:flex}.feature-row.reverse{flex-direction:row-reverse}.feature-text{opacity:0;flex:1;transform:translateY(30px)}.feature-tag{color:var(--color-accent-gold);text-transform:uppercase;letter-spacing:2px;background:#fad5921a;border:1px solid #fad59233;border-radius:50px;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.75rem;display:inline-block}.feature-text h2{color:var(--color-text-ivory);margin-bottom:1.5rem;font-size:3.5rem;line-height:1.1}.feature-text p{color:var(--color-text-muted);font-size:1.2rem;line-height:1.8}.feature-image{opacity:0;flex:1;justify-content:center;display:flex;transform:scale(.95)}.glass-mockup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px #00000080}.glass-mockup img{width:100%;max-width:320px;display:block}.ai-highlight{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;opacity:0;background:radial-gradient(circle at 100% 0,#d4af371a,#0000),#ffffff05;border:1px solid #ffffff14;border-radius:60px;max-width:1200px;margin:0 auto;padding:6rem;transform:translateY(50px)}.ai-tag{background:var(--color-accent-gold);color:#000;text-transform:uppercase;letter-spacing:1px;border-radius:50px;margin-bottom:2rem;padding:.4rem 1.2rem;font-size:.8rem;font-weight:700;display:inline-block}.ai-highlight h2{margin-bottom:2rem;font-size:4rem}.ai-highlight p{color:var(--color-text-muted);max-width:700px;margin:0 auto 4rem;font-size:1.3rem}.ai-preview-box{flex-direction:column;gap:1.5rem;max-width:600px;margin:0 auto;display:flex}.chat-bubble{border-radius:20px;max-width:80%;padding:1.2rem 1.8rem;font-size:1rem}.chat-bubble.user{color:var(--color-text-ivory);background:#ffffff0d;border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble.bot{color:var(--color-accent-gold);text-align:left;background:#fad5921a;border:1px solid #fad59233;border-bottom-left-radius:4px;align-self:flex-start}.features:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#d4af370d 0%,#0000 70%);width:40%;height:40%;position:absolute;top:20%;left:-10%}.features:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#d1a7a10d 0%,#0000 70%);width:50%;height:50%;position:absolute;bottom:10%;right:-10%}.footer{border-top:1px solid var(--color-glass-border);margin-top:auto;padding:4rem 5% 2rem}.footer-content{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.footer-logo{color:var(--color-text-muted);font-size:2rem}.footer-links{gap:2rem;display:flex}.footer-bottom{text-align:center;color:#ffffff4d;font-size:.8rem}@media (width<=1024px){.hero-container{text-align:center;flex-direction:column;gap:3rem}.hero-title{font-size:2.8rem}.features-carousel{margin:2rem auto 0;padding:1.5rem 0}.marquee-content span{font-size:.9rem}.hero-left{flex-direction:column;flex:1;align-items:center;max-width:2000px;display:flex}.hero-subtitle{margin:1.5rem auto}.hero-right{transform:translate(0)}.mockup-container{height:500px}.mockup-front{left:50%;transform:translate(-60%)}.mockup-back{right:50%;transform:translate(60%)scale(.9)}.features{padding:6rem 5%}.feature-row,.feature-row.reverse{text-align:center;flex-direction:column;gap:4rem;margin-bottom:8rem}.feature-text h2{font-size:2.8rem}.feature-text p{font-size:1.1rem}.glass-mockup img{width:280px;max-width:100%}.ai-highlight{border-radius:40px;padding:4rem 1.5rem}.ai-highlight h2{font-size:2.5rem}.ai-highlight p{margin-bottom:3rem;font-size:1.1rem}.chat-bubble{font-size:.9rem}.hero-stats{flex-wrap:wrap;justify-content:center;gap:2rem}.stat-item{width:40%}.nav-links{display:none}}