:root{--color-bg-pink: #FFF5F5;--color-bg-blue: #F0F8FF;--color-bg-white: #FFFFFF;--color-text: #111111;--color-text-secondary: #666666;--color-accent-pink: #FF6B6B;--color-accent-yellow: #FFD93D;--color-black: #000000;--font-heading: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background:linear-gradient(135deg,var(--color-bg-pink) 0%,var(--color-bg-white) 50%,var(--color-bg-blue) 100%);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:-1}body:before{width:60vw;height:60vw;max-width:800px;max-height:800px;top:-10%;left:-10%;background:radial-gradient(circle,rgba(255,182,193,.5) 0%,transparent 60%);animation:orbFloat1 18s ease-in-out infinite,orbPulse1 8s ease-in-out infinite}body:after{width:50vw;height:50vw;max-width:700px;max-height:700px;top:10%;right:-15%;background:radial-gradient(circle,rgba(173,216,230,.5) 0%,transparent 60%);animation:orbFloat2 22s ease-in-out infinite,orbPulse2 10s ease-in-out infinite}#root{min-height:100vh;display:flex;flex-direction:column;position:relative}#root:before,#root:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:-1}#root:before{width:55vw;height:55vw;max-width:600px;max-height:600px;bottom:-5%;left:30%;background:radial-gradient(circle,rgba(255,218,185,.4) 0%,transparent 60%);animation:orbFloat3 25s ease-in-out infinite,orbPulse3 12s ease-in-out infinite}#root:after{width:40vw;height:40vw;max-width:500px;max-height:500px;bottom:20%;left:-10%;background:radial-gradient(circle,rgba(221,160,221,.35) 0%,transparent 60%);animation:orbFloat4 20s ease-in-out infinite,orbPulse4 14s ease-in-out infinite}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;height:auto}@keyframes orbFloat1{0%,to{transform:translate(0)}25%{transform:translate(5%,8%)}50%{transform:translate(10%,3%)}75%{transform:translate(3%,-5%)}}@keyframes orbFloat2{0%,to{transform:translate(0)}33%{transform:translate(-8%,6%)}66%{transform:translate(-3%,-4%)}}@keyframes orbFloat3{0%,to{transform:translate(0)}20%{transform:translate(-6%,-4%)}40%{transform:translate(4%,-8%)}60%{transform:translate(8%,2%)}80%{transform:translate(-2%,6%)}}@keyframes orbFloat4{0%,to{transform:translate(0)}50%{transform:translate(12%,-6%)}}@keyframes orbPulse1{0%,to{opacity:1;scale:1}50%{opacity:.7;scale:1.1}}@keyframes orbPulse2{0%,to{opacity:1;scale:1}50%{opacity:.6;scale:.9}}@keyframes orbPulse3{0%,to{opacity:1;scale:1}50%{opacity:.75;scale:1.15}}@keyframes orbPulse4{0%,to{opacity:1;scale:1}50%{opacity:.65;scale:.85}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.float-animation{animation:float 5s ease-in-out infinite}.float-slow-animation{animation:floatSlow 6s ease-in-out infinite}.pulse-animation{animation:pulse 2s ease-in-out infinite}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}@media(max-width:768px){html{font-size:14px}body:before{width:120vw;height:120vw;max-width:none;max-height:none;top:-30%;left:-40%}body:after{width:100vw;height:100vw;max-width:none;max-height:none;top:5%;right:-50%}#root:before{width:110vw;height:110vw;max-width:none;max-height:none;bottom:-20%;left:10%}#root:after{width:90vw;height:90vw;max-width:none;max-height:none;bottom:30%;left:-50%}}.header{padding:var(--spacing-md) 0}.header-container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;font-style:italic;color:var(--color-text);letter-spacing:-.01em}.nav{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link{font-size:.95rem;font-weight:500;color:var(--color-text);transition:opacity .2s ease}.nav-link:hover{opacity:.7}.nav-link-cta{background:var(--color-black);color:var(--color-bg-white);padding:.6rem 1.25rem;border-radius:var(--radius-full);transition:transform .2s ease,opacity .2s ease}.nav-link-cta:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:768px){.header-container{padding:0 var(--spacing-md)}.nav{gap:var(--spacing-sm)}.nav-link:not(.nav-link-cta){display:none}}.hero{min-height:calc(100vh + 400px);display:flex;align-items:flex-start;padding:40px 0 0}.hero-container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.hero-content{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.floating-icons{position:absolute;top:0;left:50%;transform:translate(-50%);width:820px;height:200px;pointer-events:none}.hero-text-wrapper{display:flex;flex-direction:column;align-items:center;padding:60px 120px;width:100%;box-sizing:border-box}.hero-headline{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:var(--spacing-lg);width:100%}.hero-headline .headline-prefix{font-family:var(--font-body);font-size:2.6rem;font-weight:500;color:var(--color-text);letter-spacing:-.01em}.hero-headline .rotating-text{font-family:Space Grotesk,sans-serif;font-size:4.6rem;font-weight:600;font-style:normal;color:#6366f1;transition:opacity .3s ease,transform .3s ease;display:block;white-space:nowrap;text-align:center;line-height:1.1;letter-spacing:-.02em}.hero-headline .rotating-text.fade-out{opacity:0;transform:translateY(10px)}.hero-headline .rotating-text.fade-in{opacity:1;transform:translateY(0)}.hero-subtext{font-size:1.1rem;color:var(--color-text-secondary);max-width:400px;line-height:1.7;margin-bottom:var(--spacing-lg)}.floating-icon{position:absolute;font-size:2.8rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));z-index:1}.arc-1{top:100px;left:0;font-size:2.8rem}.arc-2{top:20px;left:60px;font-size:2.6rem}.arc-4{top:10px;right:60px;font-size:2.7rem}.arc-5{top:100px;right:0;font-size:3rem}.hero-download{display:flex;align-items:center;justify-content:center}.hero-download.mobile-only{display:none}.hero-download.desktop-only{display:flex}.store-buttons{display:flex;flex-direction:row;gap:var(--spacing-sm)}.store-btn-img{display:block;transition:transform .2s ease,opacity .2s ease}.store-btn-img:hover{transform:translateY(-2px);opacity:.9}.store-btn-img img{height:56px;width:auto;display:block}.qr-btn{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.qr-btn img{height:56px;width:auto;display:block;border-radius:var(--radius-sm)}.qr-btn:hover{transform:scale(1.1)}.qr-tooltip{position:absolute;bottom:-36px;left:50%;transform:translate(-50%);background:var(--color-black);color:#fff;font-size:.75rem;font-weight:500;padding:6px 12px;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.qr-tooltip:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);width:12px;height:6px;background:var(--color-black);clip-path:polygon(50% 0%,0% 100%,100% 100%)}.qr-btn:hover .qr-tooltip{opacity:1;visibility:visible}.hero-features-section{--scroll-progress: 0;position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:900px;padding:0 var(--spacing-lg);box-sizing:border-box;margin-top:140px}.hero-phone-wrapper{position:relative;display:flex;justify-content:center;flex-shrink:0;z-index:2;transform:translate(calc(var(--scroll-progress) * -240px)) scale(calc(1.4 - var(--scroll-progress) * .4));will-change:transform}.features-container{position:absolute;left:50%;top:50%;margin-left:30px;transform:translateY(-50%) translate(calc((1 - var(--scroll-progress)) * 80px));opacity:var(--scroll-progress);display:flex;flex-direction:column;gap:24px;width:400px;padding:40px 0;z-index:1;will-change:transform,opacity}.feature-card{--card-index: 0;display:flex;align-items:flex-start;gap:16px;padding:24px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 24px #0000000f;border:1px solid rgba(0,0,0,.04);opacity:clamp(0,calc((var(--scroll-progress) - var(--card-index) * .15) / .4),1);transform:translateY(calc(max(0,(1 - (var(--scroll-progress) - var(--card-index) * .1) / .5))*30px));will-change:transform,opacity}.feature-card:hover{box-shadow:0 8px 32px #0000001a}.feature-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.feature-content{display:flex;flex-direction:column;gap:6px}.feature-title{font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0}.feature-description{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.phone-mockup{position:relative;width:420px;height:870px;filter:drop-shadow(0 40px 80px rgba(0,0,0,.18))}.phone-frame{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.phone-screen{position:absolute;top:18px;left:18px;right:18px;bottom:18px;background:#fafafa;border-radius:40px;overflow:hidden;padding:50px 16px 30px;display:flex;flex-direction:column;gap:10px;z-index:1}.app-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px}.app-back-btn{font-size:1.3rem;color:#333;margin-left:6px}.app-user{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600}.app-avatar{width:28px;height:28px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%}.app-more{color:#666;letter-spacing:2px;font-size:.7rem}.app-call-card{background:#fff;border-radius:14px;padding:14px;box-shadow:0 2px 12px #0000000f}.call-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.call-icon{width:36px;height:36px;background:#e8f5e9;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.call-info{display:flex;flex-direction:column}.call-title{font-size:.85rem;font-weight:600;color:#111}.call-time{font-size:.7rem;color:#888}.call-waveform{display:flex;align-items:center;justify-content:center;gap:2px;height:40px}.wave-bar{width:3px;background:linear-gradient(180deg,#6366f1,#818cf8);border-radius:2px;transition:height .3s ease}.app-transcription{background:#fff;border-radius:14px;padding:12px;box-shadow:0 2px 12px #0000000f;flex:1;overflow:hidden}.transcript-header{font-size:.75rem;font-weight:600;color:#444;margin-bottom:8px}.transcript-content{display:flex;flex-direction:column;gap:6px}.transcript-line{font-size:.7rem;color:#555;line-height:1.5}.transcript-line .speaker{font-weight:600;color:#333}.transcript-line.active{color:#111;background:#fff9e6;padding:6px;margin:-3px -6px;border-radius:6px;border-left:3px solid var(--color-accent-yellow)}.app-actions{display:flex;justify-content:center;gap:12px;padding-top:6px}.action-btn{width:42px;height:42px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 2px 8px #0000001a}.action-btn.primary{width:48px;height:48px;background:#6366f1;color:#fff}.app-summary{background:#fff;border-radius:10px;padding:10px;box-shadow:0 2px 8px #0000000d}.section-header{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:#444;margin-bottom:8px}.section-icon{width:16px;height:16px;color:#6366f1}.summary-content{font-size:.8rem;color:#555;line-height:1.5}.summary-content p{margin:0}.app-actions-list{background:#fff;border-radius:10px;padding:10px;box-shadow:0 2px 8px #0000000d;flex:1;overflow:hidden;-webkit-user-select:none;user-select:none}.action-items-content{display:flex;flex-direction:column;gap:6px}.action-item{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#333;cursor:pointer;transition:opacity .2s ease}.action-item:hover{opacity:.8}.action-item.checked span{text-decoration:line-through;color:#999}.checkbox-icon{width:16px;height:16px;color:#ccc;flex-shrink:0;transition:transform .2s ease}.checkbox-icon.checked{transform:scale(1.1)}} .action-checkbox{color:#6366f1;font-size:.9rem}.app-audio-player{background:#fff;border-radius:10px;padding:10px;box-shadow:0 2px 8px #0000000d;margin-top:auto}.audio-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.audio-title{font-size:.85rem;font-weight:600;color:#333}.audio-time{font-size:.75rem;color:#888}.audio-progress{margin-bottom:10px}.audio-progress-bar{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.audio-progress-fill{width:58%;height:100%;background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:2px}.audio-controls{display:flex;justify-content:center;align-items:center;gap:16px}.audio-btn{width:20px;height:20px;color:#666;cursor:pointer;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.audio-btn svg{width:100%;height:100%}.audio-btn:hover{color:#333}.audio-btn.play{width:32px;height:32px;background:#6366f1;color:#fff;border-radius:50%;padding:8px;display:flex;align-items:center;justify-content:center;font-size:.8rem}@media(max-width:1024px){.hero-features-section{gap:40px}.features-container{max-width:320px}.feature-card{padding:18px}.feature-icon{width:40px;height:40px;font-size:1.6rem}.feature-title{font-size:1rem}.feature-description{font-size:.85rem}}@media(max-width:768px){.hero{padding:30px 0}.hero-container{gap:var(--spacing-sm)}.hero-features-section{flex-direction:column;gap:40px;min-height:auto;padding:0 var(--spacing-md);margin-top:0}.hero-phone-wrapper{transform:none!important}.features-container{position:static;left:auto;top:auto;margin-left:0;transform:none!important;opacity:1!important;max-width:100%;width:100%;padding:0}.feature-card{transform:none!important;opacity:1!important}.hero-text-wrapper{padding:20px;min-width:auto;width:100%}.hero-headline .headline-prefix{font-size:1.8rem}.hero-headline .rotating-text{font-size:3rem;min-width:auto;width:100%}.floating-icons{width:100vw;max-width:none;height:140px;left:50%;transform:translate(-50%)}.floating-icon{font-size:2rem}.arc-1{top:85px;left:5%;font-size:2.2rem}.arc-2{top:15px;left:12%;font-size:2rem}.arc-4{top:10px;right:12%;font-size:2.1rem}.arc-5{top:85px;right:5%;font-size:2.3rem}.store-buttons{gap:var(--spacing-xs)}.store-btn-img img{height:48px}.qr-btn{display:none}.qr-btn img{height:48px}.hero-download.desktop-only{display:none}.hero-download.mobile-only{display:flex;margin-top:var(--spacing-lg)}.hero-download.mobile-only .store-btn-img img{height:45px}.phone-mockup{width:340px;height:704px}.phone-screen{top:16px;left:16px;right:16px;bottom:16px;border-radius:48px;padding:55px 18px 35px}}@media(max-width:480px){.hero{padding:20px 0}.hero-features-section{gap:30px;padding:0 var(--spacing-sm)}.features-container{gap:16px}.feature-card{padding:16px;gap:12px}.feature-icon{width:36px;height:36px;font-size:1.4rem;border-radius:10px}.feature-title{font-size:.95rem}.feature-description{font-size:.8rem}.hero-text-wrapper{padding:10px 16px}.hero-headline{margin-bottom:var(--spacing-sm)}.hero-headline .headline-prefix{font-size:1.5rem}.hero-headline .rotating-text{font-size:2.6rem}.hero-subtext{font-size:.95rem}.floating-icons{width:100vw;max-width:none;height:120px;left:50%;transform:translate(-50%)}.arc-1{top:70px;left:3%;font-size:1.8rem}.arc-2{top:8px;left:9%;font-size:1.7rem}.arc-4{top:5px;right:9%;font-size:1.7rem}.arc-5{top:70px;right:3%;font-size:1.9rem}.phone-mockup{width:280px;height:580px}.phone-screen{top:12px;left:12px;right:12px;bottom:12px;border-radius:38px;padding:45px 14px 28px;gap:12px}.app-header{padding-bottom:8px}.app-avatar{width:24px;height:24px}.app-user{font-size:.75rem}.app-call-card{padding:12px;border-radius:12px}.call-icon{width:32px;height:32px;font-size:1rem}.call-title{font-size:.8rem}.call-time{font-size:.65rem}.call-waveform{height:32px}.app-transcription{padding:10px;border-radius:12px}.transcript-header{font-size:.7rem}.transcript-line{font-size:.65rem}.action-btn{width:36px;height:36px;font-size:.95rem}.action-btn.primary{width:42px;height:42px}.store-buttons{flex-direction:row;align-items:center;gap:var(--spacing-xs)}.store-btn-img img{height:40px}}@media(max-width:360px){.hero-features-section{gap:24px}.features-container{gap:12px}.feature-card{padding:14px}.feature-icon{width:32px;height:32px;font-size:1.2rem}.feature-title{font-size:.9rem}.feature-description{font-size:.75rem}.hero-headline .headline-prefix{font-size:1.3rem}.hero-headline .rotating-text{font-size:2.2rem}.floating-icons{height:100px}.arc-1{top:60px;left:2%;font-size:1.6rem}.arc-2{top:5px;left:6%;font-size:1.5rem}.arc-4{top:3px;right:6%;font-size:1.5rem}.arc-5{top:60px;right:2%;font-size:1.7rem}.store-btn-img img{height:36px}.phone-mockup{width:240px;height:497px}.phone-screen{top:10px;left:10px;right:10px;bottom:10px;border-radius:32px;padding:38px 12px 24px}}.footer{padding:var(--spacing-xl) 0 var(--spacing-lg);margin-top:auto}.footer-container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.footer-links{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap}.footer-link{font-size:1rem;color:#6b7280;transition:color .2s ease}.footer-link:hover{color:var(--color-text)}.footer-bottom{display:flex;align-items:center;justify-content:center}.footer-credit{font-size:1rem;color:#6b7280;text-align:center}.footer-credit-link{font-family:Playfair Display,serif;font-style:italic;font-weight:700;color:#6b7280;transition:color .5s ease}.footer-credit-link:hover{color:var(--color-text)}@media(max-width:768px){.footer{padding:var(--spacing-lg) 0 var(--spacing-md)}.footer-container{padding:0 var(--spacing-md)}.footer-links{gap:var(--spacing-sm) var(--spacing-md);justify-content:center}.footer-link{font-size:.8rem}.footer-credit{font-size:1.1rem;padding:0 var(--spacing-sm);margin-top:24px}}@media(max-width:480px){.footer-links{flex-direction:column;align-items:center;gap:var(--spacing-xs)}.footer-link{font-size:.9rem}.footer-credit{font-size:1.1rem;line-height:1.5}}.qr-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.qr-modal{background:#fff;border-radius:var(--radius-lg);padding:24px 42px;text-align:center;position:relative;box-shadow:0 20px 60px #0003}.qr-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:transparent;font-size:2rem;line-height:1;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.qr-modal-close:hover{color:#333}.qr-modal-title{font-family:var(--font-body);font-size:1.25rem;font-weight:600;margin-bottom:16px;color:var(--color-text);letter-spacing:-.01em}.qr-modal-code{width:240px;height:240px;background:#f5f5f5;border:2px dashed #ccc;border-radius:var(--radius-md);margin:0 auto 16px}@keyframes shake{0%,to{transform:rotate(0)}15%{transform:rotate(-3deg)}30%{transform:rotate(3deg)}45%{transform:rotate(-2deg)}60%{transform:rotate(2deg)}75%{transform:rotate(-1deg)}90%{transform:rotate(1deg)}}.qr-modal.shake{animation:shake .5s ease}.qr-modal-subtitle{font-size:.85rem;color:var(--color-text-secondary);margin:0}