.navbar{z-index:50;transition:all var(--transition-base);padding:var(--spacing-lg) 0;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--spacing-sm) 0;background:#ffffffeb}.navbar__inner{max-width:1280px;padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar__logo{align-items:center;gap:var(--spacing-sm);cursor:pointer;background:0 0;border:none;padding:0;display:flex}.navbar__logo-icon{background:var(--color-primary);color:#fff;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.navbar__logo-text{font-weight:700;font-size:var(--font-size-xl);color:var(--color-primary)}.navbar__links{align-items:center;gap:var(--spacing-xl);display:none}.navbar__link{font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-weight:500}.navbar__link:hover{color:var(--color-primary)}.navbar__actions{align-items:center;gap:var(--spacing-md);display:none}.navbar__signin{font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-weight:500;text-decoration:none}.navbar__signin:hover{color:var(--color-primary)}.navbar__cta{font-size:var(--font-size-sm);background:var(--color-primary);color:#fff;cursor:pointer;transition:background var(--transition-fast);box-shadow:var(--shadow-sm);border:none;border-radius:.5rem;padding:.625rem 1.25rem;font-weight:500;text-decoration:none}.navbar__cta:hover{background:var(--color-primary-light)}.navbar__mobile-toggle{color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);background:0 0;border:none;display:flex}.navbar__mobile-menu{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:var(--spacing-md);gap:var(--spacing-md);flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0}.navbar__mobile-link{text-align:left;padding:var(--spacing-sm) 0;color:var(--color-text-muted);cursor:pointer;font-weight:500;font-size:var(--font-size-base);background:0 0;border:none}.navbar__mobile-divider{background:var(--color-border);height:1px;margin:var(--spacing-sm) 0}.navbar__mobile-signin{text-align:center;border:1px solid var(--color-border);width:100%;color:var(--color-text);cursor:pointer;background:0 0;border-radius:.5rem;padding:.75rem;font-weight:500;text-decoration:none;display:block}.navbar__mobile-cta{text-align:center;background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:.5rem;width:100%;padding:.75rem;font-weight:500;text-decoration:none;display:block}@media (min-width:768px){.navbar__links,.navbar__actions{display:flex}.navbar__mobile-toggle{display:none}}
.hero{padding-top:8rem;padding-bottom:5rem;position:relative;overflow:hidden}.hero__bg-blob{background:rgba(var(--color-primary-rgb), .05);filter:blur(80px);z-index:-1;border-radius:50%;width:1000px;height:600px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero__inner{max-width:1280px;padding:0 var(--spacing-lg);gap:var(--spacing-3xl);grid-template-columns:1fr;align-items:center;margin:0 auto;display:grid}.hero__title{font-size:var(--font-size-4xl);color:var(--color-primary);margin-bottom:var(--spacing-lg);font-weight:700;line-height:1.15}.hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--spacing-xl);max-width:32rem;line-height:1.7}.hero__buttons{gap:var(--spacing-md);flex-direction:column;display:flex}.hero__btn-primary{justify-content:center;align-items:center;gap:var(--spacing-sm);background:var(--color-primary);color:#fff;font-weight:700;font-size:var(--font-size-lg);cursor:pointer;transition:background var(--transition-fast);box-shadow:var(--shadow-lg);border:none;border-radius:.75rem;padding:1rem 2rem;text-decoration:none;display:inline-flex}.hero__btn-primary:hover{background:var(--color-primary-light);box-shadow:var(--shadow-lg)}.hero__btn-secondary{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border);font-weight:700;font-size:var(--font-size-lg);cursor:pointer;transition:all var(--transition-fast);border-radius:.75rem;justify-content:center;align-items:center;padding:1rem 2rem;text-decoration:none;display:inline-flex}.hero__btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.hero__illustration{height:500px;display:none;position:relative}.hero__illustration-bg{background:linear-gradient(to top right, rgba(var(--color-primary-rgb), .1), rgba(var(--color-accent-rgb), .1));border-radius:3rem;position:absolute;inset:0;transform:rotate(3deg)}.hero__mockup{background:var(--color-surface);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);border-radius:1rem;flex-direction:column;display:flex;position:absolute;inset:2rem;overflow:hidden}.hero__mockup-toolbar{border-bottom:1px solid var(--color-border);background:var(--color-background-alt);align-items:center;gap:.5rem;height:3rem;padding:0 1rem;display:flex}.hero__mockup-dot{border-radius:50%;width:.75rem;height:.75rem}.hero__mockup-dot--red{background:var(--color-dot-red)}.hero__mockup-dot--yellow{background:var(--color-dot-yellow)}.hero__mockup-dot--green{background:var(--color-dot-green)}.hero__mockup-body{background:var(--color-surface-alt);flex:1;padding:1.5rem}.hero__mockup-cards{gap:1rem;margin-bottom:1.5rem;display:flex}.hero__mockup-stat{background:var(--color-surface);height:6rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);border-radius:.75rem;flex:1;padding:1rem}.hero__mockup-stat-icon{border-radius:.5rem;width:2rem;height:2rem;margin-bottom:.5rem}.hero__mockup-stat-icon--blue{background:rgba(var(--color-primary-rgb), .1)}.hero__mockup-stat-icon--green{background:rgba(var(--color-accent-rgb), .1)}.hero__mockup-stat-icon--teal{background:rgba(var(--color-accent-rgb), .15)}.hero__mockup-bar{border-radius:.25rem;height:1rem;margin-bottom:.25rem}.hero__mockup-bar--label{background:var(--color-border);width:4rem}.hero__mockup-bar--value{background:var(--color-text);border-radius:.25rem;width:2.5rem;height:1.5rem}.hero__mockup-rows{flex-direction:column;gap:.75rem;display:flex}.hero__mockup-row{background:var(--color-surface);width:100%;height:4rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);border-radius:.75rem;align-items:center;gap:1rem;padding:0 1rem;display:flex}.hero__mockup-avatar{background:var(--color-border-light);border-radius:50%;flex-shrink:0;width:2.5rem;height:2.5rem}.hero__mockup-row-text{flex:1}.hero__mockup-row-title{background:var(--color-text);border-radius:.25rem;width:8rem;height:1rem;margin-bottom:.5rem}.hero__mockup-row-sub{background:var(--color-text-subtle);border-radius:.25rem;width:6rem;height:.75rem}.hero__mockup-row-badge{background:rgba(var(--color-primary-rgb), .1);border-radius:.5rem;flex-shrink:0;width:5rem;height:2rem}.hero__float{background:var(--color-surface);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);z-index:2;border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem;display:flex;position:absolute}.hero__float--right{top:5rem;right:-1.5rem}.hero__float--left{bottom:5rem;left:-1.5rem}.hero__float-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.hero__float-icon--green{background:rgba(var(--color-accent-rgb), .15);color:var(--color-accent-dark)}.hero__float-icon--blue{background:rgba(var(--color-primary-rgb), .1);color:var(--color-primary);font-weight:700;font-size:var(--font-size-sm)}.hero__float-title{font-size:var(--font-size-sm);color:var(--color-text);font-weight:700}.hero__float-sub{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (min-width:640px){.hero__title{font-size:3rem}.hero__subtitle{font-size:var(--font-size-xl)}.hero__buttons{flex-direction:row}}@media (min-width:1024px){.hero{padding-top:12rem;padding-bottom:8rem}.hero__inner{grid-template-columns:1fr 1fr}.hero__title{font-size:3.75rem}.hero__illustration{display:block}}
.features{background:var(--color-surface);padding:6rem 0}.features__inner{max-width:1280px;padding:0 var(--spacing-lg);margin:0 auto}.features__header{text-align:center;max-width:48rem;margin:0 auto var(--spacing-3xl)}.features__title{font-size:var(--font-size-3xl);color:var(--color-primary);margin-bottom:var(--spacing-md);font-weight:700}.features__subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted)}.features__grid{gap:var(--spacing-xl);grid-template-columns:1fr;display:grid}.features__card{background:var(--color-surface);padding:var(--spacing-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:all var(--transition-base);border-radius:1rem}.features__card:hover{box-shadow:var(--shadow-md)}.features__card-icon{width:3.5rem;height:3.5rem;margin-bottom:var(--spacing-lg);border-radius:.75rem;justify-content:center;align-items:center;display:flex}.features__card-icon--blue{background:var(--color-feature-blue-bg);color:var(--color-feature-blue)}.features__card-icon--purple{background:var(--color-feature-purple-bg);color:var(--color-feature-purple)}.features__card-icon--green{background:var(--color-feature-green-bg);color:var(--color-feature-green)}.features__card-icon--rose{background:var(--color-feature-rose-bg);color:var(--color-feature-rose)}.features__card-icon--amber{background:var(--color-feature-amber-bg);color:var(--color-feature-amber)}.features__card-icon--indigo{background:var(--color-feature-indigo-bg);color:var(--color-feature-indigo)}.features__card-title{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:.75rem;font-weight:700}.features__card-desc{color:var(--color-text-muted);line-height:1.6}@media (min-width:768px){.features__title{font-size:var(--font-size-4xl)}.features__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features__grid{grid-template-columns:repeat(3,1fr)}}
.how-it-works{background:var(--color-background-alt);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:6rem 0}.how-it-works__inner{max-width:1280px;padding:0 var(--spacing-lg);margin:0 auto}.how-it-works__header{text-align:center;margin-bottom:var(--spacing-3xl)}.how-it-works__title{font-size:var(--font-size-3xl);color:var(--color-primary);font-weight:700}.how-it-works__content{position:relative}.how-it-works__connector{display:none}.how-it-works__grid{gap:var(--spacing-2xl);grid-template-columns:1fr;display:grid}.how-it-works__step{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.how-it-works__step-circle{background:var(--color-surface);border:4px solid var(--color-border-light);width:6rem;height:6rem;box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg);z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.how-it-works__step-number{font-size:var(--font-size-3xl);color:var(--color-primary);font-weight:700}.how-it-works__step-title{font-size:var(--font-size-xl);color:var(--color-text);justify-content:center;align-items:center;gap:var(--spacing-sm);margin-bottom:.75rem;font-weight:700;display:flex}.how-it-works__step-title-icon{color:var(--color-primary-light)}.how-it-works__step-desc{color:var(--color-text-muted);max-width:20rem}@media (min-width:768px){.how-it-works__title{font-size:var(--font-size-4xl)}.how-it-works__connector{border-top:2px dashed var(--color-text-subtle);z-index:0;height:2px;display:block;position:absolute;top:3rem;left:10%;right:10%}.how-it-works__grid{grid-template-columns:repeat(3,1fr)}}
.about{background:var(--color-surface);border-top:1px solid var(--color-border);padding:6rem 0}.about__inner{max-width:1100px;padding:0 var(--spacing-lg);align-items:center;gap:4rem;margin:0 auto;display:flex}.about__content{flex:1;min-width:0}.about__eyebrow{flex-direction:column;align-items:flex-start;gap:.625rem;margin-bottom:1.5rem;display:flex}.about__eyebrow-text{font-size:var(--font-size-xs);letter-spacing:.15em;color:var(--color-accent);font-weight:700}.about__eyebrow-divider{align-items:center;gap:.5rem;display:flex}.about__eyebrow-line{background-color:var(--color-accent);opacity:.5;width:32px;height:1px;display:block}.about__eyebrow-heart{color:var(--color-accent);flex-shrink:0}.about__heading{color:var(--color-text);margin-bottom:1.75rem;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:1.2}.about__body{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.about__body p{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.75}.about__quote{border-top:1px solid var(--color-border);flex-direction:column;align-items:flex-start;gap:.625rem;padding-top:1.5rem;display:flex}.about__quote-text{color:var(--color-accent);font-size:clamp(1.05rem,2vw,1.25rem);font-style:italic;font-weight:500;line-height:1.4}.about__quote-heart{color:var(--color-accent);opacity:.7}.about__image-wrap{flex-shrink:0;width:320px}.about__image{object-fit:cover;object-position:center top;border-radius:16px;width:100%;max-height:420px;display:block;box-shadow:0 8px 32px #00000024}@media (max-width:900px){.about__inner{gap:2.5rem}.about__image-wrap{width:260px}}@media (max-width:640px){.about{padding:4rem 0}.about__inner{flex-direction:column;gap:2rem}.about__content{order:1}.about__image-wrap{order:2;width:100%;max-width:340px;margin:0 auto}.about__image{max-height:360px}.about__eyebrow{align-items:center}.about__heading{text-align:center}.about__quote{align-items:center}}
.testimonials{background:var(--color-surface);padding:6rem 0}.testimonials__inner{max-width:1280px;padding:0 var(--spacing-lg);margin:0 auto}.testimonials__header{text-align:center;margin-bottom:var(--spacing-3xl)}.testimonials__title{font-size:var(--font-size-3xl);color:var(--color-primary);font-weight:700}.testimonials__grid{gap:var(--spacing-xl);grid-template-columns:1fr;display:grid}.testimonials__card{background:var(--color-surface);padding:var(--spacing-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:1rem;flex-direction:column;justify-content:space-between;display:flex}.testimonials__quote-icon{color:rgba(var(--color-primary-rgb), .2);margin-bottom:var(--spacing-md)}.testimonials__quote{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--spacing-xl);line-height:1.7}.testimonials__author{align-items:center;gap:var(--spacing-md);display:flex}.testimonials__avatar{color:#fff;width:3rem;height:3rem;font-weight:700;font-size:var(--font-size-lg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.testimonials__avatar--blue{background:var(--color-avatar-blue)}.testimonials__avatar--emerald{background:var(--color-avatar-emerald)}.testimonials__avatar--purple{background:var(--color-avatar-purple)}.testimonials__author-name{color:var(--color-text);font-weight:700}.testimonials__author-role{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (min-width:768px){.testimonials__title{font-size:var(--font-size-4xl)}.testimonials__grid{grid-template-columns:repeat(3,1fr)}}
.cta{background:var(--color-primary);padding:5rem 0}.cta__inner{max-width:56rem;padding:0 var(--spacing-lg);text-align:center;margin:0 auto}.cta__title{font-size:var(--font-size-3xl);color:#fff;margin-bottom:var(--spacing-lg);font-weight:700}.cta__subtitle{font-size:var(--font-size-xl);color:#fffc;max-width:40rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto}.cta__buttons{justify-content:center;gap:var(--spacing-md);flex-direction:column;display:flex}.cta__btn-primary{color:var(--color-primary);font-weight:700;font-size:var(--font-size-lg);cursor:pointer;transition:background var(--transition-fast);box-shadow:var(--shadow-lg);background:#fff;border:none;border-radius:.75rem;justify-content:center;align-items:center;padding:1rem 2rem;text-decoration:none;display:inline-flex}.cta__btn-primary:hover{background:var(--color-border-light)}.cta__btn-secondary{color:#fff;font-weight:700;font-size:var(--font-size-lg);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:2px solid #ffffff4d;border-radius:.75rem;justify-content:center;align-items:center;padding:1rem 2rem;text-decoration:none;display:inline-flex}.cta__btn-secondary:hover{background:#ffffff1a}@media (min-width:640px){.cta__buttons{flex-direction:row}}@media (min-width:768px){.cta__title{font-size:3rem}}
.footer{background:var(--color-footer-bg);color:var(--color-footer-text);padding:var(--spacing-3xl) 0}.footer__inner{max-width:1280px;padding:0 var(--spacing-lg);margin:0 auto}.footer__grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);grid-template-columns:1fr 1fr;display:grid}.footer__brand{grid-column:span 2}.footer__brand-logo{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex}.footer__brand-icon{background:var(--color-footer-border);color:#fff;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.footer__brand-name{font-weight:700;font-size:var(--font-size-xl);color:#fff}.footer__brand-desc{font-size:var(--font-size-sm);max-width:20rem;line-height:1.6}.footer__column-title{color:#fff;margin-bottom:var(--spacing-md);font-weight:700;font-size:var(--font-size-base)}.footer__column-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer__column-link{font-size:var(--font-size-sm);color:var(--color-footer-text);transition:color var(--transition-fast);text-decoration:none}.footer__column-link:hover{color:#fff}.footer__bottom{padding-top:var(--spacing-xl);border-top:1px solid var(--color-footer-border);align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);flex-direction:column;display:flex}.footer__bottom-links{gap:var(--spacing-lg);display:flex}.footer__bottom-link{color:var(--color-footer-text);transition:color var(--transition-fast);text-decoration:none}.footer__bottom-link:hover{color:#fff}@media (min-width:768px){.footer__grid{grid-template-columns:2fr 1fr 1fr 1fr}.footer__brand{grid-column:span 1}.footer__bottom{flex-direction:row;justify-content:space-between}}
.landing-page{background:var(--color-surface);min-height:100vh}