:root{--primary-color:#000;--secondary-color:#f0f4f8;--text-primary:#1e293b;--text-secondary:#475569;--bg-light:#f8fafc;--bg-white:#fff;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--border-radius:.5rem;--sidebar-width:50px}*{box-sizing:border-box}body{background-color:var(--bg-light);color:var(--text-primary);font-family:Inter,Noto Sans,sans-serif;line-height:1.5;margin:0}.container{margin-left:auto;margin-right:auto;max-width:1280px;padding-left:1.5rem;padding-right:1.5rem}.section{padding-bottom:5rem;padding-top:5rem}.section--color-secondary{background-color:var(--secondary-color)}.section__heading{margin-bottom:3rem;text-align:center}.section__title{color:var(--text-primary);font-size:2.25rem;font-weight:700;letter-spacing:-.025em;margin-bottom:1rem;margin-top:0}.section__subtitle{color:var(--text-secondary);font-size:1.125rem;margin-left:auto;margin-right:auto;max-width:48rem}.button{align-items:center;border-radius:var(--border-radius);display:inline-flex;font-size:.875rem;height:2.5rem;justify-content:center;letter-spacing:.015em;line-height:normal;max-width:480px;min-width:84px;overflow:hidden;padding-left:1rem;padding-right:1rem;transition:all .2s ease-in-out}.button--primary{background-color:var(--primary-color);color:var(--bg-white)}.button--secondary{background-color:transparent;border-color:var(--primary-color);color:var(--primary-color)}.button--secondary:hover{background-color:var(--primary-color);color:var(--bg-white)}.button--large{font-size:1.125rem;height:3.5rem;padding-left:2rem;padding-right:2rem}.button--cta{background-color:var(--bg-white);box-shadow:var(--shadow-lg);color:var(--primary-color)}.button--cta:hover{background-color:#f0f4f8;box-shadow:var(--shadow-2xl);transform:scale(1.05)}.button__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes pulse{0%,to{opacity:.1}50%{opacity:.2}}@keyframes wiggle{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.05)}}.button{border:2px solid transparent;border-radius:6px;cursor:pointer;font-weight:700;padding:.5rem 1.5rem;text-decoration:none;transition:all .3s}.button--primary{background:var(--primary-color);color:#fff}.button--primary:hover{opacity:.9}.button--outline{background:transparent;border-color:var(--primary-color);color:var(--primary-color)}.button--outline:hover{background:var(--primary-color);color:#fff}.button--large{font-size:1.2rem;padding:1rem 2rem}.header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffc;box-shadow:var(--shadow-sm);height:4.5rem;max-height:4.5rem;position:sticky;top:0;z-index:50}.header__content{align-items:center;display:flex;justify-content:space-between;padding:1rem 0}.header__logo-group{align-items:center;display:flex;gap:.75rem}.header__logo-icon{color:var(--primary-color);height:2rem;width:2rem}.header__logo-text{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.header__navigation{display:none}@media(min-width:768px){.header__navigation{align-items:center;display:flex;gap:2rem}}.header__nav-link{color:var(--text-secondary);font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s ease-in-out}.header__nav-link:hover{color:var(--primary-color)}.header__action-group{align-items:center;display:flex;gap:.75rem}.header .button--secondary{display:none}@media(min-width:768px){.header .button--secondary{display:flex}}.hero-section{align-items:center;color:var(--bg-white);display:flex;justify-content:center;min-height:70vh;overflow:hidden;position:relative;text-align:center}@media(min-width:768px){.hero-section{min-height:90vh}}.hero-section__background{background-image:url(https://lh3.googleusercontent.com/aida-public/AB6AXuDkEQ9KCmYgSz5yPUidhd9LwEZo7NELW-_vr_zYEP_SLNahK44fvdH9U2grXrtIjbD-uSkDbfEv81mR2D2WebGwd6KFppEow6NYptR4WKzYy7ljvVW6KNAA48OuINvCPYroq5STEkmW75jQWu_qR-JT5eye-BPFfXKh6_dSDplWjT6f6uFXm5nsPlt_3k08i7agbmhqPQJbGeReL6w_ctHk2CF7XKYmTV8wh6iV4jPp-mdi5CzJeLTZU8Je_-vUEQrmtfK98Pgthp4);background-position:50%;background-size:cover;inset:0;opacity:.1;position:absolute}.hero-section__overlay{animation:pulse 10s cubic-bezier(.4,0,.6,1) infinite;background-image:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);inset:0;position:absolute}.hero-section__content{padding-bottom:2rem;padding-top:2rem;position:relative;z-index:10}.hero-section__title{font-size:2.25rem;font-weight:900;letter-spacing:-.05em;line-height:1.1;margin-bottom:1.5rem;text-shadow:0 4px 6px rgba(0,0,0,.1)}@media(min-width:768px){.hero-section__title{font-size:4.5rem}}.hero-section__subtitle{color:#e2e8f0;font-size:1.125rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:64rem}@media(min-width:768px){.hero-section__subtitle{font-size:1.5rem}}.hero-section__cta-group{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}@media(min-width:640px){.hero-section__cta-group{flex-direction:row}}.hero-section__learn-more{align-items:center;color:var(--bg-white);display:flex;gap:.5rem;text-decoration:none;transition:color .2s ease-in-out}.hero-section__learn-more:hover{color:#e2e8f0}.hero-section__icon{height:1.25rem;width:1.25rem}.testimonials__grid{display:grid;gap:2rem}@media(min-width:768px){.testimonials__grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{background-color:var(--secondary-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1.5rem}.testimonial-card__author-info{align-items:center;display:flex;margin-bottom:1rem}.testimonial-card__avatar{aspect-ratio:1/1;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:9999px;height:3rem;margin-right:1rem;width:3rem}.testimonial-card__name{color:var(--text-primary);font-weight:700;margin:0}.testimonial-card__role{color:var(--text-secondary);font-size:.875rem;margin:0}.testimonial-card__text{color:var(--text-secondary);margin-bottom:0;margin-top:0}.security__grid{display:grid;gap:2.5rem}@media(min-width:768px){.security__grid{gap:2.5rem;grid-template-columns:repeat(3,1fr)}}.security-feature{align-items:center;display:flex;flex-direction:column;text-align:center}.security-feature__icon-wrapper{background-color:#1173d41a;border-radius:9999px;margin-bottom:1.25rem;padding:1.25rem}.security-feature__icon{color:var(--primary-color);height:2.5rem;width:2.5rem}.security-feature__title{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.security-feature__text{color:var(--text-secondary);margin-top:0}.integrations__logo-list{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}@media(min-width:768px){.integrations__logo-list{gap:3rem}}.integrations__logo{filter:grayscale(100%);height:4rem;opacity:.7;transition:transform .3s ease-in-out,filter .3s ease-in-out,opacity .3s ease-in-out}.integrations__logo:hover{filter:grayscale(0);opacity:1;transform:scale(1.1)}.footer{background-color:var(--secondary-color);padding-bottom:3rem;padding-top:3rem}.footer__content{align-items:center;display:flex;flex-direction:column;text-align:center}@media(min-width:768px){.footer__content{flex-direction:row;justify-content:space-between;text-align:left}}.footer__copyright{color:var(--text-secondary);margin-bottom:1.5rem}@media(min-width:768px){.footer__copyright{margin-bottom:0}}.footer__links{display:flex;gap:1.5rem;justify-content:center;margin-bottom:1.5rem}@media(min-width:768px){.footer__links{margin-bottom:0}}.footer__link{color:var(--text-secondary);text-decoration:none;transition:color .2s ease-in-out}.footer__link:hover{color:var(--primary-color)}.footer__social-links{display:flex;gap:1rem;justify-content:center}.footer__social-link{color:var(--text-secondary);transition:color .2s ease-in-out}.footer__social-link:hover{color:var(--primary-color)}.features-summary__grid{display:grid;gap:2rem}@media(min-width:768px){.features-summary__grid{grid-template-columns:repeat(3,1fr)}}.feature-card{align-items:center;background-color:var(--secondary-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:2rem;text-align:center}.feature-card__icon-wrapper{background-color:#1173d41a;border-radius:9999px;margin-bottom:1rem;padding:1rem}.feature-card__icon{height:2rem;width:2rem}.feature-card__title{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.feature-card__text{color:var(--text-secondary);margin-top:0}.features-detail__grid{display:grid;gap:2rem}@media(min-width:768px){.features-detail__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-detail__grid{grid-template-columns:repeat(3,1fr)}}.feature-item{background-color:var(--bg-white);border-radius:1rem;box-shadow:var(--shadow-lg);padding:2rem;transition:box-shadow .3s ease-in-out}.feature-item:hover{box-shadow:var(--shadow-xl)}.feature-item:hover .feature-item__icon-wrapper{transform:scale(1.1)}.feature-item__header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.feature-item__icon-wrapper{background-color:#1173d41a;border-radius:9999px;padding:.75rem;transition:transform .3s ease-in-out}.feature-item__icon{color:var(--primary-color);height:2rem;width:2rem}.feature-item__title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.feature-item__text{color:var(--text-secondary);margin-bottom:1rem}.feature-item--snooze .feature-item__progress-bar{background-color:#e2e8f0;border-radius:9999px;height:.5rem;overflow:hidden}.feature-item--snooze .feature-item__progress-fill{animation:wiggle 2s ease-in-out infinite;background-color:var(--primary-color);height:100%;width:70%}.feature-item__template-preview{align-items:center;background-color:#f1f5f9;border-radius:.375rem;display:flex;justify-content:space-between;padding:.75rem}.feature-item__template-text{color:var(--text-secondary);font-size:.875rem}.feature-item__template-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.875rem;font-weight:500;text-decoration:none}.feature-item__template-button:hover{text-decoration:underline}.feature-item__avatar-group{display:flex;justify-content:center;--tw-space-x-reverse:0;margin-left:calc(-.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.5rem*var(--tw-space-x-reverse))}.feature-item__avatar{border:2px solid var(--bg-white);border-radius:9999px;display:inline-block;height:2.5rem;width:2.5rem}.signin{align-items:center;display:flex;height:calc(100vh - 4.5rem);justify-items:center;margin-bottom:auto;margin-top:auto;width:100%}.signin__auth{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:auto;max-width:400px;padding:30px;width:400px}.signin__auth-title{font-size:20px;font-weight:600}.signin__auth-subtitle{color:#666;margin-bottom:20px}.signin__auth-group{margin-bottom:16px}.signin__auth-label{display:block;font-weight:500;margin-bottom:6px}.signin__auth-input{border:1px solid #ccc}.signin__auth-btn,.signin__auth-input{border-radius:8px;padding:.5rem 1rem;width:100%}.signin__auth-btn{border:none;margin-top:10px}.signin__auth-btn--primary{background:#000;color:#fff}.signin__auth-switch{margin-top:20px;text-align:center}.signin__auth-error{color:red;font-size:13px;margin-top:4px}.signup{align-items:center;display:flex;height:calc(100vh - 4.5rem);justify-items:center;margin-bottom:auto;margin-top:auto;width:100%}.signup__auth{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:auto;padding:30px;width:400px}.signup__auth-title{font-size:20px;font-weight:600}.signup__auth-subtitle{color:#666;margin-bottom:20px}.signup__auth-group{margin-bottom:16px}.signup__auth-label{display:block;font-weight:500;margin-bottom:6px}.signup__auth-input{border:1px solid #ccc}.signup__auth-btn,.signup__auth-input{border-radius:8px;padding:.5rem 1rem;width:100%}.signup__auth-btn{border:none;margin-top:10px}.signup__auth-btn--primary{background:#000;color:#fff}.signup__auth-switch{margin-top:20px;text-align:center}.signup__auth-error{color:red;font-size:13px;margin-top:4px}.main{height:100vh;width:100%}.main__sidebar{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100vh;padding-top:10px}.main__sidebar-button{background-color:#f5f5f5;border:none;border-radius:10px;color:#000;font-size:4px;margin-bottom:4px}.main__sidebar-button,.main__sidebar-logo{align-items:center;aspect-ratio:1;cursor:pointer;display:flex;justify-content:center;padding:4px;width:50px}.main__sidebar-logo{background-color:#000;border-radius:10px;color:#fff;margin-bottom:16px}.main__sidebar-tooltip{background-color:#000;border-radius:6px;color:#fff;font-size:12px;padding:6px 10px}.main__sidebar-tooltip-arrow:before{background-color:#000}.main__sidebar-avatar{cursor:pointer;margin-bottom:10px;margin-top:auto}.main__aside{background-color:#fafafa;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100vh;padding-top:1rem}.main__aside-header{background-color:inherit;padding:0 1rem;position:sticky;top:0;width:100%;z-index:1}.main__aside-input{border:1px solid #dcdcdc;border-radius:10px;margin:1rem 0;outline:#000;padding:5px 10px;width:100%}.main__aside-input:focus{outline:#000}.main__aside-mails{flex:1;overflow-y:scroll;padding:0 .5rem}.main__aside-mail_shortcut{border-top:1px solid #dcdcdc;color:#0a0a0a;display:flex;flex-direction:column;padding:4px;text-decoration:none;transition:background-color .2s ease}.main__aside-mail_shortcut.unread{background-color:#f2f2f2}.main__aside-mail_shortcut-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.main__aside-mail_shortcut-title{font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main__aside-mail_shortcut-text{font-size:small;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main__aside-mail_shortcut:hover{background-color:#eee;cursor:pointer}.main__inbox{background-color:#fff;display:flex;flex-direction:column;height:-moz-min-content;height:min-content;overflow-y:scroll;padding:0!important}.main__inbox-inbox_buttons{display:flex;flex-direction:row;justify-content:space-between;width:100%}.main__inbox-header{align-items:center;border-bottom:1px solid #dcdcdc;display:flex;height:64px;padding-left:2rem;width:100%}.main__inbox-header .breadcrumb{background:transparent;margin:0;padding:0}.main__inbox-header .splitButton{cursor:pointer;margin-right:32px}.main__inbox-button{align-items:center;aspect-ratio:1/1;background-color:#000;border-radius:10px;color:#f5f5f5;cursor:pointer;display:flex;font-size:4px;font-size:16px;justify-content:center;padding:4px;width:40px}.main__inbox-write{background-color:#fafafa;border:1px solid #dcdcdc;border-radius:10px;bottom:0;display:flex;flex-direction:column;height:auto;left:0;position:relative;width:100%}.main__inbox-write-input{border:0;border-bottom:1px solid #dcdcdc;border-radius:10px;width:100%}.main__inbox-write-input:focus{outline:none}#darkModeSwitch{cursor:pointer}#darkModeSwitch:checked{background-color:#000;border-color:#000}#darkModeSwitch:focus{box-shadow:none;outline:none}.sidebar-container{display:flex;flex-shrink:0;overflow:hidden;overflow-y:auto;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:33.3333333333vw;z-index:1050}.sidebar-container.sidebar-hidden{border-right:none!important;overflow-y:auto;width:0!important}.sidebar-wrapper{min-width:8.3333333333vw;width:8.3333333333vw}.aside-wrapper,.sidebar-wrapper{flex-shrink:0;height:100%;overflow-y:auto}.aside-wrapper{min-width:25vw;width:25vw}.main-content{background-color:#fff;display:flex;flex-direction:column;flex-grow:1;height:100vh;min-width:0;overflow:hidden}.main-content .flex-grow-1.overflow-auto{overflow:auto!important;-webkit-overflow-scrolling:touch}@media(max-width:992px){.sidebar-container{background-color:#fff;bottom:0;height:100%;left:0;overflow-y:scroll;position:absolute;right:0;top:4rem;transform:translate(0);width:100vw;z-index:1050}.sidebar-container.sidebar-hidden{min-width:100%;transform:translate(-100%);width:100%!important}.aside-wrapper{margin-bottom:4rem;min-width:80%;overflow-y:scroll;width:80%}.aside-wrapper,.sidebar-wrapper{height:100%;-webkit-overflow-scrolling:touch}.sidebar-wrapper{overflow-y:auto;width:20%}.main-content{width:100%}}@media(max-width:576px){.aside-wrapper{min-width:75%;width:75%}.sidebar-wrapper{min-width:25%;width:25%}}.toast-container{bottom:0;padding:1rem;position:fixed;right:0;z-index:1060}.border-danger{border-color:#dc3545!important}.text-danger{color:#dc3545!important}.text-success{color:#198754!important}