.webapps-module__app,.webapps-module__feature,.webapps-module__item{align-items:center;background:rgb(var(--shade));border:1px solid rgb(var(--border));border-radius:var(--radius);display:flex;flex-direction:column;text-align:center;transition:border-color var(--transition)}.webapps-module__app:hover,.webapps-module__feature:hover,.webapps-module__item:hover{border-color:rgba(var(--tint),.4)}.webapps-module__app-title,.webapps-module__feature-title,.webapps-module__item-title{color:rgb(var(--color));font-family:var(--font-brand);font-style:italic;font-weight:800;line-height:1.3;margin:0}.webapps-module__app-icon,.webapps-module__feature-icon{align-items:center;background:rgba(var(--tint),.1);border:1px solid rgba(var(--tint),.25);border-radius:10px;color:rgb(var(--tint));display:inline-flex;justify-content:center}.webapps-module{background:rgb(var(--shade-dark));border:1px solid rgb(var(--border));border-radius:var(--radius);display:flex;flex-direction:column;gap:2.5rem;padding:2.5rem}@media(max-width:768px){.webapps-module{gap:2rem;padding:1.5rem}}.webapps-module__header{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin:0 auto;max-width:720px;text-align:center}.webapps-module__bar{background:rgb(var(--tint));border-radius:2px;height:3px;width:36px}.webapps-module__title{color:rgb(var(--color));font-family:var(--font-brand);font-size:2.2rem;font-style:italic;font-weight:800;line-height:1.15;margin:0}@media(max-width:768px){.webapps-module__title{font-size:1.7rem}}.webapps-module__subtitle{color:rgba(var(--color),.65);font-size:1rem;line-height:1.55;margin:0;max-width:600px}.webapps-module__divider{background:rgb(var(--border));height:1px}.webapps-module__label{align-items:center;align-self:center;background:rgba(var(--tint),.1);border:1px solid rgba(var(--tint),.25);border-radius:999px;color:rgb(var(--tint));display:inline-flex;font-size:.78rem;font-weight:600;letter-spacing:.06em;padding:.3rem .85rem;text-transform:uppercase}.webapps-module__features{display:grid;gap:1.25rem;grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1100px){.webapps-module__features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.webapps-module__features{grid-template-columns:1fr}}.webapps-module__feature{gap:.85rem;padding:1.6rem 1.2rem}.webapps-module__feature-icon{font-size:1.35rem;height:2.85rem;width:2.85rem}.webapps-module__feature-title{font-size:1.15rem}.webapps-module__feature-text{color:rgba(var(--color),.65);font-size:.88rem;line-height:1.55;margin:0}.webapps-module__tabs{display:flex;flex-direction:column;gap:1.5rem}.webapps-module__tabs-nav{background:rgb(var(--shade));border:1px solid rgb(var(--border));border-radius:calc(var(--radius) + 2px);display:flex;flex-direction:row;flex-wrap:wrap;gap:.35rem;justify-content:center;margin:0 auto;padding:.35rem;width:-moz-fit-content;width:fit-content}.webapps-module__tab{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:rgba(var(--color),.7);cursor:pointer;display:inline-flex;font-size:.92rem;font-weight:500;gap:.55rem;padding:.55rem 1rem;transition:background var(--transition),color var(--transition),border-color var(--transition)}.webapps-module__tab .iconify{font-size:1.1em}.webapps-module__tab:hover{background:rgba(var(--color),.04);color:rgb(var(--color))}.webapps-module__tab.--active{background:rgb(var(--shade-dark));border-color:rgb(var(--border));color:rgb(var(--color))}.webapps-module__tab.--active .iconify{color:rgb(var(--tint))}.webapps-module__items-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1024px){.webapps-module__items-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.webapps-module__items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.webapps-module__items-grid{grid-template-columns:1fr}}.webapps-module__item{gap:.7rem;padding:1.3rem 1rem}.webapps-module__item:hover .webapps-module__item-icon{color:rgb(var(--tint))}.webapps-module__item-icon{color:rgba(var(--color),.55);font-size:1.5rem;transition:color var(--transition)}.webapps-module__item-title{font-size:1rem}.webapps-module__item-tag{align-items:center;background:rgba(var(--tint),.12);border:1px solid rgba(var(--tint),.28);border-radius:999px;color:rgb(var(--tint));display:inline-flex;font-size:.78rem;font-weight:600;margin-top:auto;padding:.25rem .65rem}.webapps-module__apps{display:flex;flex-direction:column;gap:1.5rem}.webapps-module__apps-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1024px){.webapps-module__apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.webapps-module__apps-grid{grid-template-columns:1fr}}.webapps-module__app{gap:.75rem;padding:1.4rem 1.1rem}.webapps-module__app-icon{height:2.85rem;padding:.5rem;width:2.85rem}.webapps-module__app-icon img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.webapps-module__app-title{font-size:1.05rem}.webapps-module__app-tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:.35rem;justify-content:center;margin-top:auto}.webapps-module__app-tag{align-items:center;background:rgba(var(--color),.05);border:1px solid rgba(var(--color),.12);border-radius:999px;color:rgba(var(--color),.75);display:inline-flex;font-size:.72rem;font-weight:500;padding:.22rem .65rem;white-space:nowrap}.webapps-module__apps-footer{align-items:center;background:rgba(var(--tint),.08);border:1px solid rgba(var(--tint),.22);border-radius:999px;display:inline-flex;flex-direction:row;gap:.75rem;justify-content:center;margin:0 auto;padding:.8rem 1.4rem;width:-moz-fit-content;width:fit-content}@media(max-width:600px){.webapps-module__apps-footer{border-radius:var(--radius);padding:.85rem 1.25rem;width:100%}}.webapps-module__apps-footer-count{color:rgb(var(--tint));font-family:var(--font-brand);font-size:1.25rem;font-style:italic;font-weight:800;line-height:1}.webapps-module__apps-footer-text{color:rgba(var(--color),.85);font-size:.9rem;font-weight:500}.offer{overflow:hidden;position:relative}.offer .promotion-badge{align-items:center;background:linear-gradient(135deg,rgb(var(--tint)),rgba(var(--tint),.2));border-radius:var(--radius);color:rgb(var(--tint-color));display:flex;font-size:.9em;gap:5px;padding:5px 10px;position:absolute;right:10px;top:10px;z-index:2}
