.logo{display:inline-flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--color-text-primary)}.logo__icon{color:var(--color-primary)}.logo__text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius-md);background-color:transparent;color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.theme-toggle:hover{background-color:var(--color-surface-alt);color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);border:2px solid transparent;border-radius:var(--radius-md);font-family:var(--font-family);font-weight:var(--font-weight-semibold);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn--sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm)}.btn--md{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base)}.btn--lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg)}.btn--primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn--primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-white)}.btn--secondary{background-color:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}.btn--secondary:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-white);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--outline:hover{background-color:var(--color-primary-bg);color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--ghost{background-color:transparent;color:var(--color-text-primary);border-color:transparent}.btn--ghost:hover{background-color:var(--color-surface-alt)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:100;background-color:transparent;transition:background-color var(--transition-base),box-shadow var(--transition-base)}.navbar--scrolled{background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);height:100%}.navbar__logo-link{text-decoration:none;color:inherit}.navbar__links{display:none;align-items:center;gap:var(--space-xl)}.navbar__link{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.navbar__link:hover{color:var(--color-primary)}.navbar__link--active{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.navbar__links-actions{display:flex;align-items:center;gap:var(--space-md)}.navbar__actions{display:flex;align-items:center;gap:var(--space-xs)}.navbar__menu-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius-md);background-color:transparent;color:var(--color-text-primary);cursor:pointer}@media(min-width:1024px){.navbar__links{display:flex}.navbar__actions{display:none}}@media(max-width:1023px){.navbar__links--open{display:flex;flex-direction:column;position:absolute;top:var(--nav-height);left:0;right:0;background-color:var(--color-surface);box-shadow:var(--shadow-lg);padding:var(--space-lg);gap:var(--space-md);border-bottom:1px solid var(--color-border)}.navbar__links--open .navbar__links-actions{flex-direction:column;width:100%;padding-top:var(--space-md);border-top:1px solid var(--color-border)}.navbar__links--open .navbar__links-actions .btn{width:100%}.navbar__links--open .navbar__links-actions .theme-toggle{display:none}}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-3xl) 0 var(--space-xl)}.footer__inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.footer__grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl);margin-bottom:var(--space-2xl)}.footer__brand{display:flex;flex-direction:column;gap:var(--space-md)}.footer__tagline{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:280px;line-height:var(--line-height-relaxed)}.footer__col{display:flex;flex-direction:column;gap:var(--space-sm)}.footer__col-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.footer__link{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-primary)}.footer__bottom{display:flex;flex-direction:column;gap:var(--space-md);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.footer__copyright{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}.footer__social{display:flex;gap:var(--space-md)}.footer__social-link{color:var(--color-text-muted);transition:color var(--transition-fast)}.footer__social-link:hover{color:var(--color-primary)}@media(min-width:640px){.footer__grid{grid-template-columns:2fr 1fr 1fr 1fr}.footer__bottom{flex-direction:row;justify-content:space-between;align-items:center}}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}@media(min-width:1024px){.container{padding:0 var(--space-xl)}}.hero{padding-top:calc(var(--nav-height) + var(--space-3xl));padding-bottom:var(--space-3xl);background:linear-gradient(180deg,var(--color-surface-alt) 0%,var(--color-background) 100%)}.hero__grid{display:grid;grid-template-columns:1fr;gap:var(--space-2xl);align-items:center}.hero__content{text-align:center}.hero__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-lg)}.hero__highlight{color:var(--color-primary)}.hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:540px;margin:0 auto var(--space-xl)}.hero__actions{display:flex;flex-direction:column;gap:var(--space-md);align-items:center}.hero__mockup{display:flex;justify-content:center}.hero__phone{width:280px;background-color:var(--color-surface);border-radius:var(--radius-xl);border:2px solid var(--color-border);box-shadow:var(--shadow-xl);padding:var(--space-md);overflow:hidden}.hero__phone-notch{width:100px;height:6px;background-color:var(--color-border);border-radius:var(--radius-full);margin:0 auto var(--space-lg)}.hero__phone-header{margin-bottom:var(--space-md)}.hero__phone-greeting{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted)}.hero__phone-pet{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.hero__phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.hero__phone-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);background-color:var(--color-surface-alt);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}@media(min-width:640px){.hero__actions{flex-direction:row;justify-content:center}}@media(min-width:1024px){.hero{padding-top:calc(var(--nav-height) + var(--space-4xl));padding-bottom:var(--space-4xl)}.hero__grid{grid-template-columns:1fr 1fr;gap:var(--space-3xl)}.hero__content{text-align:left}.hero__title{font-size:var(--font-size-5xl)}.hero__subtitle{margin:0 0 var(--space-xl)}.hero__actions{justify-content:flex-start}.hero__phone{width:320px}}.section{padding:var(--space-3xl) 0}.section--default{background-color:var(--color-background)}.section--alt{background-color:var(--color-surface-alt)}.section--dark{background-color:var(--color-primary-dark);color:var(--color-text-on-primary)}.section__header{text-align:center;margin-bottom:var(--space-2xl)}.section__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);line-height:var(--line-height-tight)}.section__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:640px;margin:0 auto;line-height:var(--line-height-relaxed)}.section--dark .section__subtitle{color:#fffc}@media(min-width:1024px){.section{padding:var(--space-4xl) 0}.section__title{font-size:var(--font-size-4xl)}}.icon-circle{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--color-primary-bg);color:var(--color-primary);flex-shrink:0}.icon-circle--sm{width:36px;height:36px}.icon-circle--md{width:48px;height:48px}.icon-circle--lg{width:64px;height:64px}.pet-features{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}.pet-features__tabs{display:flex;flex-direction:column;gap:var(--space-xs)}.pet-features__tab{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);cursor:pointer;text-align:left;transition:all var(--transition-fast);font-family:var(--font-family)}.pet-features__tab:hover{border-color:var(--color-primary-bg);background-color:var(--color-surface-alt)}.pet-features__tab--active{border-color:var(--color-primary);background-color:var(--color-primary-bg);box-shadow:var(--shadow-sm);padding:var(--space-md);align-items:flex-start}.pet-features__tab--active:hover{border-color:var(--color-primary);background-color:var(--color-primary-bg)}.pet-features__tab-text{display:flex;flex-direction:column;gap:2px;min-width:0}.pet-features__tab-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.pet-features__tab-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-normal);display:none}.pet-features__tab--active .pet-features__tab-desc{display:block;color:var(--color-text-secondary)}.pet-features__preview{display:flex;justify-content:center;align-items:center}.pet-features__phone{width:100%;max-width:340px;background-color:var(--color-surface);border-radius:var(--radius-xl);border:2px solid var(--color-border);box-shadow:var(--shadow-xl);padding:var(--space-lg);overflow:hidden}.pet-features__phone-notch{width:100px;height:6px;background-color:var(--color-border);border-radius:var(--radius-full);margin:0 auto var(--space-md)}.pet-features__phone-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md);color:var(--color-text-primary)}.pet-features__phone-body{min-height:280px}@media(min-width:1024px){.pet-features{grid-template-columns:420px 1fr;gap:var(--space-2xl);align-items:center}.pet-features__preview{order:1}.pet-features__phone{max-width:420px}}.mockup-health__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-md)}.mockup-health__label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.mockup-health__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.mockup-health__value small{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-muted)}.mockup-health__chart{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-xs);height:100px;margin-bottom:var(--space-md)}.mockup-health__bar-group{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);flex:1}.mockup-health__bar-track{width:100%;height:80px;display:flex;align-items:flex-end}.mockup-health__bar{width:100%;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-bg) 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:4px;transition:height var(--transition-base)}.mockup-health__day{font-size:10px;color:var(--color-text-muted)}.mockup-health__stats{display:flex;justify-content:space-between;gap:var(--space-sm)}.mockup-health__stat{display:flex;flex-direction:column;align-items:center;flex:1;padding:var(--space-sm);background-color:var(--color-surface-alt);border-radius:var(--radius-md)}.mockup-health__stat-num{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.mockup-health__stat-label{font-size:10px;color:var(--color-text-muted)}.mockup-meds__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-md)}.mockup-meds__item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.mockup-meds__item:last-child{border-bottom:none}.mockup-meds__check{width:20px;height:20px;border-radius:var(--radius-full);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mockup-meds__check--done{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.mockup-meds__info{display:flex;flex-direction:column}.mockup-meds__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.mockup-meds__item--done .mockup-meds__name{text-decoration:line-through;color:var(--color-text-muted)}.mockup-meds__time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.mockup-reminders__item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);background-color:var(--color-surface-alt);border-radius:var(--radius-md)}.mockup-reminders__emoji{font-size:var(--font-size-xl);flex-shrink:0}.mockup-reminders__info{display:flex;flex-direction:column}.mockup-reminders__text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.mockup-reminders__time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.mockup-booking__map{position:relative;height:120px;background-color:var(--color-surface-muted);border-radius:var(--radius-md);margin-bottom:var(--space-md);overflow:hidden}.mockup-booking__map-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.3;background:repeating-linear-gradient(0deg,transparent,transparent 19px,var(--color-border) 19px,var(--color-border) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,var(--color-border) 19px,var(--color-border) 20px)}.mockup-booking__pin{position:absolute;color:var(--color-primary);filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.mockup-booking__card{padding:var(--space-md);background-color:var(--color-surface-alt);border-radius:var(--radius-md)}.mockup-booking__clinic{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.mockup-booking__dist{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.mockup-booking__slots{display:flex;gap:var(--space-sm)}.mockup-booking__slot{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background-color:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.mockup-booking__slot--selected{background-color:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-primary)}.mockup-pets__tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.mockup-pets__tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background-color:var(--color-surface-alt);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border:1px solid transparent}.mockup-pets__tab--active{background-color:var(--color-primary-bg);color:var(--color-primary);border-color:var(--color-primary)}.mockup-pets__emoji{font-size:var(--font-size-base)}.mockup-pets__tab-name{font-size:var(--font-size-xs)}.mockup-pets__profile{display:flex;gap:var(--space-md);padding:var(--space-md);background-color:var(--color-surface-alt);border-radius:var(--radius-lg)}.mockup-pets__avatar{width:56px;height:56px;border-radius:var(--radius-lg);background-color:var(--color-surface-muted);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);flex-shrink:0}.mockup-pets__details{display:flex;flex-direction:column;gap:var(--space-xs)}.mockup-pets__name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.mockup-pets__breed{font-size:var(--font-size-xs);color:var(--color-text-muted)}.mockup-pets__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.mockup-pets__tag{font-size:10px;padding:2px var(--space-sm);background-color:var(--color-surface);border-radius:var(--radius-full);color:var(--color-text-secondary)}.mockup-history__actions{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-primary);margin-bottom:var(--space-md)}.mockup-history__item{position:relative;display:flex;gap:var(--space-md);padding-bottom:var(--space-md);padding-left:var(--space-lg)}.mockup-history__dot{position:absolute;left:0;top:4px;width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-primary)}.mockup-history__line{position:absolute;left:4px;top:14px;bottom:0;width:2px;background-color:var(--color-border)}.mockup-history__content{display:flex;flex-direction:column;gap:2px}.mockup-history__date{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.mockup-history__text{font-size:var(--font-size-sm);color:var(--color-text-primary)}.vet-features{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}.vet-features__tabs{display:flex;flex-direction:column;gap:var(--space-xs);order:-1}.vet-features__tab{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);cursor:pointer;text-align:left;transition:all var(--transition-fast);font-family:var(--font-family)}.vet-features__tab:hover{border-color:var(--color-primary-bg);background-color:var(--color-surface-alt)}.vet-features__tab--active{border-color:var(--color-primary);background-color:var(--color-primary-bg);box-shadow:var(--shadow-sm);padding:var(--space-md);align-items:flex-start}.vet-features__tab--active:hover{border-color:var(--color-primary);background-color:var(--color-primary-bg)}.vet-features__tab-text{display:flex;flex-direction:column;gap:2px;min-width:0}.vet-features__tab-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.vet-features__tab-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-normal);display:none}.vet-features__tab--active .vet-features__tab-desc{display:block;color:var(--color-text-secondary)}.vet-features__preview{display:flex;justify-content:center;align-items:center}.vet-features__dashboard{width:100%;background-color:var(--color-surface);border-radius:var(--radius-lg);border:2px solid var(--color-border);box-shadow:var(--shadow-xl);overflow:hidden}.vet-features__dashboard-bar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background-color:var(--color-surface-alt);border-bottom:1px solid var(--color-border)}.vet-features__dashboard-dots{display:flex;gap:6px}.vet-features__dashboard-dots span{width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-border)}.vet-features__dashboard-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.vet-features__dashboard-body{padding:var(--space-lg);min-height:380px;display:flex;flex-direction:column;justify-content:center}@media(min-width:1024px){.vet-features{grid-template-columns:1fr 380px;gap:var(--space-2xl);align-items:center}.vet-features__tabs{order:1}}.mockup-appt__header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.mockup-appt__day{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);width:40px;flex-shrink:0}.mockup-appt__cols{display:flex;flex:1;gap:2px}.mockup-appt__cols span{flex:1;font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-align:center}.mockup-appt__grid{display:flex;flex-direction:column;gap:2px}.mockup-appt__row{display:flex;align-items:stretch;gap:var(--space-md);min-height:32px}.mockup-appt__time{width:40px;font-size:10px;color:var(--color-text-muted);flex-shrink:0;padding-top:2px}.mockup-appt__cells{display:flex;flex:1;gap:2px}.mockup-appt__cell{flex:1;min-height:28px;background-color:var(--color-surface-alt);border-radius:3px}.mockup-appt__slot{padding:3px 6px;font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);background-color:var(--color-surface);border-left:3px solid;border-radius:3px;height:100%;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-soap__patient{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}.mockup-soap__date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.mockup-soap__section{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.mockup-soap__label{width:24px;height:24px;border-radius:var(--radius-sm);background-color:var(--color-primary);color:var(--color-text-on-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mockup-soap__field{font-size:11px;color:var(--color-text-secondary);line-height:var(--line-height-normal);padding:var(--space-xs) var(--space-sm);background-color:var(--color-surface-alt);border-radius:var(--radius-sm);flex:1}.mockup-billing__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.mockup-billing__status{font-size:var(--font-size-xs);padding:2px var(--space-sm);background-color:var(--color-accent);color:var(--color-white);border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}.mockup-billing__table{margin-bottom:var(--space-sm)}.mockup-billing__row{display:flex;align-items:center;padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.mockup-billing__item{flex:1;color:var(--color-text-primary)}.mockup-billing__qty{width:36px;text-align:center;color:var(--color-text-muted);font-size:var(--font-size-xs)}.mockup-billing__price{width:60px;text-align:right;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.mockup-billing__total{display:flex;justify-content:space-between;padding-top:var(--space-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.mockup-inventory__header{display:flex;padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-sm);font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.mockup-inventory__header span:first-child{flex:1}.mockup-inventory__header span:nth-child(2){width:44px;text-align:center}.mockup-inventory__header span:last-child{width:56px;text-align:right}.mockup-inventory__row{display:flex;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.mockup-inventory__row:last-child{border-bottom:none}.mockup-inventory__name{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary)}.mockup-inventory__stock{width:44px;text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.mockup-inventory__badge{display:inline-flex;align-items:center;gap:3px;width:56px;justify-content:flex-end;font-size:10px;font-weight:var(--font-weight-semibold);text-transform:capitalize}.mockup-inventory__badge--ok{color:var(--color-primary)}.mockup-inventory__badge--low{color:var(--color-accent)}.mockup-inventory__badge--critical{color:#e74c3c}.mockup-rx__header{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.mockup-rx__field{margin-bottom:var(--space-sm)}.mockup-rx__label{display:block;font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.mockup-rx__value{display:block;font-size:var(--font-size-sm);color:var(--color-text-primary);padding:var(--space-xs) var(--space-sm);background-color:var(--color-surface-alt);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.mockup-rx__row{display:flex;gap:var(--space-sm)}.mockup-rx__row .mockup-rx__field{flex:1}.mockup-reports__kpis{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.mockup-reports__kpi{flex:1;padding:var(--space-sm) var(--space-md);background-color:var(--color-surface-alt);border-radius:var(--radius-md);display:flex;flex-direction:column}.mockup-reports__kpi-num{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.mockup-reports__kpi-label{font-size:10px;color:var(--color-text-muted)}.mockup-reports__chart{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-sm);height:100px}.mockup-reports__col{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);flex:1}.mockup-reports__bar-track{width:100%;height:80px;display:flex;align-items:flex-end}.mockup-reports__bar{width:100%;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-bg) 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:4px}.mockup-reports__month{font-size:10px;color:var(--color-text-muted)}.how-it-works__steps{display:grid;grid-template-columns:1fr;gap:var(--space-lg);position:relative}.how-it-works__step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md);position:relative;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}.how-it-works__step:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.how-it-works__step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-text-on-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.how-it-works__step-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.how-it-works__step-desc{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:280px;line-height:var(--line-height-relaxed)}@media(min-width:1024px){.how-it-works__steps{grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.how-it-works__step:not(:last-child):after{content:"";position:absolute;top:50%;right:calc(var(--space-xl) * -1);width:var(--space-xl);height:2px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,var(--color-primary-bg) 0,var(--color-primary-bg) 6px,transparent 6px,transparent 12px)}}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.testimonials__grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.testimonials__card{display:flex;flex-direction:column;gap:var(--space-md)}.testimonials__stars{display:flex;gap:2px;color:var(--color-star)}.testimonials__text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);font-style:italic}.testimonials__author{display:flex;align-items:center;gap:var(--space-md);margin-top:auto}.testimonials__avatar{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0}.testimonials__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.testimonials__role{font-size:var(--font-size-xs);color:var(--color-text-muted)}.testimonials__trust{display:grid;grid-template-columns:1fr;gap:var(--space-lg);padding:var(--space-xl);background-color:var(--color-surface-alt);border-radius:var(--radius-lg);text-align:center}.testimonials__trust-item{display:flex;flex-direction:column;gap:var(--space-xs)}.testimonials__trust-item strong{font-size:var(--font-size-lg);color:var(--color-primary)}.testimonials__trust-item span{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media(min-width:640px){.testimonials__trust{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.testimonials__grid{grid-template-columns:repeat(3,1fr)}}.download-cta{padding:var(--space-3xl) 0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-on-primary)}.download-cta__content{text-align:center;max-width:640px;margin:0 auto}.download-cta__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);line-height:var(--line-height-tight)}.download-cta__subtitle{font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--space-xl);line-height:var(--line-height-relaxed)}.download-cta__actions{display:flex;flex-direction:column;gap:var(--space-md);align-items:center;margin-bottom:var(--space-lg)}.download-cta__btn-ios{border-color:#ffffff80;color:var(--color-text-on-primary)}.download-cta__btn-ios:hover{background-color:#ffffff26;border-color:#fffc;color:var(--color-text-on-primary)}.download-cta__vet-link{font-size:var(--font-size-sm);opacity:.8}.download-cta__vet-link a{color:var(--color-text-on-primary);text-decoration:underline;text-underline-offset:2px}.download-cta__vet-link a:hover{opacity:.9;color:var(--color-text-on-primary)}@media(min-width:640px){.download-cta__actions{flex-direction:row;justify-content:center}}[data-theme=dark] .download-cta{background:linear-gradient(135deg,#1a3d2e,#112118);color:var(--color-text-primary)}[data-theme=dark] .download-cta__btn-ios{border-color:var(--color-primary);color:var(--color-primary)}[data-theme=dark] .download-cta__btn-ios:hover{background-color:#8bd9b21a;border-color:var(--color-primary-hover);color:var(--color-primary-hover)}[data-theme=dark] .download-cta__vet-link a{color:var(--color-primary)}@media(min-width:1024px){.download-cta{padding:var(--space-4xl) 0}.download-cta__title{font-size:var(--font-size-4xl)}}:root{--color-primary: #2E7D5B;--color-primary-hover: #216345;--color-primary-dark: #194E37;--color-primary-light: #A8E6C7;--color-primary-bg: #D9F2E2;--color-accent: #E58A6F;--color-accent-hover: #D47A5F;--color-background: #F7FAF8;--color-surface: #FFFFFF;--color-surface-alt: #F1FAF5;--color-surface-muted: #D9F2E2;--color-text-primary: #1A1A2E;--color-text-secondary: #4A5568;--color-text-muted: #718096;--color-text-on-primary: #FFFFFF;--color-text-on-accent: #FFFFFF;--color-white: #FFFFFF;--color-star: #F59E0B;--color-border: #E2E8F0;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.6;--line-height-relaxed: 1.75;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--max-width: 1200px;--nav-height: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}[data-theme=dark]{--color-primary: #8BD9B2;--color-primary-hover: #A8E6C7;--color-primary-dark: #6BC49A;--color-primary-light: #1F4D3A;--color-primary-bg: #162E24;--color-accent: #D4725A;--color-accent-hover: #E08368;--color-background: #111214;--color-surface: #18191C;--color-surface-alt: #1E2023;--color-surface-muted: #25272B;--color-text-primary: #EAEBED;--color-text-secondary: #A9ABB0;--color-text-muted: #6C6F75;--color-text-on-primary: #0A1F17;--color-text-on-accent: #FFFFFF;--color-border: #2E3035;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);background-color:var(--color-background);color:var(--color-text-primary);transition:background-color var(--transition-base),color var(--transition-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover:not(.btn){color:var(--color-primary-hover)}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-bg);color:var(--color-text-primary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}