:root{--primary: #FF8A65;--primary-dark: #FF6B6B;--peach: #FFF3E0;--soft-orange: #FFCCBC;--white: #FFFFFF;--glass-bg: rgba(255, 255, 255, .6);--text-main: #2D3436;--text-dim: #636E72;--font-heading: "Fraunces", serif;--font-body: "Quicksand", sans-serif;--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--reveal-stagger: .15s}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;cursor:default}body{font-family:var(--font-body);color:var(--text-main);line-height:1.6;overflow-x:hidden;background-color:var(--peach)}.vertical-text{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.4em;font-family:var(--font-heading);font-size:1.1rem;font-weight:700}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.04;pointer-events:none;z-index:10000}body:after{content:"";position:fixed;width:500px;height:500px;background:radial-gradient(circle,rgba(255,138,101,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:-1;transform:translate(-50%,-50%);top:-600px;left:-600px}.container{max-width:1200px;margin:0 auto;padding:0 40px}.snap-container{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.snap-section{height:100vh;scroll-snap-align:start;position:relative;display:flex;align-items:center;overflow:hidden}.header{position:fixed;top:0;width:100%;z-index:1000;padding:24px 0;backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);background-color:#ffffff59;border-bottom:1px solid rgba(255,255,255,.1)}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.6rem;color:var(--primary-dark);font-family:var(--font-heading)}.logo-icon{font-size:1.8rem;filter:drop-shadow(0 4px 8px rgba(255,107,107,.2))}.nav{display:flex;align-items:center;gap:40px}.nav a{text-decoration:none;color:var(--text-main);font-weight:600;font-size:.9rem;letter-spacing:.05em;transition:all .3s;opacity:.8}.nav a:hover{color:var(--primary);opacity:1}.cta-button{text-decoration:none;padding:14px 28px;border-radius:60px;font-weight:700;transition:all .5s var(--ease-out-expo);letter-spacing:.05em}.cta-button.mini{padding:10px 20px;font-size:.85rem;background-color:var(--primary);color:var(--white);box-shadow:0 8px 16px #ff8a6533}.cta-button.primary{background-color:var(--primary);color:var(--white);box-shadow:0 12px 24px #ff8a654d}.cta-button.secondary{background-color:var(--white);color:var(--primary);border:1px solid rgba(255,138,101,.3)}.cta-button:hover{transform:translateY(-4px);box-shadow:0 15px 30px #ff8a6566}.mesh-gradient{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 10% 20%,var(--peach) 0%,transparent 50%),radial-gradient(circle at 90% 80%,var(--soft-orange) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.95) 0%,transparent 60%);opacity:.95}.mesh-gradient.dark{background:radial-gradient(circle at 15% 25%,#FF8A65 0%,transparent 60%),radial-gradient(circle at 85% 75%,#FF6B6B 0%,transparent 60%),radial-gradient(circle at 50% 50%,#2D3436 0%,transparent 80%)}.hero,.snap-section{position:relative}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:10;transition:all .8s var(--ease-out-expo)}.scroll-text{font-size:.85rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.3em;opacity:.6;animation:pulseText 2s ease-in-out infinite;writing-mode:vertical-rl}.scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--primary),transparent);position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--white);animation:scrollMove 2s cubic-bezier(.76,0,.24,1) infinite}@keyframes scrollMove{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes pulseText{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.8;transform:translateY(-5px)}}.hero .content{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center}.hero-icon-container{margin-bottom:32px}.hero-heart-img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 15px 25px rgba(255,138,101,.15));animation:float 8s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}}.title{font-family:var(--font-heading);font-size:4.8rem;line-height:1.15;margin-bottom:32px;color:var(--text-main);letter-spacing:-.02em}.subtitle{font-size:1.4rem;color:var(--text-dim);margin-bottom:48px;max-width:550px;font-weight:500}.download-group{display:flex;gap:24px}.download-btn{text-decoration:none;display:flex;align-items:center;gap:16px;padding:16px 32px;background-color:var(--text-main);color:var(--white);border-radius:20px;transition:all .4s var(--ease-out-expo);border:1px solid rgba(255,255,255,.05)}.download-btn:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px #00000040}.download-btn .icon{font-size:2.2rem}.visual-content{position:relative;perspective:2500px}.mockup-container{position:relative;display:flex;align-items:center;justify-content:center;animation:entrance-scale 1.5s var(--ease-out-expo)}@keyframes entrance-scale{0%{opacity:0;transform:scale(.9) rotateY(10deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.side-label{position:absolute;left:-70px;top:15%;font-size:1.5rem;color:var(--primary-dark);opacity:.4;transition:all .8s var(--ease-out-expo)}.mockup-container:hover .side-label{opacity:1;left:-85px;letter-spacing:.6em}.app-mockup-img{width:100%;max-width:500px;border-radius:56px;box-shadow:0 80px 160px #0000001a;transform:rotate3d(.5,-1,0,8deg);transition:all 1.2s var(--ease-out-expo)}.mockup-container:hover .app-mockup-img{transform:rotate3d(0,0,0,0) scale(1.02);box-shadow:0 100px 200px #ff8a651f}.features{background-color:var(--white);padding:120px 0}.section-title h2{font-family:var(--font-heading);font-size:3.5rem;margin-bottom:20px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.feature-card{padding:100px 56px;background:var(--peach);border-radius:48px;text-align:center;border:1px solid rgba(255,138,101,.05);transition:all .8s var(--ease-out-expo)}.feature-card:hover{transform:translateY(-24px);background:var(--primary);color:var(--white);box-shadow:0 40px 80px #ff8a6540}.card-icon{font-size:4rem;margin-bottom:40px;filter:drop-shadow(0 15px 15px rgba(0,0,0,.05));transition:all .8s var(--ease-out-expo)}.feature-card h3{font-family:var(--font-heading);font-size:2.2rem;margin-bottom:24px}.dual-flow{display:flex;align-items:stretch;justify-content:space-between;gap:120px}.details{padding:120px 0;background-color:var(--peach)}.detail-row{display:flex;align-items:center;gap:80px;margin-bottom:120px}.detail-row.reverse{flex-direction:row-reverse}.detail-text{flex:1}.detail-badge{display:inline-block;padding:8px 16px;background:var(--white);color:var(--primary);border-radius:30px;font-size:.85rem;font-weight:700;margin-bottom:24px;box-shadow:0 4px 10px #0000000d}.detail-text h2{font-family:var(--font-heading);font-size:3rem;margin-bottom:24px;color:var(--text-main)}.detail-text p{font-size:1.2rem;color:var(--text-dim);margin-bottom:32px;line-height:1.8}.detail-list{list-style:none}.detail-list li{font-size:1.1rem;margin-bottom:16px;padding-left:28px;position:relative;color:var(--text-main);font-weight:500}.detail-list li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}.detail-visual{flex:1.2}.detail-mockup{position:relative;border-radius:40px;overflow:hidden;box-shadow:0 60px 120px #00000014;background:var(--white);padding:40px;transition:all .8s var(--ease-out-expo)}.detail-row:hover .detail-mockup{transform:translateY(-15px);box-shadow:0 80px 160px #ff8a651a}.detail-img{width:100%;height:auto;display:block;border-radius:20px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.05))}.flow-side{flex:1;background:var(--white);padding:100px 80px;border-radius:56px;box-shadow:0 50px 100px #00000008;border:1px solid rgba(0,0,0,.01)}.flow-tag{display:inline-block;padding:10px 24px;background:var(--primary-dark);color:var(--white);border-radius:24px;font-weight:700;font-size:1rem;margin-bottom:48px}.flow-list li{font-family:var(--font-heading);font-size:2rem;margin-bottom:40px;display:flex;align-items:center;gap:24px;opacity:.95}.flow-list li:before{content:"◈";color:var(--primary);font-size:1.2rem}.download h2{font-family:var(--font-heading);font-size:4.5rem;margin-bottom:40px}.qr-box{background:#fffffff2;padding:56px;border-radius:56px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 40px 100px #0000004d}.reveal{opacity:0;transform:translateY(60px);transition:all 1.5s var(--ease-out-expo)}.reveal.active{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.title{font-size:3.5rem}.hero .content{gap:40px}.final-cta{gap:60px}}@media (max-width: 768px){.container{padding:0 24px}.header .nav{display:none}.hero .content{grid-template-columns:1fr;text-align:center}.title{font-size:3rem}.download-group{flex-direction:column;align-items:center}.mockup-container{margin-top:60px}.side-label{display:none}.app-mockup-img{transform:none!important}.feature-grid{grid-template-columns:1fr;gap:32px}.dual-flow{flex-direction:column;gap:32px}.final-cta{flex-direction:column;gap:80px}}