:root { --apps-ink:#181d24; --apps-muted:#646d78; --apps-line:#e5e1da; --apps-paper:#f7f5f1; --apps-orange:#995e2e; }
.apps-page { background:#fff; color:var(--apps-ink); }
.apps-page * { box-sizing:border-box; }
.apps-wrap { width:min(100% - 2.5rem,75rem); margin-inline:auto; }
.apps-kicker { display:flex; align-items:center; justify-content:center; gap:.65rem; margin:0; color:var(--apps-orange); font-size:.72rem; font-weight:900; letter-spacing:.17em; text-transform:uppercase; }
.apps-kicker::before { width:1.8rem; height:1px; background:currentColor; content:''; }
.apps-hero { border-bottom:1px solid var(--apps-line); background:var(--apps-paper); padding:7rem 0 6rem; text-align:center; }
.apps-hero h1 { max-width:58rem; margin:1.2rem auto 0; font-family:'Playfair Display',Georgia,serif; font-size:clamp(3rem,7vw,5.8rem); line-height:1; letter-spacing:-.045em; }
.apps-lead { max-width:46rem; margin:1.5rem auto 0; color:var(--apps-muted); font-size:1.05rem; line-height:1.85; }
.apps-catalogue { min-height:31rem; padding:5.5rem 0 6.5rem; }
.apps-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; border-bottom:1px solid var(--apps-line); padding-bottom:1.4rem; }
.apps-heading .apps-kicker { justify-content:flex-start; }
.apps-heading h2 { margin:.65rem 0 0; font-family:'Playfair Display',Georgia,serif; font-size:clamp(2rem,4vw,3rem); }
.apps-heading > span { color:var(--apps-muted); font-size:.75rem; font-weight:700; }
.apps-list { margin:0; padding:0; list-style:none; }
.apps-list li { border-bottom:1px solid var(--apps-line); }
.apps-product { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:1.4rem; padding:2rem .35rem; color:var(--apps-ink); text-decoration:none; transition:background .2s ease,padding .2s ease; }
.apps-product:hover { background:#fbfaf8; padding-inline:1rem; }
.apps-product-icon { position:relative; display:grid; width:4.5rem; height:4.5rem; place-items:center; border:1px solid var(--apps-line); border-radius:1.25rem; background:var(--apps-paper); }
.apps-product-icon img { border-radius:.65rem; }
.apps-product-icon i { position:absolute; right:.45rem; bottom:.45rem; width:.65rem; height:.65rem; border:2px solid #fff; border-radius:50%; background:#2f8a55; }
.apps-product-content { display:grid; gap:.3rem; }
.apps-product-content small { color:var(--apps-orange); font-size:.65rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.apps-product-content strong { font-family:'Playfair Display',Georgia,serif; font-size:1.55rem; }
.apps-product-content > span { max-width:48rem; color:var(--apps-muted); font-size:.84rem; line-height:1.65; }
.apps-product-arrow { color:var(--apps-orange); font-size:1.45rem; }
.apps-empty { max-width:38rem; margin:5rem auto 0; text-align:center; }
.apps-empty-mark { display:flex; width:4.5rem; height:4.5rem; flex-wrap:wrap; gap:.35rem; align-content:center; justify-content:center; margin:0 auto 1.5rem; border:1px solid var(--apps-line); border-radius:1rem; background:var(--apps-paper); }
.apps-empty-mark i { width:.85rem; height:.85rem; border-radius:.2rem; background:#c7bcb1; }
.apps-empty-mark i:first-child { background:var(--apps-orange); }
.apps-empty h3 { margin:0; font-size:1.18rem; }
.apps-empty p { margin:.7rem 0 0; color:var(--apps-muted); font-size:.88rem; line-height:1.7; }
.apps-note { border-top:1px solid var(--apps-line); background:var(--apps-paper); padding:2.2rem 0; }
.apps-note p { margin:0; color:var(--apps-muted); font-size:.82rem; line-height:1.7; text-align:center; }
.apps-note strong { color:var(--apps-ink); }
.apps-footer { background:var(--apps-ink); padding:3rem 0 1.5rem; color:#aeb5bf; }
.apps-footer-main { display:flex; align-items:center; justify-content:space-between; gap:3rem; }
.apps-footer-brand { display:flex; align-items:center; gap:.7rem; color:#fff; text-decoration:none; }
.apps-footer-brand img { border-radius:.6rem; }
.apps-footer-brand strong { font-family:'Playfair Display',Georgia,serif; font-size:1.2rem; }
.apps-footer nav,.apps-footer-bottom div { display:flex; flex-wrap:wrap; gap:1rem 1.5rem; }
.apps-footer a { color:#c3c9d1; font-size:.75rem; font-weight:700; text-decoration:none; }
.apps-footer a:hover { color:#dfa16f; }
.apps-footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:2rem; margin-top:2.2rem; border-top:1px solid rgb(255 255 255 / 10%); padding-top:1.3rem; font-size:.68rem; }
@media (max-width:650px) {
  .apps-wrap { width:calc(100% - 2rem); }
  .apps-hero { padding:5rem 0 4.5rem; }
  .apps-hero h1 { font-size:clamp(2.8rem,14vw,4rem); }
  .apps-heading { align-items:flex-start; }
  .apps-heading > span { padding-top:.55rem; }
  .apps-product { grid-template-columns:auto minmax(0,1fr); gap:1rem; padding-block:1.5rem; }
  .apps-product-icon { width:3.8rem; height:3.8rem; }
  .apps-product-arrow { display:none; }
  .apps-footer-main,.apps-footer-bottom { display:block; }
  .apps-footer nav { justify-content:flex-start; margin-top:1.5rem; }
  .apps-footer-bottom div { margin-top:1rem; }
}