.home-hero{text-align:center;background:0 0;padding:3rem 1.25rem 4.5rem}.home-hero__content{max-width:720px;margin:0 auto}.home-hero__title{color:var(--color-text);margin-bottom:1.25rem;font-size:clamp(1.875rem,4.5vw,2.875rem);font-weight:700;line-height:1.25}.home-hero__subtitle{color:var(--color-text-muted);margin-bottom:2rem;font-size:clamp(1rem,2vw,1.125rem);line-height:1.7}.home-hero__actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.apps-section{padding:var(--section-padding);background-color:var(--color-surface)}.apps-grid{grid-template-columns:1fr;gap:1.5rem;max-width:900px;margin:0 auto;display:grid}.app-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;padding:2rem 1.75rem;transition:box-shadow .2s,border-color .2s;display:flex}.app-card:hover{box-shadow:var(--shadow-soft);border-color:var(--color-border-hover)}.app-card--soon{opacity:.75}.app-card--custom{border-style:dashed}.app-card__icon{width:48px;height:48px;color:var(--color-accent);margin-bottom:1rem}.app-card__tag{text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent);background:var(--color-accent-light);border-radius:6px;align-self:flex-start;margin-bottom:.75rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-block}.app-card__title{margin-bottom:.625rem;font-size:1.25rem;font-weight:600}.app-card__text{color:var(--color-text-muted);flex:1;margin-bottom:1.5rem;font-size:.9375rem;line-height:1.65}.app-card__link{color:var(--color-accent);align-items:center;gap:.375rem;font-size:.9375rem;font-weight:500;display:inline-flex}.app-card__link svg{width:18px;height:18px;transition:transform .2s}.app-card__link:hover{color:var(--color-accent-hover)}.app-card__link:hover svg{transform:translate(3px)}.app-card__badge{color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;align-self:flex-start;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;display:inline-block}@media (width>=640px){.apps-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.apps-grid{max-width:var(--max-width);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}