@layer reset,base;@layer components{.hw-service{box-sizing:border-box;padding:var(--hw-spacing-xl);background:var(--hw-bg-elevated);color:var(--hw-ink);border:1px solid var(--hw-line);border-radius:16px;flex-direction:column;align-items:flex-start;display:flex}.hw-service__icon{border-radius:var(--hw-radius-pill);background:var(--hw-brand-soft);block-size:56px;inline-size:56px;color:var(--hw-brand-text);flex:none;place-items:center;display:grid}.hw-service__icon .hw-icon{block-size:28px;inline-size:28px}.hw-service__title{margin:var(--hw-spacing-3xl) 0 0;font-size:var(--hw-text-lg);line-height:28px;font-weight:var(--hw-weight-bold);color:var(--hw-ink)}.hw-service__desc{margin:var(--hw-spacing-md) 0 0;font-size:var(--hw-text-md);color:var(--hw-ink);flex-grow:1;line-height:24px}.hw-service__tags{gap:var(--hw-spacing-md);margin:var(--hw-spacing-3xl) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.hw-service__tag{block-size:24px;padding:0 var(--hw-spacing-md);font-size:var(--hw-text-xs);line-height:18px;font-weight:var(--hw-weight-medium);white-space:nowrap;background:var(--hw-bg-muted);color:var(--hw-ink);border-radius:4px;align-items:center;display:inline-flex}.hw-service__tag--success{background:var(--hw-success-soft);color:var(--hw-success-text)}.hw-service__tag--info{background:var(--hw-info-soft);color:var(--hw-info-text)}.hw-service__tag--brand{background:var(--hw-brand-soft);color:var(--hw-brand-text)}.hw-service__tag--warning{background:var(--hw-warning-soft);color:var(--hw-warning-text)}.hw-service__tag--danger{background:var(--hw-danger-soft);color:var(--hw-danger-text)}.hw-service__actions{gap:var(--hw-spacing-xl);flex-wrap:wrap;margin-block-start:var(--hw-spacing-3xl);display:flex}.hw-service--compact{-moz-column-gap:var(--hw-space-3);align-items:center;column-gap:var(--hw-space-3);padding:var(--hw-space-3) var(--hw-space-4);border-radius:var(--hw-radius-md);transition:border-color var(--hw-motion) var(--hw-ease),background var(--hw-motion) var(--hw-ease);grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"icon title aside""icon desc aside";row-gap:2px;display:grid;position:relative}.hw-service--compact .hw-service__icon{grid-area:icon;align-self:start;block-size:40px;inline-size:40px}.hw-service--compact .hw-service__icon .hw-icon{block-size:20px;inline-size:20px}.hw-service--compact .hw-service__title{font-size:var(--hw-text-md);grid-area:title;margin:0;line-height:1.4}.hw-service--compact .hw-service__desc{font-size:var(--hw-text-sm);color:var(--hw-ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-area:desc;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.hw-service__aside{z-index:1;justify-content:flex-end;align-items:center;gap:var(--hw-space-2);flex-wrap:wrap;grid-area:aside;display:flex;position:relative}.hw-service__go{color:var(--hw-ink-3);grid-area:aside}.hw-service__link{color:inherit;text-decoration:none}.hw-service__link:after{content:"";border-radius:inherit;position:absolute;inset:0}.hw-service__link:focus-visible{outline:none}.hw-service--compact:has(.hw-service__link:focus-visible){outline:2px solid var(--hw-focus);outline-offset:2px}.hw-service--compact.is-link:hover{border-color:var(--hw-brand);background:color-mix(in srgb,var(--hw-brand-soft) 35%,var(--hw-bg-elevated))}.hw-service--compact.is-link:hover .hw-service__go{color:var(--hw-brand-text)}.hw-carousel__item>.hw-service{flex:none;inline-size:323px}@media (width<=599px){.hw-carousel__item>.hw-service{inline-size:100cqi}}}@layer utilities;
