/* quote */
.quote{padding:28px 0 8px}
.quote blockquote{margin:0;font-size:clamp(22px,6vw,32px);line-height:1.3;letter-spacing:-.02em;font-weight:600;color:#a1a1a6;text-wrap:balance}
.quote cite{display:block;margin-top:18px;font:500 14px var(--sans);font-style:normal;color:var(--mu)}

/* grouped cards */
.group{background:var(--s1);border:.5px solid var(--line);border-radius:26px;overflow:hidden}
.glass{background:rgba(28,28,30,.6);backdrop-filter:blur(28px) saturate(1.6);-webkit-backdrop-filter:blur(28px) saturate(1.6);border:.5px solid var(--line);border-radius:26px}
.about{padding:26px}
.about p{color:#8e8e93;font-size:18px}
.about p+p{margin-top:14px}
.about strong{color:var(--tx);font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chip{padding:8px 15px;border-radius:99px;background:var(--s2);border:.5px solid var(--line);font-size:15px;font-weight:500;transition:transform .35s var(--spring),background .2s}
.chip:active{transform:scale(.92);background:var(--s3)}

/* services list */
.row{display:flex;gap:16px;align-items:flex-start;padding:20px;position:relative;transition:background .2s}
.row+.row::before{content:"";position:absolute;left:84px;right:0;top:0;border-top:.5px solid var(--line)}
.row:active{background:var(--s2)}
.app{flex:none;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(160deg,#1e1e1e,#050505);border:.5px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 20px rgba(0,0,0,.5);color:var(--gold)}
.app svg{width:30px;height:30px;overflow:visible}
.row h3{margin:2px 0 4px;font-size:19px;font-weight:600;letter-spacing:-.01em}
.row p{font-size:15.5px;line-height:1.42}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.tags span{font-size:12.5px;color:#9a9a9f;background:rgba(255,255,255,.05);padding:3px 10px;border-radius:99px}