.landing-page{--warm-cream:#fefcf9;--soft-ivory:#faf8f5;--light-sand:#f5f3f0;--green:#059669;--green-hover:#047857;--green-pale:#ecfdf5;--text-dark:#1f2937;--text-body:#374151;--text-medium:#6b7280;--text-light:#9ca3af;--coral:#f87171;--amber:#f59e0b;--sky:#38bdf8;--violet:#a78bfa;--rose:#fda4af;--teal:#2dd4bf;--shadow-sm:0 2px 6px #7864500f;--shadow-md:0 4px 12px #78645014;--shadow-lg:0 8px 24px #7864501a;--shadow-xl:0 16px 32px #7864501f;--font-headline:var(--font-nunito), system-ui, sans-serif;--font-body:var(--font-inter), system-ui, sans-serif;--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.16, 1, .3, 1)}.landing-page *,.landing-page :before,.landing-page :after{box-sizing:border-box;margin:0;padding:0}.landing-page{scroll-behavior:smooth;font-family:var(--font-body);color:var(--text-body);background:var(--warm-cream);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}.landing-page .container{max-width:1100px;margin:0 auto;padding:0 24px}.landing-page h1,.landing-page h2,.landing-page h3{font-family:var(--font-headline);font-weight:700;line-height:1.1}.landing-page .section{content-visibility:auto;contain-intrinsic-size:720px;scroll-margin-top:92px}.landing-page .nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fefdfbf2;border-bottom:1px solid #0000000a;padding:16px 24px;position:fixed;top:0;left:0;right:0}.landing-page .nav__inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;display:flex}.landing-page .nav__logo{color:var(--text-dark);align-items:center;gap:10px;text-decoration:none;display:flex}.landing-page .nav__logo svg{width:32px;height:32px}.landing-page .nav__logo span{font-family:var(--font-headline);font-size:20px;font-weight:700}.landing-page .btn{font-family:var(--font-body);cursor:pointer;border:none;border-radius:8px;align-items:center;padding:12px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.landing-page .btn--primary{background:var(--green);color:#fff;box-shadow:0 2px 8px #05966933}.landing-page .btn--primary:hover{background:var(--green-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0596694d}.landing-page .btn--secondary{color:var(--text-dark);background:#fff;border:1.5px solid #e5e7eb}.landing-page .btn--secondary:hover{border-color:var(--green);color:var(--green)}.landing-page .btn--ghost{border:1.5px solid var(--green);color:var(--green);background:0 0}.landing-page .btn--ghost:hover{background:var(--green);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0596694d}.landing-page .nav-actions{align-items:center;gap:12px;display:flex}@media (prefers-reduced-motion:reduce){.landing-page{scroll-behavior:auto}.landing-page *,.landing-page :before,.landing-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.landing-page .floating-avatar{display:none}.landing-page .greeting-badge,.landing-page .hero__headline,.landing-page .hero__subheadline,.landing-page .hero__cta{opacity:1;animation:none}.landing-page .section,.landing-page .reveal-item{opacity:1;transform:none}}@media (max-width:768px){.landing-page .nav-cta--desktop{display:none}}.landing-page .greeting-badge{border:2px solid var(--green);text-align:center;opacity:1;z-index:10;background:#fff;border-radius:16px;padding:16px 28px;position:absolute;top:100px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #05966926,0 4px 12px #00000014}.landing-page .greeting-badge:before{content:"";background:var(--green);border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite badgePulse;position:absolute;top:-6px;left:50%;transform:translate(-50%)}@keyframes badgePulse{0%,to{opacity:1;transform:translate(-50%)scale(1)}50%{opacity:.7;transform:translate(-50%)scale(1.2)}}.landing-page .greeting-badge__line1{font-family:var(--font-headline);color:var(--text-dark);margin-bottom:4px;font-size:18px;font-weight:700}.landing-page .greeting-badge__line2{color:var(--text-medium);font-size:14px}@keyframes badgeFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.landing-page .hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:visible}.landing-page .hero .container,.landing-page .section .container{z-index:2;position:relative}.landing-page .hero__headline{opacity:1;margin-bottom:16px;font-size:clamp(48px,10vw,72px)}.landing-page .hero__subheadline{color:var(--text-medium);text-align:center;opacity:1;max-width:600px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:clamp(18px,3vw,22px)}.landing-page .hero__cta{opacity:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing-page .floating-avatar{z-index:50;pointer-events:auto;cursor:pointer;will-change:transform, left, top;border-radius:50%;width:64px;height:64px;transition:box-shadow .2s;position:fixed;box-shadow:0 4px 20px #0000001f}.landing-page .floating-avatar:hover{box-shadow:0 8px 30px #0003}.landing-page .floating-avatar:after{content:attr(data-name);color:var(--text-dark);white-space:nowrap;opacity:0;pointer-events:none;background:#fff;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .2s;position:absolute;bottom:-32px;left:50%;transform:translate(-50%)scale(.8);box-shadow:0 2px 8px #0000001a}.landing-page .floating-avatar:hover:after{opacity:1;transform:translate(-50%)scale(1)}.landing-page .floating-avatar.docked{z-index:60;pointer-events:none}.landing-page .floating-avatar.docked:after{display:none}.landing-page .floating-avatar[data-i="0"]{top:18vh;left:15vw}.landing-page .floating-avatar[data-i="1"]{top:20vh;left:auto;right:15vw}.landing-page .floating-avatar[data-i="2"]{top:55vh;left:10vw}.landing-page .floating-avatar[data-i="3"]{top:60vh;left:auto;right:12vw}.landing-page .avatar-g1{background:linear-gradient(135deg, var(--green) 0%, var(--teal) 100%)}.landing-page .avatar-g2{background:linear-gradient(135deg, var(--violet) 0%, var(--rose) 100%)}.landing-page .avatar-g3{background:linear-gradient(135deg, var(--sky) 0%, #e0f2fe 100%)}.landing-page .avatar-g4{background:linear-gradient(135deg, var(--amber) 0%, var(--coral) 100%)}.landing-page .section{opacity:0;min-height:100vh;transition:opacity .6s var(--ease-smooth), transform .6s var(--ease-smooth);flex-direction:column;justify-content:center;padding:100px 24px;display:flex;transform:translateY(24px)}.landing-page .section.visible{opacity:1;transform:translateY(0)}.landing-page .reveal-item{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(16px)}.landing-page .section.visible .reveal-item{opacity:1;transform:translateY(0)}.landing-page .section.visible .reveal-item:first-child{transition-delay:0s}.landing-page .section.visible .reveal-item:nth-child(2){transition-delay:.1s}.landing-page .section.visible .reveal-item:nth-child(3){transition-delay:.2s}.landing-page .section.visible .reveal-item:nth-child(4){transition-delay:.3s}@media (prefers-reduced-motion:reduce){.landing-page .section,.landing-page .floating-avatar,.landing-page .team-card,.landing-page .reveal-item{transition-duration:.01ms!important;animation-duration:.01ms!important}.landing-page .team-card__avatar{opacity:1}.landing-page .team-card__avatar-slot{background:0 0;border-color:#0000}}.landing-page.landing-motion-disabled .floating-avatar{display:none}.landing-page.landing-motion-disabled .section,.landing-page.landing-motion-disabled .reveal-item{opacity:1;transform:none}.landing-page.landing-motion-disabled .greeting-badge,.landing-page.landing-motion-disabled .hero__headline,.landing-page.landing-motion-disabled .hero__subheadline,.landing-page.landing-motion-disabled .hero__cta{opacity:1;animation:none}.landing-page.landing-motion-disabled .team-card__avatar{opacity:1}.landing-page.landing-motion-disabled .team-card__avatar-slot{background:0 0;border-color:#0000}.landing-page .section__title{text-align:center;margin-bottom:48px;font-size:clamp(24px,4vw,36px)}.landing-page .solution-demo{background:var(--light-sand)}.landing-page .demo-card{max-width:500px;box-shadow:var(--shadow-lg);background:#fff;border-radius:16px;margin:0 auto;overflow:hidden}.landing-page .demo-card__question{background:var(--soft-ivory);text-align:center;border-bottom:1px solid #e5e7eb;padding:24px}.landing-page .demo-card__q{font-family:var(--font-headline);color:var(--text-dark);margin-bottom:16px;font-size:20px;font-weight:600}.landing-page .demo-card__click{background:var(--green);color:#fff;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .2s;display:inline-flex}.landing-page .demo-card__click:hover{background:var(--green-hover);transform:scale(1.02)}.landing-page .demo-card__answer{max-height:0;transition:all .4s var(--ease-smooth);padding:0;overflow:hidden}.landing-page .demo-card.revealed .demo-card__answer{max-height:200px;padding:24px}.landing-page .demo-answer__row{align-items:center;gap:16px;display:flex}.landing-page .demo-answer__avatar{border-radius:50%;flex-shrink:0;width:48px;height:48px}.landing-page .demo-answer__info{flex:1}.landing-page .demo-answer__name{font-size:16px;font-weight:600}.landing-page .demo-answer__detail{color:var(--text-medium);font-size:14px}.landing-page .demo-answer__badge{background:var(--green-pale);color:var(--green);border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.landing-page .demo-result{text-align:center;background:var(--green-pale);opacity:0;border-radius:12px;margin-top:32px;padding:20px;transition:opacity .4s .3s}.landing-page .solution-demo.visible .demo-result{opacity:1}.landing-page .demo-result__text{color:var(--green);font-size:18px;font-weight:600}.landing-page .profile-section{background:var(--warm-cream)}.landing-page .profile-card{border:2px solid var(--green);background:#fff;border-radius:16px;max-width:400px;margin:0 auto;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 12px 40px #0596691a}.landing-page .profile-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #05966926}.landing-page .profile-card__header{background:var(--green-pale);text-align:center;padding:24px}.landing-page .profile-card__avatar{border:3px solid #fff;border-radius:50%;width:72px;height:72px;margin:0 auto 12px}.landing-page .profile-card__name{font-family:var(--font-headline);font-size:20px;font-weight:600}.landing-page .profile-card__role{color:var(--text-medium);margin-bottom:8px;font-size:14px}.landing-page .profile-card__status{color:var(--green);background:#0596691a;border-radius:12px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.landing-page .profile-card__status:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px;animation:3s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.landing-page .profile-card__body{padding:20px 24px}.landing-page .profile-card__row{border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:10px 0;font-size:14px;display:flex}.landing-page .profile-card__row:last-child{border-bottom:none}.landing-page .profile-card__label{color:var(--text-light)}.landing-page .profile-card__value{font-weight:500}.landing-page .team-reveal{background:linear-gradient(180deg, var(--light-sand) 0%, var(--soft-ivory) 50%, var(--light-sand) 100%);position:relative}.landing-page .team__grid{grid-template-columns:repeat(4,1fr);gap:24px;max-width:900px;margin:0 auto;display:grid}@media (max-width:800px){.landing-page .team__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.landing-page .team__grid{grid-template-columns:1fr;max-width:280px}}.landing-page .team-card{text-align:center;box-shadow:var(--shadow-sm);transition:all .4s var(--ease-bounce);cursor:pointer;background:#fff;border-radius:16px;padding:24px;position:relative;overflow:visible}.landing-page .team-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.landing-page .team-card__avatar-slot{background:#f3f4f6;border:2px dashed #d1d5db;border-radius:50%;width:56px;height:56px;margin:0 auto 16px;transition:all .3s;position:relative}.landing-page .team-card__avatar-slot.filled{background:var(--slot-gradient,#e5e7eb);border:none}.landing-page .team-card__avatar{opacity:0;border-radius:50%;position:absolute;inset:0}.landing-page .team-card.docked .team-card__avatar{opacity:0}.landing-page .team-card__info{position:relative}.landing-page .team-card__name{font-family:var(--font-headline);margin-bottom:4px;font-size:16px;font-weight:600}.landing-page .team-card__role{color:var(--text-medium);margin-bottom:8px;font-size:13px}.landing-page .team-card__status{border-radius:10px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.landing-page .team-card__status:before{content:"";border-radius:50%;width:6px;height:6px}.landing-page .team-card__status--active{color:var(--green);background:#0596691a}.landing-page .team-card__status--active:before{background:var(--green);animation:3s ease-in-out infinite statusPulse}.landing-page .team-card__status--pto{color:var(--coral);background:#f871711a}.landing-page .team-card__status--pto:before{background:var(--coral)}.landing-page .team-card__status--meeting{color:#b45309;background:#fbbf241a}.landing-page .team-card__status--meeting:before{background:var(--amber);animation:2s ease-in-out infinite statusBlink}.landing-page .team-card__status--back{color:#7c3aed;background:#8b5cf61a}.landing-page .team-card__status--back:before{background:#8b5cf6;animation:3s ease-in-out infinite statusPulse}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.3}}.landing-page .team-card__extra{opacity:0;max-height:0;margin-top:0;transition:all .3s;overflow:hidden}.landing-page .team-card:hover .team-card__extra{opacity:1;max-height:80px;margin-top:12px}.landing-page .team-card__detail{justify-content:space-between;padding:4px 0;font-size:12px;display:flex}.landing-page .team-card__detail-label{color:var(--text-light)}.landing-page .team-card__detail-value{color:var(--text-dark);font-weight:500}.landing-page .features-section{background:linear-gradient(180deg, var(--warm-cream) 0%, var(--soft-ivory) 50%, var(--warm-cream) 100%)}.landing-page .features__grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:900px;margin:0 auto;display:grid}@media (max-width:800px){.landing-page .features__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.landing-page .features__grid{grid-template-columns:1fr}}.landing-page .feature-card{text-align:center;box-shadow:var(--shadow-sm);transition:all .4s var(--ease-bounce);cursor:default;background:#fff;border:1px solid #0000;border-radius:16px;padding:32px 24px}.landing-page .feature-card:hover{box-shadow:var(--shadow-xl);border-color:var(--green);transform:translateY(-8px)}.landing-page .feature-card__visual{transition:transform .4s var(--ease-bounce);margin-bottom:16px;font-size:40px;display:block}.landing-page .feature-card:hover .feature-card__visual{transform:scale(1.2)}.landing-page .feature-card__title{font-family:var(--font-headline);margin-bottom:6px;font-size:17px;font-weight:600;transition:color .2s}.landing-page .feature-card:hover .feature-card__title{color:var(--green)}.landing-page .feature-card__desc{color:var(--text-medium);font-size:13px}.landing-page .pricing-section{background:linear-gradient(180deg, var(--light-sand) 0%, #f0ede8 50%, var(--light-sand) 100%)}.landing-page .pricing__grid{grid-template-columns:repeat(3,1fr);align-items:center;gap:24px;max-width:900px;margin:0 auto;display:grid}@media (max-width:700px){.landing-page .pricing__grid{grid-template-columns:1fr;max-width:320px}}.landing-page .pricing-card{text-align:center;box-shadow:var(--shadow-sm);transition:all .4s var(--ease-bounce);background:#fff;border:2px solid #0000;border-radius:16px;padding:32px 24px;position:relative}.landing-page .pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.landing-page .pricing-card--featured{border-color:var(--green);transform:scale(1.02);box-shadow:0 8px 32px #05966926}.landing-page .pricing-card--featured:hover{transform:scale(1.02)translateY(-6px);box-shadow:0 16px 40px #05966933}.landing-page .pricing-card__badge{background:var(--green);color:#fff;border-radius:12px;padding:4px 14px;font-size:11px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.landing-page .pricing-card__name{font-family:var(--font-headline);margin-bottom:8px;font-size:18px;font-weight:600}.landing-page .pricing-card__amount{font-family:var(--font-headline);color:var(--text-dark);font-size:40px;font-weight:700;transition:all .2s}.landing-page .pricing-card:hover .pricing-card__amount{color:var(--green);transform:scale(1.05)}.landing-page .pricing-card__period{color:var(--text-medium);margin-bottom:20px;font-size:13px;display:block}.landing-page .pricing-card__features{text-align:left}.landing-page .pricing-card__feature{color:var(--text-body);border-bottom:1px solid #f3f4f6;padding:8px 0;font-size:14px}.landing-page .pricing-card__feature:last-child{border-bottom:none}.landing-page .circle-section{background:var(--warm-cream);text-align:center}.landing-page .circle-section__title{margin-bottom:40px;font-size:clamp(28px,5vw,40px)}.landing-page .the-circle{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:40px;display:flex}.landing-page .circle-avatar{border-radius:50%;width:48px;height:48px;box-shadow:0 2px 8px #0000001a}.landing-page .empty-spot{border:2px dashed var(--green);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;animation:2.5s ease-in-out infinite invitePulse;display:flex;position:relative}@keyframes invitePulse{0%,to{border-color:var(--green);transform:scale(1)}50%{border-color:#10b981;transform:scale(1.08)}}.landing-page .empty-spot__label{color:var(--text-light);font-size:12px;font-style:italic;animation:3s ease-in-out infinite labelFade}@keyframes labelFade{0%,to{opacity:.5}50%{opacity:1}}.landing-page .empty-spot .user-avatar{opacity:0;transition:all .5s var(--ease-bounce);border-radius:50%;position:absolute;inset:4px;transform:scale(0)}.landing-page .empty-spot.filled .user-avatar{opacity:1;transform:scale(1)}.landing-page .empty-spot.filled{border-color:#0000;animation:none}.landing-page .empty-spot.filled .empty-spot__label{display:none}.landing-page .the-circle.complete{animation:.6s ease-out circleComplete}@keyframes circleComplete{50%{filter:drop-shadow(0 0 24px #05966966)}}.landing-page .circle-form{max-width:420px;margin:0 auto}.landing-page .circle-form__row{gap:12px;margin-bottom:12px;display:flex}@media (max-width:480px){.landing-page .circle-form__row{flex-direction:column}}.landing-page .circle-form__input{border:2px solid #e5e7eb;border-radius:10px;flex:1;padding:14px 18px;font-size:16px;transition:all .2s}.landing-page .circle-form__input:focus{border-color:var(--green);outline:none}.landing-page .circle-form__note{text-align:center;color:var(--text-light);font-size:13px}.landing-page .success-message{text-align:center;background:#fff;border-radius:16px;max-width:420px;margin:0 auto;padding:40px;display:none;box-shadow:0 12px 40px #0596691f}.landing-page .success-message.visible{animation:fadeUp .5s var(--ease-bounce);display:block}.landing-page .success-message h3{font-family:var(--font-headline);color:var(--green);margin-bottom:8px;font-size:28px}.landing-page .success-message p{color:var(--text-medium)}.landing-page .footer{background:var(--light-sand);border-top:1px solid #e5e7eb;padding:40px 0}.landing-page .footer__inner{justify-content:space-between;align-items:center;display:flex}.landing-page .footer__brand{align-items:center;gap:8px;display:flex}.landing-page .footer__brand svg{width:24px;height:24px}.landing-page .footer__brand span{font-family:var(--font-headline);font-weight:600}.landing-page .footer__tagline{color:var(--text-medium);margin-left:8px;font-size:14px}.landing-page .footer__link{color:var(--text-medium);font-size:14px;text-decoration:none}.landing-page .footer__link:hover{color:var(--green)}@media (max-width:768px){.landing-page .container{padding:0 20px}.landing-page .hero{min-height:86vh;padding:128px 20px 64px}.landing-page .greeting-badge{width:min(100vw - 40px,360px);padding:14px 18px;top:84px}.landing-page .section{opacity:1;min-height:auto;padding:72px 20px;transform:none}.landing-page .section__title{margin-bottom:28px}.landing-page .reveal-item{opacity:1;transform:none}.landing-page .greeting-badge,.landing-page .hero__headline,.landing-page .hero__subheadline,.landing-page .hero__cta{opacity:1;animation:none}.landing-page .floating-avatar{opacity:.28;pointer-events:none;z-index:1;width:44px;height:44px;display:block}.landing-page .floating-avatar:after{display:none}.landing-page .floating-avatar[data-i="0"]{top:12vh;left:8vw}.landing-page .floating-avatar[data-i="1"]{top:13vh;left:auto;right:8vw}.landing-page .floating-avatar[data-i="2"]{top:80vh;left:8vw}.landing-page .floating-avatar[data-i="3"]{top:86vh;left:auto;right:8vw}.landing-page .team-card__avatar{opacity:1}.landing-page .team-card__avatar-slot{background:0 0;border-color:#0000}.landing-page .team-reveal,.landing-page .features-section,.landing-page .pricing-section,.landing-page .circle-section{justify-content:flex-start}.landing-page .team__grid,.landing-page .features__grid,.landing-page .pricing__grid{gap:16px}.landing-page .footer__inner{flex-direction:column;align-items:flex-start;gap:20px}}