/* Home screen */
.home{position:relative;width:100%;max-width:1360px}

/* Panel that contains header and grid */
.home__panel{position:relative;border-radius:24px;border:1px solid var(--color-stroke);background:
  radial-gradient(500px 220px at 10% 0%, color-mix(in srgb, var(--color-surface-alt) 75%, transparent) 0%, transparent 70%),
  radial-gradient(560px 240px at 90% 6%, color-mix(in srgb, var(--color-label-bg) 85%, transparent) 0%, transparent 70%),
  linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg) 100%);
  box-shadow:var(--shadow-lg);
  padding:16px 16px 24px;
}

/* header removed per request */

/* Soft decorative background inspired by the style boards */
.home__bg{position:absolute;inset:-80px -24px -40px;z-index:-1;border-radius:24px;filter:drop-shadow(0 24px 48px rgba(17,17,17,.06));
  background:
    radial-gradient(500px 220px at 10% 0%, color-mix(in srgb, var(--color-surface-alt) 75%, transparent) 0%, transparent 70%),
    radial-gradient(560px 240px at 90% 6%, color-mix(in srgb, var(--color-label-bg) 85%, transparent) 0%, transparent 70%),
    linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg) 100%);
  border:1px solid var(--color-stroke);
}

.apps{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:var(--sp-24);margin-top:var(--sp-20);padding:0 var(--sp-8) var(--sp-4)}
@media (max-width: 980px){
  .apps{grid-template-columns:repeat(2, minmax(0,1fr))}
}
@media (max-width: 640px){
  .apps{grid-template-columns:1fr}
}

.app-card{display:grid;grid-template-rows:auto 1fr auto;background:var(--color-surface);border:1px solid var(--color-stroke);border-radius:16px;box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--tr-base), box-shadow var(--tr-base), border-color var(--tr-base)}
.app-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-line)}

.app-card__top{display:flex;align-items:center;gap:var(--sp-12);padding:var(--sp-16) var(--sp-16);background:var(--color-surface-alt);border-bottom:1px solid var(--color-stroke)}
.app-card--accent .app-card__top{background:color-mix(in srgb, var(--color-surface-alt) 85%, white)}

.tile{width:36px;height:36px;border-radius:10px;background:var(--color-label-bg);display:grid;place-items:center;font-size:18px;box-shadow:var(--shadow-sm)}
.tile--dark{background:var(--color-text);color:var(--color-surface)}
.label.chip{font-size:12px;color:var(--color-text-soft)}
.label.chip--title{font-size:var(--fs-400);font-weight:600;color:var(--color-text);line-height:var(--lh-tight)}

.app-card__body{padding:var(--sp-20) var(--sp-16) var(--sp-12)}
.app-card__title{font-size:var(--fs-500);font-weight:600}
.app-card__desc{color:var(--color-text-muted);font-size:var(--fs-300);margin-top:var(--sp-8)}

.app-card__actions{padding:0 var(--sp-16) var(--sp-16)}