.landing{min-height:100vh;overflow-x:hidden}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 32px;justify-content:space-between;transition:all .3s ease;background:rgba(255,255,255,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05)}.nav,.nav__logo{display:flex;align-items:center}.nav__logo{gap:12px;text-decoration:none}.nav__logo-icon{width:40px;height:40px;border-radius:10px}.nav__logo-img{height:36px;width:auto;object-fit:contain}.nav__logo-text{font-size:1.25rem;font-weight:700;color:var(--neutral-800);letter-spacing:-.02em}.nav__actions{display:flex;align-items:center;gap:24px}.nav__link{font-size:.9rem;font-weight:500;color:var(--neutral-600);text-decoration:none;transition:color .2s ease}.nav__link:hover{color:var(--primary-600)}.nav__dropdown{position:relative}.nav__link--dropdown{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;font-family:inherit}.nav__dropdown-icon{transition:transform .2s ease}.nav__dropdown-icon--open{transform:rotate(180deg)}.nav__dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:8px;background:white;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12);border:1px solid var(--neutral-200);padding:8px;min-width:200px;animation:dropdownFadeIn .2s ease;z-index:1001}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.nav__dropdown-item{display:block;padding:12px 16px;font-size:.9rem;font-weight:500;color:var(--neutral-700);text-decoration:none;border-radius:8px;transition:all .2s ease}.nav__dropdown-item:hover{background:var(--primary-100);color:var(--primary-600)}.nav__burger{display:none;background:none;border:none;padding:8px;cursor:pointer;color:var(--neutral-700);border-radius:8px;transition:background .2s ease}.nav__burger:hover{background:var(--neutral-200)}@media (max-width:768px){.nav{padding:12px 16px}.nav__logo{gap:8px}.nav__logo-icon{width:32px;height:32px}.nav__logo-img{height:24px}.nav__actions--desktop{display:none}.nav__burger{display:flex;align-items:center;justify-content:center}}.mobile-menu{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.5);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu__content{position:absolute;top:0;right:0;width:280px;max-width:80vw;height:100%;background:var(--neutral-100);padding:80px 24px 32px;display:flex;flex-direction:column;gap:8px;animation:slideIn .3s ease;box-shadow:-8px 0 32px rgba(0,0,0,.15)}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-menu__link{display:block;padding:16px 20px;font-size:1.1rem;font-weight:600;color:var(--neutral-700);text-decoration:none;border-radius:12px;transition:all .2s ease}.mobile-menu__link:hover{background:var(--primary-100);color:var(--primary-600)}.mobile-menu__link--expandable{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left}.mobile-menu__chevron{transition:transform .2s ease}.mobile-menu__chevron--open{transform:rotate(180deg)}.mobile-menu__submenu{padding-left:16px;margin-top:4px}.mobile-menu__sublink{display:block;padding:12px 20px;font-size:1rem;font-weight:500;color:var(--neutral-600);text-decoration:none;border-radius:8px;transition:all .2s ease}.mobile-menu__sublink:hover{background:var(--primary-100);color:var(--primary-600)}.mobile-menu__language{margin-top:auto;padding-top:24px;border-top:1px solid var(--neutral-300)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:120px 24px 80px;background:linear-gradient(180deg,#f8fdf8 0,var(--primary-100) 30%,var(--neutral-100) 100%);overflow:hidden}@media (max-width:768px){.hero{min-height:auto;padding:80px 8px 40px}}.hero__background{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero__blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:blob 12s ease-in-out infinite}.hero__blob--1{width:500px;height:500px;background:linear-gradient(135deg,var(--primary-200),var(--primary-300));top:-150px;right:-100px}.hero__blob--2{width:400px;height:400px;background:linear-gradient(135deg,var(--accent-100),var(--accent-200));bottom:50px;left:-100px;animation-delay:-4s}.hero__blob--3{width:300px;height:300px;background:linear-gradient(135deg,var(--secondary-100),var(--secondary-200));top:35%;right:15%;animation-delay:-8s}.hero__container{position:relative;z-index:10;max-width:1280px;width:100%;padding:0 40px;display:flex;flex-direction:column;align-items:center;gap:40px}@media (max-width:768px){.hero__container{gap:0;padding:0 8px;text-align:center}}@media (min-width:1024px){.hero__container{flex-direction:row;align-items:center;text-align:left;gap:140px;justify-content:center;max-width:1400px}}.hero__left{flex:1 1;max-width:600px}@media (min-width:1024px){.hero__left{flex:0 0 500px}}@media (max-width:1023px){.hero__left{text-align:center;display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%}}@media (max-width:768px){.hero__right{height:380px;margin-top:20px}}@media (min-width:768px){.hero__right{height:500px;margin-top:20px}}@media (min-width:1024px){.hero__right{height:600px;margin-top:0;display:flex;justify-content:flex-start;flex:0 0 500px}}.hero__visual{position:relative;width:100%;height:100%;max-width:500px}.hero__phone{position:absolute;width:240px;border-radius:40px;box-shadow:0 30px 60px rgba(0,0,0,.2);transition:all .5s ease-out;line-height:0;overflow:hidden;background:#000;opacity:1}@media (max-width:768px){.hero__phone{width:170px;border-radius:30px}}.hero__phone--1{z-index:2;top:50%;left:10%;transform:translate(-10%,-50%) rotate(-3deg)}@media (min-width:1024px){.hero__phone--1{top:50%;left:20%}}.hero__phone--2{z-index:1;top:45%;left:90%;transform:translate(-90%,-45%) rotate(5deg);opacity:1}@media (min-width:1024px){.hero__phone--2{top:45%;left:80%}}.hero__phone img{width:100%;height:auto}@keyframes floating{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(3deg)}}.hero__mascot{width:100%}.hero__title{font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.1;margin-bottom:20px;color:var(--neutral-800);letter-spacing:-.03em}.hero__content{position:relative;z-index:10;max-width:800px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}.hero__mascot-wrapper{margin-bottom:32px}.hero__mascot{max-width:100%;height:auto}@media (max-width:768px){.hero__mascot{width:130px}}.hero__title-accent{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:clamp(.95rem,2vw,1.1rem);color:var(--neutral-600);margin-bottom:40px;max-width:520px;line-height:1.7}@media (max-width:1023px){.hero__subtitle{margin-left:auto;margin-right:auto}}.hero__form{display:flex;flex-direction:column;gap:12px;max-width:480px;margin:0 auto}@media (min-width:640px){.hero__form{flex-direction:row;background:var(--neutral-100);padding:6px;border-radius:60px;box-shadow:0 4px 24px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04)}}.hero__input{flex:1 1;padding:18px 24px;font-size:16px;border:2px solid var(--neutral-300);border-radius:50px;background:var(--neutral-100);color:var(--neutral-800);outline:none;transition:all .2s ease}@media (min-width:640px){.hero__input{border:none;padding:16px 24px}}.hero__input:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px rgba(76,175,80,.12)}@media (min-width:640px){.hero__input:focus{box-shadow:none}}.hero__input::placeholder{color:var(--neutral-400)}.hero__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:18px 32px;font-size:16px;font-weight:600;color:var(--neutral-100);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 16px rgba(76,175,80,.3)}.hero__button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(76,175,80,.4)}.hero__button:active{transform:translateY(0)}.hero__button:disabled{opacity:.6;cursor:not-allowed;transform:none}.hero__button-icon{transition:transform .2s ease}.hero__button:hover .hero__button-icon{transform:translateX(4px)}.hero__message{margin-top:20px;padding:14px 24px;border-radius:16px;font-size:15px;font-weight:500}.hero__message--success{background:var(--success-100);color:var(--primary-600)}.hero__message--error{background:var(--danger-100);color:var(--danger-500)}.showcase{padding:60px 24px 120px;background:#fffdf9}.showcase__container{max-width:1200px;margin:0 auto}.showcase__header{text-align:center;margin-bottom:40px}.showcase__layout{display:flex;flex-direction:column;align-items:center;gap:60px}@media (min-width:1024px){.showcase__layout{flex-direction:row;align-items:flex-start}}.showcase__phone-container{flex:1 1;display:flex;justify-content:center;position:-webkit-sticky;position:sticky;top:100px}.phone-frame{width:280px;position:relative;transition:transform .3s ease}.phone-frame:hover{transform:translateY(-5px)}.phone-frame__screen{width:100%;line-height:0;display:flex;justify-content:center;position:relative;z-index:2}.showcase__mascot{position:absolute;z-index:1;width:180px;height:180px;pointer-events:none}.showcase__mascot img{width:100%;height:100%;object-fit:contain}.showcase__mascot--top-right{top:-40px;right:-60px}.showcase__mascot--top-left{top:-40px;left:-60px}.showcase__mascot--bottom-right{bottom:-40px;right:-60px}.showcase__mascot--bottom-left{bottom:-40px;left:-60px}.showcase__mascot--center-top{top:-80px;left:50%;transform:translateX(-50%)}@media (max-width:768px){.showcase__mascot,.showcase__mascot img{width:120px!important;height:120px!important}.showcase__mascot--top-right{right:-25px}.showcase__mascot--top-left{left:-25px}.showcase__mascot--bottom-right{bottom:-50px;right:-25px}.showcase__mascot--bottom-left{bottom:-50px;left:-25px}}.phone-frame__screenshot{width:100%;height:auto;transition:opacity .3s ease-in-out}.showcase__cards{flex:1.2 1;display:flex;flex-direction:column;gap:20px;width:100%}.showcase-card{background:#fff;padding:24px;border-radius:20px;border:1px solid var(--neutral-300);cursor:pointer;transition:all .3s ease;text-align:left}.showcase-card:hover{border-color:var(--primary-400);background:#fcfdfc}.showcase-card--active{background:var(--primary-100);border-color:var(--primary-500);box-shadow:0 10px 25px rgba(76,175,80,.15);transform:scale(1.02)}.showcase-card--active .showcase-card__title{color:var(--primary-600)}.showcase-card__title{font-size:1.25rem;font-weight:700;color:var(--neutral-800);margin-bottom:8px}.showcase-card__description{font-size:1rem;color:var(--neutral-600);line-height:1.5}@media (max-width:768px){.phone-frame{width:240px}.showcase-card{padding:16px}.showcase-card__title{font-size:.95rem}.showcase-card__description{font-size:.75rem}.showcase .features__title{font-size:1.3rem}.showcase .features__subtitle{font-size:.8rem}}.features{padding:120px 24px;background:var(--neutral-100)}.features__container{max-width:1200px;margin:0 auto}.features__header{text-align:center;margin-bottom:72px}.features__label{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,var(--primary-100),var(--primary-200));color:var(--primary-600);border-radius:50px;font-size:13px;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.features__title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;color:var(--neutral-800);margin-bottom:12px;letter-spacing:-.02em}.features__subtitle{font-size:1rem;color:var(--neutral-600);max-width:520px;margin:0 auto;line-height:1.6}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));grid-gap:24px;gap:24px}.feature-card{position:relative;padding:36px;background:var(--neutral-100);border-radius:28px;border:1px solid var(--neutral-300);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-100) 0,transparent 60%);opacity:0;transition:opacity .4s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.08),0 0 0 1px var(--primary-300);border-color:transparent}.feature-card:hover:before{opacity:1}.feature-card__icon-wrapper{position:relative;width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:transform .3s ease}.feature-card:hover .feature-card__icon-wrapper{transform:scale(1.05)}.feature-card__icon-wrapper--green{background:linear-gradient(135deg,#E8F5E9,#C8E6C9);color:#388E3C}.feature-card__icon-wrapper--yellow{background:linear-gradient(135deg,#FFF8E1,#FFECB3);color:#F59E0B}.feature-card__icon-wrapper--purple{background:linear-gradient(135deg,#F3E8FF,#E9D5FF);color:#7C3AED}.feature-card__icon-wrapper--pink{background:linear-gradient(135deg,#FCE7F3,#FBCFE8);color:#DB2777}.feature-card__icon-wrapper--blue{background:linear-gradient(135deg,#E8EAF6,#C5CAE9);color:#5C6BC0}.feature-card__icon-wrapper--orange{background:linear-gradient(135deg,#FFF7ED,#FED7AA);color:#EA580C}.feature-card__title{position:relative;font-size:1.1rem;font-weight:700;color:var(--neutral-800);margin-bottom:10px;letter-spacing:-.01em}.feature-card__description{position:relative;font-size:.9rem;color:var(--neutral-600);line-height:1.6}.feature-card__mascot{position:absolute;bottom:-15px;right:-15px;width:120px;height:120px;object-fit:contain;opacity:.1;transition:all .4s ease;pointer-events:none}.feature-card:hover .feature-card__mascot{opacity:.2;transform:scale(1.1) rotate(5deg)}@media (max-width:768px){.feature-card__mascot{width:80px;bottom:-10px;right:-10px}}.philosophy{padding:120px 24px;background:linear-gradient(180deg,var(--neutral-100) 0,var(--primary-100) 50%,var(--neutral-100) 100%)}.philosophy__container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:48px}@media (min-width:768px){.philosophy__container{flex-direction:row;text-align:left}}.philosophy__image-wrapper{flex-shrink:0}.philosophy__mascot{width:240px;height:240px;object-fit:contain;animation:float-slow 5s ease-in-out infinite;filter:drop-shadow(0 20px 40px rgba(76,175,80,.15))}.philosophy__content{flex:1 1}.philosophy__title{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:var(--neutral-800);margin-bottom:20px;line-height:1.2;letter-spacing:-.02em}.philosophy__quote{font-size:1.1rem;color:var(--primary-600);font-weight:600;font-style:italic;margin-bottom:20px;padding-left:20px;border-left:4px solid var(--primary-400);line-height:1.5}.philosophy__text{font-size:1rem;color:var(--neutral-600);line-height:1.7}.cta{padding:120px 24px;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);position:relative;overflow:hidden}.cta__background{position:absolute;inset:0;overflow:hidden;pointer-events:none}.cta__circle{position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.cta__circle--1{width:400px;height:400px;top:-150px;right:-100px}.cta__circle--2{width:300px;height:300px;bottom:-100px;left:5%}.cta__container{position:relative;z-index:10;max-width:640px;margin:0 auto;text-align:center}.cta__mascot{width:180px;height:180px;object-fit:contain;margin-bottom:40px;animation:float 4s ease-in-out infinite;filter:drop-shadow(0 20px 40px rgba(0,0,0,.2))}.cta__title{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:800;color:var(--neutral-100);margin-bottom:12px;letter-spacing:-.02em}.cta__subtitle{font-size:1rem;color:rgba(255,255,255,.9);margin-bottom:40px;line-height:1.6}.cta__form{display:flex;flex-direction:column;gap:12px;max-width:440px;margin:0 auto}@media (min-width:640px){.cta__form{flex-direction:row;background:rgba(255,255,255,.15);padding:6px;border-radius:60px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.cta__input{flex:1 1;padding:18px 24px;font-size:16px;border:none;border-radius:50px;background:var(--neutral-100);color:var(--neutral-800);outline:none}@media (min-width:640px){.cta__input{padding:16px 24px}}.cta__input:focus{box-shadow:0 0 0 4px rgba(255,255,255,.2)}.cta__button{padding:18px 36px;font-size:16px;font-weight:600;color:var(--primary-600);background:var(--neutral-100);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,.1)}.cta__button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.footer{padding:48px 24px;background:var(--neutral-200);border-top:1px solid var(--neutral-300)}.footer__container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.footer__brand{display:flex;align-items:center;gap:10px}.footer__brand img{border-radius:8px}.footer__brand-text{font-size:1rem;font-weight:600;color:var(--neutral-700)}.footer__links{display:flex;align-items:center;gap:12px}.footer__link{font-size:.875rem;color:var(--neutral-600);text-decoration:none;transition:color .2s ease}.footer__link:hover{color:var(--primary-600)}.footer__separator{color:var(--neutral-400);font-size:.75rem}.footer__copyright{font-size:.875rem;color:var(--neutral-500)}.store-buttons{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}@media (min-width:1024px){.hero__left .store-buttons{justify-content:flex-start}}.store-button{display:inline-flex;align-items:center;background-color:#000;color:#fff!important;padding:10px 12px;border-radius:8px;text-decoration:none;transition:all .2s ease;min-width:140px}.store-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.store-button__icon{margin-right:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.store-button__content{display:flex;flex-direction:column;text-align:left}.store-button__label{font-size:11px;opacity:.8;line-height:1.2}.store-button__name{font-size:15px;font-weight:600;line-height:1.2}@keyframes blob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:rotate(0deg) scale(1)}25%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}50%{border-radius:50% 60% 30% 60%/30% 60% 70% 40%;transform:rotate(180deg) scale(1.05)}75%{border-radius:60% 40% 70% 30%/60% 30% 40% 70%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-16px) rotate(2deg)}}