@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;800;900&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #0e0e16;--bg-surface: #14141f;--bg-card: #1a1a2e;--bg-card-hover: #1e1e33;--text-primary: #e8e8f0;--text-secondary: #9498b3;--text-muted: #5e6280;--color-green: #3cdf7c;--border-green: #2bb365;--glow-green: rgba(60, 223, 124, .25);--color-blue: #3ba3f7;--border-blue: #2b7fd4;--glow-blue: rgba(59, 163, 247, .25);--color-orange: #f5a623;--border-orange: #cc8a1d;--glow-orange: rgba(245, 166, 35, .2);--color-gold: #f5c842;--border-gold: #d4a82e;--glow-gold: rgba(245, 200, 66, .2);--color-danger: #f24c6a;--border-danger: #c73d57;--color-purple: #a370f7;--glow-purple: rgba(163, 112, 247, .2);--border-color: rgba(255, 255, 255, .08);--border-color-strong: rgba(255, 255, 255, .14);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;font-family:Nunito,system-ui,-apple-system,sans-serif;line-height:1.4;font-weight:700;color-scheme:dark;background-color:var(--bg-primary);color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow:hidden;height:100vh}body{overflow:hidden;height:100vh;background:var(--bg-primary)}#app{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-primary)}#app:before{content:"";position:fixed;top:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,var(--glow-purple) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0;animation:ambient-float-1 20s infinite alternate ease-in-out}#app:after{content:"";position:fixed;bottom:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,var(--glow-blue) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0;animation:ambient-float-2 25s infinite alternate ease-in-out}@keyframes ambient-float-1{0%{transform:translate(0) scale(1)}to{transform:translate(80px,60px) scale(1.15)}}@keyframes ambient-float-2{0%{transform:translate(0) scale(1)}to{transform:translate(-60px,-80px) scale(1.1)}}h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:2rem}.word-wrap{display:inline;white-space:nowrap}.hover-letter{display:inline-block;transition:transform .35s cubic-bezier(.34,1.56,.64,1),color .3s ease,text-shadow .3s ease,filter .3s ease;cursor:default;position:relative}.hover-letter:hover,.hover-letter.letter-active{transform:translateY(-4px) scale(1.08);color:var(--color-green);text-shadow:0 0 8px var(--glow-green),0 0 20px var(--glow-green),0 2px 4px rgba(0,0,0,.3)}@property --h-from{syntax: "<color>"; initial-value: #e8e8f0; inherits: false;}@property --h-to{syntax: "<color>"; initial-value: #e8e8f0; inherits: false;}h1 .hover-letter{--h-from: #e8e8f0;--h-to: #e8e8f0;color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--h-from),var(--h-to));-webkit-background-clip:text;background-clip:text;transition:--h-from .4s ease,--h-to .4s ease,transform .35s cubic-bezier(.34,1.56,.64,1),filter .4s ease}h1 .hover-letter:hover,h1 .hover-letter.letter-active{--h-from: #b5f5e8;--h-to: #c4b5fd;transform:translateY(-5px) scale(1.08);filter:brightness(1.1) drop-shadow(0 0 12px rgba(181,245,232,.3)) drop-shadow(0 0 20px rgba(196,181,253,.2))}.hero p .hover-letter:hover,.hero p .hover-letter.letter-active{transform:translateY(-2px) scale(1.05);color:var(--text-primary);text-shadow:0 0 6px var(--glow-blue),0 0 14px var(--glow-blue)}h2{font-size:clamp(2rem,5vw,2.5rem);font-weight:800;text-align:center;margin-bottom:3rem;color:var(--text-primary)}h3{font-size:1.4rem;font-weight:800;margin-bottom:.5rem;color:var(--text-primary)}p{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin-bottom:2rem;font-weight:700}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.9rem 5%;position:absolute;top:0;width:100%;z-index:100;background:#0a0a0f99;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-color);box-shadow:0 0 40px -10px #3cdf7c0f,0 4px 30px -4px #0006;transition:background .35s ease,box-shadow .35s ease}.navbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;border-radius:2px;background:linear-gradient(90deg,transparent 0%,var(--color-green) 20%,var(--color-blue) 50%,var(--color-purple) 80%,transparent 100%);opacity:.5;transition:opacity .3s ease}.navbar:hover:after{opacity:.9}.logo{font-size:1.8rem;font-weight:900;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;position:relative;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.logo:hover{transform:scale(1.04)}.logo span{background:linear-gradient(90deg,var(--color-green),var(--color-blue),var(--color-purple),var(--color-blue),var(--color-green));background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2.2rem;line-height:1;animation:dot-color-shift 20s ease-in-out infinite}@keyframes dot-color-shift{0%{background-position:0% 50%;transform:scale(1)}50%{background-position:100% 50%;transform:scale(1.25)}to{background-position:0% 50%;transform:scale(1)}}nav{display:flex;gap:2rem;align-items:center}nav a{color:var(--text-secondary);text-decoration:none;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;position:relative;padding-bottom:3px;transition:color .25s ease}nav a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--color-green),var(--color-blue));transition:width .3s ease,left .3s ease}nav a:hover{color:var(--text-primary)}nav a:hover:after{width:100%;left:0}button{cursor:pointer;font-family:inherit;font-weight:800;text-transform:uppercase;letter-spacing:.8px;border-radius:var(--radius-md);transition:all .15s ease-in-out;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:var(--color-green);color:#0a0a0f;padding:14px 24px;font-size:1.1rem;box-shadow:0 4px 0 var(--border-green),0 0 20px -4px var(--glow-green)}.btn-primary:active{transform:translateY(4px);box-shadow:0 0 0 var(--border-green)}.btn-primary:hover{filter:brightness(1.15);box-shadow:0 4px 0 var(--border-green),0 0 30px -2px var(--glow-green)}.btn-secondary{background:var(--bg-card);color:var(--color-blue);padding:14px 24px;font-size:1.1rem;box-shadow:0 4px #ffffff0d;border:1px solid var(--border-color-strong)}.btn-secondary:active{transform:translateY(4px);box-shadow:0 0 #ffffff0d}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--color-blue);box-shadow:0 4px #ffffff0d,0 0 20px -4px var(--glow-blue)}.large{padding:16px 40px;font-size:1.25rem;border-radius:20px}.hero{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 5%;max-width:1200px;margin:0 auto;gap:4rem;height:100vh;position:relative;z-index:1}.hero-text{flex:1;text-align:left}.hero p{margin:0 0 2rem}.hero-visual{flex:1;display:flex;justify-content:center;position:relative}.glow-orb{position:absolute;top:50%;left:50%;width:600px;height:600px;background:radial-gradient(circle,var(--color-green) 0%,var(--color-blue) 50%,transparent 70%);border-radius:50%;filter:blur(100px);z-index:-1;animation:pulse-glow 8s infinite alternate ease-in-out;pointer-events:none}@keyframes pulse-glow{0%{transform:translate(-50%,-50%) scale(1);opacity:0}to{transform:translate(-45%,-55%) scale(1.1);opacity:.15}}.phone-mockup-img{width:100%;max-width:300px;height:auto;filter:drop-shadow(0 20px 60px rgba(60,223,124,.1)) drop-shadow(0 8px 20px rgba(0,0,0,.4));animation:bounce-float 8s infinite ease-in-out;transition:scale .1s ease-in-out,filter .1s ease-in-out}.phone-mockup-img:hover{scale:1.01;filter:drop-shadow(0 30px 70px rgba(60,223,124,.15)) drop-shadow(0 12px 30px rgba(0,0,0,.5))}@keyframes bounce-float{0%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-20px) rotate(2deg)}to{transform:translateY(0) rotate(1deg)}}.cta-group{display:flex;gap:1.5rem}.store-badge{transition:transform .2s ease,filter .2s ease;border-radius:10px}.store-badge:hover{transform:translateY(-2px);filter:brightness(1.1) drop-shadow(0 4px 12px rgba(255,255,255,.08))}.flow{display:none;padding:0;background:var(--bg-secondary)!important;color:var(--text-primary);height:500vh;position:relative}.flow-container{position:sticky;top:0;height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;max-width:none;margin:0}.flow h2{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%) scale(1.5);font-size:clamp(3rem,8vw,5rem);z-index:10;transition:all .8s cubic-bezier(.16,1,.3,1);margin:0;pointer-events:none;opacity:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.flow h2.visible{opacity:1}.flow h2.sticky-top{top:5vh;transform:translateY(0) scale(1);font-size:clamp(2rem,5vw,2.5rem)}.flow-step{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);display:flex;gap:3rem;align-items:center;background:var(--bg-card);padding:4rem 5rem;border-radius:var(--radius-lg);border:1px solid var(--border-color-strong);border-bottom:4px solid var(--border-color-strong);width:85%;max-width:1100px;min-height:40vh;opacity:1;visibility:visible;transition:all .6s cubic-bezier(.16,1,.3,1),opacity .6s ease;box-shadow:0 8px 40px -8px #00000080}.step-left{flex-direction:row}.step-right{flex-direction:row-reverse;text-align:right}.flow-step.future.step-left{opacity:0;visibility:hidden;transform:translate(-150%,var(--target-y, -50%)) scale(var(--target-scale, 1))}.flow-step.future.step-right{opacity:0;visibility:hidden;transform:translate(50%,var(--target-y, -50%)) scale(var(--target-scale, 1))}.flow{--stack-scale: .65;--stack-gap: 28vh;--stack-offset-y: 4vh;--stack-offset-x: -26%;--step2-scale: .9;--step2-gap: 10vh}.flow-step.pos-center-left-1{transform:translate(calc(-50% + var(--stack-offset-x)),-50%) scale(1)}.flow-step.pos-center-left-2{transform:translate(calc(-50% + var(--stack-offset-x)),calc(-50% + var(--step2-gap))) scale(1)}.flow-step.pos-center-right{transform:translate(calc(-50% - var(--stack-offset-x)),-50%) scale(var(--target-scale, 1))}.flow-step.pos-halfway-1-left{transform:translate(calc(-50% + var(--stack-offset-x)),calc(-50% - var(--step2-gap))) scale(var(--target-scale, 1))}.flow-step.pos-halfway-1-right{transform:translate(calc(-50% - var(--stack-offset-x)),calc(-50% - var(--step2-gap))) scale(var(--step2-scale))}.flow-step.pos-halfway-2{transform:translate(calc(-50% + var(--stack-offset-x)),calc(-50% - (2 * var(--step2-gap)))) scale(var(--step2-scale))}.flow-step.pos-top{transform:translate(calc(-50% + var(--stack-offset-x)),calc(-50% - var(--stack-gap) + var(--stack-offset-y))) scale(var(--stack-scale))}.flow-step.pos-mid{transform:translate(calc(-50% - var(--stack-offset-x)),calc(-50% + var(--stack-offset-y))) scale(var(--stack-scale))}.flow-step.pos-bot{transform:translate(calc(-50% + var(--stack-offset-x)),calc(-50% + var(--stack-gap) + var(--stack-offset-y))) scale(var(--stack-scale))}.step-left{align-self:flex-start}.step-right{align-self:flex-end;flex-direction:row-reverse;text-align:right}.step-icon{width:80px;height:80px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:3rem;border:2px solid var(--border-color-strong);box-shadow:0 4px #0000004d;background:var(--bg-surface)}.step-icon-orange{background:#f5a6231a;border-color:var(--color-orange);box-shadow:0 4px 0 var(--border-orange),0 0 20px -4px var(--glow-orange)}.step-icon-blue{background:#3ba3f71a;border-color:var(--color-blue);box-shadow:0 4px 0 var(--border-blue),0 0 20px -4px var(--glow-blue)}.step-icon-green{background:#3cdf7c1a;border-color:var(--color-green);box-shadow:0 4px 0 var(--border-green),0 0 20px -4px var(--glow-green)}.step-title-orange{color:var(--color-orange);font-size:2.2rem;margin-bottom:.5rem;text-shadow:0 0 30px var(--glow-orange)}.step-title-blue{color:var(--color-blue);font-size:2.2rem;margin-bottom:.5rem;text-shadow:0 0 30px var(--glow-blue)}.step-title-green{color:var(--color-green);font-size:2.2rem;margin-bottom:.5rem;text-shadow:0 0 30px var(--glow-green)}.step-desc{color:var(--text-secondary);font-size:1.25rem;margin-bottom:1.5rem;line-height:1.5}.chat-bubble{display:inline-block;padding:16px 24px;border-radius:20px;font-size:1.3rem;margin-top:10px;border:1px solid var(--border-color-strong);font-weight:700;box-shadow:0 4px 16px -4px #0006;position:relative}.bubble-left{background:var(--bg-surface);color:var(--text-primary);border-bottom-left-radius:4px}.bubble-right.user{background:linear-gradient(135deg,var(--color-blue),#2b7fd4);color:#fff;border-color:var(--border-blue);box-shadow:0 4px 0 var(--border-blue),0 0 24px -6px var(--glow-blue);border-bottom-right-radius:4px}.bubble-left.system{background:var(--bg-surface);color:var(--text-primary)}.highlight-green{color:var(--color-green);font-weight:800;text-shadow:0 0 12px var(--glow-green)}.features{display:none;padding:6rem 5%;background:var(--bg-primary)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.feature-card{text-align:center;padding:2rem;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-4px);border-color:var(--border-color-strong);box-shadow:0 12px 40px -8px #00000080}.icon-wrapper{width:100px;height:100px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;font-size:3.5rem}.feature-card:nth-child(1) .icon-wrapper{color:var(--color-blue)}.feature-card:nth-child(2) .icon-wrapper{color:var(--color-orange)}.feature-card:nth-child(3) .icon-wrapper{color:var(--color-green)}.pricing{display:none;padding:6rem 5%;background:var(--bg-primary);text-align:center}.pricing-card{max-width:450px;width:100%;background:var(--bg-card);border:1px solid var(--border-color-strong);border-radius:var(--radius-lg);padding:3rem;box-shadow:0 8px #0000004d,0 0 60px -12px var(--glow-gold);margin-top:2rem;position:relative;overflow:hidden}.pricing-card:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(245,200,66,.03) 40%,rgba(245,200,66,.06) 50%,rgba(245,200,66,.03) 60%,transparent 100%);animation:card-shimmer 8s infinite ease-in-out;pointer-events:none}@keyframes card-shimmer{0%{transform:translate(-30%)}to{transform:translate(30%)}}.premium-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--color-gold),var(--color-orange));border-radius:50%;margin:0 auto 1.5rem;display:flex;justify-content:center;align-items:center;font-size:2.5rem;color:#fff;border:3px solid var(--border-gold);box-shadow:0 0 30px -4px var(--glow-gold)}.premium-price{font-size:2.5rem;font-weight:900;color:var(--color-orange);margin:1.5rem 0;text-shadow:0 0 20px var(--glow-orange)}.premium-list{list-style:none;text-align:left;margin-bottom:2rem}.premium-list li{margin-bottom:1rem;font-size:1.15rem;display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.premium-list li:before{content:"✓";color:var(--color-green);font-weight:900;text-shadow:0 0 8px var(--glow-green)}.bottom-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 5%;font-size:.85rem;font-weight:700;color:var(--text-muted);z-index:50;background:#0a0a0f80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.bottom-bar a{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.bottom-bar a:hover{color:var(--text-primary)}.bottom-bar-divider{color:var(--text-muted);-webkit-user-select:none;user-select:none}.slide-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.slide-up.visible{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transform:translate(-50px);transition:opacity .6s ease-out,transform .6s ease-out}.slide-in-left.visible{opacity:1;transform:translate(0)}.slide-in-right{opacity:0;transform:translate(50px);transition:opacity .6s ease-out,transform .6s ease-out}.slide-in-right.visible{opacity:1;transform:translate(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.legal-container{max-width:800px;margin:4rem auto;padding:0 5%;text-align:left}.legal-container h1{font-size:2.5rem;margin-bottom:2rem;text-align:left;color:var(--text-primary)}.legal-container h2{font-size:1.8rem;margin-top:2rem;margin-bottom:1rem;text-align:left;color:var(--text-primary)}.legal-container h3{font-size:1.3rem;margin-top:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.legal-container p,.legal-container ul,.legal-container li{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin-bottom:1rem;max-width:100%}.legal-container ul{padding-left:2rem}.legal-container li{margin-bottom:.5rem}@media(max-width:900px){.hero{flex-direction:column-reverse;text-align:center;padding-top:8rem;gap:2rem}.hero-text{text-align:center}.hero p{margin:0 auto 2rem}.cta-group{justify-content:center;flex-direction:column}.flow-step{flex-direction:column!important;text-align:center!important;width:100%;padding:2rem}nav{display:none}}html:has(.legal-page),.legal-page,.legal-page #app{overflow:auto;height:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:4px;border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--color-green);color:var(--bg-primary)}