:root{--garden-leaf: #3B7158;--blueberry: #3850A0;--terracotta: #C4544D;--honeybee: #F5C06C;--dew-pastel: #ECFF1F;--soft-mint: #E8F4F8;--warm-cream: #F8EFB5;--gentle-pink: #F5E6E8;--cream: #FFFCF7;--soft-white: #FEFEFE;--warm-gray: #8B8680;--deep-forest: #2A4A35;--font-serif: "DM Serif Display", Georgia, serif;--font-sans: "Work Sans", system-ui, sans-serif;--font-accent: "Fraunces", serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:#fffbef;color:var(--deep-forest);line-height:1.6;overflow-x:hidden;min-height:100vh}.floating-elements{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1}.floating-icon{position:absolute;opacity:.7;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);filter:drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));animation:gentleFloat 10s ease-in-out infinite;pointer-events:auto;cursor:pointer;z-index:2}.interactive-asset{width:50px;max-width:60px;height:auto}.interactive-asset:hover{opacity:1;transform:scale(1.2) translateY(-8px);filter:drop-shadow(0 8px 20px rgba(59, 113, 88, 0.3));z-index:5 !important;animation-play-state:paused}.interactive-asset:active{transform:scale(1.1) translateY(-4px)}.interactive-asset.clicked{animation:disappearWithStyle .8s ease-out forwards;pointer-events:none;z-index:6 !important}.interactive-asset.appearing{animation:appearWithStyle 1s ease-out forwards;z-index:4}.interactive-asset[data-type=nature]:nth-child(1){width:50px;top:15%;left:12%;animation-delay:.5s}.interactive-asset[data-type=nature]:nth-child(2){width:45px;top:25%;right:15%;animation-delay:2s}.interactive-asset[data-type=nature]:nth-child(3){width:48px;bottom:30%;left:18%;animation-delay:1.2s}.interactive-asset[data-type=knowledge]{width:52px;top:45%;left:8%;animation-delay:3s}.interactive-asset[data-type=writing]{width:46px;bottom:20%;right:12%;animation-delay:4s}.interactive-asset[data-type=magic]:nth-of-type(1){width:42px;top:60%;right:25%;animation-delay:1.5s}.interactive-asset[data-type=magic]:nth-of-type(2){width:55px;top:35%;right:8%;animation-delay:5s}.interactive-asset[data-type=communication]{width:44px;bottom:45%;left:50%;transform:translateX(-50%);animation-delay:2.8s}@keyframes gentleFloat{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-18px) rotate(3deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(14px) rotate(-2deg)}}@keyframes disappearWithStyle{0%{opacity:1;transform:scale(1.2)}50%{opacity:.8;transform:scale(1.4) rotate(15deg)}100%{opacity:0;transform:scale(0.8) rotate(45deg) translateY(-100px)}}@keyframes appearWithStyle{0%{opacity:0;transform:scale(0.5) translateY(30px)}60%{opacity:.9;transform:scale(1.1) translateY(-5px)}100%{opacity:.7;transform:scale(1) translateY(0)}}@keyframes sparkleExplosion{0%{transform:scale(0);opacity:1}50%{transform:scale(2);opacity:.8}100%{transform:scale(4);opacity:0}}.garden-container{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:2rem 1rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;pointer-events:none}.garden-container *{pointer-events:auto}.magic-header{text-align:center;position:relative;z-index:15}.logo-garden{position:relative;display:inline-block;margin-bottom:2rem}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:240px;height:240px;background:radial-gradient(circle, var(--honeybee) 0%, transparent 70%);opacity:.2;border-radius:50%;animation:glow 4s ease-in-out infinite}@keyframes glow{0%,100%{transform:translate(-50%, -50%) scale(1);opacity:.2}50%{transform:translate(-50%, -50%) scale(1.1);opacity:.3}}.main-logo{position:relative;z-index:2;border-radius:20px;transition:transform .3s ease;filter:drop-shadow(0 8px 20px rgba(59, 113, 88, 0.15))}.main-logo:hover{transform:scale(1.05)}.sparkle-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.sparkle{position:absolute;font-size:1.2rem;animation:sparkle 3s ease-in-out infinite}.sparkle.sparkle-1{top:10%;left:80%;animation-delay:0s}.sparkle.sparkle-2{top:80%;right:85%;animation-delay:1s}.sparkle.sparkle-3{top:20%;left:10%;animation-delay:2s}@keyframes sparkle{0%,100%{opacity:0;transform:scale(0.5)}50%{opacity:1;transform:scale(1)}}.tagline-container{max-width:800px;margin:0 auto}.magic-tagline{font-family:var(--font-serif);font-size:clamp(2rem,5vw,3.5rem);line-height:1.2;color:var(--deep-forest);margin-bottom:1rem}.magic-tagline .tagline-part{display:inline-block;opacity:0;transform:translateY(30px);animation:revealText .8s ease-out forwards}.magic-tagline .tagline-part.part-1{animation-delay:.5s;color:var(--garden-leaf)}.magic-tagline .tagline-part.part-2{animation-delay:1s;color:var(--blueberry)}.magic-tagline .tagline-part.part-3{animation-delay:1.5s;color:var(--terracotta)}@keyframes revealText{to{opacity:1;transform:translateY(0)}}.tagline-underline{width:0;height:3px;background:linear-gradient(90deg, var(--garden-leaf), var(--honeybee));margin:0 auto;border-radius:2px;animation:drawLine 1s ease-out 2s forwards}@keyframes drawLine{to{width:200px}}.comfort-section{max-width:600px;margin:2rem 0}.comfort-bubble{background:rgba(248,239,181,.3);border:2px solid var(--warm-cream);border-radius:25px;padding:2rem;position:relative;backdrop-filter:blur(10px)}.comfort-bubble::before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:16px;height:16px;background:var(--warm-cream);border-radius:50%}.comfort-text{font-size:1.1rem;text-align:center;color:var(--deep-forest);margin:0}.comfort-text .highlight{color:var(--garden-leaf);font-weight:600;font-family:var(--font-accent);font-style:italic;position:relative}.comfort-text .highlight::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--honeybee);opacity:.4}.garden-cta{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:500px}@media(min-width: 768px){.garden-cta{flex-direction:row;gap:3rem}}.cta-environment{position:relative;display:flex;justify-content:center;align-items:center;width:160px;height:160px}.cta-assets{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.cta-asset{position:absolute;opacity:.7;transition:all .3s ease}.cta-asset.seeds-decoration{width:28px;top:10px;right:15px;animation:gentleFloat 8s ease-in-out infinite;animation-delay:1s}.cta-asset.pen-decoration{width:32px;bottom:20px;left:10px;animation:gentleFloat 7s ease-in-out infinite;animation-delay:2.5s}.cta-asset.stars-decoration{width:26px;top:20px;left:20px;animation:gentleFloat 9s ease-in-out infinite;animation-delay:.5s}@keyframes gentleFloat{0%,100%{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-8px) scale(1.1);opacity:.9}}.plant-pot{position:relative;width:100px;height:120px;display:flex;flex-direction:column;align-items:center}.pot{width:60px;height:50px;background:linear-gradient(145deg, var(--terracotta), #A03D36);border-radius:0 0 20px 20px;position:relative;box-shadow:inset 0 -5px 10px rgba(0,0,0,.1)}.pot::before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;height:10px;background:linear-gradient(145deg, #D65D56, var(--terracotta));border-radius:10px}.soil{width:50px;height:15px;background:#8b7355;border-radius:50%;position:absolute;top:35px;z-index:1}.sprout{position:absolute;top:25px;z-index:2;opacity:0;animation:sproutGrow 2s ease-out 3s forwards}@keyframes sproutGrow{0%{opacity:0;transform:translateY(20px) scale(0.5)}100%{opacity:1;transform:translateY(0) scale(1)}}.stem{width:3px;height:40px;background:var(--garden-leaf);margin:0 auto;border-radius:2px}.leaves{position:relative;top:-30px}.leaf{width:12px;height:8px;background:var(--garden-leaf);border-radius:0 100% 0 100%;position:absolute}.leaf.leaf-1{left:-8px;transform:rotate(-45deg)}.leaf.leaf-2{right:-8px;transform:rotate(45deg)}.cta-content{text-align:center}@media(min-width: 768px){.cta-content{text-align:left}}.cta-title{font-family:var(--font-serif);font-size:1.8rem;color:var(--deep-forest);margin-bottom:.5rem}.cta-subtitle{color:var(--warm-gray);margin-bottom:1.5rem;font-size:1rem}.magic-button{background:linear-gradient(135deg, var(--garden-leaf), var(--blueberry));border:none;border-radius:50px;padding:1rem 2rem;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 8px 20px rgba(59,113,88,.3)}.magic-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(59,113,88,.4)}.magic-button:hover .button-garden{transform:scale(1.1)}.magic-button:active{transform:translateY(-1px)}.button-garden{display:flex;align-items:center;gap:3px;transition:transform .3s ease}.button-leaf{width:8px;height:6px;background:var(--honeybee);border-radius:0 100% 0 100%;transform:rotate(45deg)}.button-berry{width:6px;height:6px;background:var(--cream);border-radius:50%}.email-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(42,74,53,.8);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.email-modal.show{opacity:1;visibility:visible}.modal-garden{transform:scale(0.8);transition:transform .3s ease}.email-modal.show .modal-garden{transform:scale(1)}.modal-content{background:var(--cream);border-radius:30px;padding:3rem;max-width:400px;text-align:center;position:relative;box-shadow:0 20px 50px rgba(0,0,0,.2)}.modal-content h3{font-family:var(--font-serif);color:var(--deep-forest);margin-bottom:1rem;font-size:1.5rem}.modal-content p{color:var(--warm-gray);margin-bottom:2rem}.garden-form .input-garden{position:relative;margin-bottom:1.5rem}.garden-form input{width:100%;padding:1rem;border:2px solid var(--warm-cream);border-radius:20px;font-size:1rem;background:var(--soft-white);transition:border-color .3s ease}.garden-form input:focus{outline:none;border-color:var(--garden-leaf)}.garden-form .input-vine{position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--garden-leaf);transition:width .3s ease}.garden-form input:focus+.input-vine{width:100%}.form-buttons{display:flex;flex-direction:column;gap:1rem}.submit-button{background:linear-gradient(135deg, var(--garden-leaf), var(--blueberry));color:#fff;border:none;padding:1rem;border-radius:20px;font-weight:600;cursor:pointer;transition:transform .3s ease}.submit-button:hover{transform:translateY(-2px)}.close-button{background:rgba(0,0,0,0);color:var(--warm-gray);border:none;padding:.5rem;cursor:pointer;font-size:.9rem}.close-button:hover{color:var(--deep-forest)}.modal-decoration{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.modal-asset{position:absolute;opacity:.6;transition:all .4s ease}.modal-asset.envelope-deco{width:32px;top:1.5rem;right:1.5rem;animation:modalFloat 6s ease-in-out infinite;animation-delay:.5s}.modal-asset.stars-deco{width:28px;top:1rem;left:1rem;animation:modalFloat 7s ease-in-out infinite;animation-delay:1.5s}.modal-asset.pen-deco{width:30px;bottom:1.5rem;left:1.5rem;animation:modalFloat 8s ease-in-out infinite;animation-delay:2s}.modal-asset.book-deco{width:26px;bottom:1rem;right:1rem;animation:modalFloat 5s ease-in-out infinite;animation-delay:1s}.modal-asset.thoughts-deco{width:35px;top:50%;right:-10px;transform:translateY(-50%);animation:modalFloat 9s ease-in-out infinite;animation-delay:.2s}@keyframes modalFloat{0%,100%{transform:translateY(0) rotate(0deg) scale(1);opacity:.6}50%{transform:translateY(-5px) rotate(2deg) scale(1.05);opacity:.8}}.success-garden{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg, var(--soft-mint), var(--cream));display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:all .5s ease}.success-garden.show{opacity:1;visibility:visible}.success-content{text-align:center;max-width:500px;padding:2rem}.success-illustration{margin-bottom:2rem;position:relative}.success-decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.success-asset{position:absolute;opacity:0;animation:successCelebration 1.5s ease-out forwards}.success-asset.success-stars1{width:35px;top:-20px;left:-30px;animation-delay:.8s}.success-asset.success-stars2{width:32px;top:-15px;right:-25px;animation-delay:1.2s}.success-asset.branch-left{width:45px;top:20px;left:-50px;animation-delay:1.5s}.success-asset.branch-right{width:42px;top:25px;right:-45px;animation-delay:1.8s}.success-asset.leaves-accent{width:38px;bottom:-10px;left:50%;transform:translateX(-50%);animation-delay:2.1s}.success-asset.envelope-success{width:40px;bottom:-20px;right:-35px;animation-delay:2.4s}@keyframes successCelebration{0%{opacity:0;transform:scale(0.5) translateY(20px)}60%{opacity:1;transform:scale(1.1) translateY(-5px)}100%{opacity:.8;transform:scale(1) translateY(0)}}.big-sprout{display:inline-block;position:relative;animation:bigSproutGrow 1s ease-out}@keyframes bigSproutGrow{0%{transform:scale(0) translateY(50px)}100%{transform:scale(1) translateY(0)}}.big-stem{width:8px;height:80px;background:var(--garden-leaf);margin:0 auto;border-radius:4px;position:relative}.big-leaves{position:absolute;top:20px;left:50%;transform:translateX(-50%)}.big-leaf{width:30px;height:20px;background:var(--garden-leaf);border-radius:0 100% 0 100%;position:absolute}.big-leaf.big-leaf-1{left:-20px;transform:rotate(-45deg)}.big-leaf.big-leaf-2{right:-20px;transform:rotate(45deg)}.success-berries{position:absolute;top:10px;left:50%;transform:translateX(-50%)}.berry{width:12px;height:12px;background:var(--blueberry);border-radius:50%;position:absolute}.berry.berry-1{left:-15px;top:5px}.berry.berry-2{right:-15px;top:10px}.berry.berry-3{left:50%;transform:translateX(-50%);top:-5px}.success-title{font-family:var(--font-serif);font-size:2rem;color:var(--deep-forest);margin-bottom:1rem}.success-text{color:var(--warm-gray);font-size:1.1rem;line-height:1.6}@media(max-width: 768px){.garden-container{padding:1rem;gap:2rem}.main-logo{width:140px;height:140px}.logo-glow{width:180px;height:180px}.magic-tagline{font-size:2rem}.comfort-bubble{padding:1.5rem}.modal-content{margin:1rem;padding:2rem}.cta-environment{width:140px;height:140px}.cta-asset.seeds-decoration{width:24px}.cta-asset.pen-decoration{width:28px}.cta-asset.stars-decoration{width:22px}.modal-asset.envelope-deco{width:28px}.modal-asset.stars-deco{width:24px}.modal-asset.pen-deco{width:26px}.modal-asset.book-deco{width:22px}.modal-asset.thoughts-deco{width:30px}.interactive-asset{min-width:44px;min-height:44px;animation-duration:12s}.interactive-asset:hover{transform:scale(1.15) translateY(-6px)}}@media(max-width: 480px){.main-logo{width:120px;height:120px}.magic-tagline{font-size:1.7rem}.comfort-text{font-size:1rem}.cta-title{font-size:1.5rem}.cta-environment{width:120px;height:120px}.interactive-asset{min-width:48px;min-height:48px}.interactive-asset[data-type=magic]:nth-of-type(2){display:none}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}