.product-card{background-color:var(--surface-container-low);cursor:pointer;border-radius:1.25rem;flex-direction:column;width:100%;transition:transform .4s cubic-bezier(.2,0,.2,1),box-shadow .4s cubic-bezier(.2,0,.2,1);display:flex;overflow:hidden}.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -20px #4f60551a}.product-card-img-wrapper{height:24rem;position:relative;overflow:hidden}.product-card-img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,0,.2,1)}.product-card:hover .product-card-img{transform:scale(1.1)}.product-card-badge-container{position:absolute;top:1rem;left:1rem}.product-card-badge{border-radius:var(--border-radius-full);font-family:var(--font-family-display);font-size:var(--font-size-label-sm);line-height:var(--line-height-label-sm);text-transform:uppercase;letter-spacing:.05em;padding:.35rem .85rem;font-weight:700;display:inline-block}.product-card-badge.primary{background-color:var(--primary-fixed);color:var(--on-primary-fixed-variant)}.product-card-badge.secondary{background-color:var(--secondary-fixed);color:var(--on-secondary-fixed)}.product-card-content{flex-direction:column;flex-grow:1;padding:2.25rem 2rem;display:flex}.product-card-title{font-family:var(--font-family-display);font-size:var(--font-size-headline-md);line-height:var(--line-height-headline-md);color:var(--primary);margin-top:0;margin-bottom:.75rem;font-weight:600}.product-card-desc{font-family:var(--font-family-body);font-size:var(--font-size-body-md);line-height:var(--line-height-body-md);color:var(--on-surface-variant);flex-grow:1;margin-bottom:2rem;font-weight:400}.product-card-action{color:var(--primary);font-family:var(--font-family-display);font-size:var(--font-size-label-sm);line-height:var(--line-height-label-sm);align-items:center;gap:.25rem;font-weight:700;text-decoration:none;transition:gap .2s;display:flex}.product-card-action:hover{gap:.5rem}.product-card-action-icon{margin-left:.25rem;font-size:1rem!important}
.cta-section{max-width:1800px;padding-left:var(--spacing-gutter);padding-right:var(--spacing-gutter);margin:8rem auto 0}.cta-banner{background-color:var(--primary-container);color:var(--on-primary);border-radius:var(--border-radius-xl);flex-direction:column;gap:3rem;padding:3rem;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.cta-banner{flex-direction:row;justify-content:space-between;align-items:center;padding:5rem}}.cta-info{z-index:10;max-width:36rem;position:relative}.cta-title{font-family:var(--font-family-display);font-size:var(--font-size-display-lg-mobile);line-height:var(--line-height-display-lg-mobile);margin-top:0;margin-bottom:1.5rem;font-weight:700}@media (min-width:768px){.cta-title{font-size:var(--font-size-display-lg);line-height:var(--line-height-display-lg)}}.cta-text{font-family:var(--font-family-body);font-size:var(--font-size-body-lg);line-height:var(--line-height-body-lg);color:var(--on-primary-container);margin-top:0;margin-bottom:2rem}.cta-buttons{flex-wrap:wrap;gap:1rem;display:flex}.btn-cta-primary{background-color:var(--secondary);color:var(--on-secondary);border-radius:var(--border-radius-lg);cursor:pointer;font-weight:600;font-family:var(--font-family-body);font-size:var(--font-size-body-md);border:none;padding:1rem 2rem;transition:background-color .2s,color .2s}.btn-cta-primary:hover{background-color:var(--secondary-container);color:var(--on-secondary-container)}.btn-cta-secondary{color:var(--on-primary);border:1px solid var(--outline-variant);border-radius:var(--border-radius-lg);cursor:pointer;font-weight:600;font-family:var(--font-family-body);font-size:var(--font-size-body-md);background:0 0;padding:1rem 2rem;transition:background-color .2s}.btn-cta-secondary:hover{background-color:#faf9f61a}.cta-image-wrapper{aspect-ratio:1;border:8px solid #faf9f60d;border-radius:50%;width:100%;position:relative;overflow:hidden}@media (min-width:768px){.cta-image-wrapper{width:33.3333%}}.cta-image{object-fit:cover;width:100%;height:100%}@media (max-width:640px){.cta-buttons{flex-direction:column;width:100%}.btn-cta-primary,.btn-cta-secondary{text-align:center;width:100%}}
.support-widget{z-index:50;flex-direction:column;align-items:flex-end;gap:1rem;display:flex;position:fixed;bottom:2rem;right:2rem}.support-card{background-color:var(--surface);border:1px solid color-mix(in srgb, var(--outline) 10%, transparent);border-radius:var(--border-radius-xl);opacity:0;visibility:hidden;width:18rem;transition:opacity .3s cubic-bezier(.2,0,.2,1),transform .3s cubic-bezier(.2,0,.2,1),visibility .3s;overflow:hidden;transform:translateY(16px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.support-card.open{opacity:1;visibility:visible;transform:translateY(0)}.support-header{background-color:var(--primary);color:var(--on-primary);padding:1.5rem}.support-header-title{font-family:var(--font-family-display);margin:0;font-size:1.125rem;font-weight:600}.support-header-desc{font-family:var(--font-family-body);opacity:.8;margin:.25rem 0 0;font-size:.75rem}.support-links{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.support-link{color:var(--on-surface);border-radius:var(--border-radius-lg);align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;transition:background-color .2s;display:flex}.support-link:hover{background-color:var(--surface-container)}.support-link-text{font-family:var(--font-family-body);font-size:.875rem;font-weight:500}.support-link .material-symbols-outlined{color:var(--secondary)}.support-footer{border-top:1px solid var(--outline-variant);padding:1rem}.btn-support-wa{background-color:var(--secondary);width:100%;color:var(--on-secondary);cursor:pointer;font-size:.875rem;font-weight:700;font-family:var(--font-family-body);border:none;border-radius:9999px;padding:.75rem 0;transition:transform .1s}.btn-support-wa:active{transform:scale(.95)}.support-toggle{background-color:var(--secondary);color:var(--on-secondary);cursor:pointer;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:4rem;height:4rem;transition:transform .3s cubic-bezier(.2,0,.2,1);display:flex;box-shadow:0 20px 25px -5px #0000001a}.support-toggle:hover{transform:scale(1.1)}.support-toggle:active{transform:scale(.9)}