@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&display=swap";:root{--color-bg-cream:#fff5ee;--color-sand-beige:#fff0e6;--color-peach:#ffd3b6;--color-soft-gold:#f4d068;--color-sunset-coral:#ffaaa5;--color-sage-green:#a8e6cf;--color-muted-teal:#dcedc1;--color-text-dark:#4a403a;--color-text-muted:#8b7d75;--gradient-zen:linear-gradient(135deg, var(--color-bg-cream) 0%, var(--color-sand-beige) 100%);--gradient-sage:linear-gradient(135deg, var(--color-peach) 0%, var(--color-soft-gold) 100%);--gradient-sunset:linear-gradient(135deg, var(--color-sunset-coral) 0%, var(--color-peach) 100%);--gradient-teal:linear-gradient(135deg, #dcedc1 0%, #a8e6cf 100%);--gradient-cta:linear-gradient(135deg, #ff8c7a 0%, #ffaaa5 40%, #ffd3b6 72%, #f4a855 100%);--gradient-cta-hover:linear-gradient(135deg, #ff7a65 0%, #ff9b95 38%, #ffc4a0 70%, #e89840 100%);--gradient-cta-stop:linear-gradient(135deg, #b0bec5 0%, #cfd8dc 100%);--shadow-lux:0 10px 40px #ffaaa526;--shadow-glow:0 0 30px #ffaaa566;--shadow-cta:0 8px 40px #ff8c788c, 0 2px 12px #ffaaa54d;--glass-bg:#fffaf5a6;--glass-border:1px solid #ffffffd9;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--font-family:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--gradient-zen);color:var(--color-text-dark);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y;overscroll-behavior-y:none;min-height:100vh;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--color-text-dark);letter-spacing:-.02em;margin-bottom:.5rem;font-weight:500}a{color:inherit;text-decoration:none}button{font-family:var(--font-family);cursor:pointer;background:0 0;border:none;outline:none}.app-container{flex-direction:column;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:clamp(1rem,4vw,2rem);display:flex}@keyframes breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes magnetic-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes soft-pulse{0%{box-shadow:0 0 #ffaaa58c}70%{box-shadow:0 0 0 28px #ffaaa500}to{box-shadow:0 0 #ffaaa500}}@keyframes particle-flow{0%{opacity:0;transform:translateY(0)scale(1)}50%{opacity:.8}to{opacity:0;transform:translateY(-40px)scale(.5)}}@keyframes cinematic-zoom{0%{transform:scale(1.02)}to{transform:scale(1.14)}}@keyframes cinematic-pan{0%{transform:scale(1.06)translate(0)}to{transform:scale(1.12)translate(-1.5%,-1%)}}@keyframes ambient-drift{0%,to{transform:translate(0%)scale(1)}33%{transform:translate(4%,-3%)scale(1.04)}66%{transform:translate(-3%,4%)scale(.97)}}@keyframes glow-breathe{0%,to{box-shadow:var(--shadow-cta), 0 0 0 0 #ff8c7800}50%{box-shadow:0 12px 55px #ff8c78b3,0 2px 12px #ffaaa566,0 0 0 8px #ff8c7814}}@keyframes shimmer-sweep{0%{transform:translate(-100%)skew(-12deg)}to{transform:translate(250%)skew(-12deg)}}@keyframes lens-drift{0%,to{opacity:.6;transform:translate(0)scale(1)}50%{opacity:.9;transform:translate(3%,-2%)scale(1.06)}}@keyframes hero-breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}@keyframes pulse-heart{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes crossfade-bg-1{0%,40%{opacity:.68}50%,90%{opacity:0}to{opacity:.68}}@keyframes crossfade-bg-2{0%,40%{opacity:0}50%,90%{opacity:.55}to{opacity:0}}@keyframes meter-glow-pulse{0%,to{opacity:1;filter:brightness()}50%{opacity:.88;filter:brightness(1.18)}}.btn{border-radius:var(--radius-full);white-space:nowrap;justify-content:center;align-items:center;gap:clamp(.5rem,2vw,.75rem);padding:clamp(.85rem,3vw,1.15rem) clamp(1.5rem,4vw,2.5rem);font-size:clamp(1rem,2.5vw,1.15rem);font-weight:500;transition:all .4s cubic-bezier(.2,.8,.2,1);display:inline-flex}.btn-primary{background:var(--gradient-sage);color:var(--color-text-dark);box-shadow:var(--shadow-lux)}.btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 15px 35px #ffd3b666}.btn-cta{background:var(--gradient-cta);color:#fff;letter-spacing:.015em;border-radius:var(--radius-full);box-shadow:var(--shadow-cta);z-index:1;text-shadow:0 1px 4px #b4503c4d;border:1.5px solid #ffffff47;padding:clamp(1.1rem,3vw,1.4rem) clamp(2rem,5vw,3.5rem);font-size:clamp(1.05rem,2.8vw,1.25rem);font-weight:600;animation:3s ease-in-out infinite glow-breathe,5s ease-in-out infinite magnetic-float;position:relative;overflow:hidden}.btn-cta:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#ffffff61 50%,#fff0 100%);width:45%;height:100%;position:absolute;top:0;left:0;transform:translate(-100%)skew(-12deg)}.btn-cta:after{content:"";border-radius:var(--radius-full) var(--radius-full) 0 0;pointer-events:none;z-index:2;background:linear-gradient(#ffffff38 0%,#fff0 100%);height:45%;position:absolute;top:0;left:0;right:0}.btn-cta:hover{background:var(--gradient-cta-hover);animation:5s ease-in-out infinite magnetic-float;transform:translateY(-7px)scale(1.04);box-shadow:0 20px 60px #ff7864a6,0 4px 20px #ffaaa566}.btn-cta:hover:before{animation:.75s ease-out forwards shimmer-sweep}.btn-cta:active{transition:transform .1s;transform:scale(.96)}.btn-cta-stop{color:#ffffffe6;letter-spacing:.01em;border-radius:var(--radius-full);white-space:nowrap;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#50505ad9 0%,#646473e6 100%);border:1.5px solid #ffffff26;justify-content:center;align-items:center;gap:.75rem;padding:clamp(1.1rem,3vw,1.4rem) clamp(2rem,5vw,3.5rem);font-size:clamp(1rem,2.5vw,1.15rem);font-weight:500;transition:all .3s;display:inline-flex;position:relative;box-shadow:0 4px 20px #0000002e}.btn-cta-stop:hover{background:linear-gradient(135deg,#5a5a69e6 0%,#737382f2 100%);transform:translateY(-3px);box-shadow:0 8px 30px #00000038}.btn-cta-stop:active{transform:scale(.97)}.card{border-radius:var(--radius-xl);background:#fffcf8c7;border:1.5px solid #ffffffe0;padding:clamp(1.25rem,3vw,2.5rem);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;box-shadow:0 8px 32px #ffaaa51a}.card:hover{transform:translateY(-6px);box-shadow:0 15px 50px #9cac941f}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:var(--glass-border)}.navbar{justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 0;display:flex}.nav-brand{color:var(--color-text-dark);align-items:center;gap:.75rem;font-size:1.75rem;font-weight:600;display:flex}.text-center{text-align:center}.mt-4{margin-top:1.5rem}.mb-4{margin-bottom:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.section-title{color:var(--color-text-dark);letter-spacing:-.03em;margin-bottom:clamp(.5rem,2vw,1rem);font-size:clamp(2rem,6vw,3.5rem);line-height:1.2}.section-subtitle{color:var(--color-text-muted);max-width:650px;margin:0 auto clamp(1.5rem,4vw,2.5rem);font-size:clamp(1.1rem,2.5vw,1.35rem);font-weight:300;line-height:1.6}.text-muted{color:var(--color-text-muted)}.visualizer-container{border-radius:var(--radius-lg);background:var(--glass-bg);border:var(--glass-border);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.emotional-meter-container{border-radius:var(--radius-full);background:#0000000d;width:100%;height:8px;margin-top:1rem;position:relative;overflow:hidden}.emotional-meter-fill{border-radius:var(--radius-full);height:100%;transition:width 1s cubic-bezier(.4,0,.2,1),background-color 1s}.meter-low{background:var(--color-muted-teal)}.meter-medium{background:var(--color-soft-gold)}.meter-high{background:var(--color-sunset-coral)}.analysis-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;border-radius:var(--radius-lg);opacity:0;pointer-events:none;background:#fffaf5d9;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:absolute;inset:0}.analysis-overlay.active{opacity:1;pointer-events:auto}.breathing-orb{background:var(--gradient-sage);border-radius:50%;width:60px;height:60px;animation:3s ease-in-out infinite breathe;position:relative;box-shadow:0 0 30px #9cac9480}.particle{background:var(--color-soft-gold);border-radius:50%;width:6px;height:6px;animation:2s infinite particle-flow;position:absolute}.horizontal-rail{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.horizontal-rail::-webkit-scrollbar{display:none}@media (width>=640px){.horizontal-rail-wrapper{justify-content:center}.horizontal-rail{max-width:920px;width:auto!important;overflow-x:visible!important}.horizontal-rail>div{min-width:unset!important;flex-wrap:wrap!important;justify-content:center!important}}@media (width<=639px){.horizontal-rail{width:100%;overflow-x:auto}.horizontal-rail>div{min-width:max-content;flex-wrap:nowrap!important;justify-content:flex-start!important}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffaaa54d;border-radius:4px}.nav-item{align-items:center;gap:.75rem;text-decoration:none;display:flex}.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.pulse-heart{animation:2.5s ease-in-out infinite pulse-heart}.app-container{padding-bottom:env(safe-area-inset-bottom,0px);padding-top:env(safe-area-inset-top,0px)}